:root{--bg:#6fcbea;--bg-2:#c9f1ff;--panel:#fffdf7;--panel-2:#eef8fc;--ink:#1f3550;--muted:#5d7188;--line:#cfe2ec;--line-2:#b4d2e0;--accent:#ffcf5a;--accent-d:#dda226;--accent-ink:#2a1d00;--coral:#ff7a59;--coral-d:#d9583a;--shadow:#c3dbe7;--dim:#092f4759;--radius:24px;--tap:56px;--border:2.5px}@media (prefers-color-scheme:dark){:root{--bg:#0f3d5e;--bg-2:#145a85;--panel:#10314c;--panel-2:#173f60;--ink:#f4fbff;--muted:#a9c6d9;--line:#2c5f84;--line-2:#3d7aa3;--shadow:#07202f;--dim:#02101c8c}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;margin:0;font-family:ui-rounded,SF Pro Rounded,Nunito,Segoe UI,Roboto,system-ui,-apple-system,sans-serif}#app{position:fixed;inset:0}.screen{position:absolute;inset:0}.screen[hidden]{display:none}.page{padding:max(12px, env(safe-area-inset-top)) 16px 24px;background:radial-gradient(circle at 18% 28%, #ffffff59 0 9px, transparent 10px), radial-gradient(circle at 78% 18%, #ffffff4d 0 6px, transparent 7px), radial-gradient(circle at 64% 62%, #ffffff47 0 12px, transparent 13px), radial-gradient(circle at 30% 80%, #ffffff40 0 7px, transparent 8px), radial-gradient(circle at 88% 74%, #ffffff4d 0 5px, transparent 6px), linear-gradient(180deg, var(--bg-2), var(--bg));overflow:auto}.bar{justify-content:space-between;align-items:center;gap:12px;padding:8px 0 12px;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:900}@media (max-width:430px){h1{font-size:25px}}h2{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:900}h3{color:var(--muted);margin:18px 0 8px;font-size:16px;font-weight:800}button,label.big{font:inherit;color:var(--ink);background:var(--panel);border:var(--border) solid var(--line-2);min-height:var(--tap);cursor:pointer;box-shadow:0 4px 0 var(--shadow);border-radius:18px;padding:10px 16px;font-weight:800;transition:transform 60ms,box-shadow 60ms}button:active,label.big:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(3px)}button.primary,label.big{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-d);box-shadow:0 4px 0 var(--accent-d)}button.primary:active,label.big:active{box-shadow:0 1px 0 var(--accent-d)}button:disabled{opacity:.55;cursor:default;transform:none}button.chip{min-height:40px;box-shadow:0 3px 0 var(--shadow);border-radius:999px;padding:6px 14px;font-size:14px}button.chip:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(2px)}button.close{border-radius:50%;width:44px;min-height:44px;padding:0;font-size:24px;line-height:1}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.card{background:var(--panel);border:var(--border) solid var(--line-2);border-radius:var(--radius);cursor:pointer;text-align:left;min-height:124px;box-shadow:0 5px 0 var(--shadow);font:inherit;color:var(--ink);flex-direction:column;justify-content:flex-end;gap:4px;padding:16px;transition:transform 60ms,box-shadow 60ms;display:flex}.card:active{box-shadow:0 2px 0 var(--shadow);transform:translateY(3px)}.card b{font-size:18px;font-weight:900}.card small{color:var(--muted);font-weight:700}.card.new{color:var(--muted);border-style:dashed;justify-content:center;align-items:center;font-size:44px}#world-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.menu-toggle{left:50%;bottom:max(6px, env(safe-area-inset-bottom));background:var(--panel);width:68px;height:32px;min-height:0;color:var(--ink);opacity:.8;z-index:3;box-shadow:none;border-bottom:0;border-radius:14px 14px 0 0;justify-content:center;align-items:center;padding:0;transition:bottom .2s,opacity .2s;display:flex;position:absolute;transform:translate(-50%)}.menu-toggle:active{box-shadow:none;transform:translate(-50%)}.menu-toggle svg{transition:transform .2s}.menu-toggle[aria-expanded=true]{bottom:calc(100px + env(safe-area-inset-bottom));opacity:.95}.menu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.drawer{height:calc(100px + env(safe-area-inset-bottom));padding:10px 12px calc(10px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;background:var(--panel);border-top:var(--border) solid var(--line-2);z-index:2;border-radius:22px 22px 0 0;flex-direction:row;gap:8px;animation:.18s ease-out drawer-in;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:auto hidden;box-shadow:0 -6px 24px #092f472e}.drawer[hidden]{display:none}.drawer::-webkit-scrollbar{display:none}@keyframes drawer-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.drawer button{scroll-snap-align:start;text-align:center;background:var(--panel-2);width:84px;height:76px;min-height:0;box-shadow:0 3px 0 var(--shadow);border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:11px;line-height:1.15;display:flex}.drawer button:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(2px)}.drawer .ico{font-size:26px;line-height:1}.toast{z-index:20;text-align:center;max-width:calc(100vw - 32px);top:max(16px, env(safe-area-inset-top));background:var(--panel);color:var(--ink);border:var(--border) solid var(--line-2);box-shadow:0 4px 0 var(--shadow);border-radius:999px;padding:10px 18px;font-weight:800;position:fixed;left:50%;transform:translate(-50%)}.panel{background:var(--panel);padding:max(12px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));overflow:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.tile{background:var(--panel-2);border:2px solid var(--line-2);cursor:pointer;text-align:center;min-height:120px;font:inherit;color:var(--ink);box-shadow:0 3px 0 var(--shadow);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;font-weight:800;display:flex}.tile:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(2px)}.tile img{object-fit:contain;width:100%;height:72px}.tile .emoji{font-size:40px}.tile.empty{color:var(--muted);min-height:60px;box-shadow:none;border-style:dashed;grid-column:1/-1;font-size:14px}.tile .del{min-height:36px;box-shadow:0 2px 0 var(--shadow);margin-top:4px;padding:4px 10px;font-size:13px;position:relative}.hint{color:var(--muted);font-weight:600;line-height:1.4}.row{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.row>*{flex:140px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.working{align-items:center;gap:12px;padding:16px 0;font-weight:700;display:flex}.spinner{border:3px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#7a2416;background:#ffe6e0;border:2px solid #ffb3a3;border-radius:16px;padding:12px;font-weight:700}.found{font-size:18px;font-weight:900}.preview{border:2px solid var(--line-2);background:#fff;border-radius:20px;padding:12px}.preview img{object-fit:contain;width:100%;max-height:40vh;display:block}.hold{border-radius:50%;width:104px;height:104px;font-size:30px}.hold.holding{transform:scale(.94)translateY(3px)}.muted{color:var(--muted);font-size:13px;font-weight:600}#licenses details{margin:6px 0}#licenses pre{white-space:pre-wrap;color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:11px}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}.drawer{animation:none}}.slider{grid-template-columns:1fr 1.4fr;align-items:center;gap:12px;margin:12px 0;font-size:15px;font-weight:700;display:grid}.slider input[type=range]{width:100%;height:var(--tap);accent-color:var(--accent-d);margin:0}.card{position:relative}.card .x{background:var(--panel);width:36px;min-height:36px;box-shadow:0 2px 0 var(--shadow);border-radius:50%;padding:0;font-size:18px;line-height:1;position:absolute;top:8px;right:8px}.confirm{flex-direction:column;justify-content:center;align-items:stretch;max-width:520px;margin:0 auto;display:flex}.confirm[hidden]{display:none}.confirm p{font-size:18px;font-weight:700;line-height:1.45}.tile.backdrop img{object-fit:cover;border-radius:12px;height:120px}.tile.selected{outline:4px solid var(--accent);outline-offset:2px}.tile img.thumb{object-fit:contain;height:96px}.preview img{max-height:46vh}.preview.dark{background:linear-gradient(#2a86b8,#0f3d5e)}.sheets{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:640px){.sheets{grid-template-columns:1fr 1fr}}.sheet-card{background:var(--panel-2);border:2px solid var(--line-2);border-radius:var(--radius);box-shadow:0 4px 0 var(--shadow);grid-template-columns:1fr;gap:10px;padding:12px;display:grid}.sheet-card .pv{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;justify-content:center;align-items:center;height:190px;display:flex;overflow:hidden}.sheet-card .pv img{object-fit:contain;width:100%;height:100%;padding:8px}.sheet-card .meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;display:flex}.sheet-card .meta b{font-size:18px;font-weight:900}.sheet-card .meta small{color:var(--muted);font-weight:700}.sheet-card .row{margin:0}.sheet-view{border:2px solid var(--line-2);background:#fff;border-radius:16px;padding:8px}.sheet-view img{object-fit:contain;width:100%;max-height:68vh;display:block}.chips{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.card.tank{background:linear-gradient(160deg, #e3f7fb, var(--panel))}.card.sea{background:linear-gradient(160deg, #d6ecfa, var(--panel))}#backdrop-list{display:block}#backdrop-list h3{margin:14px 0 8px}.grid.two{grid-template-columns:1fr 1fr}.tile.newworld{justify-content:flex-start;padding:8px 8px 14px}.tile.newworld img{object-fit:cover;border-radius:14px;height:46vh;max-height:360px}.tile.newworld b{font-size:20px;font-weight:900}.tile.newworld small{color:var(--muted);font-size:13px;font-weight:600;line-height:1.3}.tile.away{opacity:.6}.tile.away button:disabled{background:var(--panel);color:var(--muted);font-weight:700}.away-note{border:2px solid var(--line-2);background:#dff1fb;border-radius:16px;margin:0 0 10px;padding:10px 12px;font-weight:700}.sheet-group{margin:16px 0 8px}.sheet-group h3{color:var(--ink);margin:0 0 2px;font-size:18px;font-weight:900}.sheet-group p{margin:0}.sheet-card .row>button{min-height:48px}.sheet-card .ico,#sheet-actions .ico{font-size:18px;line-height:1}#sheet-actions .row{margin-top:12px}.help-steps{gap:12px;display:grid}.help-step{background:var(--panel-2);border:2px solid var(--line-2);border-radius:var(--radius);box-shadow:0 4px 0 var(--shadow);grid-template-columns:112px 1fr;align-items:center;gap:14px;padding:10px 14px 10px 10px;display:grid}.help-step .art{border:2px solid var(--line);background:#fff;border-radius:16px;padding:6px;position:relative}.help-step .art svg{width:100%;height:auto;display:block}.help-step .num{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);border:2px solid var(--accent-d);box-shadow:0 2px 0 var(--accent-d);border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute;top:-10px;left:-10px}.help-step b{margin-bottom:4px;font-size:17px;font-weight:900;display:block}.help-step p{color:var(--muted);margin:0;font-size:15px;font-weight:600;line-height:1.4}.help-step.extra{background:#fff6dc}@media (min-width:720px){.help-steps{grid-template-columns:1fr 1fr}}@media (min-width:760px) and (min-height:520px){.panel{border:3px solid var(--line-2);width:min(640px,100vw - 48px);max-height:calc(100vh - 48px);box-shadow:0 8px 0 var(--shadow), 0 24px 80px #00000059, 0 0 0 100vmax var(--dim);border-radius:30px;padding:20px 24px 24px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}#screen-print,#screen-pick,#screen-help,#screen-newworld,#screen-backdrop{width:min(900px,100vw - 48px)}.confirm{justify-content:flex-start}}.drop-hint{color:var(--muted);margin:0 0 4px;font-size:14px;font-weight:600}#screen-capture.dropping{outline:4px dashed var(--accent);outline-offset:-12px}#print-all{margin:4px 0 8px}@media (min-width:900px){.panel .sheets{grid-template-columns:repeat(3,1fr)}}input.pin{font:inherit;letter-spacing:.35em;text-align:center;border:3px solid var(--line-2);width:100%;max-width:280px;color:var(--ink);background:#fff;border-radius:18px;margin:8px auto 4px;padding:12px 0 12px .35em;font-size:34px;font-weight:900;display:block}.pin-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.pin-row input.pin{flex:200px;margin:0}.pin-row .chip{flex:none;min-height:44px}input.pin.code{max-width:320px}input.pin:focus,.field input:focus{border-color:var(--accent-d);outline:none;box-shadow:0 0 0 4px #ffcf5a73}.field{color:var(--muted);gap:6px;margin:10px 0;font-size:15px;font-weight:700;display:grid}.field input:not(.pin){font:inherit;border:3px solid var(--line-2);color:var(--ink);background:#fff;border-radius:16px;padding:12px 14px;font-size:18px;font-weight:700}.share{text-align:center;flex-direction:column;align-items:center;display:flex}.share .qr{border:2px solid var(--line-2);aspect-ratio:1;background:#fff;border-radius:20px;width:min(260px,70vw);padding:14px}.share .qr svg{width:100%;height:100%;display:block}.share-code{gap:2px;margin-top:10px;display:grid}.share-code small{color:var(--muted);font-weight:700}.share-code b{letter-spacing:.15em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:900}.share .row{width:100%;max-width:420px}.share-link{word-break:break-all}.card.open-code{text-align:center;border-style:dashed;justify-content:center;align-items:center;font-weight:900}.home-hint{color:var(--ink);margin:0 0 12px;font-weight:700}@media (prefers-color-scheme:dark){input.pin,.field input:not(.pin){background:#0b2438}.error{color:#ffd9d3;background:#ff5a5a33;border-color:#ff787880}.away-note{background:#2a86b84d}.card.tank{background:linear-gradient(160deg, #7fd6e338, var(--panel))}.card.sea{background:linear-gradient(160deg, #2a86b859, var(--panel))}.help-step.extra{background:#ffcf5a1a}.home-hint{color:var(--ink)}}