:root{color-scheme:dark;--void: #080a12;--night: #11172a;--forest: #163829;--ink: #211912;--gold: #ffd15c;--gold-dark: #8f5f1e;--aqua: #73ddff;--purple: #8e68ff;--green: #72d56f;--red: #ff6464;--paper: #fff1c2;--panel: rgba(15, 21, 33, .92);--panel-warm: rgba(65, 43, 25, .88);--line: rgba(255, 217, 121, .56);--line-blue: rgba(115, 221, 255, .35);font-family:Mali,system-ui,sans-serif;background:var(--void)}*{box-sizing:border-box}body{margin:0;min-width:320px;color:#fff8df;background:linear-gradient(180deg,#15233c,#12261f 44%,#080a12)}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{min-height:100vh;position:relative;overflow-x:hidden}.app-shell:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:24px 24px;image-rendering:pixelated}.app-shell:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.24),transparent 18%,transparent 82%,rgba(0,0,0,.24)),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);opacity:.7}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px clamp(14px,3vw,34px);border-bottom:3px solid #5b4427;background:linear-gradient(180deg,#141a29f5,#080a12f5);box-shadow:inset 0 -2px #0d0f16,0 6px #00000047;position:sticky;top:0;z-index:20}.brand,.topbar nav button{border:2px solid transparent;color:#fff;background:transparent;display:inline-flex;align-items:center;gap:8px}.brand{min-height:44px;color:var(--gold);text-shadow:0 2px #3b2514}.brand span{font-family:Pixelify Sans,Mali;font-size:1.35rem;font-weight:700;color:var(--gold)}.topbar nav{display:flex;gap:8px;align-items:center}.topbar nav button{border-color:#6a5332;border-radius:4px;min-height:42px;padding:8px 12px;background:#ffffff0e;box-shadow:inset 0 -3px #00000059}.topbar nav button:hover{border-color:var(--gold);color:var(--gold)}.landing{min-height:calc(100vh - 69px);display:grid;grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr);gap:clamp(18px,3.2vw,44px);align-items:stretch;padding:clamp(14px,2.8vw,38px);background:linear-gradient(90deg,#080a12ad,#080a1238 48%,#080a12bd),linear-gradient(180deg,#ffd15c14,#0d1e1829)}.title-screen{align-self:center;display:grid;align-content:center;gap:14px;min-height:min(780px,calc(100vh - 110px));padding:clamp(18px,3vw,34px);border:3px solid #6b5030;border-radius:8px;background:linear-gradient(180deg,#151927f0,#0a0d16f5),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 6px);box-shadow:inset 0 0 0 2px #fff1c214,0 18px 70px #0000007a}.title-emblem{width:min(130px,36vw);aspect-ratio:1;display:grid;grid-template-rows:1fr auto;place-items:center;border:2px solid var(--line);border-radius:8px;color:var(--gold);background:linear-gradient(180deg,#73ddff29,#ffd15c14),repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 2px,transparent 2px 8px);box-shadow:inset 0 -8px #00000038,0 0 34px #ffd15c24;text-shadow:0 2px #3b2514}.title-emblem svg{align-self:end;filter:drop-shadow(0 4px 0 rgba(53,32,13,.72))}.title-emblem span{align-self:start;color:#b8fff0;font-family:"Press Start 2P",Pixelify Sans,sans-serif;font-size:.74rem;margin-top:6px}.title-kicker{margin:0;color:var(--aqua);font-family:Pixelify Sans,Mali;font-weight:700;font-size:1rem}.landing h1{font-family:"Press Start 2P",Pixelify Sans,sans-serif;font-size:clamp(2.25rem,5.4vw,5.6rem);line-height:1.12;margin:0;color:var(--gold);text-shadow:0 5px #4c2d11,0 0 24px rgba(255,209,92,.28)}.landing h2,.center-panel h1,.page-heading h1,.class-select h1,.report h1{font-family:Pixelify Sans,Mali;color:#fff1b6;font-size:clamp(1.8rem,4vw,3rem);margin:0}.landing h2{color:#b8fff0;text-shadow:0 3px #14241e}.title-copy,.page-heading p{color:#d9e2ff;font-size:1.05rem;line-height:1.8}.title-copy{width:min(560px,100%);margin:0}.start-menu{display:grid;gap:10px;width:min(420px,100%);margin-top:8px}.start-command{min-height:68px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon meta";align-items:center;gap:2px 12px;border:3px solid #5d482b;border-radius:8px;background:linear-gradient(180deg,#273a4e,#111827);color:#fff8df;padding:12px 16px;text-align:left;box-shadow:inset 0 -5px #00000059,0 6px #00000052}.start-command svg{grid-area:icon;color:var(--gold)}.start-command span{grid-area:title;font-weight:900;font-size:1.15rem}.start-command small{grid-area:meta;color:#bdd0ff}.start-command.primary{color:#2a1b09;background:linear-gradient(180deg,#ffe997,#ffcf58);border-color:#fff0b6}.start-command.primary small{color:#5b3b17}.start-command:hover{transform:translateY(-2px);filter:brightness(1.08)}.title-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#c6d7ff;font-family:Pixelify Sans,Mali}.title-status span,.title-status b{border:1px solid rgba(255,255,255,.18);border-radius:4px;background:#ffffff0f;padding:6px 8px}.title-status b{color:var(--gold)}.landing-stage{position:relative;min-height:min(780px,calc(100vh - 110px));overflow:hidden;border-radius:8px;border:3px solid #6b5030;background:#0b101c;box-shadow:inset 0 0 0 2px #fff1c214,0 22px 80px #00000080}.stage-sky{position:absolute;inset:0;background:linear-gradient(180deg,rgba(79,125,185,.36),transparent 36%),radial-gradient(circle at 72% 22%,rgba(255,209,92,.18),transparent 20%)}.stage-hud.top{position:absolute;top:14px;left:14px;right:14px;z-index:4;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:2px solid var(--line);border-radius:6px;background:#070a12c7;padding:9px 12px;color:#fff8df}.stage-hud span,.stage-hud i,.enemy-hud span,.quest-log span,.command-window b{color:var(--gold);font-family:Pixelify Sans,Mali;font-style:normal}.stage-hud b{color:#b8fff0}.enemy-hud{position:absolute;top:70px;right:22px;z-index:5;width:min(280px,44%);border:2px solid rgba(255,100,100,.72);border-radius:6px;background:#180c12d6;padding:10px 12px}.enemy-hud b{display:block;color:#ffd1d1;margin:2px 0 8px}.enemy-hud div{height:10px;border-radius:999px;overflow:hidden;background:#ffffff29}.enemy-hud i{display:block;height:100%;background:linear-gradient(90deg,#ff6464,#ffd15c)}.stage-field{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#78c8f6,#bfefff 38%,#79c56b 38%,#407a43 61%,#1e2f21);image-rendering:pixelated}.stage-field:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,10,18,.38),transparent 18%,transparent 76%,rgba(8,10,18,.44)),linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%,rgba(5,10,8,.48) 100%)}.stage-field:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-16%;z-index:1;height:50%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 2px,transparent 2px 36px),repeating-linear-gradient(0deg,rgba(12,57,25,.5) 0 2px,transparent 2px 30px);transform:perspective(520px) rotateX(66deg);transform-origin:bottom;opacity:.48}.stage-clouds,.stage-mountains,.stage-ground{position:absolute;pointer-events:none}.stage-clouds{inset:0;z-index:0;background:radial-gradient(ellipse at 12% 16%,rgba(255,255,255,.92) 0 5%,transparent 5.4%),radial-gradient(ellipse at 21% 20%,rgba(255,255,255,.78) 0 5%,transparent 5.5%),radial-gradient(ellipse at 67% 14%,rgba(255,255,255,.82) 0 4.5%,transparent 5%),radial-gradient(ellipse at 77% 18%,rgba(255,255,255,.64) 0 5%,transparent 5.4%);filter:drop-shadow(0 8px 0 rgba(83,137,178,.16))}.stage-mountains{left:-5%;right:-5%;bottom:37%;z-index:0;height:30%;background:linear-gradient(135deg,transparent 0 18%,#4f8f68 18% 34%,transparent 34%),linear-gradient(45deg,transparent 0 30%,#2f6d54 30% 50%,transparent 50%),linear-gradient(135deg,transparent 0 54%,#315d55 54% 72%,transparent 72%);opacity:.86}.stage-ground{left:-3%;right:-3%;bottom:0;z-index:0;height:40%;background:linear-gradient(180deg,#8fcf60e6,#275b26eb 42%,#1a2f1dfa),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 8px,transparent 8px 34px);clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}.landing-boss{position:absolute;z-index:3;right:4%;bottom:23%;width:min(390px,38vw);filter:drop-shadow(0 18px 18px rgba(0,0,0,.55))}.landing-minion{position:absolute;z-index:3;right:34%;bottom:20%;width:min(150px,16vw);filter:drop-shadow(0 12px 12px rgba(0,0,0,.48))}.landing-party{position:absolute;z-index:4;left:5%;right:42%;bottom:25%;display:flex;align-items:end;gap:clamp(4px,1vw,12px)}.party-sprite{display:grid;justify-items:center;gap:4px;min-width:64px}.party-sprite img{height:clamp(88px,12vw,146px);object-fit:contain;filter:drop-shadow(0 12px 10px rgba(0,0,0,.5))}.party-sprite span{border:1px solid rgba(255,255,255,.18);border-radius:4px;background:#070a12b8;color:#fff8df;padding:3px 6px;font-size:.78rem;font-weight:800}.command-window{position:absolute;left:16px;bottom:16px;z-index:6;width:min(280px,calc(100% - 32px));display:grid;gap:7px;border:3px solid #6b5030;border-radius:8px;background:#0d111c;padding:12px}.command-window button{min-height:38px;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:#ffffff0f;color:#fff8df;text-align:left;padding:8px 10px;font-weight:800}.command-window button:hover{color:var(--gold);border-color:var(--gold)}.quest-log{position:absolute;right:16px;bottom:16px;z-index:5;width:min(360px,42%);border:2px solid var(--line-blue);border-radius:8px;background:#081419d1;padding:12px}.quest-log p{margin:5px 0 0;color:#ddf8ff;line-height:1.55}.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.pixel-btn{min-height:46px;border:2px solid #5b3b17;border-radius:6px;padding:12px 18px;color:#211912;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 -4px #00000040,0 5px #00000057}.pixel-btn:disabled{opacity:.55;cursor:not-allowed}.pixel-btn.gold{background:linear-gradient(#ffe28a,var(--gold))}.pixel-btn.blue{background:linear-gradient(#8ed4ff,#3a8cdc);color:#071421}.pixel-btn.green{background:linear-gradient(#a5ef9f,var(--green));color:#071c0a}.pixel-btn.red{background:linear-gradient(#ff9696,var(--red));color:#2b0505}.center-panel,.dashboard,.lobby,.class-select,.report{width:min(1180px,calc(100% - 28px));margin:clamp(16px,3vw,30px) auto}.center-panel,.panel,.room-row,.class-card,.award{border:3px solid #6b5030;border-radius:8px;background:linear-gradient(180deg,#171c2bf0,#0b0e18f0);box-shadow:inset 0 0 0 2px #fff1c20f,0 18px 60px #0000005c}.center-panel{padding:clamp(18px,4vw,34px)}.narrow{max-width:560px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid h1,.form-grid .pixel-btn{grid-column:1 / -1}label{display:grid;gap:8px;color:#fee6a0;font-weight:700}input,select,textarea{width:100%;border:2px solid rgba(255,209,92,.34);border-radius:6px;background:#05080ed1;color:#fff;padding:12px 14px;box-shadow:inset 0 3px #00000038}textarea{resize:vertical;line-height:1.6}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.error-text{color:#ffb3b3}.hint-text{color:#cbd8ff;margin:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;border-bottom:2px solid rgba(255,209,92,.22);padding-bottom:14px}.room-code{font-family:"Press Start 2P",monospace;color:#1a1308;background:var(--gold);border:3px solid #fff0b6;border-radius:6px;padding:14px 16px;letter-spacing:1px;box-shadow:inset 0 -4px #0000002e}.room-list{display:grid;gap:12px}.room-row{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:12px;padding:14px}.room-row span{display:block;color:#cbd8ff;margin-top:4px}.room-row em{color:var(--gold);font-style:normal}.split{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.panel{padding:18px}.text-link{color:var(--gold);background:transparent;border:0;text-decoration:underline}table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:8px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.12)}th{color:var(--gold)}.table-actions{display:flex;gap:8px;align-items:center}.table-actions button{border:1px solid var(--line);border-radius:8px;background:#ffffff14;color:#fff1b6;padding:8px 10px}.qbank-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(320px,1.25fr);gap:18px;margin-bottom:18px}.qbank .panel h2{margin-top:0;color:#fff1b6}.class-grid{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:14px}.class-card{padding:14px;border-color:color-mix(in srgb,var(--accent),white 20%);display:grid;gap:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent),#111827 72%),#080a12f0)}.class-card img{aspect-ratio:1.2;object-fit:contain;object-position:center;border-radius:8px;background:radial-gradient(circle,#ffffff1f,#fff0)}.class-card h2{color:var(--accent);font-family:Pixelify Sans;font-size:2rem;margin:0}.class-card p{color:#dce5ff;min-height:58px;margin:0}.class-card b{color:#fff1b6}.battle{min-height:calc(100vh - 70px);padding:clamp(14px,2.6vw,32px);background-size:cover;background-position:center;box-shadow:inset 0 0 0 100vmax #070a1229}.battle-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.stage-progress,.timer{border:3px solid #6b5030;background:#070b14d1;color:var(--gold);border-radius:6px;padding:12px 14px;font-family:Pixelify Sans;font-size:1.35rem;box-shadow:inset 0 -4px #00000047}.timer{min-width:76px;text-align:center}.timer.danger{color:#ff8b8b;animation:pulse .8s infinite}.battlefield{min-height:48vh;display:grid;grid-template-columns:1fr minmax(280px,.8fr);gap:22px;align-items:end}.party{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end}.player-card,.boss-card{border:3px solid #6b5030;border-radius:8px;background:linear-gradient(180deg,#121826e6,#080a12e6);padding:12px;box-shadow:inset 0 0 0 2px #fff1c20d,0 12px 30px #00000047}.player-card.active{outline:3px solid var(--gold);transform:translateY(-6px);box-shadow:0 0 0 5px #ffd15c29,0 18px 40px #00000057}.player-card img{height:120px;width:100%;object-fit:contain;object-position:center;border-radius:8px;background:radial-gradient(circle,#ffffff1f,#fff0)}.player-card h3,.boss-card h2{margin:8px 0 4px;color:#fff1b6}.player-card span{color:#bdd0ff}.boss-card img{width:100%;max-height:330px;object-fit:contain;object-position:center;border-radius:8px;background:radial-gradient(circle,#ffffff1f,#fff0)}.meter{display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center;margin-top:8px;font-size:.82rem}.meter div{height:10px;background:#ffffff29;border-radius:99px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#6ee36b,#ffe66c,#ef5b5b)}.battle-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0}.battle-controls .action-menu,.battle-controls .turn-wait{margin:0}.action-menu{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.turn-wait{width:fit-content;max-width:100%;margin:18px 0;border:3px solid #6b5030;border-radius:6px;background:#070b14c2;color:#fff1b6;padding:12px 14px;font-weight:700}.battle-log{display:grid;gap:6px;width:min(720px,100%)}.battle-log p{margin:0;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#080c16bd}.battle-log .good{color:#9effa6}.battle-log .bad{color:#ffabab}.battle-log .gold{color:var(--gold)}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#03060cb8;z-index:50;padding:16px}.question-modal{width:min(720px,100%);background:linear-gradient(180deg,#fff8df,#dfb76d);color:#211912;border:5px solid #5f4221;border-radius:8px;padding:clamp(18px,4vw,30px);box-shadow:0 24px 90px #0000008c}.question-modal h2{line-height:1.6}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choices button{min-height:58px;border:2px solid #80511a;border-radius:8px;color:#1d160f;background:#fff8df;font-weight:800}.choices button:disabled{opacity:.62;cursor:not-allowed}.vfx{pointer-events:none;position:fixed;inset:0;display:grid;place-items:center;z-index:45;animation:vfx .9s ease both}.vfx img{width:min(360px,70vw)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px}.award{padding:16px;display:grid;gap:8px;background:linear-gradient(180deg,#1b302de6,#0a0d16ed)}.award svg{color:var(--gold)}.award span{color:#cbd8ff}.award b{color:#fff1b6;font-size:1.25rem}.report-table-scroll{overflow-x:auto;border:3px solid #6b5030;border-radius:8px;background:#0d111eb8}.report-table{min-width:980px}.report-table td,.report-table th{white-space:nowrap}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes vfx{0%{opacity:0;transform:scale(.72)}35%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.28)}}@media(max-width:920px){.landing,.split,.battlefield,.qbank-grid{grid-template-columns:1fr}.landing,.title-screen{min-height:auto}.landing-stage{min-height:680px}.landing-boss{width:min(330px,48vw);right:0;bottom:28%}.landing-party{right:18%;bottom:22%}.quest-log{width:min(330px,calc(100% - 32px));left:16px;right:auto;bottom:148px}.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-row,.form-grid{grid-template-columns:1fr}.page-heading,.battle-top,.topbar{align-items:stretch;flex-direction:column}.topbar nav{flex-wrap:wrap}}@media(max-width:560px){.landing{padding:18px}.landing h1{font-size:2.05rem}.title-screen{padding:16px}.title-emblem{width:92px}.landing-stage{min-height:620px}.stage-hud.top{grid-template-columns:1fr;align-items:start;gap:2px}.enemy-hud{top:96px;right:12px;width:min(250px,60%)}.landing-boss{width:min(260px,56vw);right:-28px;bottom:32%}.landing-minion{right:42%;bottom:30%;width:92px}.landing-party{left:10px;right:10px;bottom:190px;justify-content:center}.party-sprite{min-width:50px}.party-sprite img{height:74px}.party-sprite span,.quest-log{display:none}.command-window{left:10px;right:10px;bottom:10px;width:auto}.class-grid,.choices{grid-template-columns:1fr}.party{grid-template-columns:1fr 1fr}.player-card img{height:94px}.room-code{font-size:.78rem}}@media print{.topbar,.pixel-btn{display:none!important}body{background:#fff;color:#111}.center-panel,.panel,.room-row,.award{box-shadow:none;color:#111;background:#fff;border-color:#333}}