:root{
  --bg:#041012;--bg2:#071b1c;--panel:#0a2224;--panel2:#0e2d2e;--ink:#f3fbf6;--muted:#9fbab5;
  --teal:#36d6b0;--teal2:#0ea986;--cyan:#69d9ef;--gold:#e9bd55;--gold2:#8c6422;
  --blue:#4b8dff;--blue2:#1749a6;--red:#ff5f73;--red2:#9c1f34;--good:#5de6a4;--bad:#ff7d8c;
  --line:#28585a;--soft:#123437;--cream:#f2f1db;
  font-family:"Noto Kufi Arabic","Segoe UI",Tahoma,Arial,sans-serif;color-scheme:dark;
}
*{box-sizing:border-box}
html{background:#02090a}
body{margin:0;min-height:100vh;color:var(--ink);background:
  radial-gradient(circle at 82% -10%,#194e48 0,transparent 34%),
  radial-gradient(circle at 8% 28%,#123b47 0,transparent 30%),
  linear-gradient(180deg,#061719 0,#02090a 72%,#010606 100%);overflow-x:hidden}
button,input{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}
[hidden]{display:none!important}
.app-shell{position:relative;isolation:isolate;min-height:100vh;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:hidden}
.ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.a-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.28}.a1{width:430px;height:430px;right:-180px;top:80px;background:radial-gradient(circle at 34% 30%,#42dbba66,#07554b22 55%,transparent 72%);box-shadow:0 0 80px #2ed3b533}.a2{width:300px;height:300px;left:-100px;top:420px;background:radial-gradient(circle,#49a4ff3d,transparent 67%)}.a3{width:520px;height:260px;left:24%;bottom:-150px;background:radial-gradient(ellipse,#2e9f7d35,transparent 68%)}.dna{position:absolute;color:#8debd31c;font:900 190px/1 Georgia,serif;transform:rotate(16deg)}.d1{left:-18px;top:80px}.d2{right:10%;bottom:8%;transform:rotate(-22deg) scale(.8)}
.topbar{max-width:1380px;margin:0 auto 16px;display:flex;align-items:center;gap:14px;position:relative;z-index:2}.brand-mark{width:54px;height:54px;position:relative;border:1px solid #4f9c8d6f;border-radius:18px;background:linear-gradient(145deg,#123a38,#071817);box-shadow:inset 0 1px #fff2,0 14px 28px #0006;flex:0 0 auto}.brand-mark span{position:absolute;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#d4fff5,#54e5c2 34%,#14856d 70%);right:9px;top:8px;box-shadow:0 0 18px #3fe0b36b}.brand-mark i{position:absolute;width:20px;height:8px;border:2px solid #e9c769;border-radius:50%;left:7px;bottom:9px;transform:rotate(-22deg)}.brand-block{min-width:0}.brand-block h1{margin:1px 0 0;font-size:clamp(1.4rem,3vw,2.45rem);line-height:1.15}.brand-block p{margin:5px 0 0;color:var(--muted);font-size:clamp(.75rem,1.5vw,.92rem)}.eyebrow,.section-kicker{display:block;color:#7fe0ca;font-size:.74rem;font-weight:900;letter-spacing:.025em}
.primary-btn,.secondary-btn,.ghost-btn{border:0;border-radius:16px;min-height:46px;padding:10px 16px;font-weight:1000;cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.primary-btn{color:#04120f;background:linear-gradient(135deg,#d7ffcf 0,#6cf0bd 35%,#33d5a7 64%,#b7ef7f 100%);box-shadow:inset 0 1px #fff,0 8px 24px #0ed6a03d,0 1px 0 #0b5b49}.secondary-btn{color:#ebfaf6;background:linear-gradient(180deg,#173a3b,#0c2526);border:1px solid #3a6f70;box-shadow:inset 0 1px #ffffff10}.ghost-btn{color:#ddf4ee;background:#0b2324cc;border:1px solid #2c5859;box-shadow:inset 0 1px #ffffff0c}.primary-btn:not(:disabled):active,.secondary-btn:active,.ghost-btn:active{transform:translateY(1px) scale(.99)}.primary-btn:disabled{opacity:.34;filter:saturate(.35);cursor:not-allowed}
/* Setup */
.setup-screen{max-width:1220px;margin:18px auto 0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.8fr);gap:28px;align-items:center;padding:clamp(22px,4vw,48px);border:1px solid #2e5c5c;border-radius:34px;background:
  linear-gradient(145deg,#0a2424ee,#061516f2),
  radial-gradient(circle at 30% 20%,#1ba88922,transparent 42%);box-shadow:0 38px 100px #0008,inset 0 1px #ffffff10;position:relative;overflow:hidden}
.setup-screen::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 46%,#ffffff05 47%,transparent 49% 100%)}
.setup-copy,.setup-console{position:relative;z-index:1}.setup-copy h2{font-size:clamp(2rem,5vw,4.1rem);line-height:1.2;margin:8px 0 14px;max-width:760px}.setup-copy p{color:#b5ccc7;line-height:1.9;font-size:clamp(.93rem,1.6vw,1.05rem);max-width:700px}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.mission-grid span{display:flex;align-items:center;gap:10px;border:1px solid #2c5555;background:#0b2627a8;border-radius:15px;padding:11px 12px;color:#dcebe7;font-size:.84rem}.mission-grid b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#174842,#0b2f2d);color:#8ce4cf;border:1px solid #39766d;box-shadow:inset 0 1px #fff2}
.setup-console{border:1px solid #315e5e;border-radius:28px;padding:18px;background:linear-gradient(160deg,#0f2c2d,#061617);box-shadow:inset 0 1px #ffffff12,0 22px 55px #0006}.reactor{height:230px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 50% 50%,#20a98518 0 24%,#051719 58%,#031012 100%);border:1px solid #254e4e}.reactor::before,.reactor::after{content:"";position:absolute;border-radius:50%;border:1px solid #5ddfc955}.reactor::before{width:175px;height:175px}.reactor::after{width:130px;height:130px;border-style:dashed;animation:spin 15s linear infinite}.reactor-ring{position:absolute;border-radius:50%;border:2px solid transparent}.r1{width:198px;height:92px;border-top-color:#7ee8d2;border-bottom-color:#2b8a77;transform:rotate(14deg);animation:orbitA 7s ease-in-out infinite}.r2{width:88px;height:190px;border-left-color:#d9b95e;border-right-color:#9f792b;transform:rotate(-32deg);animation:orbitB 8s ease-in-out infinite}.reactor-cell{width:102px;height:102px;border-radius:46% 54% 51% 49%/54% 44% 56% 46%;position:relative;background:radial-gradient(circle at 35% 30%,#7cebd04d,#176c665c 52%,#0e383a 73%);border:2px solid #6be8ce;box-shadow:inset 0 0 35px #67e4cb42,0 0 36px #2fe1b455}.nucleus{position:absolute;width:34px;height:34px;border-radius:50%;right:34px;top:34px;background:radial-gradient(circle at 36% 30%,#f5d8ff,#ab62d2 42%,#5b296f 75%);box-shadow:0 0 16px #bc7bd76b}.org{position:absolute;border-radius:50%;box-shadow:inset 0 1px #fff6}.org.o1{width:20px;height:9px;background:#a5f47e;right:15px;top:21px;transform:rotate(22deg)}.org.o2{width:16px;height:8px;background:#6ee1ff;left:16px;top:54px;transform:rotate(-32deg)}.org.o3{width:9px;height:21px;background:#f2ce6c;right:23px;bottom:13px;transform:rotate(12deg)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbitA{50%{transform:rotate(25deg) scale(1.04)}}@keyframes orbitB{50%{transform:rotate(-22deg) scale(.97)}}
.team-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.team-input{display:grid;gap:7px}.team-input span{font-size:.76rem;font-weight:900;color:#a9c7c1}.team-input input{width:100%;min-width:0;min-height:52px;border-radius:14px;border:1px solid #326263;background:#061719;color:#fff;padding:0 13px;font-size:1rem;box-shadow:inset 0 1px #ffffff0d}.team-a-input input{border-right:4px solid var(--blue)}.team-b-input input{border-right:4px solid var(--red)}.start-btn{grid-column:1/-1;min-height:56px;font-size:1.03rem}
/* Game */
.game-screen{max-width:1480px;margin:0 auto;position:relative;z-index:2}.playing .topbar{display:none}.game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.mini-brand{display:flex;align-items:center;gap:10px;min-width:0}.mini-brand small{display:block;color:#79d8c2;font-weight:800;font-size:.69rem}.mini-brand strong{display:block;font-size:1.02rem;white-space:nowrap}.lab-dot{width:36px;height:36px;border-radius:13px;border:1px solid #3a7470;background:radial-gradient(circle at 40% 35%,#d2fff4 0 8%,#49dfbc 9% 24%,#0c6655 27% 46%,#082a28 49%);box-shadow:0 0 18px #38d5b536}.toolbar-actions{display:flex;gap:7px}.toolbar-actions .ghost-btn{min-height:40px;padding:7px 12px;border-radius:12px;font-size:.76rem}
.score-strip{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:9px;align-items:stretch;margin-bottom:11px}.team-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #294f50;border-radius:17px;padding:8px 10px;background:linear-gradient(180deg,#0d292aeb,#071b1ceb);box-shadow:inset 0 1px #ffffff0c;opacity:.62;transition:.18s}.team-card.active-team{opacity:1;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff16,0 8px 24px #0005}.team-a.active-team{border-color:#4b82d8}.team-b.active-team{border-color:#c94c60}.team-token-mini{width:31px;height:31px;border-radius:50%;position:relative;box-shadow:0 6px 12px #0007;overflow:hidden}.team-token-mini::before{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff5;filter:blur(3px)}.team-token-mini span{position:absolute;inset:0;border-radius:50%}.team-a .team-token-mini span{background:radial-gradient(circle at 33% 28%,#b7d9ff,#4b8dff 42%,#184ba7 74%)}.team-b .team-token-mini span{background:radial-gradient(circle at 33% 28%,#ffc2cb,#ff5f73 42%,#a11c32 74%)}.team-copy{min-width:0}.team-copy strong{display:block;white-space:normal;overflow:visible;font-size:.92rem;line-height:1.25}.team-copy span{display:block;color:#acc4c0;font-size:.69rem;margin-top:1px}.score-pill{height:30px;min-width:46px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:10px;background:#071719;border:1px solid #315959;color:#8fe7cd;font-size:.77rem}.turn-badge{display:grid;place-items:center;text-align:center;min-width:140px;padding:0 14px;border-radius:16px;background:linear-gradient(160deg,#163c39,#0b2425);border:1px solid #417a72;color:#e8fff7;font-weight:1000;font-size:.82rem;box-shadow:inset 0 1px #fff2}
.game-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(350px,.66fr);gap:16px;align-items:start;direction:ltr}.board-zone,.challenge-panel{direction:rtl;min-width:0}.arena-shell{position:relative;border-radius:28px;padding:11px 11px 9px;background:linear-gradient(145deg,#0b2424,#030d0f);border:1px solid #315d5c;box-shadow:0 28px 74px #0009,inset 0 1px #ffffff12;overflow:hidden}.arena-shell::after{content:"";position:absolute;left:8%;right:8%;bottom:-24px;height:42px;background:radial-gradient(ellipse,#0009 0,transparent 68%);filter:blur(10px);pointer-events:none}.arena-halo{position:absolute;inset:3% 6% 12%;background:radial-gradient(circle at 50% 10%,#e9c7651c,transparent 35%),radial-gradient(circle at 18% 75%,#31d2b81e,transparent 32%),radial-gradient(circle at 82% 68%,#5c8cff1a,transparent 29%);filter:blur(10px);pointer-events:none}.board-plinth{position:relative;padding:12px;border-radius:23px;background:linear-gradient(145deg,#8f6c2a 0,#f1cf68 5%,#9d762f 10%,#33240d 15%,#0d2927 19%,#081b1b 86%,#6e511d 93%,#e9c767 97%,#80611f 100%);box-shadow:inset 0 0 0 1px #fff4,0 16px 30px #0008;perspective:1300px}.board-crown{position:absolute;inset:6px;pointer-events:none}.board-crown span{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff7bd,#d3a838 55%,#76510c);box-shadow:0 0 13px #ffe3849c}.board-crown span:nth-child(1){right:5px;top:5px}.board-crown span:nth-child(2){left:5px;top:5px}.board-crown span:nth-child(3){right:5px;bottom:5px}.board-crown span:nth-child(4){left:5px;bottom:5px}.board{direction:ltr;aspect-ratio:1;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);position:relative;overflow:hidden;border-radius:14px;border:2px solid #d5c06a;background:#0a2422;box-shadow:inset 0 0 0 1px #1a524b,inset 0 0 30px #0009;transform:rotateX(1.4deg);transform-origin:center bottom}.square{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;padding:4px 5px;border:1px solid #1a4a47;font-size:clamp(.52rem,1.32vw,.89rem);font-weight:1000;line-height:1;color:#17302d;text-shadow:0 1px #fff9;background:linear-gradient(145deg,#f4f1dc 0,#dbe6c6 58%,#b7c99f 100%);overflow:hidden;isolation:isolate}.square.dark{background:linear-gradient(145deg,#2b9b82 0,#0c776d 52%,#07574f 100%);color:#f2fff9;text-shadow:0 1px 2px #001}.square::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#ffffff2e,transparent 29%,transparent 70%,#00282438)}.square.bio::before{content:"";position:absolute;left:11%;bottom:12%;width:29%;aspect-ratio:1;border-radius:50%;border:1px solid #d8fff091;box-shadow:inset 0 0 0 2px #ffffff13,0 0 8px #3ed4b344;opacity:.58}.square.bio.dark::before{border-color:#c9fff19c}.board-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}.player-token{position:absolute;width:4.6%;aspect-ratio:.72;z-index:8;transition:left .28s cubic-bezier(.16,.86,.26,1.14),top .28s cubic-bezier(.16,.86,.26,1.14);transform:translate(-50%,-70%);filter:drop-shadow(0 7px 4px #0008)}.player-token::before{content:"";position:absolute;left:23%;top:0;width:54%;aspect-ratio:1;border-radius:50%;box-shadow:inset 5px 5px 8px #ffffff62,inset -5px -8px 10px #0004}.player-token::after{content:"";position:absolute;left:1%;right:1%;bottom:-5%;height:19%;border-radius:50%;filter:blur(1px);opacity:.5;background:#000}.player-token span{position:absolute;left:7%;right:7%;bottom:4%;height:62%;clip-path:polygon(37% 0,63% 0,74% 55%,100% 77%,91% 100%,9% 100%,0 77%,26% 55%);border-radius:38%;box-shadow:inset 5px 0 7px #fff3,inset -6px -6px 8px #0005}.token-a::before,.token-a span{background:linear-gradient(145deg,#c9e3ff,#5ba0ff 37%,#2767d9 68%,#102f79)}.token-b::before,.token-b span{background:linear-gradient(145deg,#ffd2d8,#ff7284 37%,#d1324b 68%,#761125)}.token-a{margin-left:-1.35%}.token-b{margin-left:1.35%}.arena-caption{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding-top:8px;color:#9cb8b3;font-size:.68rem}.arena-caption span{display:flex;align-items:center;gap:6px}.legend-ladder,.legend-snake,.legend-cell{display:inline-block}.legend-ladder{width:18px;height:8px;border-top:3px double #deb85b;border-bottom:3px double #b68b34}.legend-snake{width:19px;height:7px;border-radius:999px;background:linear-gradient(90deg,#ff675d,#7723b0)}.legend-cell{width:11px;height:11px;border-radius:50%;border:2px solid #4ed5b4;box-shadow:0 0 7px #4ed5b466}
.challenge-panel{position:sticky;top:10px;border-radius:28px;padding:17px;background:linear-gradient(165deg,#0d2929f2,#071819f7 56%,#061314);border:1px solid #315d5c;box-shadow:0 28px 70px #0008,inset 0 1px #ffffff12;overflow:hidden}.challenge-panel::before{content:"";position:absolute;left:-70px;top:-80px;width:180px;height:180px;border-radius:50%;background:#31caae12;filter:blur(4px);pointer-events:none}.challenge-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;position:relative}.challenge-head h2{margin:3px 0 0;font-size:1.3rem}.question-category{font-size:.71rem;font-weight:900;color:#72d9c2}.question-counter{font-size:.65rem;color:#9bb6b1;border:1px solid #315655;border-radius:999px;padding:5px 8px;background:#061617}.science-visual{height:126px;margin:13px 0 10px;border-radius:20px;border:1px solid #2d5c5a;background:radial-gradient(circle at 50% 48%,#143b3b 0,#082020 58%,#041012 100%);display:grid;place-items:center;overflow:hidden;position:relative;box-shadow:inset 0 0 32px #0007}.science-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 45%,#ffffff08 47%,transparent 49% 100%);pointer-events:none}.science-visual svg{width:100%;height:100%;display:block}.question-text{font-size:clamp(1.03rem,1.8vw,1.26rem);font-weight:950;line-height:1.75;margin:8px 0 11px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.answer-btn{position:relative;width:100%;text-align:right;border:1px solid #2d5b5a;background:linear-gradient(180deg,#113130,#0a2323);color:#eef9f5;border-radius:14px;min-height:52px;padding:9px 11px;cursor:pointer;font-weight:850;line-height:1.5;transition:.15s;box-shadow:inset 0 1px #ffffff0b}.answer-btn::before{content:"";position:absolute;right:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#4f8f86;opacity:.45}.answer-btn:hover{border-color:#529a8f;background:linear-gradient(180deg,#153b39,#0d2929)}.answer-btn[disabled]{cursor:default}.answer-btn.correct{border-color:#51cf91;background:linear-gradient(180deg,#143c2f,#0b2d25);box-shadow:inset 0 0 0 1px #61e5a52a}.answer-btn.correct::before{background:#6ee5a8;opacity:1}.answer-btn.wrong{border-color:#d65d70;background:linear-gradient(180deg,#49252c,#2e171b)}.answer-btn.wrong::before{background:#ff7889;opacity:1}.feedback{min-height:52px;margin-top:9px;padding:9px 11px;border-radius:13px;color:#d0e2de;background:#061617;border:1px solid #203f3f;font-size:.78rem;line-height:1.65}.feedback.good{border-color:#287a59;color:#c9fbe1}.feedback.bad{border-color:#82414c;color:#ffd2d8}.control-deck{display:grid;grid-template-columns:92px 1fr;gap:11px;align-items:center;margin-top:11px;padding-top:10px;border-top:1px solid #224746}.dice-wrap{height:86px;display:grid;place-items:center;position:relative;perspective:480px}.dice-platform{position:absolute;width:74px;height:24px;border-radius:50%;bottom:3px;background:radial-gradient(ellipse,#000b,transparent 67%);filter:blur(4px)}.dice{width:66px;height:66px;border-radius:15px;background:linear-gradient(145deg,#fbfff8,#d7e4d4 65%,#a8b9a3);box-shadow:inset 0 2px #fff,inset -6px -8px 12px #8999864a,0 12px 18px #0008;position:relative;transform:rotateX(8deg) rotateY(-9deg);transition:.16s;direction:ltr}.dice::before{content:"";position:absolute;inset:5px;border-radius:11px;border:1px solid #fff8}.dice.rolling{animation:diceRoll .4s linear infinite}.pip{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#34535a,#0a2024 60%,#000);box-shadow:inset 0 1px #fff4;display:none}.p1{left:12px;top:12px}.p2{left:29px;top:12px}.p3{right:12px;top:12px}.p4{left:12px;top:29px}.p5{left:29px;top:29px}.p6{right:12px;top:29px}.p7{left:12px;bottom:12px}.p8{left:29px;bottom:12px}.p9{right:12px;bottom:12px}.dice[data-face="1"] .p5,.dice[data-face="2"] .p1,.dice[data-face="2"] .p9,.dice[data-face="3"] .p1,.dice[data-face="3"] .p5,.dice[data-face="3"] .p9,.dice[data-face="4"] .p1,.dice[data-face="4"] .p3,.dice[data-face="4"] .p7,.dice[data-face="4"] .p9,.dice[data-face="5"] .p1,.dice[data-face="5"] .p3,.dice[data-face="5"] .p5,.dice[data-face="5"] .p7,.dice[data-face="5"] .p9,.dice[data-face="6"] .p1,.dice[data-face="6"] .p3,.dice[data-face="6"] .p4,.dice[data-face="6"] .p6,.dice[data-face="6"] .p7,.dice[data-face="6"] .p9{display:block}@keyframes diceRoll{25%{transform:rotateX(26deg) rotateY(18deg) rotateZ(6deg) scale(1.04)}50%{transform:rotateX(-12deg) rotateY(-24deg) rotateZ(-7deg) scale(.98)}75%{transform:rotateX(18deg) rotateY(9deg) rotateZ(4deg) scale(1.03)}}.action-stack{display:grid;gap:7px}.roll-btn{min-height:55px}.action-stack .secondary-btn{min-height:45px}.status-rail{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#779b95;font-size:.62rem;margin-top:10px;padding-top:8px;border-top:1px solid #1e3f3e}
/* Win */
.win-screen{max-width:780px;margin:70px auto 0;text-align:center;border:1px solid #3c6c63;border-radius:32px;padding:44px 24px;background:linear-gradient(155deg,#0e2d2b,#061617);box-shadow:0 40px 100px #0009;position:relative;overflow:hidden}.win-screen h2{font-size:clamp(2.2rem,6vw,4.5rem);margin:7px 0;color:#fff0a4;text-shadow:0 7px 25px #d2a83755}.win-screen p{color:#bed5cf;line-height:1.8}.win-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.win-orbit span{position:absolute;border-radius:50%;border:1px solid #d9bd5d44;inset:50%;transform:translate(-50%,-50%)}.win-orbit span:nth-child(1){width:220px;height:220px}.win-orbit span:nth-child(2){width:360px;height:360px;border-color:#42d4b631}.win-orbit span:nth-child(3){width:510px;height:510px;border-style:dashed;border-color:#ffffff16}
/* Classroom mode */
.classroom .arena-caption,.classroom .status-rail{display:none}.classroom .game-layout{grid-template-columns:minmax(0,1.3fr) minmax(410px,.75fr)}.classroom .question-text{font-size:clamp(1.25rem,2.5vw,1.6rem)}.classroom .answer-btn{font-size:1.02rem;min-height:56px}.classroom .score-strip{font-size:1.05rem}
/* Responsive */
@media (max-width:1050px){.setup-screen{grid-template-columns:1fr minmax(330px,.72fr)}.game-layout{grid-template-columns:1fr;direction:rtl}.challenge-panel{position:relative;top:auto}.challenge-panel{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);column-gap:14px}.challenge-head,.question-text,.answers,.feedback,.control-deck,.status-rail{grid-column:2}.science-visual{grid-column:1;grid-row:1/7;height:100%;min-height:280px;margin:0}.classroom .game-layout{grid-template-columns:1fr}.classroom .challenge-panel{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}}
@media (max-width:760px){.app-shell{padding:10px}.topbar{margin-bottom:8px}.brand-mark{width:46px;height:46px;border-radius:15px}.brand-block h1{font-size:1.45rem}.brand-block p{font-size:.73rem}.setup-screen{grid-template-columns:1fr;gap:18px;margin-top:7px;border-radius:25px;padding:20px}.setup-copy h2{font-size:2.15rem}.mission-grid{grid-template-columns:1fr 1fr}.reactor{height:190px}.team-form{grid-template-columns:1fr}.start-btn{grid-column:auto}.game-toolbar{margin-bottom:7px}.mini-brand small{display:none}.toolbar-actions .ghost-btn{font-size:.68rem;padding:6px 9px}.score-strip{grid-template-columns:1fr 1fr;gap:7px}.turn-badge{grid-column:1/-1;grid-row:1;min-height:38px;padding:6px}.team-card{grid-row:2;padding:7px 8px}.team-token-mini{width:27px;height:27px}.score-pill{height:28px;min-width:40px}.arena-shell{border-radius:21px;padding:8px 8px 7px}.board-plinth{padding:8px;border-radius:18px}.board{border-radius:11px}.square{padding:3px;font-size:clamp(.46rem,2.45vw,.72rem)}.arena-caption{font-size:.61rem;gap:10px}.challenge-panel{display:block;border-radius:21px;padding:14px}.science-visual{height:110px;min-height:0;margin:10px 0}.question-text{font-size:1.03rem;line-height:1.65}.answers{grid-template-columns:1fr;gap:6px}.answer-btn{min-height:45px;padding:8px 10px}.control-deck{grid-template-columns:80px 1fr}.dice-wrap{height:76px}.dice{width:58px;height:58px}.p1{left:11px;top:11px}.p2{left:25px;top:11px}.p3{right:11px;top:11px}.p4{left:11px;top:25px}.p5{left:25px;top:25px}.p6{right:11px;top:25px}.p7{left:11px;bottom:11px}.p8{left:25px;bottom:11px}.p9{right:11px;bottom:11px}.pip{width:8px;height:8px}.status-rail{font-size:.57rem}.classroom .question-text{font-size:1.12rem}.classroom .answer-btn{font-size:.95rem;min-height:49px}}
@media (max-width:430px){.brand-block p{display:none}.setup-copy h2{font-size:1.92rem}.setup-copy p{font-size:.88rem}.mission-grid{grid-template-columns:1fr}.reactor{height:160px}.team-card{gap:7px}.team-copy strong{font-size:.78rem}.team-copy span{font-size:.62rem}.turn-badge{font-size:.76rem}.game-toolbar{align-items:flex-start}.mini-brand strong{font-size:.92rem}.toolbar-actions{gap:5px}.toolbar-actions .ghost-btn{min-height:37px}.board-plinth{padding:7px}.arena-caption{display:none}.challenge-head h2{font-size:1.12rem}.question-counter{font-size:.58rem}.science-visual{height:92px}.question-text{font-size:.96rem;margin-top:7px}.feedback{font-size:.72rem;min-height:46px}.control-deck{grid-template-columns:72px 1fr}.roll-btn{min-height:51px}.score-pill{font-size:.68rem}}
@media (orientation:landscape) and (max-height:500px) and (max-width:950px){.app-shell{padding:8px}.game-toolbar{margin-bottom:5px}.score-strip{margin-bottom:6px}.game-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:9px;direction:ltr}.challenge-panel{display:block;position:relative;padding:10px}.science-visual{height:70px;margin:5px 0}.question-text{font-size:.85rem;line-height:1.45;margin:5px 0}.answers{grid-template-columns:1fr 1fr;gap:5px}.answer-btn{font-size:.72rem;min-height:37px;padding:6px}.feedback{min-height:38px;font-size:.64rem;margin-top:5px;padding:6px}.control-deck{grid-template-columns:63px 1fr;margin-top:5px;padding-top:5px}.dice-wrap{height:58px}.dice{width:48px;height:48px}.pip{width:6px;height:6px}.p1{left:9px;top:9px}.p2{left:21px;top:9px}.p3{right:9px;top:9px}.p4{left:9px;top:21px}.p5{left:21px;top:21px}.p6{right:9px;top:21px}.p7{left:9px;bottom:9px}.p8{left:21px;bottom:9px}.p9{right:9px;bottom:9px}.roll-btn{min-height:40px;font-size:.8rem}.status-rail{display:none}.arena-caption{display:none}.team-card{padding:5px 7px}.turn-badge{min-height:33px}.game-toolbar .mini-brand small{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (orientation:landscape) and (max-height:500px) and (max-width:950px){
  .game-layout{grid-template-columns:minmax(0,365px) minmax(0,1fr)}
  .board-zone{width:100%;max-width:365px}
  .arena-shell{padding:6px}.board-plinth{padding:6px}.score-strip{gap:6px}.team-card{min-height:44px}.turn-badge{min-height:44px}
  .challenge-head h2{font-size:1.08rem}.science-visual{height:66px}.question-text{font-size:.82rem;line-height:1.4}.answer-btn{min-height:34px}.feedback{min-height:34px}
}