:root{--navy:#071630;--panel:#102657;--panel2:#17336d;--ink:#f7fbff;--muted:#bdd1ee;--cyan:#42e8e0;--gold:#ffd04a;--pink:#ff6196;--line:rgba(255,255,255,.16);--shadow:0 18px 45px rgba(1,7,25,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 5%,#294d96 0,transparent 32%),radial-gradient(circle at 85% 20%,#5e2f8e 0,transparent 28%),linear-gradient(150deg,#0a1b3b,#071126 70%);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{min-height:44px;border:1px solid var(--line);border-radius:11px;padding:.65rem .9rem;background:#203e79;color:var(--ink);font-weight:750;cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){filter:brightness(1.16);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{color:#8df7f1}.app-shell{width:min(1500px,100%);margin:auto;padding:88px clamp(12px,2vw,28px) 40px}.crumbs{display:flex;gap:.55rem;color:var(--muted);font-size:.85rem;margin-bottom:1rem}.game-header,.section-head,.game-top,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.game-header{margin-bottom:1rem}.game-header h1{margin:.1rem 0;font-size:clamp(1.6rem,4vw,3rem);letter-spacing:-.05em}.game-header h1 span{color:var(--cyan);text-shadow:0 0 22px rgba(66,232,224,.35)}.game-header p,.section-head p{margin:.2rem 0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem!important;font-weight:900;color:var(--gold)!important}.utility,.actions,.compact-actions,.editor-actions,.setup-actions,.timer-actions{display:flex;gap:.55rem;flex-wrap:wrap}.view,.panel,.teacher-panel{background:linear-gradient(145deg,rgba(18,45,98,.97),rgba(10,28,66,.97));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px}.view{padding:clamp(14px,2.4vw,28px)}.panel{padding:1rem}.notice{position:fixed;z-index:20;left:50%;top:78px;transform:translate(-50%,-20px);background:#f5fbff;color:#09204a;border-radius:10px;padding:.7rem 1rem;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}.notice.show{opacity:1;transform:translate(-50%,0)}.setup-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}.settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.settings h3,.settings fieldset,.wide{grid-column:1/-1}.field{display:grid;gap:.35rem}.field span,legend{font-weight:800;color:#dcebff}.field input,.field select,textarea,.question-row input,.question-row select{width:100%;min-height:44px;border:1px solid #6684bd;border-radius:9px;background:#071b43;color:#fff;padding:.6rem}.field small{color:var(--muted)}fieldset{display:flex;gap:1rem;border:1px solid var(--line);border-radius:10px}fieldset label,.toggles label{min-height:40px;display:flex;align-items:center;gap:.4rem}.toggles{display:flex;gap:.5rem 1rem;flex-wrap:wrap}.scoring-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;padding-top:.7rem}.scoring-grid label{display:grid;gap:.2rem;font-size:.8rem}.scoring-grid input{width:100%;min-height:40px;background:#071b43;border:1px solid #6684bd;border-radius:8px;color:#fff;padding:.4rem}.team-editor{display:grid;gap:.6rem}.team-row{display:grid;grid-template-columns:44px 1fr 90px 90px;gap:.5rem;align-items:center;background:rgba(0,0,0,.14);padding:.5rem;border-radius:12px}.team-row .swatch{height:42px;border-radius:9px;display:grid;place-items:center;color:#071226;font-size:1.2rem;font-weight:1000}.editor{margin-top:1rem}.format-note{color:var(--muted)}code,kbd{background:#061633;border:1px solid var(--line);border-radius:5px;padding:.12rem .3rem}.import-row{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:end}.question-rows{display:grid;gap:.6rem;margin:1rem 0;max-height:460px;overflow:auto}.question-row{display:grid;grid-template-columns:30px 2fr 1fr 1fr 100px 85px 1fr auto;gap:.4rem;align-items:center;background:rgba(3,16,45,.55);padding:.5rem;border-radius:10px}.question-row .row-actions{display:flex}.question-row button{padding:.35rem;min-width:40px}.setup-actions{justify-content:space-between;margin-top:1rem}.btn.primary{background:linear-gradient(135deg,#00bfb8,#087ec1);font-size:1.05rem}.btn.secondary{background:#6943ad}.danger{background:#942d55!important}.ghost{background:transparent!important}.game-view{padding:clamp(10px,1.6vw,20px)}.round-box{display:flex;gap:1rem;align-items:center}.round-box strong{font-size:1.7rem;color:var(--gold);font-variant-numeric:tabular-nums}.scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.55rem;margin:1rem 0}.score-card{position:relative;background:#091c43;border:2px solid var(--team);border-radius:13px;padding:.65rem;overflow:hidden}.score-card.active{box-shadow:0 0 0 3px var(--team),0 0 24px color-mix(in srgb,var(--team) 70%,transparent)}.score-head{display:flex;justify-content:space-between;font-weight:900}.score-stats{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}.control-bar{height:5px;background:#071124;border-radius:8px;margin:.4rem 0;overflow:hidden}.control-bar span{display:block;height:100%;background:var(--team)}.mini-inventory{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,370px);gap:1rem}.map-panel{min-width:0}.turn-banner{display:grid;grid-template-columns:auto 1fr;gap:.2rem .6rem;align-items:center;margin-bottom:.6rem}.turn-banner small{grid-column:2;color:var(--muted)}#activeBadge{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#06142e;font-weight:1000}.map-scroll{overflow:auto;padding:7px;overscroll-behavior:contain}.map{--size:6;display:grid;grid-template-columns:repeat(var(--size),minmax(56px,1fr));gap:clamp(5px,1vw,10px);min-width:calc(var(--size) * 60px);max-width:900px;margin:auto}.tile{aspect-ratio:1;position:relative;border:3px solid #526b94;border-radius:16px;background:linear-gradient(145deg,#234478,#132c5a);display:grid;place-items:center;isolation:isolate;overflow:hidden;color:#fff}.tile::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 9px,rgba(255,255,255,.06) 9px 11px);z-index:-1}.tile.legal{border-color:var(--gold);box-shadow:0 0 0 2px #101c3d,0 0 18px var(--gold);animation:pulse 1.4s infinite}.tile.selected{transform:scale(.94);box-shadow:0 0 0 5px #fff}.tile .type{font-size:clamp(1.1rem,2.8vw,2rem)}.tile .owner{position:absolute;left:5px;bottom:3px;font-weight:1000;font-size:.72rem;background:rgba(0,0,0,.5);padding:2px 5px;border-radius:5px}.tile .status{position:absolute;right:4px;top:2px;font-size:.72rem}.tile .coord{position:absolute;left:5px;top:3px;font-size:.58rem;opacity:.7}.tile[style*="--owner"]{border-color:var(--owner);background:linear-gradient(145deg,color-mix(in srgb,var(--owner) 55%,#fff),color-mix(in srgb,var(--owner) 60%,#061633))}.tile.blocked{background-image:repeating-linear-gradient(-45deg,transparent 0 8px,rgba(255,255,255,.25) 8px 12px)}.tile.captured{animation:capture .5s ease-out}.legend{display:flex;gap:.4rem .8rem;flex-wrap:wrap;margin-top:.7rem;color:var(--muted);font-size:.8rem}.teacher-panel{padding:0;align-self:start;position:sticky;top:76px;overflow:hidden}.panel-toggle{width:100%;border-radius:19px 19px 0 0;text-align:left;display:flex;justify-content:space-between;background:#1b3977}.panel-toggle[aria-expanded=false]+#panelBody{display:none}#panelBody{padding:1rem}.question-card{background:#071a40;border:1px solid #3c609d;border-radius:14px;padding:1rem;min-height:150px}.question-card h3{margin:.4rem 0;font-size:clamp(1rem,2vw,1.35rem)}#answerWrap{border-top:1px solid var(--line);margin-top:.8rem;padding-top:.7rem;color:#aef8dc}.timer-actions{margin:.6rem 0}.timer-actions button{flex:1}.judge{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.judge button:last-child{grid-column:1/-1}.correct{background:#087f66!important}.incorrect{background:#a52e55!important}.inventory{display:grid;gap:.4rem}.power{display:grid;grid-template-columns:1fr auto;gap:.3rem;background:#071a40;padding:.5rem;border-radius:9px}.power small{color:var(--muted)}details{margin-top:1rem}summary{cursor:pointer;font-weight:900;padding:.6rem}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.winner{text-align:center;padding-block:3rem}.winner-star{font-size:4rem;color:var(--gold);animation:pulse 1.4s infinite}.standings{width:min(650px,100%);margin:1.5rem auto;display:grid;gap:.5rem}.standing{display:grid;grid-template-columns:45px 1fr auto auto;gap:1rem;text-align:left;align-items:center;background:#071a40;padding:.8rem;border-radius:12px}.recovery{text-align:center;max-width:650px;margin:auto}.recovery .actions,.winner .actions{justify-content:center}.local-footer{text-align:center;color:var(--muted);padding:1rem}dialog{width:min(850px,calc(100% - 24px));border:1px solid var(--line);border-radius:20px;background:#102657;color:#fff;padding:1.3rem;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(2,8,25,.8)}dialog .close{float:right;font-size:1.4rem}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@keyframes pulse{50%{filter:brightness(1.25)}}@keyframes capture{0%{transform:scale(.75) rotate(-4deg)}70%{transform:scale(1.08)}}
@media(max-width:900px){.setup-grid,.play-layout{grid-template-columns:1fr}.teacher-panel{position:static}.question-row{grid-template-columns:25px 1fr 1fr}.question-row input:first-of-type{grid-column:2/-1}.question-row .row-actions{grid-column:2/-1}.help-grid{grid-template-columns:1fr}}
@media(max-width:600px){.app-shell{padding:76px 8px 20px}.game-header,.section-head,.game-top{align-items:flex-start;flex-direction:column}.utility{width:100%}.utility button{flex:1;padding:.45rem}.settings{grid-template-columns:1fr}.settings>*{grid-column:1!important}.team-row{grid-template-columns:42px 1fr 75px}.team-row select{grid-column:2/-1}.import-row{grid-template-columns:1fr}.question-row{grid-template-columns:25px 1fr}.question-row>*{grid-column:2}.question-row>span{grid-column:1}.map{grid-template-columns:repeat(var(--size),56px)}.scoreboard{display:flex;overflow:auto}.score-card{min-width:160px}.tool-grid{grid-template-columns:1fr}.judge{position:sticky;bottom:0;background:#102657;padding:.5rem 0}.legend span{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}body.reduce-motion *{animation:none!important;transition:none!important}