#fieldTerminal{position:fixed;inset:0;z-index:72;color:#eaffff;font-family:system-ui,sans-serif;pointer-events:none;overflow:hidden;isolation:isolate}#fieldTerminal[hidden]{display:none}
.field-shade{position:absolute;inset:0;background:linear-gradient(0deg,#001722ef,transparent 80%),radial-gradient(ellipse at 50% 45%,#002d3928,transparent 65%);z-index:-1;backdrop-filter:brightness(.77)}
#fieldTerminal>header{position:absolute;top:7%;left:7%;right:7%;display:flex;align-items:center;gap:22px;border-bottom:1px solid #5ee7fa66;padding-bottom:15px;text-shadow:0 2px 9px #001018}
#fieldTerminal header>span{font:10px monospace;letter-spacing:3px;color:#85eaff}#fieldTerminal h2{font-size:25px;font-weight:700;margin:0;flex:1}#fieldTerminal header>div{display:grid;text-align:right;gap:5px}#fieldTerminal header b{font:800 25px monospace;color:#bafff2}#fieldTerminal header small{font:10px monospace;letter-spacing:1px}
.field-countdown{position:absolute;inset:31% 0 auto;text-align:center;font:800 65px monospace;color:#9bfff7;text-shadow:0 0 30px #3adcff}
.field-words{position:absolute;top:20%;bottom:36%;left:8%;right:8%;overflow:hidden;perspective:1000px}
.field-word{position:absolute;left:0;right:0;text-align:center;font:800 clamp(17px,2.5vw,30px) ui-monospace,Consolas,monospace;line-height:1.7;white-space:pre;text-shadow:0 0 8px #7beaff,0 2px 8px #000;transition:bottom .06s linear}
.field-word span,.field-task [data-field-entry] span{white-space:pre;display:inline-block;min-width:.6em}.field-word .correct,.field-task .correct{color:#7dffba;text-shadow:0 0 12px #41ff96}.field-word .wrong,.field-task .wrong{color:#ff6a83;text-shadow:0 0 12px #ff315a}.field-word .waiting{color:#f7ffff}.wrong-space{display:inline-block!important;min-width:.6em;background:#ff3659bb;border:1px solid #ff6c86;color:#fff!important;text-shadow:none!important;border-radius:2px;box-shadow:0 0 9px #ff3659}
.field-task{position:absolute;left:10%;right:10%;top:22%;text-align:center;padding:18px 22px;border:1px solid #4ee0fb77;border-radius:12px;background:linear-gradient(120deg,#002534dc,#031b2ac7);box-shadow:0 0 45px #13bdff16;backdrop-filter:blur(9px)}.field-task p{font-size:clamp(16px,2vw,21px);margin:0 0 14px}.field-task code{display:block;font:800 clamp(17px,2.3vw,28px) ui-monospace,Consolas,monospace;color:#8ee9ff;white-space:pre-wrap}.field-task small{font:13px ui-monospace,Consolas,monospace;color:#b4dfe4;display:block;margin:12px 0}.field-task [data-field-entry]{font:800 clamp(17px,2.1vw,25px) ui-monospace,Consolas,monospace;min-height:34px;white-space:pre-wrap;border-bottom:1px solid #64e3ee66;padding:9px 0}.field-task .free-answer .correct{color:#d8f9ff;text-shadow:none}.field-task .answer-wrong span{color:#ff698b!important}[data-field-status]{display:block;min-height:20px;color:#82ffbb;font:700 16px monospace;margin-top:9px}
.field-keyboard{position:absolute;bottom:9%;left:50%;width:min(1000px,90vw);display:flex;gap:15px;padding:18px 20px;border:1px solid #65ecff99;border-radius:18px;background:linear-gradient(155deg,#003b4cbb,#031b29d9);box-shadow:0 0 35px #40ceff38,inset 0 0 30px #44ddff14;transform:translateX(-50%) perspective(950px) rotateX(22deg);transform-origin:bottom;pointer-events:auto;backdrop-filter:blur(7px)}
.field-key-grid{flex:1;display:grid;gap:6px}.field-key-grid>div{display:flex;gap:5px}.field-keyboard button{flex:1;min-width:0;height:34px;display:grid;place-items:center;border:1px solid #62c5db99;background:#062936d9;color:#edffff;border-radius:5px;font:900 16px Arial Black,Arial,sans-serif;box-shadow:inset 0 -3px 0 #00151f,0 0 5px #60efff13;padding:0;cursor:pointer}.field-keyboard button[data-key=Space]{flex:7}.field-keyboard button[data-key=Enter],.field-keyboard button[data-key^=Shift],.field-keyboard button[data-key=Backspace]{flex:1.65;font-size:12px}.field-keyboard button[data-key=CapsLock],.field-keyboard button[data-key=ControlLeft],.field-keyboard button[data-key^=Alt],.field-keyboard button[data-key=Tab]{font-size:10px}
.field-keyboard button.pressed{background:#7fffee;color:#00202b;border-color:white;box-shadow:0 0 22px #4effdd,inset 0 0 10px #fff;transform:translateY(3px)}.field-arrow-grid{align-self:end;width:132px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,34px);gap:5px}.field-arrow-grid [data-key=ArrowUp]{grid-column:2;grid-row:1}.field-arrow-grid [data-key=ArrowLeft]{grid-column:1;grid-row:2}.field-arrow-grid [data-key=ArrowDown]{grid-column:2;grid-row:2}.field-arrow-grid [data-key=ArrowRight]{grid-column:3;grid-row:2}.field-arrow-grid button{font-size:25px}
#fieldTerminal>footer{position:absolute;bottom:3%;right:6%;left:6%;display:flex;justify-content:flex-end;gap:12px;pointer-events:auto}#fieldTerminal>footer button{border:1px solid #82def077;background:#001725ca;color:#d7fbff;border-radius:6px;padding:10px 15px;font-size:12px}#fieldTerminal [data-field-native]{display:none}#fieldTerminal [data-field-input]{position:absolute;width:1px;height:1px;opacity:.01;bottom:0;left:50%;pointer-events:none;z-index:-1}
body.field-mode #interaction,body.field-mode #hud,body.field-mode #languageToggle,body.field-mode #mobileControls,body.field-mode #equipment,body.field-mode #crosshair{visibility:hidden!important}body.field-mode #scoreHUD{z-index:76}body.field-mode #classroomPresence{top:18px}
#fieldTerminal[data-phase=success] .field-keyboard,#fieldTerminal[data-phase=failure] .field-keyboard{opacity:0;transition:opacity .5s}#fieldTerminal[data-phase=success] .field-shade{opacity:.15;transition:opacity .6s}#fieldTerminal[data-phase=success] .field-task{top:12%;left:28%;right:28%;background:#002534ad}#fieldTerminal[data-paused=true] .field-keyboard{opacity:.4}
.field-burst{position:absolute;left:50%;top:30%;width:1px;height:1px}.field-burst i{position:absolute;width:7px;height:7px;background:#8cffe0;box-shadow:0 0 12px #57ffe2;animation:fieldSpark .8s ease-out both;--x:0;--y:0}@keyframes fieldSpark{to{transform:translate(var(--x),var(--y)) scale(0);opacity:0}}
@media(pointer:coarse){#fieldTerminal [data-field-native]{display:block}}
@media(max-width:650px){#fieldTerminal>header{top:9%;left:5%;right:5%;gap:9px}#fieldTerminal h2{font-size:19px}#fieldTerminal header>span{display:none}#fieldTerminal header b{font-size:20px}.field-keyboard{padding:11px 9px;gap:6px;width:94vw;bottom:10%;border-radius:10px}.field-key-grid{gap:4px}.field-key-grid>div{gap:2px}.field-keyboard button{font-size:12px;height:29px;border-radius:3px}.field-keyboard button[data-key^=Shift],.field-keyboard button[data-key=Enter],.field-keyboard button[data-key=Backspace]{font-size:7px}.field-keyboard button[data-key=CapsLock],.field-keyboard button[data-key=ControlLeft],.field-keyboard button[data-key^=Alt],.field-keyboard button[data-key=Tab]{font-size:6px}.field-arrow-grid{width:65px;gap:2px;grid-template-rows:repeat(2,29px)}.field-arrow-grid button{font-size:20px}.field-task{left:4%;right:4%;top:23%;padding:14px 10px}.field-task small{font-size:11px}.field-task code,.field-task [data-field-entry]{font-size:16px}.field-words{left:4%;right:4%;bottom:32%}.field-word{font-size:clamp(12px,3.3vw,18px)}#fieldTerminal>footer{bottom:3%}#fieldTerminal[data-phase=success] .field-task{left:8%;right:8%}}
@media(max-height:520px){#fieldTerminal>header{top:8%;padding-bottom:7px}#fieldTerminal h2{font-size:18px}.field-keyboard{bottom:7%;padding:8px 12px;width:min(760px,87vw)}.field-keyboard button{height:23px;font-size:13px}.field-arrow-grid{grid-template-rows:repeat(2,23px);width:98px}.field-task{top:23%;padding:10px}.field-task p{font-size:15px;margin-bottom:5px}.field-task code,.field-task [data-field-entry]{font-size:16px}.field-task small{margin:4px 0}.field-task [data-field-entry]{min-height:18px;padding:3px}#fieldTerminal>footer{bottom:1%;right:1%}#fieldTerminal>footer button{padding:5px}.field-word{font-size:17px}.field-words{bottom:42%}}
@media(prefers-reduced-motion:reduce){.field-burst{display:none}.field-word{transition:none}}
#scanCode{display:none}.wrong-space{vertical-align:baseline}