:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10131f;--surface:#1a2033;--raised:#232a40;--line:#2c3550;--fg:#eef1f8;--muted:#9aa5bd;--accent:#ffcf3f;--ink:#0b0e19;--hp:#e0303c;--xp:#ffcf3f;--ok:#7dffb0;--font:"Exo 2", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font);overscroll-behavior:none;margin:0;font-size:15px;line-height:1.4}button,select{font:inherit;color:inherit}button{cursor:pointer;text-align:inherit;touch-action:manipulation;background:0 0;border:0;padding:0}h2,h3,p,dl,dd{margin:0}[hidden]{display:none!important}.muted{color:var(--muted);font-size:13px}small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}#app{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0);flex-direction:column;display:flex;position:fixed;inset:0}.stage{background:var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;flex:0 0 44%;min-height:220px;position:relative;overflow:hidden}#map{image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;top:0;left:0}#hud{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.topbar{pointer-events:none;background:#0b0e19c7;border-radius:999px;align-items:center;gap:8px;padding:5px 10px;font-size:14px;font-weight:700;display:flex;position:absolute;top:8px;left:8px}.el{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--el);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.toasts{flex-direction:column;align-items:flex-end;gap:6px;max-width:72%;display:flex;position:absolute;top:8px;right:8px}.toast{border:2px solid var(--rar,var(--line));background:#0b0e19e6;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:6px 10px 6px 6px;animation:.22s ease-out pop;display:flex}.toast .txt{flex-direction:column;padding-left:4px;display:flex}.toast b{font-size:14px}.toast span span{color:var(--muted);font-size:12px}.toast .thumb{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--rar) 55%, #1a2033), #10131f 80%);border-radius:6px;flex:none;width:36px;height:36px}.toast .art{width:100%;height:100%;display:block}@keyframes pop{0%{opacity:0;transform:translateY(-8px)}}.overlay{background:#0b0e19d1;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.repair{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:300px;display:flex}.timer{font-variant-numeric:tabular-nums;color:var(--accent);font-size:40px;font-weight:700;line-height:1}.panel{background:var(--bg);border-top:2px solid var(--ink);flex-direction:column;flex:1;min-height:0;display:flex}.status{background:var(--surface);grid-template-columns:1fr 1fr;gap:6px 10px;padding:10px 14px 8px;display:grid}.who{grid-column:1/-1;align-items:baseline;gap:8px;font-size:16px;display:flex}.lvl{color:var(--accent);font-weight:700}.scrap{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.scrap:before{content:"";background:#b9c4d8;border:2px solid #5c6884;width:10px;height:10px;margin-right:6px;display:inline-block;transform:rotate(45deg)}.bar{background:var(--ink);height:18px;box-shadow:inset 0 0 0 1px var(--line);border-radius:5px;position:relative;overflow:hidden}.bar i{background:var(--hp);transition:width .15s linear;position:absolute;inset:0 auto 0 0}.bar.xp i{background:var(--xp)}.bar span{text-align:center;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:11px;font-weight:700;line-height:18px;display:block;position:relative}.rates{color:var(--muted);grid-column:1/-1;justify-content:space-between;gap:8px;font-size:12px;display:flex}.rates b{color:var(--fg);font-variant-numeric:tabular-nums;margin-left:2px}.tabs{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0);order:3;grid-template-columns:repeat(3,1fr);display:grid}.tabs button{text-align:center;min-height:52px;color:var(--muted);border-top:3px solid #0000;font-size:15px;font-weight:700}.tabs button[aria-selected=true]{color:var(--fg);border-top-color:var(--accent);background:var(--raised)}.view{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:18px;min-height:0;padding:12px 14px 20px;display:flex;overflow-y:auto}section{flex-direction:column;gap:8px;display:flex}section>h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700;display:flex}.count{letter-spacing:0;text-transform:none;font-weight:500}.slots{flex-direction:column;gap:6px;display:flex}.slot{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--rar);border-radius:10px;align-items:center;gap:10px;width:100%;min-height:60px;padding:6px;display:flex}.thumb{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--rar) 50%, #1a2033), #10131f 85%);border-radius:8px;flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.art{object-fit:contain;width:100%;height:100%;display:block}.art.glyph{color:color-mix(in srgb, var(--rar) 70%, #1a2033);padding:14%}.slot .info{flex-direction:column;flex:1;min-width:0;display:flex}.slot .info b{color:var(--rar);font-size:15px}.sp{color:#7ff0ff;font-size:12px}.swap{background:var(--raised);border:1px solid var(--line);border-radius:8px;flex:none;place-items:center;min-height:44px;padding:0 12px;font-size:13px;font-weight:700;display:grid}.attrs{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.attrs div{background:var(--surface);border-radius:8px;justify-content:space-between;gap:8px;padding:7px 10px;font-size:14px;display:flex}.attrs dt{color:var(--muted)}.attrs dd{font-variant-numeric:tabular-nums;font-weight:700}.core{background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.core i{background:radial-gradient(circle at 35% 30%, #fff, var(--el) 45%, color-mix(in srgb, var(--el) 40%, #000));width:30px;height:30px;box-shadow:0 0 12px var(--el);border-radius:50%;flex:none}.core span{flex-direction:column;display:flex}.chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.chip{background:var(--surface);border:1px solid var(--line);min-height:36px;color:var(--muted);border-radius:999px;flex:none;padding:0 12px;font-size:13px;font-weight:600}.chip[aria-pressed=true]{background:var(--accent);color:var(--ink);border-color:var(--accent)}.grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.tile{background:var(--surface);border:2px solid var(--rar);text-align:center;border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:6px;display:flex;position:relative}.tile .pic{aspect-ratio:1;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--rar) 60%, #1a2033), #10131f 82%);border-radius:6px;display:block;overflow:hidden}.tile b{font-size:12px;line-height:1.2}.tile small{color:var(--rar);font-size:10px}.tile em{background:var(--ok);color:var(--ink);border-radius:999px;padding:0 6px;font-size:10px;font-style:normal;font-weight:700;position:absolute;top:4px;left:4px}.star{background:#4fe3f5;width:10px;height:10px;position:absolute;top:8px;right:8px;transform:rotate(45deg);box-shadow:0 0 8px #4fe3f5}.empty{padding:16px 4px}.field{flex-direction:column;gap:8px;display:flex}select{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:0 10px}.hunts{flex-direction:column;gap:8px;display:flex}.hunt{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--el);border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.hunt.locked{opacity:.62}.hunt.here{box-shadow:inset 0 0 0 1px var(--el)}.hunt header{justify-content:space-between;align-items:center;gap:8px;display:flex}.hunt h3{font-size:17px}.drops{color:var(--muted);font-size:13px}.drops b{color:var(--fg)}.tag{background:var(--raised);color:var(--muted);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.tag.on{background:var(--ok);color:var(--ink)}.btn{background:var(--raised);border:1px solid var(--line);text-align:center;border-radius:10px;min-height:44px;padding:0 16px;font-weight:700}.btn.primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sheet,.modal{z-index:10;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:#05060fbf;align-items:center;padding:20px}.backdrop{background:#05060fb8;position:absolute;inset:0}.dialog{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;width:min(360px,100%);padding:18px;display:flex}.report{margin:0;padding:0;list-style:none}.report li{border-bottom:1px solid var(--line);justify-content:space-between;padding:6px 0;display:flex}.card{width:min(380px,100%);max-height:94%;padding:10px 10px calc(12px + env(safe-area-inset-bottom,0));background:linear-gradient(160deg, color-mix(in srgb, var(--rar) 55%, #fff) 0%, var(--rar) 22%, color-mix(in srgb, var(--rar) 45%, #05060f) 60%, color-mix(in srgb, var(--rar) 75%, #05060f) 100%);box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #ffffff4d;border-radius:18px 18px 0 0;flex-direction:column;gap:8px;animation:.2s ease-out up;display:flex;position:relative;overflow-y:auto}@keyframes up{0%{opacity:0;transform:translateY(30px)}}.card .top{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);align-items:center;gap:8px;padding:0 2px 0 6px;font-size:12px;font-weight:700;display:flex}.slotname{background:var(--ink);color:var(--fg);letter-spacing:.06em;border-radius:999px;margin-left:auto;padding:3px 10px}.x{background:var(--ink);width:44px;height:36px;color:var(--fg);text-align:center;border-radius:10px;font-size:22px;line-height:1}.artbox{height:min(38vh,240px);box-shadow:0 0 0 2px var(--ink), inset 0 0 0 1px #fff;background:repeating-conic-gradient(from 0deg at 50% 48%, #ffffff17 0 10deg, transparent 10deg 20deg), radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--rar) 80%, #fff 0%), color-mix(in srgb, var(--rar) 40%, #0b1026) 55%, #0b1026);border-radius:12px;overflow:hidden}.card h2{text-align:center;background:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rar) 70%, transparent);border-radius:10px;padding:7px 10px;font-size:22px}.stats{background:var(--raised);box-shadow:0 0 0 2px var(--ink);border-radius:10px;padding:4px 12px}.row{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:6px 0;font-size:14px;display:flex}.row:last-child{border-bottom:0}.row b{font-variant-numeric:tabular-nums}.row.bonus span{color:var(--muted)}.row small{margin-left:6px}.special{background:var(--ink);border-radius:10px;padding:9px 12px;box-shadow:inset 0 0 0 1px #4fe3f5}.spt{color:#7ff0ff;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.spt small{color:#7ff0ff;opacity:.7;margin-left:auto}.spt i{background:#4fe3f5;flex:none;width:10px;height:10px;transform:rotate(45deg);box-shadow:0 0 10px #4fe3f5}.special p{color:var(--muted);margin-top:3px;font-size:13px}.cmp{background:var(--ink);border-radius:10px;padding:8px 12px}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.actions .btn{background:var(--ink)}.actions .btn.primary{background:var(--accent)}.foot{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);justify-content:space-between;padding:0 6px;font-size:11px;font-weight:700;display:flex}.trade,.bound{background:var(--ink);color:var(--ok);border-radius:999px;padding:1px 8px}.bound{color:var(--muted)}@media (orientation:landscape) and (width>=700px){#app{flex-direction:row}.stage{flex:auto;min-height:0}.panel{border-top:0;border-left:2px solid var(--ink);flex:0 0 min(400px,44%)}.tabs{border-top:0;border-bottom:1px solid var(--line);order:0;padding-bottom:0}.tabs button{border-top:0;border-bottom:3px solid #0000}.tabs button[aria-selected=true]{border-bottom-color:var(--accent)}.sheet{align-items:center}.card{border-radius:18px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}