.gx-reaction{isolation:isolate;width:100%;max-width:960px;margin:20px auto;color:#f7efe1;font:14px/1.4 system-ui,sans-serif;--rf-edge:#758d9c;--rf-orange:#ffad69}.gx-reaction *{box-sizing:border-box}.gx-reaction [hidden]{display:none!important}.gx-reaction button,.gx-reaction select{font:inherit;color:inherit;min-width:44px;min-height:44px;touch-action:manipulation;cursor:pointer;border:1px solid #7694a6;border-radius:6px;background:linear-gradient(#344e68,#1c314a);padding:8px 12px}.gx-reaction button:hover{border-color:#ffcf9d}.gx-reaction button:focus-visible,.gx-reaction select:focus-visible,.gx-reaction canvas:focus-visible{outline:3px solid #ffcf9d;outline-offset:2px}.gx-reaction button:disabled{cursor:default;opacity:.55}.gx-reaction p{margin:0}.gx-reaction .rf-shell{position:relative;padding:15px;border:1px solid #8ba1ad;border-radius:12px;background:linear-gradient(135deg,#294459,#101f35 65%,#302d36);box-shadow:0 8px 28px #07152a44;overflow:hidden}.gx-reaction .rf-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.gx-reaction .rf-brand small{display:block;font-size:8px;letter-spacing:.12em;color:#c2d3db}.gx-reaction .rf-brand strong{display:block;font-size:30px;letter-spacing:.03em;line-height:1.05;color:#ffe5b9;font-weight:950}.gx-reaction .rf-tools{display:flex;gap:5px}.gx-reaction .rf-tools button{font-size:11px;padding:6px 9px}.gx-reaction .rf-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:10px}.gx-reaction .rf-hud>div{min-width:0;padding:7px 9px;background:#0e2238;border:1px solid #5e788d;border-radius:5px}.gx-reaction .rf-hud span{display:block;font-size:10px;color:#c5d3df}.gx-reaction .rf-hud strong{display:block;font-size:23px;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff0ca}.gx-reaction .rf-stage{position:relative;height:470px;min-height:0}.gx-reaction .rf-play{height:100%;display:flex;flex-direction:column;gap:6px}.gx-reaction .rf-mission{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:10px;letter-spacing:.04em;color:#c2dce5;min-height:18px}.gx-reaction .rf-mission strong{color:#ffd092}.gx-reaction .rf-world{position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid #7196a7;border-radius:6px;background:#132a48}.gx-reaction .rf-canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px!important}.gx-reaction .rf-signal{position:absolute;left:50%;top:5%;transform:translateX(-50%);pointer-events:none;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:220px;max-width:96%;padding:9px 18px;background:#10253aee;border:2px solid #d2b387;border-radius:7px;box-shadow:0 5px 20px #05182b77;color:#ffdfa9}.gx-reaction .rf-symbol{font-size:27px;line-height:1}.gx-reaction .rf-cue{font-size:clamp(24px,4vw,39px);line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums}.gx-reaction .rf-cue-note{font-size:12px}.gx-reaction .rf-signal[data-signal=go]{background:#c1ffe4;color:#0c372c;border-color:#effff7;box-shadow:0 0 35px #78ffc566}.gx-reaction .rf-signal[data-signal=feedback]{border-color:#d8d5c7}.gx-reaction .rf-message{font-size:11px;min-height:16px;color:#e4d3b7;white-space:nowrap;text-align:center}.gx-reaction .rf-controls{margin:9px 0}.gx-reaction .rf-launch{display:block;width:100%;min-height:62px;font-size:21px;font-weight:900;background:linear-gradient(#eaa269,#bd6c39);color:#201b24;border-color:#ffddb3;box-shadow:inset 0 2px #ffddb3,0 3px #603d35;touch-action:none}.gx-reaction .rf-launch.is-held{background:#ad633b;box-shadow:inset 0 3px 9px #38232b}.gx-reaction[data-phase=go] .rf-launch{background:#b4ffe0;border-color:#eefff7;color:#12342d}.gx-reaction .rf-footer{display:flex;justify-content:space-between;gap:5px;color:#b8cedb;font-size:10px}.gx-reaction .rf-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.gx-reaction .rf-panel{position:absolute;inset:5px;z-index:5;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:18px;overflow:auto;overscroll-behavior:contain;background:linear-gradient(145deg,#34546af8,#14253cfb 70%,#3e363bf8);border:1px solid #91a5ac;border-radius:8px;box-shadow:0 7px 20px #0006}.gx-reaction .rf-panel>*{flex-shrink:0}.gx-reaction .rf-eyebrow{text-align:center;font-size:10px;letter-spacing:.12em;color:#c6d6dd}.gx-reaction h2.rf-title{font:900 25px/1.3 system-ui,sans-serif;color:#ffe8c2!important;text-align:center;background:none!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important}.gx-reaction .rf-title:before,.gx-reaction .rf-title:after{content:none!important;display:none!important}.gx-reaction .rf-note,.gx-reaction .rf-item-guide{text-align:center;color:#d7dfe4;font-size:12px}.gx-reaction .rf-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.gx-reaction .rf-modes button{display:block;text-align:center;min-width:0;padding:10px 6px}.gx-reaction .rf-modes strong{font-size:14px;display:block;white-space:nowrap}.gx-reaction .rf-modes span{font-size:11px;display:block;color:#cfdae0;margin-top:5px}.gx-reaction .rf-modes button[aria-pressed=true]{border-color:#ffd69c;background:#66534a;box-shadow:inset 0 -3px #ffd69c}.gx-reaction .rf-difficulty{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px}.gx-reaction select{width:65%;background:#142b42}.gx-reaction .rf-primary{background:linear-gradient(#ffd59d,#d69959);color:#252637;min-height:47px;font-size:17px;font-weight:900;border-color:#ffe6bc;box-shadow:0 3px #765844}.gx-reaction .rf-primary:hover{background:#ffdcaa}.gx-reaction .rf-secondary{font-size:12px}.gx-reaction .rf-points{display:flex;flex-direction:column;align-items:center;color:#ffe1a5;gap:1px}.gx-reaction .rf-points strong{font-size:45px;font-variant-numeric:tabular-nums;font-weight:950;line-height:1}.gx-reaction .rf-points span{font-size:10px;letter-spacing:.13em}.gx-reaction .rf-result-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px}.gx-reaction .rf-result-stats>div{min-width:0;background:#10243aba;border:1px solid #6d8291;border-radius:5px;padding:6px 8px;display:flex;flex-direction:column;gap:1px}.gx-reaction .rf-result-stats span{font-size:10px;color:#c6d4dd}.gx-reaction .rf-result-stats strong{font-size:17px;color:#fff0cd;white-space:nowrap}.gx-reaction .rf-history{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;max-height:80px;overflow:auto}.gx-reaction .rf-history span{display:block;position:relative;font:10px/1.6 system-ui,sans-serif;text-align:center;white-space:nowrap;background:linear-gradient(90deg,#346b75 calc(var(--level)*100%),#0b2037 0);border-radius:2px;color:#fff}.gx-reaction .rf-record-note{text-align:center;font-size:11px;color:#ffdfa0;min-height:15px}.gx-reaction .rf-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.gx-reaction .rf-actions button{font-size:13px}.gx-reaction .rf-panel-back{display:none}
.gx-reaction .rf-shell:fullscreen,.gx-reaction .rf-expanded{width:100vw;height:100dvh;max-width:none;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:5px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:0;border-radius:0;background:#14253b}.gx-reaction .rf-expanded{position:fixed;inset:0;z-index:2147483000}.gx-reaction .rf-shell:fullscreen .rf-head,.gx-reaction .rf-expanded .rf-head,.gx-reaction .rf-shell:fullscreen .rf-hud,.gx-reaction .rf-expanded .rf-hud,.gx-reaction .rf-shell:fullscreen .rf-controls,.gx-reaction .rf-expanded .rf-controls{margin:0}.gx-reaction .rf-shell:fullscreen .rf-stage,.gx-reaction .rf-expanded .rf-stage{height:auto;min-height:0!important}.gx-reaction .rf-shell:fullscreen .rf-stage:has(.rf-panel:not([hidden])),.gx-reaction .rf-expanded .rf-stage:has(.rf-panel:not([hidden])){position:static}.gx-reaction .rf-shell:fullscreen .rf-panel,.gx-reaction .rf-expanded .rf-panel{inset:8px;max-width:620px;height:max-content;max-height:calc(100% - 16px);margin:auto;padding:14px;gap:9px}.gx-reaction .rf-shell:fullscreen .rf-panel-back,.gx-reaction .rf-expanded .rf-panel-back{display:block;position:absolute;top:6px;right:6px;min-width:44px;min-height:44px;font-size:11px;padding:4px;z-index:2}.gx-reaction .rf-shell:fullscreen h2.rf-title,.gx-reaction .rf-expanded h2.rf-title{padding-inline:45px!important;min-height:44px;display:flex;align-items:center;justify-content:center}.gx-reaction.rf-portal{position:fixed;inset:0;z-index:2147483000;width:100vw;height:100dvh;max-width:none;margin:0;isolation:isolate}
@media(max-width:480px){.gx-reaction .rf-shell{padding:9px}.gx-reaction .rf-head{gap:4px}.gx-reaction .rf-brand strong{font-size:23px}.gx-reaction .rf-brand small{font-size:6px;letter-spacing:0}.gx-reaction .rf-tools{gap:3px}.gx-reaction .rf-tools button{font-size:9px;padding:4px}.gx-reaction .rf-hud{gap:4px}.gx-reaction .rf-hud>div{padding:6px}.gx-reaction .rf-hud strong{font-size:18px}.gx-reaction .rf-hud span{font-size:9px}.gx-reaction .rf-stage{height:440px}.gx-reaction .rf-panel{padding:13px;gap:8px}.gx-reaction h2.rf-title{font-size:22px}.gx-reaction .rf-modes{grid-template-columns:1fr;gap:5px}.gx-reaction .rf-modes button{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:6px 10px}.gx-reaction .rf-modes strong{font-size:14px}.gx-reaction .rf-modes span{margin:0;font-size:11px}.gx-reaction .rf-note,.gx-reaction .rf-item-guide{font-size:11px}.gx-reaction .rf-history span{font-size:9px}.gx-reaction .rf-result-stats strong{font-size:15px}.gx-reaction .rf-footer{font-size:9px}.gx-reaction .rf-launch{min-height:55px;font-size:18px}.gx-reaction .rf-cue{font-size:28px}.gx-reaction .rf-signal{min-width:205px;padding:7px 12px}.gx-reaction .rf-symbol{font-size:23px}.gx-reaction .rf-message{font-size:10px}}
@media(max-width:359px){.gx-reaction .rf-brand strong{font-size:20px}.gx-reaction .rf-brand small{font-size:5px}.gx-reaction .rf-hud strong{font-size:15px}.gx-reaction .rf-mission{font-size:9px}.gx-reaction h2.rf-title{font-size:20px}.gx-reaction .rf-result-stats strong{font-size:13px}}
@media(max-height:500px) and (orientation:landscape){.gx-reaction .rf-shell:fullscreen,.gx-reaction .rf-expanded{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);grid-template-rows:auto auto minmax(0,1fr) auto;gap:5px}.gx-reaction .rf-shell:fullscreen .rf-head,.gx-reaction .rf-expanded .rf-head{grid-column:1;display:block}.gx-reaction .rf-shell:fullscreen .rf-brand small,.gx-reaction .rf-expanded .rf-brand small{display:none}.gx-reaction .rf-shell:fullscreen .rf-brand strong,.gx-reaction .rf-expanded .rf-brand strong{font-size:22px}.gx-reaction .rf-shell:fullscreen .rf-tools,.gx-reaction .rf-expanded .rf-tools{margin-top:4px}.gx-reaction .rf-shell:fullscreen .rf-hud,.gx-reaction .rf-expanded .rf-hud{grid-column:1;grid-row:2;gap:3px}.gx-reaction .rf-shell:fullscreen .rf-hud>div,.gx-reaction .rf-expanded .rf-hud>div{padding:3px}.gx-reaction .rf-shell:fullscreen .rf-hud strong,.gx-reaction .rf-expanded .rf-hud strong{font-size:13px}.gx-reaction .rf-shell:fullscreen .rf-hud span,.gx-reaction .rf-expanded .rf-hud span{font-size:8px}.gx-reaction .rf-shell:fullscreen .rf-stage,.gx-reaction .rf-expanded .rf-stage{grid-column:2;grid-row:1/-1}.gx-reaction .rf-shell:fullscreen .rf-controls,.gx-reaction .rf-expanded .rf-controls{grid-column:1;grid-row:3;display:flex;align-items:center}.gx-reaction .rf-shell:fullscreen .rf-footer,.gx-reaction .rf-expanded .rf-footer{grid-column:1;grid-row:4;font-size:8px}.gx-reaction .rf-shell:fullscreen .rf-message,.gx-reaction .rf-expanded .rf-message{display:none}.gx-reaction .rf-shell:fullscreen .rf-panel,.gx-reaction .rf-expanded .rf-panel{max-width:620px;gap:6px;padding:12px}.gx-reaction .rf-shell:fullscreen .rf-eyebrow,.gx-reaction .rf-expanded .rf-eyebrow,.gx-reaction .rf-shell:fullscreen .rf-item-guide,.gx-reaction .rf-expanded .rf-item-guide{display:none}.gx-reaction .rf-shell:fullscreen .rf-modes,.gx-reaction .rf-expanded .rf-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.gx-reaction .rf-shell:fullscreen .rf-modes button,.gx-reaction .rf-expanded .rf-modes button{display:block;min-height:44px;padding:4px}.gx-reaction .rf-shell:fullscreen .rf-modes strong,.gx-reaction .rf-expanded .rf-modes strong{font-size:13px}.gx-reaction .rf-shell:fullscreen .rf-modes span,.gx-reaction .rf-expanded .rf-modes span{display:none}.gx-reaction .rf-shell:fullscreen h2.rf-title,.gx-reaction .rf-expanded h2.rf-title{font-size:19px}.gx-reaction .rf-shell:fullscreen .rf-panel[data-kind=result],.gx-reaction .rf-expanded .rf-panel[data-kind=result]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px}.gx-reaction .rf-panel[data-kind=result] .rf-title{grid-column:1;grid-row:1;padding-inline:0!important}.gx-reaction .rf-panel[data-kind=result] .rf-points{grid-column:2;grid-row:1;padding-inline:40px 0}.gx-reaction .rf-panel[data-kind=result] .rf-points strong{font-size:31px}.gx-reaction .rf-panel[data-kind=result] .rf-result-stats{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.gx-reaction .rf-panel[data-kind=result] .rf-result-stats>div{padding:4px 6px}.gx-reaction .rf-panel[data-kind=result] .rf-result-stats strong{font-size:13px}.gx-reaction .rf-panel[data-kind=result] .rf-history,.gx-reaction .rf-panel[data-kind=result] .rf-record-note,.gx-reaction .rf-panel[data-kind=result] .rf-actions{grid-column:1/-1}.gx-reaction .rf-panel[data-kind=result] .rf-history{max-height:80px}.gx-reaction .rf-panel[data-kind=result] .rf-record-note{font-size:10px}.gx-reaction .rf-shell:fullscreen .rf-note,.gx-reaction .rf-expanded .rf-note{font-size:11px}.gx-reaction .rf-signal{top:3%;min-width:170px;padding:5px 10px}.gx-reaction .rf-symbol{font-size:20px}.gx-reaction .rf-cue{font-size:25px}}
@media(prefers-reduced-motion:reduce){.gx-reaction *{animation:none!important;transition:none!important}}