:root{--shell: #23262b;--shell-hi: #2e333a;--shell-lo: #191b1f;--bezel: #0e1013;--accent: #39c5bb;--btn: #c9476b;--btn-lo: #9c2f4d;--pill: #5a6068;--pill-lo: #3c4147;--dpad: #34373d;--dpad-hi: #43474e;--text: #e8edf2;--muted: #9aa3ad;--panel: #12161b;--panel-edge: #2a3038;--sel: #39c5bb;--danger: #c9476b;--ctl-scale: 1;--device-scale: 1;--shell-margin-y: 14px;--dpad-size: 132px;--ab-w: 150px;--ab-h: 120px;--ab-btn: 62px;--snare-size: 52px}html,body{height:100%;margin:0;box-sizing:border-box;background:#0a0c0f;color:var(--text);overscroll-behavior:none;overflow:hidden}body{display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + var(--shell-margin-y)) env(safe-area-inset-right) calc(env(safe-area-inset-bottom) + var(--shell-margin-y)) env(safe-area-inset-left);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#device,#device *,#device *:before,#device *:after{box-sizing:border-box}#device{position:relative;width:100%;height:100%;max-width:calc(560px * var(--device-scale, 1));max-height:calc(980px * var(--device-scale, 1));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:14px;background:linear-gradient(160deg,var(--shell-hi),var(--shell) 40%,var(--shell-lo));border-radius:26px;box-shadow:inset 0 1px #ffffff14,inset 0 -2px 6px #00000060,0 18px 50px #000a;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#brandbar{display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase}#brandbar .led{display:inline-flex;align-items:center;gap:7px}#brandbar .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}#brandbar .brand-right{display:inline-flex;align-items:center;gap:12px}#chat-toggle{background:var(--pill-lo);color:var(--text);border:none;border-radius:14px;min-height:30px;padding:0 14px;font:inherit;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 2px 4px #0008,inset 0 1px #ffffff18}#chat-toggle[aria-pressed=true]{background:var(--accent);color:#11141a}#screenwrap{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bezel);border-radius:14px;padding:12px;box-shadow:inset 0 0 0 2px #000,inset 0 2px 10px #000a;min-height:0;min-width:0;overflow:hidden}#app{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}#app canvas{image-rendering:pixelated;display:block;border-radius:3px}#chat{position:absolute;left:50%;transform:translate(-50%);bottom:10px;width:min(480px,92%);font-family:monospace;font-size:calc(13px * var(--ui-scale, 1));z-index:5}#chat.hidden{display:none}#chat-log{max-height:clamp(56px,18vh,130px);touch-action:pan-y}#dialogue{position:absolute;left:50%;transform:translate(-50%);bottom:64px;width:min(460px,92%);box-sizing:border-box;z-index:6}#trade-invite,#player-menu,#pvp-invite{position:absolute;top:10px;left:50%;transform:translate(-50%);width:max-content;max-width:92%;z-index:9}#toasts{position:absolute;top:calc(6px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(460px,92%);display:flex;flex-direction:column;gap:6px;z-index:12;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:baseline;gap:8px;background:var(--panel);border:1px solid var(--panel-edge);border-left:3px solid var(--lvl);border-radius:6px;padding:8px 12px;font-family:monospace;font-size:calc(13px * var(--ui-scale, 1));color:var(--text);box-shadow:0 4px 12px #0008;cursor:pointer}.toast-text{color:var(--lvl);flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.toast-count{color:var(--muted);font-weight:700}.toast--error{--lvl: var(--danger)}.toast--warn{--lvl: #ffd166}.toast--info{--lvl: var(--accent)}.toast--success{--lvl: #9ef79e}@media(prefers-reduced-motion:no-preference){.toast{animation:toast-in .16s ease-out}.toast.leaving{animation:toast-out .16s ease-in forwards}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}#controls{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:minmax(calc(var(--snare-size) * var(--ctl-scale)),auto) auto;align-items:end;gap:4px 8px;padding:0 4px 4px;touch-action:none}#controls button{touch-action:none;cursor:pointer}#dpad{width:calc(var(--dpad-size) * var(--ctl-scale));height:calc(var(--dpad-size) * var(--ctl-scale));grid-row:2;grid-column:1;justify-self:start;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}#dpad button{border:none;padding:0;background:var(--dpad);box-shadow:inset 0 1px #ffffff10,0 2px 4px #0007}#dpad .u{grid-area:1 / 2;border-radius:9px 9px 0 0}#dpad .d{grid-area:3 / 2;border-radius:0 0 9px 9px}#dpad .l{grid-area:2 / 1;border-radius:9px 0 0 9px}#dpad .r{grid-area:2 / 3;border-radius:0 9px 9px 0}#dpad .c{grid-area:2 / 2;background:var(--dpad-hi);position:relative;cursor:default}#dpad .c:after{content:"";position:absolute;top:28%;right:28%;bottom:28%;left:28%;border-radius:50%;background:#2a2d33;box-shadow:inset 0 0 6px #000}#dpad button[aria-pressed=true]{background:var(--accent);box-shadow:inset 0 2px 6px #0008}#startsel{grid-row:1;grid-column:1 / -1;display:flex;align-items:center;gap:14px;justify-content:center;align-self:center;padding-bottom:2px}#startsel button{background:var(--pill);color:#11141a;border:none;border-radius:24px;min-height:44px;padding:0 20px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 2px 4px #0008,inset 0 1px #fff2;transform:rotate(-18deg)}#startsel button:active,#startsel button[aria-pressed=true]{background:var(--pill-lo)}#ab{position:relative;grid-row:2;grid-column:3;width:calc(var(--ab-w) * var(--ctl-scale));height:calc(var(--ab-h) * var(--ctl-scale));justify-self:end}#ab button{position:absolute;width:calc(var(--ab-btn) * var(--ctl-scale));height:calc(var(--ab-btn) * var(--ctl-scale));border-radius:50%;border:none;background:radial-gradient(circle at 35% 30%,var(--btn),var(--btn-lo));color:#fff;font-weight:900;font-size:calc(20px * var(--ctl-scale));box-shadow:0 4px 8px #0009,inset 0 2px 2px #ffffff35,inset 0 -3px 6px #0006}#ab .a{right:0;top:6%}#ab .b{left:0;bottom:6%}#ab button:active,#ab button[aria-pressed=true]{transform:translateY(2px);box-shadow:0 2px 4px #0009,inset 0 2px 8px #0007}#snare{grid-row:1;grid-column:3;justify-self:end;align-self:center;z-index:2;position:relative;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--snare-size) * var(--ctl-scale));height:calc(var(--snare-size) * var(--ctl-scale));border:none;border-radius:50%;color:#06302d;background:radial-gradient(circle at 35% 30%,var(--accent),#2a9c93);box-shadow:0 4px 8px #0009,inset 0 2px 2px #ffffff45,inset 0 -3px 6px #0005}#snare[hidden]{display:none}#snare .ico{width:58%;height:58%;pointer-events:none}#snare:active,#snare[aria-pressed=true]{transform:translateY(2px);box-shadow:0 2px 4px #0009,inset 0 2px 8px #0006}#snare:disabled{opacity:.4;filter:grayscale(.45);cursor:default;box-shadow:0 2px 5px #0007,inset 0 1px 1px #fff2}#snare .count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:var(--btn);color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 1px 3px #0009}#snare .count[hidden]{display:none}#snare .dexstar{position:absolute;top:-6px;left:-6px;font-size:15px;line-height:1;color:#ffd23f;text-shadow:0 1px 2px #0009;pointer-events:none;animation:dexstar-pop .32s ease-out 1}#snare .dexstar[hidden]{display:none}@keyframes dexstar-pop{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){#snare .dexstar{animation:none}}#hints{display:none;grid-column:1 / -1;justify-content:center;gap:18px;color:var(--muted);font-size:12px;padding-top:4px}#hints kbd{background:#1c2127;border:1px solid #333b44;border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-family:ui-monospace,monospace;color:var(--text)}#device.big-buttons{--ctl-scale: 1.18}#device.left-handed #controls{direction:rtl}#device.left-handed #controls>*{direction:ltr}#device.left-handed #dpad{justify-self:end}#device.left-handed #ab,#device.left-handed #snare{justify-self:start}@media(orientation:landscape)and (max-height:560px){html[data-pointer=coarse] #device{max-width:none;max-height:none;border-radius:18px;grid-template-rows:auto minmax(0,1fr)}html[data-pointer=coarse] #controls{position:absolute;right:0;bottom:0;left:0;top:34px;display:block;pointer-events:none;padding:0}html[data-pointer=coarse] #controls>*{position:absolute;pointer-events:auto}html[data-pointer=coarse] #dpad{left:14px;bottom:14px}html[data-pointer=coarse] #ab{right:14px;bottom:14px}html[data-pointer=coarse] #snare{right:14px;bottom:142px;left:auto;top:auto}html[data-pointer=coarse] #startsel{left:50%;transform:translate(-50%);bottom:4px;padding-bottom:0}html[data-pointer=coarse] #screenwrap{margin:0 168px}html[data-pointer=coarse] #device.left-handed #dpad{left:auto;right:14px}html[data-pointer=coarse] #device.left-handed #ab,html[data-pointer=coarse] #device.left-handed #snare{right:auto;left:14px}}@media(min-width:900px){html[data-pointer=fine] #device{max-width:calc(880px * var(--device-scale, 1));max-height:calc(900px * var(--device-scale, 1))}html[data-pointer=fine] #dpad,html[data-pointer=fine] #ab{opacity:.45;filter:grayscale(.3);pointer-events:auto;cursor:pointer}html[data-pointer=fine] #dpad:hover,html[data-pointer=fine] #ab:hover,html[data-pointer=fine] #dpad:active,html[data-pointer=fine] #ab:active{opacity:1;filter:none}html[data-pointer=fine] #startsel button{pointer-events:auto}html[data-pointer=fine] #hints{display:flex}}@media(max-width:360px){:root{--dpad-size: 120px;--ab-w: 132px;--ab-h: 108px;--ab-btn: 54px;--snare-size: 46px}}#kit{--kit-box: #f7f8ee;--kit-ink: #2a302e;--kit-row-sel: #e2f4f2;--kit-rail: #bcd9cf;--kit-railbg-on: #1d3a36;--kit-panel: #eef2ea;--kit-muted: #6a766a;--kit-accent: var(--accent, #39c5bb);--kit-danger: #b0413f;position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;display:none;grid-template-rows:auto 1fr auto;background:linear-gradient(#cfe6dd,#bcd9cf);color:var(--kit-ink);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;font-size:calc(16px * var(--ui-scale, 1));transform:translateY(8px);opacity:0;transition:transform .16s ease,opacity .16s ease}#kit.open{display:grid;transform:none;opacity:1}@media(prefers-reduced-motion:reduce){#kit{transition:none}}html.force-reduce #kit,html.force-reduce #kit-insp{transition:none}#kit-status{display:flex;align-items:center;gap:12px;padding:9px 13px;background:var(--kit-railbg-on);color:#cfeae4}#kit-status .nm{font-weight:800;font-size:calc(14px * var(--ui-scale, 1))}#kit-status .sp{flex:1}#kit-status .gold{font-weight:800}#kit-status .gold .coin{color:#e8d24a}#kit-status .certifications{letter-spacing:2px;color:#9fe6d6}#kit-body{display:grid;grid-template-columns:110px 1fr 250px;min-height:0;position:relative}.kit-region{min-height:0;overflow:hidden;display:flex;flex-direction:column}.kit-region.focused{box-shadow:inset 0 0 0 2px var(--kit-accent);border-radius:6px}#kit-rail{background:var(--kit-rail);padding:8px 7px;gap:6px}.kit-railitem{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;border-radius:9px;cursor:pointer;color:#33514a;font-weight:800;font-size:calc(11px * var(--ui-scale, 1));border:2px solid transparent;background:transparent;font-family:inherit}.kit-railitem .ic{font-size:calc(19px * var(--ui-scale, 1));line-height:1}.kit-railitem.on{background:var(--kit-box);color:var(--kit-ink)}.kit-railitem.cur{border-color:var(--kit-accent)}#kit-stage{background:var(--kit-box)}#kit-stagehd{padding:8px 12px 4px;font-weight:900;font-size:calc(12px * var(--ui-scale, 1));color:#5c6b62;text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:flex-start;align-items:center;gap:6px}#kit-back{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-6px 0;border:none;background:transparent;color:var(--kit-accent);font:inherit;font-size:calc(22px * var(--ui-scale, 1));font-weight:900;line-height:1;cursor:pointer}#kit-back:active{color:var(--kit-ink)}#kit-stagefilter{font-weight:700;font-size:calc(11px * var(--ui-scale, 1));color:#7a867c;display:flex;align-items:center;gap:6px;margin-left:auto;text-transform:none;letter-spacing:0}.kit-sort{background:#dfe7d8;border:none;border-radius:6px;color:#33514a;font:inherit;font-weight:800;cursor:pointer;padding:2px 7px;min-height:26px}.kit-sort:active{background:var(--kit-accent)}#kit-stagebody{flex:1;overflow-y:auto;padding:4px 8px 10px;touch-action:pan-y}.kit-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;border:2px solid transparent;width:100%;background:transparent;font:inherit;text-align:left;min-height:48px}.kit-row.cur{background:var(--kit-row-sel);border-color:var(--kit-accent)}.kit-row:active{background:#d3eeea}.kit-row.dim{opacity:.55}.kit-row .swatch{width:34px;height:34px;border-radius:8px;flex:0 0 auto;box-shadow:inset 0 0 0 2px #0002;display:flex;align-items:center;justify-content:center;font-weight:900;color:#0006;font-size:calc(15px * var(--ui-scale, 1))}.kit-row .mid{flex:1;min-width:0}.kit-row .nm{font-weight:800;font-size:calc(14px * var(--ui-scale, 1));color:var(--kit-ink);display:flex;align-items:center;gap:6px}.kit-row .nm .lead{color:#caa23a}.kit-row .nm .owned{color:var(--kit-muted);font-weight:700}.kit-row .sub{font-size:calc(11px * var(--ui-scale, 1));color:#6a766a;margin-top:2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kit-row .rt{font-weight:800;font-size:calc(12px * var(--ui-scale, 1));color:var(--kit-ink);white-space:nowrap;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.kit-row.faint .nm{color:#b05050}.kit-optrow .opt-ctrl{display:flex;align-items:center;gap:6px}.opt-arrow{background:#dfe7d8;border:none;border-radius:7px;color:#33514a;font:inherit;font-weight:900;line-height:1;cursor:pointer;min-width:30px;min-height:30px;padding:4px 6px;font-size:calc(13px * var(--ui-scale, 1))}.opt-arrow:active{background:var(--kit-accent)}.opt-arrow.dim{opacity:.3;cursor:default}.opt-dots{letter-spacing:1px;color:var(--kit-accent);font-size:calc(11px * var(--ui-scale, 1))}.opt-val{font-weight:800;min-width:3.5em;text-align:right;color:var(--kit-ink);font-size:calc(12px * var(--ui-scale, 1))}.opt-seg{background:#dfe7d8;border:none;color:#6a766a;font:inherit;font-weight:800;cursor:pointer;padding:5px 12px;min-height:30px;font-size:calc(12px * var(--ui-scale, 1))}.opt-seg:first-child{border-radius:7px 0 0 7px}.opt-seg:last-child{border-radius:0 7px 7px 0}.opt-seg.sel{background:var(--kit-accent);color:#08201d}.kit-hdr{padding:10px 12px 3px;font-size:calc(11px * var(--ui-scale, 1));letter-spacing:.1em;text-transform:uppercase;color:var(--kit-muted);font-weight:800}.kit-note{padding:9px 12px;font-size:calc(12px * var(--ui-scale, 1));color:var(--kit-muted)}.kit-pickbtn{display:block;width:100%;margin:6px 0;padding:12px;border-radius:9px;border:2px solid transparent;background:#dfe7d8;color:var(--kit-ink);font:inherit;font-weight:800;cursor:pointer;text-align:center}.kit-pickbtn.cur{border-color:var(--kit-accent);background:#cfe7df}.kit-pickbtn.danger{color:var(--kit-danger)}.kit-hp{height:6px;width:72px;border-radius:4px;background:#d7ddcf;overflow:hidden;display:inline-block;vertical-align:middle}.kit-hp i{display:block;height:100%}.kit-faint{color:#b05050;font-weight:800}.kit-chip{display:inline-block;padding:1px 6px;border-radius:6px;font-size:calc(10px * var(--ui-scale, 1));font-weight:900;color:#1c211e;letter-spacing:.03em}#kit-stagebody.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;align-content:start}.kit-cell{border-radius:9px;padding:8px 6px;background:#e8eee1;cursor:pointer;border:2px solid transparent;text-align:center;font:inherit}.kit-cell.cur{border-color:var(--kit-accent);background:var(--kit-row-sel)}.kit-cell .ph{width:46px;height:46px;border-radius:9px;margin:0 auto 5px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#0005}.kit-cell .dexname{font-size:calc(11px * var(--ui-scale, 1));font-weight:800;color:var(--kit-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kit-cell .dexno{font-size:calc(9px * var(--ui-scale, 1));color:#8a948c}.kit-cell.unseen{cursor:default;color:#9aa39a}.kit-cell.unseen .ph{background:#cdd5c8}.kit-cell.unseen .dexname{color:#9aa39a}.kit-cell.seen .ph{filter:brightness(.32)}#kit-insp{background:var(--kit-panel);border-left:1px solid #d7ddcf}#kit-inspbody{flex:1;overflow-y:auto;padding:12px;touch-action:pan-y}.kit-icard .big{width:62px;height:62px;border-radius:12px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:calc(22px * var(--ui-scale, 1));color:#0006;box-shadow:inset 0 0 0 2px #0002}.kit-icard .big.fog{color:#3a3f3a}.kit-icard h3{margin:0;text-align:center;color:var(--kit-ink);font-size:calc(16px * var(--ui-scale, 1))}.kit-icard .meta{text-align:center;color:#6a766a;font-size:calc(12px * var(--ui-scale, 1));margin:2px 0 10px}.kit-chips{display:flex;gap:5px;justify-content:center;margin-bottom:10px}.kit-stat{display:flex;align-items:center;gap:7px;margin:4px 0;font-size:calc(11px * var(--ui-scale, 1));color:#5c6b62;font-weight:700}.kit-stat .lab{width:30px}.kit-stat .bar{flex:1;height:7px;border-radius:4px;background:#dee4d6;overflow:hidden}.kit-stat .bar.hp{background:none;height:auto;overflow:visible}.kit-stat .bar i{display:block;height:100%;background:linear-gradient(90deg,#7fbf8f,#4fa46a)}.kit-stat .val{width:26px;text-align:right;color:var(--kit-ink)}.kit-cardnotes{font-size:calc(11px * var(--ui-scale, 1));color:#6a766a;line-height:1.5;margin-top:10px}.kit-cardnotes p{margin:0 0 6px}.kit-inspempty{padding:24px 12px;text-align:center;color:#8a948c;font-size:calc(12px * var(--ui-scale, 1))}.kit-actions{margin-top:12px;display:flex;flex-direction:column;gap:6px}.kit-act{padding:11px 10px;border-radius:9px;background:#dfe7d8;color:var(--kit-ink);font-weight:800;font-size:calc(13px * var(--ui-scale, 1));cursor:pointer;border:2px solid transparent;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:inherit}.kit-act .actnote{font-size:calc(10px * var(--ui-scale, 1));font-weight:600;color:var(--kit-muted)}.kit-act.cur{border-color:var(--kit-accent);background:#cfe7df}.kit-act.danger{color:var(--kit-danger)}.kit-act.dim{opacity:.5;cursor:default}.kit-trainer{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 4px}.kit-trainer .trow{background:#e8eee1;border-radius:9px;padding:9px 11px}.kit-trainer .k{display:block;font-size:calc(10px * var(--ui-scale, 1));text-transform:uppercase;letter-spacing:.06em;color:var(--kit-muted);font-weight:800}.kit-trainer .v{display:block;font-size:calc(17px * var(--ui-scale, 1));font-weight:800;color:var(--kit-ink);margin-top:2px}#kit-hint{padding:8px 13px;background:#dfe7d8;color:#5c6b62;font-size:calc(11px * var(--ui-scale, 1));display:flex;justify-content:space-between;gap:10px;border-top:1px solid #cfd8c8}#kit-hint b{color:#33514a}#device.big-buttons #kit .kit-row,#device.big-buttons #kit .kit-act,#device.big-buttons #kit .kit-railitem{min-height:56px;font-size:calc(15px * var(--ui-scale, 1))}#device.big-buttons #kit .opt-arrow,#device.big-buttons #kit .opt-seg{min-height:42px;min-width:42px}#device.big-buttons #kit #kit-back{min-height:52px;min-width:52px}@media(max-width:620px){#kit-body{grid-template-columns:1fr;grid-template-rows:1fr}#kit-rail{display:grid;grid-auto-rows:min-content;align-content:start;gap:10px;padding:12px;overflow-y:auto}#kit-rail.focused{box-shadow:none}.kit-railitem{min-width:0;min-height:calc(78px * var(--ui-scale, 1));padding:12px 6px;border-radius:12px;background:var(--kit-box);justify-content:center}.kit-railitem .ic{font-size:calc(26px * var(--ui-scale, 1))}#kit.kit-athome #kit-stage,#kit.kit-athome #kit-insp{display:none}#kit:not(.kit-athome) #kit-rail{display:none}#kit.kit-athome #kit-rail,#kit:not(.kit-athome) #kit-stage{animation:kit-page-in .14s ease}#kit-back{display:inline-flex;align-items:center}#device.big-buttons #kit .kit-railitem{min-height:calc(96px * var(--ui-scale, 1))}#kit-insp{position:absolute;top:0;right:0;bottom:0;width:80%;max-width:300px;transform:translate(102%);transition:transform .16s ease;z-index:6;box-shadow:-8px 0 24px #0005;border-left:1px solid #cfd8c8}#kit.show-insp #kit-insp{transform:none}}@keyframes kit-page-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){#kit-insp{transition:none}#kit-rail,#kit-stage{animation:none}}html.force-reduce #kit-rail,html.force-reduce #kit-stage{animation:none}#device.left-handed #kit-body{direction:rtl}#device.left-handed #kit-body>*{direction:ltr}#onboarding{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;background:radial-gradient(120% 120% at 50% 0%,#12302a,#0d1f1a);color:#cfeacb;border-radius:3px;overflow:hidden;font-size:calc(16px * var(--ui-scale, 1))}#ob-dots{display:flex;gap:6px;justify-content:center;padding:12px 0 4px;flex:0 0 auto}#ob-dots .d{width:7px;height:7px;border-radius:50%;background:#2c5048}#ob-dots .d.on{background:var(--accent);box-shadow:0 0 6px var(--accent)}#ob-dots .d.done{background:#3f7a6e}#ob-body{flex:1;display:flex;min-height:0}.ob-step{flex:1;display:flex;flex-direction:column;padding:14px 18px 0;overflow-y:auto;touch-action:pan-y}.ob-step.ob-center{align-items:center;justify-content:center;text-align:center}.ob-step h2{margin:6px 0 4px;font-size:calc(20px * var(--ui-scale, 1));color:#eafff5}.ob-step p.sub{margin:0 0 14px;color:#8fcabb;font-size:calc(13px * var(--ui-scale, 1))}#onboarding .ob-focus{outline:2px solid var(--accent);outline-offset:2px}.ob-logo{font-size:calc(34px * var(--ui-scale, 1));font-weight:900;letter-spacing:.02em;color:#eafff5;text-shadow:0 2px 0 #0c2a23,0 0 18px #39c5bb55;margin-bottom:4px}.ob-tag{color:#7fb7a8;font-size:calc(13px * var(--ui-scale, 1));margin-bottom:26px}.ob-big{display:block;width:220px;max-width:80%;margin:8px auto;padding:14px;border-radius:12px;border:none;font:inherit;font-size:calc(15px * var(--ui-scale, 1));font-weight:800;cursor:pointer}.ob-big.primary{background:var(--accent);color:#06231d}.ob-big.ghost{background:#15332c;color:#cfeacb;border:1px solid #2c5a4f}.ob-field{margin-bottom:12px}.ob-field label{display:block;font-size:calc(12px * var(--ui-scale, 1));color:#8fcabb;margin-bottom:5px;letter-spacing:.04em}.ob-field input{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:9px;border:1px solid #2c5a4f;background:#0c1c18;color:#eafff5;font:inherit;font-size:calc(15px * var(--ui-scale, 1))}.ob-field input:focus{outline:none;border-color:var(--accent)}.ob-field input:disabled{opacity:.7}.ob-avail{font-size:calc(12px * var(--ui-scale, 1));margin-top:-6px;min-height:16px}.ob-avail.ok{color:#7fe0b0}.ob-avail.bad{color:#ff9b9b}.ob-notice{min-height:16px;margin:6px 0;font-size:calc(12px * var(--ui-scale, 1));color:#ffd166}.ob-link{background:none;border:none;color:#8fcabb;font:inherit;font-size:calc(12px * var(--ui-scale, 1));text-decoration:underline;cursor:pointer;align-self:flex-start;padding:4px 0}.ob-starters{display:flex;gap:10px}.ob-starter{flex:1;display:flex;flex-direction:column;align-items:center;background:#0c1c18;border:2px solid #223344;border-radius:12px;padding:12px 8px;color:inherit;font:inherit;text-align:center;cursor:pointer;transition:transform .08s;min-height:48px}.ob-starter.sel{border-color:var(--accent);background:#10302a;transform:translateY(-3px)}.ob-starter canvas{image-rendering:pixelated;width:64px;height:64px}.ob-starter .nm{font-weight:800;font-size:calc(14px * var(--ui-scale, 1));margin-top:6px}.ob-starter .ty{font-size:calc(11px * var(--ui-scale, 1));color:#8fcabb;margin-top:2px}.ob-flavor{margin-top:14px;background:#0c1c18;border:1px solid #2c5a4f;border-radius:10px;padding:12px;font-size:calc(13px * var(--ui-scale, 1));color:#bfe7d8;min-height:54px}.ob-custwrap{display:flex;gap:16px;align-items:flex-start}.ob-avatarbox{flex:0 0 auto;background:#0c1c18;border:1px solid #2c5a4f;border-radius:12px;padding:12px;text-align:center}.ob-avatarbox canvas,#ob-recap{image-rendering:pixelated;width:120px;height:150px}#ob-recap{width:96px;height:120px}.ob-avatarbox .cap{font-size:calc(11px * var(--ui-scale, 1));color:#8fcabb;margin-top:6px}.ob-pickers{flex:1}.ob-picker{margin-bottom:12px}.ob-picker .pl{font-size:calc(12px * var(--ui-scale, 1));color:#8fcabb;margin-bottom:6px;letter-spacing:.04em}.ob-picker .sw{display:flex;gap:8px;flex-wrap:wrap}.ob-picker .sw button{width:30px;height:30px;border-radius:7px;border:2px solid #00000066;cursor:pointer;padding:0}.ob-picker .sw button.sel{outline:2px solid var(--accent);outline-offset:2px}.ob-picker .sw button.sel.ob-focus{outline-width:3px}.ob-rand{margin-top:4px;background:#15332c;color:#cfeacb;border:1px solid #2c5a4f;border-radius:9px;padding:9px 14px;font:inherit;font-size:calc(13px * var(--ui-scale, 1));cursor:pointer}.ob-recap-text{margin:10px 0 20px;font-size:calc(14px * var(--ui-scale, 1));color:#bfe7d8}.ob-recap-text .dim{color:#8fcabb}.ob-nav{display:flex;justify-content:space-between;gap:10px;margin-top:auto;position:sticky;bottom:0;padding:14px 0;background:linear-gradient(to top,#0d1f1a 72%,#0d1f1a00)}.ob-btn{padding:11px 18px;border-radius:10px;border:none;font:inherit;font-size:calc(14px * var(--ui-scale, 1));font-weight:700;cursor:pointer;min-height:44px}.ob-btn.back{background:#15332c;color:#cfeacb;border:1px solid #2c5a4f}.ob-btn.next{background:var(--accent);color:#06231d}.ob-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:480px){.ob-step{padding:10px 12px 0}.ob-step h2{margin-top:2px;font-size:calc(17px * var(--ui-scale, 1))}.ob-step p.sub{margin-bottom:8px}.ob-custwrap{gap:10px}.ob-avatarbox{padding:8px}.ob-avatarbox canvas{width:72px;height:90px}.ob-picker{margin-bottom:8px}.ob-picker .sw{gap:6px}.ob-rand{padding:7px 12px}.ob-nav{padding:10px 0}.ob-flavor{margin-top:8px;min-height:0}.ob-starter canvas{width:48px;height:48px}}#kicked-notice{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:none;align-items:center;justify-content:center;background:#000c;border-radius:3px}#kicked-notice .kicked-panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;padding:18px 22px;text-align:center;color:var(--text);font-size:calc(14px * var(--ui-scale, 1))}#kicked-notice button{margin-top:10px;padding:10px 16px;border:none;border-radius:9px;background:var(--accent);color:#06231d;font:inherit;font-weight:700;cursor:pointer}#shop{--shop-box: #f7f8ee;--shop-ink: #2a302e;--shop-row-sel: #e2f4f2;--shop-edge: #dfe3da;--shop-clerk: #244b44;--shop-muted: #6a766a;position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:21}#shop.open{display:flex}#shop-screen{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(#cfe6dd,#bcd9cf);color:var(--shop-ink);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;font-size:calc(16px * var(--ui-scale, 1))}#shop-clerk{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--shop-clerk);color:#eafff5}#shop-clerk canvas{image-rendering:pixelated;width:40px;height:50px;flex:0 0 auto}#shop-clerk .speech{flex:1;font-size:calc(13px * var(--ui-scale, 1));line-height:1.3}#shop-tabs{display:flex;gap:6px;padding:8px 10px 0;background:#bcd9cf}.shop-tab{flex:1;text-align:center;padding:9px 7px;border:2px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;font:inherit;font-weight:800;font-size:calc(12px * var(--ui-scale, 1));background:#a6c8bd;color:#33514a;cursor:pointer}.shop-tab.on{background:var(--shop-box);color:var(--shop-ink)}#shop-wallet{display:flex;justify-content:flex-end;align-items:baseline;gap:3px;padding:6px 12px;background:var(--shop-box);color:var(--shop-ink);font-weight:800;font-size:calc(13px * var(--ui-scale, 1));border-bottom:1px solid var(--shop-edge)}#shop-wallet .g{font-size:calc(11px * var(--ui-scale, 1));color:var(--shop-muted)}#shop-list{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:6px;background:var(--shop-box);touch-action:pan-y}.shop-item{display:flex;align-items:center;gap:10px;padding:10px;border:2px solid transparent;border-radius:8px;cursor:pointer;min-height:48px}.shop-item.sel{background:var(--shop-row-sel);border-color:var(--accent)}.shop-item:active{background:#d3eeea}.shop-item.cant{opacity:.75;cursor:default}.shop-item .ic{width:30px;height:30px;flex:0 0 auto;border-radius:7px;box-shadow:inset 0 0 0 2px #0002}.shop-item .mid{flex:1;min-width:0}.shop-item .nm{font-weight:800;font-size:calc(14px * var(--ui-scale, 1));color:var(--shop-ink)}.shop-item .owned{font-size:calc(11px * var(--ui-scale, 1));color:#8a948c}.shop-item .ds{font-size:calc(11px * var(--ui-scale, 1));color:var(--shop-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-item .pr{flex:0 0 auto;font-weight:800;font-size:calc(13px * var(--ui-scale, 1));color:var(--shop-ink);text-align:right;white-space:nowrap}.shop-item.cant .pr{color:var(--danger)}.shop-empty{list-style:none;padding:20px 12px;text-align:center;color:var(--shop-muted);font-size:calc(13px * var(--ui-scale, 1))}#shop-hint{display:flex;justify-content:space-between;padding:8px 12px;background:#eef2ea;color:var(--shop-muted);font-size:calc(11px * var(--ui-scale, 1));border-top:1px solid var(--shop-edge)}#shop-stepper{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:flex-end;background:#0006}#shop-stepper.open{display:flex}#shop-step-card{width:100%;padding:14px 16px 16px;background:var(--shop-box);color:var(--shop-ink);border-top:3px solid #444c48;border-radius:14px 14px 0 0;transform:translateY(0);transition:transform .18s ease-out}#shop-stepper.open #shop-step-card{animation:shop-slide-up .18s ease-out}@keyframes shop-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}#shop-step-card .top{display:flex;align-items:center;gap:10px}#shop-step-card .ic{width:34px;height:34px;border-radius:8px;box-shadow:inset 0 0 0 2px #0002}#shop-step-card .nm{font-weight:800;font-size:calc(15px * var(--ui-scale, 1))}#shop-step-card .unit{font-size:calc(12px * var(--ui-scale, 1));color:var(--shop-muted)}#shop-step-card .stepper{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0 6px}#shop-step-card .stepper button{width:46px;height:46px;border-radius:12px;border:2px solid #cdd2c9;background:#fff;font:inherit;font-size:calc(22px * var(--ui-scale, 1));font-weight:800;color:var(--shop-ink);cursor:pointer}#shop-step-card .stepper button:active{background:#eef2ea}#shop-step-card .qty{min-width:54px;text-align:center;font-size:calc(26px * var(--ui-scale, 1));font-weight:900}#shop-step-total{margin-bottom:14px;text-align:center;font-size:calc(14px * var(--ui-scale, 1));font-weight:800}#shop-step-total.cant{color:var(--danger)}.buyrow{display:flex;gap:10px}.buyrow button{flex:1;padding:13px;border:none;border-radius:10px;font:inherit;font-weight:800;font-size:calc(15px * var(--ui-scale, 1));cursor:pointer}.buyrow .cancel{background:#e7ebe3;color:var(--shop-ink)}.buyrow .confirm{background:var(--accent);color:#06231d}.buyrow .confirm:disabled{opacity:.4;cursor:not-allowed}@media(prefers-reduced-motion:reduce){#shop-stepper.open #shop-step-card,#shop-step-card{animation:none;transition:none}}#trialreward{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:22;font-size:calc(16px * var(--ui-scale, 1))}#trialreward.open{display:flex}#gr-screen{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;overflow:hidden;background:radial-gradient(120% 100% at 50% 0%,#2a2440,#16131f 80%);color:#e8edf2;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif}.gr-title{font-weight:700;font-size:1.2em;letter-spacing:.04em;color:#f0d98a}.gr-sub{font-size:.85em;color:#b6b0c6;margin-bottom:4px}.gr-cards{display:flex;gap:8px;align-items:stretch;justify-content:center;width:100%;max-width:560px}.gr-card{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:5px;padding:8px 7px 9px;border:2px solid #3a3550;border-top:4px solid var(--rar, #9aa39a);border-radius:8px;background:#221d33;color:inherit;text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .28s ease}.gr-card.sel{border-color:var(--rar, #9aa39a);box-shadow:0 0 0 2px var(--rar, #9aa39a) inset,0 4px 14px #0008;transform:translateY(-3px)}.gr-card.forgone{opacity:.18;transform:scale(.95)}.gr-card.chosen{box-shadow:0 0 0 3px var(--rar) inset,0 0 18px var(--rar)}.gr-rar{font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.gr-name{font-weight:700;font-size:.95em;line-height:1.15}.gr-affs{display:flex;flex-direction:column;gap:3px;margin-top:2px}.gr-aff{display:flex;align-items:baseline;gap:5px;font-size:.78em}.gr-aff .k{flex:1;color:#c9c3da}.gr-aff .t{color:#8b86a0;font-size:.85em;letter-spacing:-.5px}.gr-aff .v{color:#e8edf2;font-weight:600}.gr-aff.none{color:#8b86a0;font-style:italic}.gr-vendor{margin-top:auto;padding-top:4px;font-size:.72em;color:#8b86a0}.gr-hint{font-size:.8em;color:#b6b0c6;margin-top:6px}@media(prefers-reduced-motion:reduce){.gr-card{transition:none}}