:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#173149;background:#eef3f6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#fff7ee 0,transparent 32%),#eef3f6}button,input,select{font:inherit}button{border:0;border-radius:14px;padding:13px 18px;font-weight:800;cursor:pointer;background:#ff761a;color:#fff;box-shadow:0 6px 18px #17314918;transition:.18s transform,.18s filter}button:hover{transform:translateY(-1px);filter:brightness(1.04)}button:disabled{opacity:.5;cursor:default}.secondary{background:#fff;color:#173149;border:1px solid #d7e0e6}.brand{font-size:18px;color:#173149}.brand i{font-style:normal;color:#ff761a}main{width:min(1500px,100%);margin:auto;padding:18px 24px}header,footer{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#607586;font-size:11px;letter-spacing:1.2px}.tag{padding:7px 11px;border-radius:999px;background:#173149;color:#fff}.heading{display:flex;align-items:end;justify-content:space-between;padding:26px 4px 18px}.eyebrow{font-size:11px;letter-spacing:2px;color:#ff761a;font-weight:900;margin:0 0 5px}h1{font-size:clamp(34px,5vw,58px);letter-spacing:-3px;line-height:.95;margin:0;color:#173149}h1 em{font-style:normal;color:#ff761a}h1 span{font-size:.7em}.heading>p{color:#607586;line-height:1.6}.panel{background:#fff;border:1px solid #dce5ea;border-radius:22px;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 14px 35px #1731490d}.panel p{color:#657b8a;line-height:1.6}.panel>div:last-child{display:grid;gap:10px}.panel h2{margin:0}.score-history{margin-top:14px;padding:16px 22px}.score-history p{margin:0;font-size:13px}details{margin:12px 2px;color:#607586}summary{cursor:pointer;font-weight:800}.rules{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}.rules b{color:#173149}#gameAccount{display:flex;justify-content:space-between;align-items:center;margin:10px 0;color:#607586}#loginForm{width:min(100%,440px)}#loginForm label{display:block;margin:14px 0;font-weight:700}#loginForm input,#onlinePanel input,#onlinePanel select{display:block;width:100%;padding:12px;border:1px solid #cbd8df;border-radius:12px;background:#f8fafb;color:#173149;margin-top:6px}.online-actions{display:flex;gap:8px;flex-wrap:wrap}#onlineBar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;padding:10px 14px;border:1px solid #dce5ea;border-radius:16px;margin:8px 0;font-size:12px}#onlineMessage{flex:1}.hud{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:10px;background:#102a43;color:#fff;border-radius:20px 20px 0 0;padding:9px 14px;box-shadow:0 8px 25px #102a4330}.hud>div{min-width:0}.hud b{font-size:24px}.hud span{font-size:10px;letter-spacing:.8px}.hud small{display:block;color:#cbd8e4}.green{color:#ff9a55}.orange{text-align:right;color:#79b8ff}.remaining{text-align:center}.remaining span{display:block;color:#cbd8e4}.hud-actions{display:flex;gap:6px}.hud-actions button{padding:9px 11px;font-size:11px;background:#193b58;color:#fff;border-color:#31536e;box-shadow:none}.machine-guide{display:flex;justify-content:space-between;background:#fff;padding:7px 15px;color:#607586;font-size:11px;border-inline:1px solid #dce5ea}.stage{position:relative;background:#eaf0f3;aspect-ratio:2/1;min-height:0;overflow:hidden;border-inline:1px solid #dce5ea}canvas{display:block;width:100%;height:100%;object-fit:contain;outline:none}#overlay{position:absolute;inset:0;background:#102a43e8;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:25px;backdrop-filter:blur(4px)}#overlay h2{font-size:34px;margin:0;color:#ffb27d}#overlay p{max-width:520px;line-height:1.6}.status{display:flex;justify-content:space-between;gap:12px;padding:8px 14px;background:#fff;color:#607586;font-size:11px;border:1px solid #dce5ea;border-radius:0 0 20px 20px}.status span{flex:1}.status span:last-child{text-align:right}#integrity{text-align:center;color:#8295a2;font-size:10px;margin:4px}.machine-label{display:none}footer{margin-top:18px;font-size:9px}#error{padding:14px;background:#ffe8e8;color:#8d2020;border-radius:12px}[hidden]{display:none!important}
body.playing{overflow:hidden;background:#e9eff3}body.playing main{height:100dvh;max-width:none;width:100%;padding:6px 10px;display:flex;flex-direction:column}body.playing header,body.playing .heading,body.playing footer,body.playing #gameAccount,body.playing #history,body.playing details{display:none!important}body.playing #gameContent{display:flex;flex:1;min-height:0;flex-direction:column}body.playing #arena{display:flex;flex-direction:column;flex:1;min-height:0;width:min(100%,calc((100dvh - 96px)*2));max-width:1500px;margin:auto}.stage{flex:1}body.playing .stage{aspect-ratio:auto}body.playing canvas{position:absolute;inset:0}body.playing #integrity{display:none}
@media(max-width:760px){main{padding:12px}.heading{display:block}.panel{display:block}.rules{grid-template-columns:1fr}.hud{grid-template-columns:1fr auto 1fr}.hud-actions{grid-column:1/-1;justify-content:center}.hud b{font-size:18px}.hud-actions button{font-size:10px;padding:7px}.machine-guide{font-size:9px}.status{font-size:9px}header>span:nth-child(2){display:none}}
form label{display:block;margin:12px 0;font-weight:650}form input:not([type=checkbox]),.community select,#cpuSide{width:100%;padding:12px;border:1px solid #cbd8df;border-radius:10px;background:#f8fafb;color:#173149;margin-top:5px}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.community{display:block}.community #communityBody{display:block}.community button{margin:5px}.community h2{margin:20px 0}.question-editor,.answer-review,.ranking-row{padding:18px;margin:12px 0;background:#f3f7fa;border:1px solid #dae3e8;border-radius:14px}.ranking-row{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.word-slots{display:flex;flex-wrap:wrap;gap:15px;margin:28px 0}.word-group{display:inline-flex;gap:4px}.letter-slot{display:inline-flex;width:25px;height:36px;border-bottom:3px solid #173149;justify-content:center;align-items:center;font-weight:800;color:#d95c00}.install-card{margin:16px 0;padding:15px;border-radius:16px;background:#dcece9;color:#24544c}.install-card button{margin-left:15px}#communityMessage{position:sticky;bottom:0;background:#fff8ed;padding:12px;border-radius:10px}#communityMessage:empty{display:none}#touchControls{display:none;align-items:center;justify-content:space-between;padding:9px 22px;gap:14px;background:#102a43;color:#fff}#joystick{width:102px;height:102px;border:2px solid #83a9c3;border-radius:50%;background:#21465f;position:relative;touch-action:none;flex-shrink:0}#joystickKnob{width:42px;height:42px;position:absolute;left:28px;top:28px;background:#fb9d52;border:4px solid #ffbd89;border-radius:50%;pointer-events:none}#touchAction{width:102px;height:70px;touch-action:none;user-select:none}.touch-tip{font-size:10px;text-align:center;line-height:1.7}body.playing #installCard{display:none}@media(pointer:coarse),(max-width:760px){#touchControls{display:flex}body.playing #arena{width:100%;max-width:none}body.playing .stage{flex:1;min-height:160px}.hud-actions{flex-wrap:wrap}.status{display:none}.word-slots{gap:10px}.letter-slot{width:18px}#touchAction{font-size:12px}body.playing .machine-guide{display:none}}@media(max-height:500px) and (pointer:coarse){#touchControls{position:absolute;bottom:12px;left:12px;right:12px;background:transparent;pointer-events:none;z-index:2;padding:0}#joystick,#touchAction{pointer-events:auto;opacity:.8}.touch-tip{display:none}body.playing .stage{min-height:0}.hud-actions button{padding:5px}.hud{padding:4px}.hud small{display:none}}

@media(max-width:760px) and (orientation:portrait){body.playing canvas{object-fit:cover}.stage{background:#193750}}
#touchControls.inverted{flex-direction:row-reverse}#swapControls{display:none}#deviceHint{margin:0;padding:6px 12px;background:#fff3d8;color:#5c4525;font-size:12px;text-align:center}#onlinePanel>div{min-width:0;flex:1}#inviteLink{font-size:12px}body.game-expanded main{padding:0}body.game-expanded #arena{width:100%;max-width:none}body.game-expanded .hud{border-radius:0}body.game-expanded .machine-guide,body.game-expanded .status{display:none}.hud-actions{flex-wrap:wrap}
@media(pointer:coarse),(max-width:760px){#swapControls{display:inline-block}.hud{grid-template-columns:1fr auto 1fr}.hud-actions{grid-column:1/-1;justify-content:center}body.playing main{padding-top:max(4px,env(safe-area-inset-top));padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}body.game-expanded main{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}
@media(orientation:landscape) and (max-height:600px) and (pointer:coarse){body.playing #arena{position:relative}body.playing .hud{grid-template-columns:1fr auto 1fr;gap:2px;padding:3px 8px}body.playing .hud-actions{gap:4px}body.playing .hud-actions button{padding:6px 8px;min-height:30px}body.playing .hud b{font-size:16px}body.playing .hud small,body.playing .machine-guide,body.playing .status{display:none}#touchControls{position:absolute;bottom:10px;left:10px;right:10px;background:transparent;pointer-events:none;z-index:2;padding:0}#joystick,#touchAction{pointer-events:auto;opacity:.8}.touch-tip{display:none}body.playing .stage{min-height:0}body.playing #onlineBar{font-size:10px;padding:3px 8px;margin:0;gap:4px}body.playing #onlineBar #leaveRoom,body.playing #presenceNotice,body.playing #onlinePlayers{display:none}}
/* Mobile expanded play uses the full viewport, including a rotated fallback. */
body.playing #homeMenu,body.playing #homeBack{display:none!important}
body.game-mobile-expanded #arena{position:relative;width:100%;height:100%;max-width:none}
body.game-mobile-expanded .stage{min-height:0;flex:1}
body.game-mobile-expanded canvas{object-fit:contain!important;object-position:center!important}
body.game-mobile-expanded .hud{display:grid;grid-template-columns:1fr auto 1fr;gap:1px;padding:2px 6px;flex-shrink:0}
body.game-mobile-expanded .hud b{font-size:16px}
body.game-mobile-expanded .hud small,body.game-mobile-expanded #onlineBar,body.game-mobile-expanded #deviceHint{display:none!important}
body.game-mobile-expanded .hud-actions{grid-column:1/-1;gap:3px;justify-content:center}
body.game-mobile-expanded .hud-actions button{font-size:10px;padding:5px 7px;min-height:28px}
body.game-mobile-expanded #touchControls{display:flex;position:absolute;bottom:12px;left:18px;right:18px;z-index:3;background:transparent;padding:0;pointer-events:none}
body.game-mobile-expanded #joystick,body.game-mobile-expanded #touchAction{pointer-events:auto;opacity:.52}
body.game-mobile-expanded #joystick:active,body.game-mobile-expanded #touchAction:active{opacity:.9}
body.game-mobile-expanded .touch-tip{display:none}
body.game-rotated main{position:fixed;left:100%;top:0;width:100dvh;height:100dvw;transform:rotate(90deg);transform-origin:0 0;padding:0}
#homeMenu{margin:20px 0}#characterPanel select{display:block;margin:12px 0;padding:12px;width:100%}#characterPanel button{margin:8px}#communityBody form{max-width:650px}
body.game-mobile-expanded .hud{position:absolute;top:0;left:0;right:0;z-index:4;background:#102a43d9;opacity:.85}
body.game-mobile-expanded .hud-actions button{background:#193b58aa}
body.game-mobile-expanded .stage{height:100%;width:100%}
.game-top-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.game-top-links a{display:inline-flex;padding:10px 16px;border:1px solid #d7e0e6;border-radius:12px;background:#fff;color:#173149;text-decoration:none;font-size:13px;font-weight:750;letter-spacing:0}.game-top-links a:hover{border-color:#ff761a;color:#b14b00}

.quiz-theme{border:1px solid #d7e0e6;border-radius:16px;padding:18px;margin:14px 0;background:#fff}.quiz-theme h3{margin-top:0}.quiz-theme button{margin:5px}.quiz-code{font-size:1.5rem;font-weight:800;letter-spacing:.12em}.community input,.community select{max-width:100%;box-sizing:border-box}.community a{display:inline-block;margin:12px 0;color:#173149}.question-editor summary{cursor:pointer;padding:12px;font-weight:700}#adminLogin{max-width:520px;margin:20px 0}.quiz-theme p{color:#35516b}

.community label,#adminLogin label{display:block;margin:14px 0;font-weight:650}.community input,.community select,#adminLogin input{display:block;width:100%;max-width:650px;padding:12px;margin-top:6px;border:1px solid #bacbd7;border-radius:10px;font:inherit;background:#fff;color:#173149}.community button{margin:4px}.community .quiz-code{color:#173149}.community .question-editor{margin:12px 0}.community input:focus,.community select:focus{outline:3px solid #ffb875;outline-offset:2px}

.admin-entry-link{display:inline-flex!important;align-items:center;justify-content:center;padding:12px 16px;border:1px solid #d7e0e6;border-radius:12px;background:#fff;color:#173149!important;text-decoration:none;font-weight:800}.admin-entry-help{font-size:13px;max-width:680px}.community .admin-entry-link:hover{border-color:#ff761a;color:#b14b00!important}