:root{--bg:#06132f;--bg2:#061e3c;--panel:#0a2249;--panel2:#102b55;--edge:#265185;--text:#f5f9ff;--muted:#b2c9e8;--cyan:#4fe7ff;--gold:#ffc354;--ok:#57e6aa;--bad:#ff8d9c;--sh:0 20px 55px #01071b77;--r:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 82% 3%,#123d7f 0,transparent 31%),linear-gradient(145deg,#04112a,#08244a 54%,#05142b);color:var(--text);font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;min-height:100vh;line-height:1.55}.skip{position:absolute;top:-80px;left:0;background:white;color:#06132f;padding:12px;z-index:100}.skip:focus{top:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.topbar{background:#05152ceb;border-bottom:1px solid #245180;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.topinside{max-width:1220px;min-height:74px;padding:9px 22px;margin:auto;display:flex;align-items:center;gap:22px}.brand{width:176px;flex:none}.brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 7px #0006)}.nav{display:flex;align-items:center;flex:1;justify-content:flex-end;gap:8px}.nav a{color:#d9eafc;padding:9px 12px;border-radius:10px;font-size:.91rem;font-weight:650}.nav a:hover,.nav a.active{background:#1b4172;color:white}.headtag{font-size:.75rem}.tag{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #2b6193;border-radius:100px;background:#102f5f;padding:5px 11px;color:#bceeff;font-weight:750;letter-spacing:.035em}.layout{max-width:1200px;margin:auto;padding:28px 22px 70px}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:410px;gap:24px}.eyebrow{font-weight:850;letter-spacing:.15em;color:var(--cyan);text-transform:uppercase;font-size:.78rem}.hero h1{font-size:clamp(2.3rem,4.2vw,4.3rem);line-height:1.09;letter-spacing:-.045em;margin:16px 0}.hero h1 strong{display:block;background:linear-gradient(90deg,#fff,#73e3ff,#ffda8d);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#c7dbf4;max-width:620px;font-size:1.06rem}.heroart{border:1px solid #3166a0;border-radius:30px;min-height:330px;overflow:hidden;box-shadow:var(--sh);position:relative;background:#0c2350}.heroart img{width:100%;height:100%;position:absolute;object-fit:cover}.heroart:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#041331e8)}.heroover{position:absolute;bottom:20px;left:24px;z-index:1;text-shadow:0 3px 10px #000}.heroover b{font-size:1.45rem;display:block}.btn{border:1px solid #3f78ad;background:#102c55;color:white;padding:12px 18px;border-radius:13px;font-weight:800;min-height:47px;transition:transform .15s,background .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px);background:#1c4a80}.btnprimary{background:linear-gradient(110deg,#21bdec,#1075d5);border-color:#56edff;color:#04112d;box-shadow:0 8px 25px #00c5ff31}.btnprimary:hover{background:#70e6ff}.btnGhost{background:transparent}.rowbtn{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.sectionTitle{margin-top:42px;margin-bottom:18px}.sectionTitle h2{font-size:clamp(1.5rem,3vw,2rem);margin:0}.sectionTitle p{color:var(--muted);margin:5px 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:linear-gradient(155deg,#0c2b57,#091d3d);border:1px solid #2b5486;border-radius:var(--r);padding:22px;box-shadow:0 10px 30px #0002}.card:hover{border-color:#58bbe9}.gradeNum{color:var(--cyan);font-size:3rem;font-weight:900;line-height:1}.card h3{font-size:1.35rem;margin:12px 0 4px}.card p{color:#c1d4e9;margin:4px 0}.card .btn{margin-top:16px}.infoStrip{border:1px solid #2b6294;border-left:4px solid var(--cyan);background:#102c51;border-radius:14px;padding:14px 18px;color:#d4e5f6;font-size:.92rem}.infoStrip strong{color:white}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature{border:1px solid #255181;padding:18px;background:#091e40;border-radius:15px}.feature b{display:block;color:white}.feature span{font-size:.88rem;color:var(--muted)}.breadcrumb{font-size:.82rem;color:#b1cee9;margin:8px 0 16px}.breadcrumb a{color:var(--cyan)}.pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.pagehead h1{font-size:clamp(1.65rem,3.4vw,2.65rem);margin:6px 0 8px}.pagehead p{color:var(--muted);margin:0}.unitgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:12px}.unitcard{padding:16px;display:flex;flex-direction:column;align-items:stretch;text-align:left;background:#0a2449;border:1px solid #285584;border-radius:15px;color:white;min-height:130px}.unitcard:hover{border-color:var(--cyan);background:#103667}.unitcard b{font-size:1.07rem}.unitcard small{color:#afcfea}.unitcard em{margin-top:auto;color:var(--cyan);font-size:.8rem;font-style:normal;font-weight:800}.modeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.modecard{background:linear-gradient(155deg,#123665,#0a2244);border:1px solid #3578aa;border-radius:19px;padding:19px}.modecard strong{font-size:1.23rem}.modecard p{color:#c1d5ed}.modecard .btn{margin-top:8px}.skillchips{display:flex;flex-wrap:wrap;gap:10px}.skillchips .btn{font-size:.89rem}.examtop{position:sticky;top:73px;z-index:10;background:#071a37f5;border:1px solid #2a5c89;border-radius:16px;padding:13px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;backdrop-filter:blur(12px)}.examtop b{font-size:1.02rem}.clock{font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}.clock.warn{color:var(--bad)}.progress{width:100%;height:8px;border-radius:100px;background:#15355c;overflow:hidden;margin-top:10px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#247fed,var(--cyan));width:0%;transition:width .2s}.questionwrap{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:20px;margin-top:16px}.qpanel{border:1px solid #2c6195;background:#0a2145;border-radius:22px;padding:24px;min-height:380px}.qmeta{color:#83dff3;font-weight:800;font-size:.78rem;letter-spacing:.035em}.qpanel h2{font-size:1.3rem;line-height:1.46;font-weight:760;margin:14px 0 18px}.passage{border-left:3px solid #67d9f6;background:#102e57;border-radius:0 12px 12px 0;padding:15px 18px;margin:8px 0 16px;color:#f0f5ff;line-height:1.8}.options{display:grid;gap:11px}.option{border:1px solid #3d648c;border-radius:14px;background:#0c2d57;color:#f1f7ff;padding:13px 15px;text-align:left;display:flex;align-items:center;gap:12px;min-height:56px}.option:hover:not(:disabled){border-color:#83ecff;background:#164579}.option .letter{width:29px;height:29px;flex:none;border:1px solid #4c80ae;border-radius:8px;display:grid;place-items:center;font-size:.85rem;font-weight:900;background:#13385f}.option.chosen{border-color:#56dcff;background:#144878}.option.correct{border-color:#4be4a5;background:#0c503f}.option.wrong{border-color:#f992aa;background:#60213a}.shortInput{background:#041a37;color:white;border:1px solid #4776a6;border-radius:13px;padding:14px 16px;width:100%;max-width:620px}.side{border:1px solid #2a5888;background:#081f40;border-radius:18px;padding:17px;height:max-content}.side h3{margin:0 0 10px;font-size:1rem}.numbers{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.qnum{border:1px solid #3d658d;background:#102e53;color:#dceefd;border-radius:9px;min-height:35px;font-size:.86rem;font-weight:800}.qnum.active{outline:2px solid var(--cyan);outline-offset:1px}.qnum.done{background:#12667d;border-color:#53d6ee}.qnum.doneErr{background:#834657}.qactions{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:22px}.feedback{margin-top:20px;padding:16px;background:#122f58;border:1px solid #4278a3;border-radius:14px}.feedback.good{border-color:#3aba91;background:#0d403a}.feedback.bad{border-color:#a94d68;background:#4a2336}.feedback b{display:block;margin-bottom:6px}.feedback p{margin:5px 0}.audioBox{background:#0d3156;border:1px solid #336b91;padding:13px 16px;border-radius:14px;display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 16px}.audioBox small{color:#a6d8eb}.resultHero{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border:1px solid #3976a9;background:linear-gradient(110deg,#123f69,#092448);padding:27px;border-radius:24px}.score{font-size:4rem;font-weight:900;color:var(--cyan);line-height:1}.miniChart{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{border:1px solid #35638a;border-radius:12px;background:#0b2b53;padding:14px}.stat b{font-size:1.7rem;color:white;display:block}.stat small{color:#afcfea}.resultRows{display:grid;gap:10px}.resultrow{background:#0c2850;border:1px solid #315d8f;border-radius:13px;padding:16px}.resultrow .head{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}.resultrow p{margin:8px 0;color:#e2eefa}.answerKey{color:#75eab8;font-weight:800}.muted{color:var(--muted)}.warning{color:#ffdf9a}.caps{letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:800}.footer{border-top:1px solid #25517b;padding:20px 24px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 25px;font-size:.78rem;color:#a6c2e0;text-align:center}.empty{padding:35px;text-align:center;border:1px dashed #3f729e;border-radius:15px}.topicPill{font-size:.8rem;color:#cef1f7;background:#14385f;padding:4px 10px;border:1px solid #477ca8;border-radius:100px;display:inline-block}.studylist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studycard{border:1px solid #315a89;background:#0d284e;border-radius:15px;padding:16px}.studycard h3{margin:5px 0 7px;font-size:1.05rem}.studycard p{margin:0;color:#c0d7ec;font-size:.92rem}@media(max-width:800px){.topinside{gap:8px;flex-wrap:wrap;padding:10px 16px}.brand{width:135px}.headtag{display:none}.nav{justify-content:flex-start;order:3;flex-basis:100%;gap:3px}.nav a{padding:5px 9px;font-size:.82rem}.layout{padding:19px 15px 60px}.hero{grid-template-columns:1fr;gap:20px}.heroart{min-height:240px}.cards,.features{grid-template-columns:1fr}.questionwrap{grid-template-columns:1fr}.side{order:-1}.numbers{grid-template-columns:repeat(10,1fr)}.qnum{min-height:29px}.examtop{top:112px}.qpanel{padding:17px}.qpanel h2{font-size:1.1rem}.pagehead{display:block}.modeGrid{grid-template-columns:1fr}.miniChart{grid-template-columns:repeat(3,1fr)}.score{font-size:3rem}}@media(max-width:420px){.numbers{grid-template-columns:repeat(7,1fr)}.nav{justify-content:space-between}.nav a{font-size:.76rem;padding:6px}.examtop{top:106px}.btn{padding:11px 13px;font-size:.9rem}.hero h1{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{body{background:white;color:black}.topbar,.footer,.nav,.rowbtn,.qactions,.side,.examtop{display:none!important}.layout{max-width:none;padding:0}.card,.qpanel,.resultrow{background:white;color:black;box-shadow:none}.resultrow p,.muted{color:#333}}

/* Transfer-oriented mastery learning layer */
.coreUnit{margin:24px 0 40px}.coreHead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.coreHead h2{font-size:1.45rem;margin:0;flex:1}.coreGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.corecard{border:1px solid rgba(103,206,250,.23);background:#0b1c3bd9;padding:20px;border-radius:18px}.corecard small{color:#53def4;font-weight:750;letter-spacing:.07em}.corecard h3{font-size:1.12rem;margin:10px 0}.corecard p{line-height:1.65}.miniExample{padding:12px 14px;background:rgba(24,122,200,.15);border-left:3px solid #29cff6;border-radius:8px;line-height:1.6}.coreTrap{color:#ffdab0}.recall{margin-top:16px;padding:14px;border:1px dashed rgba(104,217,255,.35);border-radius:12px}.recall strong{color:#e7f6ff}.recallAnswer{padding:12px 3px;color:#8df3cf}.roboExplain{margin-top:10px;padding:15px;border:1px solid rgba(69,218,255,.27);border-radius:14px;background:linear-gradient(150deg,rgba(9,46,96,.8),rgba(7,26,51,.9));line-height:1.6}.roboExplain p{margin:7px 0}.roboTitle{display:flex;gap:10px;align-items:center;color:#82e9ff;margin-bottom:7px}.roboMark{width:32px;height:32px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:2px solid #3bcaf2;border-radius:9px;background:#11508c;color:#fff;font-weight:900}.coachTrap{color:#ffd7a7}.coachMemory{color:#c3ebfa}.feedback .rowbtn{margin-top:12px}.corecard .btn{min-height:42px}.corecard .muted{color:#a9c0d7}.corecard .recallAnswer[hidden]{display:none!important}@media(max-width:740px){.coreGrid{grid-template-columns:1fr}.coreHead h2{flex-basis:100%;font-size:1.3rem}.corecard{padding:16px}.roboExplain{padding:12px}}

/* Student Experience V3 — only learner actions and coaching, no editorial/developer copy */
.studentHome .hero{min-height:350px}
.studentHome .hero h1{font-size:clamp(2rem,4vw,3.7rem)}
.studentHome .hero p{max-width:590px}
.studentHome .threeSteps{margin:10px 0 30px}
.studentHome .gradeCards .card{display:flex;flex-direction:column;align-items:flex-start}
.studentHome .gradeCards .card .btn{margin-top:auto}
.studentHome .gradeCards .card p{margin-bottom:16px}
.sourceNote{color:var(--muted);font-size:.83rem;margin-top:32px;max-width:780px}
.sourceNote summary{cursor:pointer;color:#adcbe7}
.sourceNote p{line-height:1.6}
.studentGrade .pagehead{margin-bottom:10px}
.studentGrade .sectionTitle{margin-top:30px}
.unitStepGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.unitStep{background:#0c2750;border:1px solid #2a5f91;border-radius:17px;padding:17px;display:flex;flex-direction:column;gap:16px}
.unitStepHeading{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.unitStepHeading h3{margin:0;font-size:1.13rem}
.unitStepActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.unitStepActions .btn{font-size:.86rem;min-height:41px;padding:9px 12px}
.mockGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mockCard{background:linear-gradient(135deg,#103562,#0b2449);border:1px solid #386d9c;border-radius:17px;padding:16px;display:flex;gap:16px;align-items:center;justify-content:space-between}
.mockCard h3{font-size:1.1rem;margin:9px 0 3px}
.mockCard p{font-size:.9rem;color:var(--muted);margin:0}
.mockCard .btn{flex-shrink:0;min-height:43px;padding:10px 13px}
.studyCallout{display:flex;align-items:center;gap:13px;background:#0d3155;border:1px solid #2a668f;border-radius:15px;margin-top:17px;padding:10px 15px}
.studyCallout img{width:64px;height:63px;object-fit:contain;flex-shrink:0}
.studyCallout p{margin:0;color:#def5ff;font-size:.92rem}
.recentResult{margin-top:20px;padding:13px 16px;border:1px solid #295581;border-radius:12px;color:#cfe6fa}
.recentResult a{color:#71e9ff;text-decoration:underline}
.coreGuide{color:#bee9f5;margin:12px 0 20px}
.roboTitle .roboAvatar{width:45px;height:45px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 6px #001c39)}
.studentFootnote{font-size:.82rem;color:var(--muted);margin:16px 0 0}
@media(max-width:800px){.mockGrid,.unitStepGrid{grid-template-columns:1fr}.studentHome .hero{min-height:0}.studentHome .heroart{min-height:210px}.mockCard{flex-wrap:wrap}}
@media(max-width:420px){.unitStep{padding:14px}.unitStepActions{display:grid;grid-template-columns:1fr 1fr}.unitStepActions .btn{padding:9px 6px}.mockCard .btn{width:100%}.studyCallout img{width:52px;height:52px}}

/* FINAL V4: compact on-page listening transcript only after answer; optional ROBO minigame */
.transcriptInline{margin-top:12px!important;background:#082b4e;border:1px solid #35749c;border-radius:12px;padding:13px 15px;line-height:1.6}
.transcriptInline strong{display:block;color:#8ce6ff;margin-bottom:6px}.transcriptInline p{margin:4px 0 8px;color:#fff}.transcriptInline small{color:#bfd9ed}
.gameInvite{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 16px;padding:23px;border:1px solid #317ea9;border-radius:20px;background:radial-gradient(circle at 88% 35%,#0f698d55,transparent 36%),linear-gradient(115deg,#0a3155,#0a2144)}
.gameInviteCopy h2{margin:8px 0 2px;font-size:clamp(1.4rem,3vw,2rem)}.gameInviteCopy p{max-width:650px;color:#cfe9f7;margin:6px 0 16px}.gameInvite img{width:138px;height:126px;object-fit:contain;filter:drop-shadow(0 10px 11px #01182f)}
.gamePage{max-width:1020px}.gameTop{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}.gameTop h1{font-size:clamp(1.65rem,3.7vw,2.4rem);margin:6px 0 2px}.gameTop p{margin:0;color:#c9e3f9}.gameStats{display:flex;flex-wrap:wrap;gap:13px;align-items:center;padding:12px 15px;border-radius:14px;background:#0d3358;border:1px solid #346a98;white-space:nowrap}.gameStats b{color:#77ecff}.gameHearts{color:#ff829e;font-size:1.45rem;letter-spacing:1px}
.gameShell{border:1px solid #397ca8;border-radius:23px;padding:20px;background:linear-gradient(140deg,#0b2a51,#061d3c);box-shadow:0 18px 35px #0003}
.gamePrompt{display:flex;flex-direction:column;gap:8px}.gamePrompt h2{font-size:clamp(1.2rem,3vw,1.7rem);margin:0 0 6px;max-width:750px;line-height:1.35}
.gameWorld{height:340px;position:relative;background:radial-gradient(ellipse at 49% 55%,#155f9e70,transparent 70%),linear-gradient(160deg,#061831,#0a2c52);border:1px solid #285c89;border-radius:18px;overflow:hidden;padding:16px}
.gameWorld:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#5ae8ff0d 1px,transparent 1px),linear-gradient(#5ae8ff0d 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.gameGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;position:relative;height:100%;z-index:1}.powerCell{position:relative;border:2px solid #236ca7;border-radius:16px;background:linear-gradient(135deg,#0f3c69,#102b54);display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;padding:20px 28px;color:#e7f9ff;box-shadow:inset 0 0 13px #32cafd14;transition:background .2s,border-color .2s}.powerCell.focused{border-color:#ffe17e;background:linear-gradient(135deg,#154f79,#1b4473);box-shadow:0 0 0 2px #ffe17e2a,0 0 24px #ffe17e48,inset 0 0 23px #a8edff1a}.powerCell.solved{border-color:#5fffb9;background:#125a54}.powerCell.locked{border-color:#c65a7c;background:#57304b;opacity:.7}.powerCell.locked .powerText{text-decoration:line-through}.powerCell.powerWall{background:repeating-linear-gradient(45deg,#092344,#092344 10px,#0e3053 10px,#0e3053 20px);border-style:dashed;color:#4a7aa7;font-size:3rem}.powerLabel{position:absolute;top:8px;left:12px;font-size:.7rem;font-weight:800;color:#8fd8f4}.powerText{font-size:clamp(.94rem,2.5vw,1.18rem);font-weight:750;overflow-wrap:anywhere;line-height:1.2}.gamePointer{position:absolute;top:-18px;right:19px;color:#ffcf64;font-size:1.2rem}.gameRobot{position:absolute;z-index:2;left:calc((var(--cx) * .5 + .25) * 100%);top:calc((var(--cy) * .5 + .25) * 100%);width:68px;height:56px;transform:translate(-50%,-91%);pointer-events:none;transition:left .2s ease,top .2s ease;filter:drop-shadow(0 8px 8px #0009)}.gameRobot img{width:100%;height:100%;object-fit:contain;animation:robotFloat 1.8s ease-in-out infinite alternate}.scanLine{position:absolute;left:0;bottom:4px;height:2px;background:#36ccf5;width:100%;box-shadow:0 0 18px #2bd9ff;opacity:.7}@keyframes robotFloat{to{transform:translateY(-4px)}}
.gameControlArea{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:15px}.gameArrowKeys{display:flex;flex-direction:column;align-items:center;gap:5px}.gameArrowKeys>div{display:flex;gap:5px}.gameArrowKeys button{width:50px;height:40px;border-radius:11px;border:1px solid #5a95b8;background:#17466f;color:white;font-size:1.25rem;font-weight:900;touch-action:manipulation}.gameArrowKeys button:active{background:#237daa}.gameCollect{min-height:63px;min-width:180px;font-size:1.05rem}.gameFeedback{padding:14px 17px;border-radius:15px;margin-top:14px;border:1px solid #3d7189;background:#103352}.gameFeedback.positive{border-color:#40bda9;background:#0b3e46}.gameFeedback.negative{border-color:#a86882;background:#45263f}.gameFeedback p{margin:7px 0}.gameFeedback .small{font-size:.87rem;color:#d6eafd}.gameFeedback .btn{margin-top:9px}.gameFoot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:13px 0 20px;color:#b9d0e5;font-size:.87rem}.gameFoot a{color:#7ee7ff;text-decoration:underline}
.gameFinish{max-width:980px}.gameFinishHero{display:flex;align-items:center;gap:22px;border:1px solid #3276a9;background:linear-gradient(125deg,#10396c,#0a1f47);padding:28px;border-radius:23px}.gameFinishHero img{height:150px;width:160px;object-fit:contain}.gameFinishHero h1{font-size:clamp(1.6rem,4vw,2.8rem);margin:7px 0}.gameFinishStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:15px 0}.gameFinishStats>div{padding:19px;background:#112d53;border:1px solid #356d95;border-radius:15px;display:flex;flex-direction:column;text-align:center;gap:4px}.gameFinishStats strong{font-size:2rem;color:#80ebff}.gameFinishStats span{font-size:.85rem;color:#b9d5eb}.gameOutcome{background:#103a58;padding:16px;border-left:4px solid #63dbec;border-radius:12px}
@media(max-width:760px){.gameTop{align-items:start;flex-direction:column}.gameShell{padding:12px}.gameInvite{padding:16px}.gameInvite img{width:94px;height:104px}.gameWorld{height:320px;padding:10px}.powerCell{padding:15px 11px}.powerText{font-size:.94rem}.gameRobot{width:53px;height:47px}.gameFinishHero{padding:16px}.gameFinishHero img{width:94px;height:100px}.gameFinishStats strong{font-size:1.5rem}}
@media(max-width:390px){.gameArrowKeys button{width:43px;height:40px}.gameCollect{min-width:120px;padding:10px;font-size:.88rem}.gameWorld{height:300px}.gameInvite img{width:76px}.gameFinishStats span{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.gameRobot,.gameRobot img{animation:none;transition:none}}
/* ROBO stays at the upper-right edge of the chosen tile, never over answer text. */
.gameRobot{left:calc((var(--cx) * .5 + .46) * 100%);top:calc((var(--cy) * .5 + .025) * 100%);width:49px;height:40px;transform:translate(-100%,-8%)}
@media(max-width:760px){.gameRobot{width:43px;height:36px}}