:root{--void: #07040F;--cabinet: #100A22;--cabinet-raised: #140A28;--panel-solid: #160E2E;--edge: #2E2154;--edge-hot: #473480;--cyan: #22E4FF;--magenta: #FF2E88;--gold: #FFC531;--green: #3BFF8F;--text: #EDE9FF;--text-dim: #A99FD1;--text-faint: #8078A6;--font-arcade: "Press Start 2P", "Courier New", monospace;--font-ui: "Chakra Petch", system-ui, -apple-system, sans-serif;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--radius: 4px;--radius-tight: 2px;--radius-pill: 999px;--border: 2px;--glow-cyan: 0 0 8px rgba(34, 228, 255, .55), 0 0 24px rgba(34, 228, 255, .25);--glow-magenta: 0 0 8px rgba(255, 46, 136, .55), 0 0 24px rgba(255, 46, 136, .25);--glow-gold: 0 0 8px rgba(255, 197, 49, .5), 0 0 22px rgba(255, 197, 49, .22);--scanline: linear-gradient(transparent 0 2px, rgba(0, 0, 0, .22) 2px 4px)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--void);background-image:radial-gradient(900px 520px at 50% -10%,#2A1B5522 0%,transparent 70%),var(--scanline);background-size:auto,100% 4px;color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:700}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:var(--border) solid var(--cyan);outline-offset:2px;border-radius:var(--radius)}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}body{background-image:radial-gradient(900px 520px at 50% -10%,#2A1B5522 0%,transparent 70%)}}.panel{background:var(--cabinet);border:var(--border) solid var(--edge);border-radius:var(--radius);padding:var(--s5)}.app-frame{background:var(--cabinet);border:var(--border) solid var(--edge-hot);border-radius:var(--radius);overflow:hidden;position:relative;max-width:1080px;margin:0 auto}.app-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--scanline);background-size:100% 4px}.arcade-label{font-family:var(--font-arcade);font-size:9px;letter-spacing:.08em;color:var(--text-faint)}.btn{font-family:var(--font-arcade);font-size:9px;line-height:1.6;padding:11px 14px;border-radius:var(--radius);border:var(--border) solid var(--edge-hot);background:#1e1440;color:var(--text);cursor:pointer;transition:border-color .12s,background .12s}.btn:hover{border-color:var(--cyan)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{border-color:var(--edge-hot)}.btn-primary{border-color:var(--cyan);color:var(--cyan);background:#0e2b33;text-shadow:var(--glow-cyan)}.btn-ghost{background:transparent;color:var(--text-dim)}.btn-ghost:hover{color:var(--text)}.btn-danger{border-color:#c2306b;color:#ff8fb8;background:#2c0f22}.navtab{font-family:var(--font-arcade);font-size:8px;padding:9px 12px;border-radius:var(--radius);background:#1e1440;border:var(--border) solid var(--edge);color:var(--text-dim);cursor:pointer}.navtab:hover{color:var(--text)}.navtab.is-on{border-color:var(--cyan);color:var(--cyan);background:#16203d;text-shadow:var(--glow-cyan)}.cover{position:relative;border-radius:var(--radius-tight);overflow:hidden;flex:none;flex-shrink:0;object-fit:cover;box-shadow:0 8px 24px -8px #000,0 0 0 2px #0006;background:var(--panel-solid)}.cover-small{width:36px;height:54px}.cover-medium{width:72px;height:110px}.field{width:100%;padding:10px 12px;border-radius:var(--radius);border:var(--border) solid var(--edge);background:#0c0720;color:var(--text)}.field:hover{border-color:var(--edge-hot)}.field-label{font-size:13px;font-weight:600;margin-bottom:4px;display:block}.toast-stack{position:fixed;right:var(--s4);bottom:var(--s4);z-index:60;display:flex;flex-direction:column;gap:var(--s2);max-width:min(380px,calc(100vw - var(--s6)))}.toast{background:var(--panel-solid);border:var(--border) solid var(--cyan);border-radius:var(--radius);padding:var(--s3) var(--s4);color:var(--text);font-size:14.5px;box-shadow:0 12px 30px -12px #000}.toast.is-error{border-color:#c2306b}.toast-dismiss{border:0;margin-left:var(--s3);cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#07040fd1;display:flex;align-items:center;justify-content:center;padding:var(--s4)}.modal{max-width:520px;width:100%;max-height:86vh;overflow:auto}.modal-footer{display:flex;gap:var(--s2);justify-content:flex-end;margin-top:var(--s3)}.settings-menu{position:absolute;top:110%;right:0;z-index:40;min-width:220px;background:var(--panel-solid);border:var(--border) solid var(--edge);border-radius:var(--radius);box-shadow:0 12px 30px -12px #000;padding:var(--s2);display:flex;flex-direction:column;gap:var(--s2)}.settings-menu .btn{width:100%}.shell-pad{padding:var(--s5)}.icon-btn{width:40px;height:40px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.no-margin{margin:0}.no-margin-top{margin-top:0}.heading-gap-sm{margin:0 0 var(--s2) 0}.hs-head{text-align:center;margin-bottom:var(--s5)}.hs-title{font-family:var(--font-arcade);font-size:18px;color:var(--gold);text-shadow:var(--glow-gold);margin-bottom:var(--s2)}.hs-sub{font-family:var(--font-arcade);font-size:8px;color:var(--text-faint)}.hs-list{display:flex;flex-direction:column;gap:2px}.hs-row{display:grid;grid-template-columns:52px 44px 1fr auto;gap:var(--s4);align-items:center;padding:var(--s3);background:#140d2b;border:var(--border) solid transparent;border-radius:var(--radius-tight)}.hs-row:hover{border-color:var(--edge-hot)}.hs-row.is-1{border-color:var(--gold);background:var(--cabinet-raised)}.hs-row.is-2{border-color:#c9d2e0}.hs-row.is-3{border-color:#c08050}.hs-rank{font-family:var(--font-arcade);font-size:13px;color:var(--text-faint);text-align:right}.hs-row.is-1 .hs-rank{color:var(--gold);text-shadow:var(--glow-gold)}.hs-row.is-2 .hs-rank{color:#e4eaf2}.hs-row.is-3 .hs-rank{color:#e0a070}.hs-row .cover{width:44px;height:64px}.hs-name{font-family:var(--font-ui);font-size:16.5px;font-weight:700;line-height:1.25}.hs-author{font-family:var(--font-ui);font-size:12.5px;color:var(--text-dim)}.hs-right{text-align:right}.hs-score{font-family:var(--font-arcade);font-size:13px;color:var(--cyan);text-shadow:var(--glow-cyan)}.hs-none{font-family:var(--font-arcade);font-size:9px;color:var(--text-faint)}.hs-wl{font-family:var(--font-arcade);font-size:7px;color:var(--text-faint);margin-top:5px}.hs-rating{display:flex;justify-content:flex-end;margin-top:var(--s2)}.hs-book-btn{border:0;padding:0;text-align:left;cursor:pointer}.hs-share-row{display:flex;justify-content:center;margin-top:var(--s5)}@media (max-width: 560px){.hs-row{grid-template-columns:40px 36px 1fr;row-gap:var(--s2)}.hs-right{grid-column:2 / -1;text-align:left}.hs-rating{justify-content:flex-start}}.duel-top{text-align:center;margin-bottom:var(--s6)}.duel-round{font-family:var(--font-arcade);font-size:9px;color:var(--text-faint);margin-bottom:var(--s3)}.duel-q{font-family:var(--font-arcade);font-size:16px;line-height:1.6;margin-bottom:var(--s4);color:var(--text)}.duel-meter{max-width:420px;margin:0 auto}.duel-meter-top{display:flex;justify-content:space-between;font-family:var(--font-arcade);font-size:8px;color:var(--text-faint);margin-bottom:6px}.duel-meter-bar{height:12px;border:var(--border) solid var(--edge-hot);border-radius:var(--radius-tight);background:#0c0720;padding:2px}.duel-meter-fill{height:100%;background:repeating-linear-gradient(90deg,var(--cyan) 0 8px,#0C0720 8px 10px);box-shadow:var(--glow-cyan)}.duel-stage{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--s4);align-items:stretch}.fighter{background:var(--panel-solid);border:var(--border) solid var(--edge);border-radius:var(--radius);padding:var(--s5);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:border-color .12s,transform .18s,opacity .18s}.fighter.is-p1{border-color:var(--cyan)}.fighter.is-p2{border-color:var(--magenta)}.fighter.is-won{transform:scale(1.03);box-shadow:var(--glow-gold);border-color:var(--gold)}.fighter.is-lost{transform:scale(.97);opacity:.45}.fighter.is-drawn{border-color:var(--text-faint);opacity:.7}.ptag{position:absolute;top:-11px;left:50%;transform:translate(-50%);font-family:var(--font-arcade);font-size:8px;padding:4px 10px;border-radius:var(--radius-tight);background:var(--void);border:var(--border) solid var(--edge);white-space:nowrap}.fighter.is-p1 .ptag{color:var(--cyan);border-color:var(--cyan)}.fighter.is-p2 .ptag{color:var(--magenta);border-color:var(--magenta)}.fighter .cover{width:116px;height:174px;margin-bottom:var(--s4)}.fighter-name{font-family:var(--font-ui);font-size:18px;font-weight:700;line-height:1.25;margin-bottom:3px;color:var(--text)}.fighter-author{font-family:var(--font-ui);font-size:13px;color:var(--text-dim);margin-bottom:var(--s3)}.hp{width:100%;margin-bottom:var(--s4)}.hp-label{font-family:var(--font-arcade);font-size:7px;color:var(--text-faint);margin-bottom:4px;text-align:left}.hp-bar{height:10px;border:var(--border) solid var(--edge-hot);background:#0c0720;padding:1px;position:relative;cursor:pointer}.hp-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--gold));transition:width .18s}.fighter .btn{margin-top:auto;width:100%}.vs-badge{align-self:center;font-family:var(--font-arcade);font-size:20px;color:var(--gold);text-shadow:var(--glow-gold);padding:0 var(--s2)}.duel-foot{display:flex;justify-content:center;gap:var(--s3);margin-top:var(--s5);flex-wrap:wrap}.duel-hint{text-align:center;margin-top:var(--s4);font-family:var(--font-arcade);font-size:8px;color:var(--text-faint);line-height:2.2}.duel-hint kbd{font-family:var(--font-arcade);font-size:8px;background:#1e1440;border:var(--border) solid var(--edge-hot);border-radius:var(--radius-tight);padding:4px 7px;color:var(--cyan)}@media (max-width: 760px){.duel-stage{grid-template-columns:1fr}.vs-badge{justify-self:center;padding:var(--s2) 0}.fighter .cover{width:96px;height:144px}}.hp-click{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.hp-click-seg{flex:1;background:transparent;border:0;padding:0;cursor:pointer}.duel-empty{text-align:center;color:var(--text-dim);font-size:14px;padding:var(--s5) 0}.title-screen{text-align:center;padding:var(--s7) var(--s4)}.title-logo{font-family:var(--font-arcade);font-size:26px;line-height:1.5;color:var(--gold);text-shadow:var(--glow-gold);margin-bottom:var(--s3)}.title-tag{font-family:var(--font-arcade);font-size:9px;color:var(--cyan);text-shadow:var(--glow-cyan);margin-bottom:var(--s7)}.title-menu{display:flex;flex-direction:column;gap:var(--s3);align-items:center}.title-menu .btn{min-width:min(300px,100%);font-size:10px;padding:15px 20px}.title-foot{font-family:var(--font-arcade);font-size:8px;color:var(--text-faint);margin-top:var(--s6)}.boot{text-align:center;padding:var(--s8) var(--s4)}.boot-text{font-family:var(--font-arcade);font-size:11px;color:var(--cyan);text-shadow:var(--glow-cyan)}@media (max-width: 480px){.title-logo{font-size:18px}}