/* Neon arena: AI artwork + event-driven effects, with a quiet reading surface. */
.arcade-app.fx-premium{background-color:#100b21;background-image:linear-gradient(180deg,#100923a8 0%,#160d2cda 40%,#100b21f5 100%),url('../images/arcade-arena-v2.webp');background-repeat:no-repeat;background-size:cover;background-position:center top;background-attachment:fixed;color:#f5f0ff;--muted:#b5a7cd}
.fx-premium .site-header{border-color:#b69be34d;background:linear-gradient(90deg,#24153955,#19102722);position:relative}
.fx-premium .site-brand{color:#fff}.fx-premium .site-brand .text-teal{color:#d3b0ff}.fx-premium .site-brand small{color:#a998c3}
.fx-premium .brand-symbol{background:linear-gradient(145deg,#ae82ff,#6337b3);border:1px solid #d4b2ff;box-shadow:0 0 24px #a976ff66,inset 0 1px 0 #fff7;color:white}
.fx-premium .nav-link{color:#baadd0}.fx-premium .nav-link.active{background:#ae7dff24;color:#e5caff;border:1px solid #c79cfa55;box-shadow:inset 0 0 18px #b36aff11}.fx-premium .nav-link:hover{background:#a46aea26;color:white}
.fx-premium .text-button{color:#c1a7e5}.fx-premium .account-chip{background:#312046;border:1px solid #b18acd88;box-shadow:0 0 18px #a46aff22;color:#f4eafa}.fx-premium .avatar{background:#ad7be92c;color:#e7ccff}
.fx-premium .primary-btn{background:linear-gradient(145deg,#a779fa,#7748db);border:1px solid #ccabff;box-shadow:0 4px 0 #4b2878,0 6px 23px #a174ef42;color:white}
.fx-premium .primary-btn:hover{background:linear-gradient(145deg,#bd96ff,#8955e9);box-shadow:0 5px 0 #4b2878,0 7px 30px #b082f46b}
.fx-premium .hero-actions .arcade-play-btn,.fx-premium .profile-card .primary-btn{background:linear-gradient(135deg,#f0ff9c,#d3ed63);border:1px solid #f4ffc1;color:#253312;box-shadow:0 4px 0 #788f34,0 0 32px #d9fc6e38}
.fx-premium .hero-actions .arcade-play-btn:hover{background:linear-gradient(135deg,#f7ffbe,#e2fa83);box-shadow:0 6px 0 #788f34,0 0 40px #d9fc6e55}
.fx-premium .hero-actions .secondary-btn{background:#271a3e99;border:1px solid #a185c1;color:#e3d6f5;box-shadow:0 4px 0 #0d0719,0 5px 16px #b98bf11c}
.fx-premium .hero-grid{padding-top:55px;gap:40px}.fx-premium .hero-copy h1{color:#fff;text-shadow:0 0 45px #e2c5ff18}.fx-premium .arcade-title-highlight{color:#dcfa89;text-shadow:0 0 30px #d9fb7c22}.fx-premium .arcade-title-highlight:after{background:linear-gradient(90deg,#dafa7d66,#89f5d633);height:3px;bottom:0}
.fx-premium .hero-copy p{color:#c2b5d5}.fx-premium .arcade-eyebrow{color:#c7afe6}.fx-premium .arcade-live-dot{background:#ddff8c;box-shadow:0 0 14px #d2f97a,0 0 0 4px #d7f7841a}.fx-premium .arcade-feature-pills{color:#b9a8cc}
.fx-premium .fx-hero-scene{min-height:390px;padding:0;background:#2a1749;border:1px solid #b784f2aa;box-shadow:0 16px 55px #07021066,0 0 45px #9452e52a,inset 0 0 0 1px #e2c3ff22;border-radius:22px;overflow:visible;isolation:isolate}
.fx-hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center;border-radius:22px;z-index:-2}
.fx-hero-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#170b4388,#150c3215 65%),linear-gradient(0deg,#170d32d9,transparent 60%);border-radius:22px;z-index:-1}
.fx-hero-scene:after{content:'';position:absolute;inset:0;border-radius:22px;border:1px solid #edceff33;box-shadow:inset 0 0 26px #b47bff22;pointer-events:none}
.fx-scene-caption{position:absolute;top:19px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;font:600 8px var(--font-code);letter-spacing:1px;color:#e6d3ff}
.fx-ready-light{color:#dafa94;text-shadow:0 0 10px #cefb7b88;white-space:nowrap}
.fx-scene-badge{position:absolute;left:22px;top:75px;display:flex;flex-direction:column;gap:11px;z-index:1;text-shadow:0 2px 10px #17072f}
.fx-scene-badge small{font:8px var(--font-code);color:#ccb4e7;letter-spacing:2px}.fx-scene-badge strong{font:700 30px var(--font-code);color:white;letter-spacing:-1px}.fx-scene-badge strong span{display:block;font-size:66px;line-height:1.1;letter-spacing:-4px;color:#e0fa8c;text-shadow:0 0 32px #d9ff8b66}.fx-scene-badge>span{font:7px var(--font-code);color:#e4d7f6;letter-spacing:1px}
.fx-hero-robot{position:absolute;bottom:8px;right:-28px;height:345px;width:auto;object-fit:contain;filter:drop-shadow(0 12px 30px #170b3655);animation:fxRobotFloat 5s ease-in-out infinite;z-index:2}
.fx-scene-bottom{position:absolute;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;align-items:center;font:600 8px var(--font-code);letter-spacing:1px;color:#c2aedc;z-index:3}.fx-scene-bottom>span:first-child{padding:7px 10px;border-radius:5px;background:#a96eff27;border:1px solid #d0a6ff55;color:#f5e8ff}
.fx-premium .overview-stats{background:linear-gradient(135deg,#39234dde,#231733ed);border:1px solid #a77fca66;box-shadow:0 8px 30px #0701114d,inset 0 1px 0 #e0c2ff15;border-radius:14px}.fx-premium .overview-stat{border-right-color:#a483bd33}.fx-premium .overview-stat strong{color:#f4eaff}.fx-premium .overview-stat small{color:#c2b1d4}.fx-premium .overview-stat strong em{color:#b6a3cc}.fx-premium .stat-icon{background:#b38ee32a;color:#d5b2ff}.fx-premium .overview-stat:nth-child(2) .stat-icon{background:#efc97322;color:#ffda88}.fx-premium .overview-stat:nth-child(3) .stat-icon{background:#e3956922;color:#ffc88b}.fx-premium .overview-stat:nth-child(4) .stat-icon{background:#c8e77522;color:#ddf69b}
.fx-premium .section-heading h2,.fx-premium .course-intro h3{color:#f5ecff}.fx-premium .eyebrow{color:#b6a0d0}.fx-premium .course-intro p{color:#b7a6cb}.fx-premium .course-tabs{border-color:#9c77b443}.fx-premium .course-tab{background:#2e1d42;color:#baa7cf;border:1px solid #a57ec16b;box-shadow:0 3px 0 #130c20}.fx-premium .course-tab.active{background:linear-gradient(140deg,#7449a8,#4f307d);color:#f8f0ff;border:1px solid #caa0f3;box-shadow:0 0 24px #a576ed22,0 3px 0 #21102f}.fx-premium .course-progress{background:#b981ec1e;border-color:#ba91d866;color:#ddc2f5}
.fx-premium .quest-card{background:linear-gradient(145deg,#39264feb,#291d3def);color:#f0e6ff;border:1px solid #a17dbc88;box-shadow:0 6px 22px #08011244,inset 0 1px 0 #e5cfff15}.fx-premium .quest-card:first-child{border-color:#c4a0e4}.fx-premium .quest-card:hover{border-color:#dab6ff;box-shadow:0 10px 32px #9f57ed25,0 0 24px #a46bef18;transform:translateY(-5px)}.fx-premium .quest-card:before{background:#b491df0d}.fx-premium .quest-card:nth-child(4n+2):before{background:#f8b7790c}.fx-premium .quest-card:nth-child(4n+3):before{background:#dbf87e0c}.fx-premium .quest-card:nth-child(4n+4):before{background:#9fd8f00d}.fx-premium .quest-card h4{color:#f0e5ff}.fx-premium .quest-card p{color:#bbaccb}.fx-premium .quest-bottom{border-color:#b58fce2b;color:#c7b3db}.fx-premium .quest-tag{background:#c198e31c;border-color:#bf96dc44;color:#d0b4e9}.fx-premium .quest-tag.medium{background:#eab9671a;color:#edca94;border-color:#bda27155}.fx-premium .quest-card.completed .quest-tag{background:#c2e7771a;color:#d9efb0;border-color:#b8d37466}.fx-premium .quest-bottom .quest-arrow{box-shadow:0 0 15px #dbf77833;border-color:#eefeb1}.fx-premium .quest-stars{color:#816b97}
.fx-premium .profile-card{background:linear-gradient(150deg,#6b419bdb,#32204ade);border:1px solid #c092e7aa;box-shadow:0 10px 35px #0c041f66,inset 0 1px 0 #ead4ff22}.fx-premium .profile-card h3{color:#fff}.fx-premium .profile-card p{color:#d4c0e5}.fx-premium .profile-detail{border-color:#bd90d944}.fx-premium .profile-detail span{background:#160c302c;border-color:#b88bd24d;color:#e3cbed}.fx-premium .how-card{background:linear-gradient(145deg,#362442db,#24182fed);border:1px solid #a27fb069;box-shadow:0 8px 25px #07011055}.fx-premium .how-card h3,.fx-premium .how-card li strong{color:#e9dcf5}.fx-premium .how-card li small{color:#bdaaca}.fx-premium .how-card li>span{background:#c2a2db16;border-color:#aa86be55;color:#d7bce8}.fx-premium .scoring-note{border-color:#ac85c144;color:#b7a2c7}.fx-premium .mini-tip{background:#ad84d311;border-color:#a27bbb66}.fx-premium .mini-tip strong{color:#d2b8e7}.fx-premium .mini-tip p{color:#b7a0ca}
.fx-premium .site-footer{border-color:#9d78be66;color:#ac96c0}.fx-premium .game-page-top .text-button{color:#c4a2e4}.fx-premium .game-page-top .muted{color:#bea7d1}
.fx-premium .arcade-game-heading{position:relative;isolation:isolate;overflow:hidden;min-height:128px;padding:21px 25px;border:1px solid #b38cdb77;border-radius:15px;background-image:linear-gradient(90deg,#211039ef 0%,#2b1047cf 45%,#21103ae8 100%),url('../images/arcade-arena-v2.webp');background-size:cover;background-position:center 46%;box-shadow:0 5px 25px #05011155,inset 0 1px 0 #e9caff15;gap:20px}
.fx-premium .arcade-game-heading:before{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#c49cfc,#d9fa8c,#8ae4f1,transparent);opacity:.8}
.fx-premium .arcade-game-heading>div:first-child{z-index:1}.fx-premium .arcade-game-heading h1{color:#fff;font-size:25px;margin-top:8px;text-shadow:0 0 25px #d0b2ff22}.fx-premium .arcade-game-heading .arcade-eyebrow{color:#c4a4e7;font-size:8px}.fx-coach-message{color:#baa0d2;font-size:10px;line-height:1.8;margin-top:7px;max-width:390px}.fx-game-robot{position:absolute;left:45%;bottom:-18px;width:115px;height:auto;z-index:0;pointer-events:none;filter:drop-shadow(0 0 18px #b384e729)}
.fx-premium .arcade-game-controls{z-index:2}.fx-premium .arcade-game-controls .wood-btn{background:linear-gradient(145deg,#583773,#352144);color:#efddff;border:1px solid #c39bdd99;box-shadow:0 3px 0 #160b22,0 0 16px #ae77e91a}.fx-premium .arcade-game-controls .wood-btn:hover{background:#70508c}.fx-premium .arcade-game-controls .fx-toggle{font-size:11px;padding:9px 12px}.fx-premium .fx-toggle[aria-pressed=true]{color:#ddf8a0;border-color:#c7e48199;background:linear-gradient(145deg,#4e523c,#35382c)}
.fx-premium .score-badge,.fx-premium .arcade-timer-card,.fx-premium .arcade-record-card{background:linear-gradient(135deg,#3a3f2cea,#222c20ee);border:1px solid #cbe58699;box-shadow:0 8px 25px #03010b55,0 0 25px #d3f58d12,inset 0 1px 0 #eeffaf22;border-radius:14px}
.fx-premium .arcade-timer-card{background:linear-gradient(135deg,#24443deb,#1a302eea);border-color:#89daca88;box-shadow:0 8px 25px #03010b55,0 0 25px #8de4d812,inset 0 1px 0 #acfff022}.fx-premium .arcade-record-card{background:linear-gradient(135deg,#4b3529e8,#31241fe8);border-color:#e0b17a88;box-shadow:0 8px 25px #03010b55,0 0 25px #f1c78413,inset 0 1px 0 #ffe5aa22}
.fx-premium .score-badge .score-label,.fx-premium .score-badge small{color:#bdcd94}.fx-premium .score-badge .score-number{color:#edffab;text-shadow:0 0 27px #deff8e33}.fx-premium .score-badge:after{color:#deff9766;opacity:.8}.fx-premium .arcade-timer-card>strong{color:#b2f5dc;text-shadow:0 0 25px #8be8d033}.fx-premium .arcade-timer-card .arcade-hud-label,.fx-premium .arcade-timer-card>small{color:#a0cabd}.fx-premium .arcade-record-card>strong{color:#ffd79f;text-shadow:0 0 25px #f4c88833}.fx-premium .arcade-record-card .arcade-hud-label,.fx-premium .arcade-record-card>small{color:#d7b897}
.fx-premium .arcade-record-card.record-leading{background:linear-gradient(135deg,#66502b,#45331f);border-color:#f7d98e;box-shadow:0 0 35px #f4d26b33}.fx-premium .arcade-record-card.record-leading>small{color:#ffe7ac}
.fx-premium .arcade-progress-row>span,.fx-premium .arcade-progress-row>strong{color:#bd9ed6}.fx-premium .arcade-progress-row .progress-container{background:#7f5f9a33;border-color:#a082b555;height:9px}.fx-premium .progress-fill{background:linear-gradient(90deg,#a173f0,#c194f5,#d8f88c);box-shadow:0 0 12px #c09afa55;position:relative;overflow:hidden}.fx-premium .progress-fill:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:translateX(-100%);animation:fxProgressShine 5s ease-in-out infinite}
.fx-premium .combo-meter-box{background:radial-gradient(ellipse at 50% 0%,#8a56c855,transparent 75%),linear-gradient(145deg,#3c2555,#291b3d);border:1px solid #bd8df0;box-shadow:0 7px 25px #0b021f66,0 0 25px #b580f023,inset 0 1px 0 #e4bfff25;border-radius:14px}.fx-premium .combo-text{color:#dec0ff;text-shadow:0 0 25px #be87f766}.fx-premium .combo-meter-box .arcade-hud-label,.fx-premium .streak-tag,.fx-premium #arcade-combo-next{color:#c7a9dd}.fx-premium .streak-tag strong{color:#eed7ff}.fx-premium .meter-glass{background:#b78bdd22;border-color:#c197e34d}.fx-premium .meter-fill{background:linear-gradient(90deg,#b884f3,#ddfb8b);box-shadow:0 0 12px #d5fd8c55}.fx-premium .meter-fill.fire{background:linear-gradient(90deg,#c58df8,#f5b87d,#e0fb9b)}
.fx-premium .speedometer-badge{background:linear-gradient(140deg,#372345,#25182f);border:1px solid #aa82c088;box-shadow:0 7px 24px #0b021e55,inset 0 1px 0 #e3bfff15;border-radius:14px}.fx-premium .speedometer-badge .arcade-hud-label,.fx-premium .arcade-accuracy-label{color:#c3a6d3}.fx-premium .speedometer-badge .wpm-val{color:#dbb5fa;text-shadow:0 0 18px #ba81e82a}.fx-premium .speedometer-badge .wpm-lbl{color:#b69bc9}.fx-premium .speedometer-badge .acc-val{color:#b2e9b5}
.fx-premium .code-stage{border:1px solid #be93e9;box-shadow:0 10px 35px #05011166,0 0 22px #bb7df323,inset 0 0 0 1px #e2bfff33;border-radius:14px;position:relative;transition:box-shadow .3s,border-color .3s;overflow:hidden}.fx-premium .code-header{background:linear-gradient(120deg,#4a2a67,#2c1e42);border-bottom:1px solid #9d70c33d}.fx-premium .code-arena{background:#fffefa;color:#72617d}.fx-premium .code-arena:focus-visible{box-shadow:inset 0 0 0 2px #b28ee37d}.fx-premium .char.current{background:#eff7b4;border-bottom:2px solid #a8bd4a;color:#49375a;box-shadow:0 0 9px #daf67e55}.fx-premium .char.correct{color:#2e7654;background:#e4f2df}.fx-premium .char.pending{color:#82748e}.fx-premium .explanation-footer{background:#f3edfa;color:#806492}.fx-premium .start-hint{background:#ede0fded;color:#795298;border-color:#c49be1;box-shadow:0 3px 15px #1f092833}
.fx-premium .keyboard-section{background:linear-gradient(145deg,#372547,#21162f);border:1px solid #ad80d1;box-shadow:0 12px 30px #04010e88,0 0 24px #a671db1a,inset 0 1px 0 #dcb3ff2a;border-radius:15px;position:relative}.fx-premium .keyboard-section:before{content:'';position:absolute;left:20px;right:20px;top:0;height:2px;background:linear-gradient(90deg,transparent,#b681f4,#dffb92,#84d5e3,transparent);opacity:.8}.fx-premium .kb-key{background:linear-gradient(160deg,#655077,#3d2d51);border:1px solid #aa8cc477;color:#eadcf6;box-shadow:0 4px 0 #130a20,inset 0 1px 0 #ddc6ef25;transition:background .1s,box-shadow .1s,transform .1s}.fx-premium .kb-key .key-sub{color:#b9a3cb}.fx-premium .kb-key.home-key:after{background:#a88abb}.fx-premium .kb-key.kb-target{background:linear-gradient(145deg,#eefcad,#d2ec72)!important;color:#42521e!important;border-color:#efffc4!important;box-shadow:0 4px 0 #637c39,0 0 18px #c7f57c44!important}.fx-premium .kb-key.kb-target .key-sub{color:#687b35!important}.fx-premium .kb-key.kb-target:before{color:#e5c1ff;text-shadow:0 0 9px #c39aff55}.fx-premium .kb-key.kb-shift-target{background:linear-gradient(145deg,#f4d098,#e2aa77)!important;color:#69441e!important;border-color:#ffe8c6!important;box-shadow:0 4px 0 #7a4d2a,0 0 16px #ffd39033!important}.fx-premium .hand-svg{fill:#9675ae;stroke:#bfa0d3}.fx-premium .game-footer-credit{color:#ac91bf}
.fx-premium .arcade-feedback{background:linear-gradient(130deg,#b78bf4,#d6afff);color:#281338;border:1px solid #f2dcff;box-shadow:0 5px 0 #5b337e,0 0 35px #c892ff66;font-weight:600;z-index:51}
.fx-premium[data-combo-tier="3"] .code-stage,.fx-premium[data-combo-tier="4"] .code-stage{box-shadow:0 8px 35px #04011077,0 0 25px #bb7de144;border-color:#c5a0ee}
.fx-premium[data-combo-tier="5"] .code-stage{box-shadow:0 8px 35px #04011077,0 0 32px #d3f08540;border-color:#d9ee9b}.fx-premium[data-combo-tier="5"] .combo-text{color:#e7ffaf;text-shadow:0 0 28px #dbfb9399}.fx-premium[data-combo-tier="5"] .combo-meter-box{border-color:#ddf1ac;background:radial-gradient(ellipse at top,#b2cb6544,transparent 80%),#352347;box-shadow:0 0 28px #d5ed8a33}
.fx-key-hit{animation:fxKeyGlow .26s ease-out!important}.fx-key-miss{animation:fxKeyMiss .25s ease-out!important}.fx-score-hit{animation:fxScorePulse .28s ease-out}.fx-combo-burst{animation:fxComboBurst .85s ease-out}.fx-energy-wave{animation:fxEnergyWave .95s ease-out}.fx-record-burst{animation:fxRecordBurst 1.2s ease-out}.fx-error-edge{animation:fxErrorEdge .25s ease-out}
#arcade-fx-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1001}.fx-floating-score{position:fixed;pointer-events:none;z-index:52;font:700 16px var(--font-code);color:#e4ff9a;text-shadow:0 0 14px #d9ff7a88;animation:fxScoreFloat .8s ease-out forwards}
.fx-premium #modal-victory .modal-box{background:radial-gradient(ellipse at 50% 0%,#eadbff 0%,#fffaff 50%);border:1px solid #efcfff;box-shadow:0 0 65px #b986fa55,0 20px 75px #09021699}.fx-victory-robot{width:95px;height:105px;object-fit:contain;display:block;margin:2px auto 5px;filter:drop-shadow(0 4px 12px #b58ce955)}.fx-premium #modal-victory .arcade-victory-record.new-record{background:linear-gradient(130deg,#e6fda0,#c9ed89);border-color:#9eb74f;box-shadow:0 3px 0 #a2ba59,0 0 24px #c7ed9233;color:#3c4b22}.fx-premium .arcade-victory-heading .arcade-eyebrow{color:#9270b1}.fx-premium .modal-box .text-button{color:#8c62ab}.fx-premium .table-panel{color:#4e3c60;background:#fffbff}.fx-premium .table-top{color:#645171}.fx-premium .empty-state{color:#70577c}.fx-premium .empty-state p{color:#8e749e}.fx-premium .account-modal .muted{color:#957ba6}.fx-premium .modal-box .primary-btn{color:white}.fx-premium .modal-box .wood-btn.btn-green{color:#3a4823;background:linear-gradient(135deg,#edffa5,#d1eb80);border-color:#a2b865;box-shadow:0 3px 0 #879f41}
.fx-disabled #arcade-fx-canvas,.fx-disabled .fx-floating-score{display:none}.fx-disabled *,.fx-disabled *:before,.fx-disabled *:after{animation:none!important;transition:none!important}
@keyframes fxRobotFloat{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-9px) rotate(-1deg)}}
@keyframes fxProgressShine{0%,65%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes fxKeyGlow{40%{filter:brightness(1.35);box-shadow:0 1px 0 #5b3b80,0 0 23px #ceff8d99;transform:translateY(3px) scale(1.03)}}
@keyframes fxKeyMiss{40%{filter:brightness(1.2);background:#a5624f;box-shadow:0 0 15px #ffbc7e77}}
@keyframes fxScorePulse{45%{box-shadow:0 0 28px #dbfa9b55,inset 0 0 20px #d5f59415;border-color:#f4ffc6;transform:translateY(-1px)}}
@keyframes fxComboBurst{25%{box-shadow:0 0 42px #c58dff88,inset 0 0 20px #c48cf72b;transform:scale(1.025)}}
@keyframes fxEnergyWave{30%{box-shadow:0 0 40px #c296ff66,inset 0 0 25px #bd8cfa15;border-color:#e3c6ff}}
@keyframes fxRecordBurst{30%{box-shadow:0 0 45px #fadd9b88,inset 0 0 24px #ffe7aa22;transform:translateY(-2px)}}
@keyframes fxErrorEdge{35%{box-shadow:0 0 20px #f0ad7766;border-color:#edbd9c}}
@keyframes fxScoreFloat{0%{opacity:0;transform:translateY(8px) scale(.8)}18%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-40px) scale(.95)}}
.fx-victory-reveal{animation:fxVictoryReveal .9s ease-out}
@keyframes fxVictoryReveal{0%{opacity:.3;transform:translateY(18px) scale(.94)}60%{opacity:1;transform:translateY(-2px) scale(1.01)}100%{transform:none}}
@media(min-width:1500px){.fx-premium .fx-hero-scene{min-height:420px}.fx-hero-robot{height:375px}.fx-scene-badge{top:85px;left:29px}.fx-scene-badge strong{font-size:34px}.fx-scene-badge strong span{font-size:76px}}
@media(max-width:1100px){.fx-premium .fx-hero-scene{min-height:350px}.fx-hero-robot{height:295px;right:-16px}.fx-scene-badge{left:17px;top:72px}.fx-scene-badge strong{font-size:24px}.fx-scene-badge strong span{font-size:55px}.fx-scene-caption{font-size:6px;left:16px;right:16px}.fx-scene-bottom{font-size:7px;left:16px;right:16px}.fx-premium .arcade-game-heading{padding:19px 20px;gap:17px}.fx-premium .arcade-game-heading h1{font-size:22px}.fx-game-robot{left:43%;width:97px;opacity:.45}.fx-premium .arcade-game-controls{gap:7px}.fx-premium .arcade-game-controls .wood-btn{font-size:11px;padding:8px 11px}.fx-premium .arcade-game-controls .fx-toggle{font-size:10px;padding:8px 9px}.fx-coach-message{max-width:320px;font-size:9px}}
@media(max-width:820px){.fx-premium{background-attachment:scroll;background-size:auto 1100px;background-position:65% top;background-color:#130c23}.fx-premium .hero-grid{padding-top:35px}.fx-premium .fx-hero-scene{min-height:350px;max-width:540px;margin:0 auto;width:calc(100% - 15px)}.fx-hero-robot{height:315px;right:-13px}.fx-scene-badge{left:25px}.fx-scene-badge strong{font-size:28px}.fx-scene-badge strong span{font-size:62px}.fx-scene-caption{font-size:8px;left:22px;right:22px}.fx-premium .arcade-game-heading{min-height:145px;flex-direction:column;align-items:stretch;padding:19px 20px}.fx-game-robot{left:auto;right:18px;top:-4px;bottom:auto;width:103px;opacity:.95}.fx-premium .arcade-game-heading>div:first-child{max-width:calc(100% - 100px)}.fx-premium .arcade-game-heading h1{font-size:23px}.fx-premium .arcade-game-controls{width:100%;gap:9px}.fx-premium .arcade-game-controls .wood-btn:first-child{flex:1}.fx-premium .arcade-game-controls .fx-toggle{min-width:80px;flex:none}.fx-coach-message{font-size:9px;line-height:1.7;max-width:none}.fx-premium .arcade-game-heading:before{height:1px}.fx-premium .fx-scene-bottom{font-size:7px}}
@media(max-width:480px){.fx-premium .hero-copy h1{font-size:42px}.fx-premium .hero-copy p{font-size:12px}.fx-premium .fx-hero-scene{min-height:310px;border-radius:17px}.fx-hero-background,.fx-hero-scene:before,.fx-hero-scene:after{border-radius:17px}.fx-hero-robot{height:266px;right:-13px;bottom:9px}.fx-scene-caption{font-size:6px;top:16px;left:15px;right:15px;letter-spacing:.6px}.fx-scene-badge{left:16px;top:65px;gap:10px}.fx-scene-badge small{font-size:6px;letter-spacing:1px}.fx-scene-badge strong{font-size:21px}.fx-scene-badge strong span{font-size:53px}.fx-scene-badge>span{font-size:6px;letter-spacing:.5px;max-width:100px;line-height:1.8}.fx-scene-bottom{left:14px;right:14px;bottom:14px;font-size:6px;letter-spacing:.6px}.fx-scene-bottom>span:first-child{padding:6px 7px}.fx-premium .hero-grid{gap:28px}.fx-premium .arcade-game-heading{padding:17px 14px;min-height:156px;gap:15px;border-radius:12px}.fx-premium .arcade-game-heading h1{font-size:19px;line-height:1.5;margin-top:6px}.fx-premium .arcade-game-heading h1>span{font-size:18px}.fx-premium .arcade-game-heading .arcade-eyebrow{font-size:6px;letter-spacing:.7px}.fx-premium .arcade-game-heading>div:first-child{max-width:calc(100% - 80px)}.fx-game-robot{width:88px;right:4px;top:0;bottom:auto}.fx-coach-message{font-size:8px;margin-top:5px}.fx-premium .arcade-game-controls{gap:7px}.fx-premium .arcade-game-controls .wood-btn{min-height:41px;padding:8px 10px;font-size:10px;box-shadow:0 3px 0 #160b22}.fx-premium .arcade-game-controls .btn-circle{width:35px;height:41px;padding:0;font-size:14px}.fx-premium .arcade-game-controls .fx-toggle{min-width:73px;padding:8px 8px;font-size:9px}.fx-premium .kb-key{box-shadow:0 3px 0 #130a20,inset 0 1px 0 #ddc6ef25}.fx-premium .kb-key .key-sub{font-size:6px}.fx-premium .arcade-feedback{font-size:11px;padding:11px 15px;max-width:90vw;top:14px}.fx-victory-robot{width:78px;height:89px}.fx-premium #modal-victory .modal-box{box-shadow:0 0 42px #b986fa55,0 20px 55px #09021699}.fx-floating-score{font-size:13px}}
@media(prefers-reduced-motion:reduce){.fx-premium *,.fx-premium *:before,.fx-premium *:after{animation:none!important;transition:none!important}#arcade-fx-canvas,.fx-floating-score{display:none}}