#os-game{--os-bg:#0b1422;--os-line:#253549;--os-mint:#77ecd2;--os-text:#f5f5eb;--os-muted:#a3b3c6;position:relative;isolation:isolate;width:100%;margin:0 auto;background:var(--os-bg);color:var(--os-text);border:1px solid #263649;border-radius:24px;overflow:hidden;font-family:inherit;text-align:left;box-shadow:0 18px 45px #08152624}
#os-game *{box-sizing:border-box}#os-game [hidden]{display:none!important}#os-game button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#os-game button:focus-visible{outline:3px solid #fbd57c;outline-offset:-4px}#os-game button:disabled{cursor:default}#os-game .os-primary:disabled{opacity:.4}
.os-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--os-line);gap:10px}.os-brand{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1.8px;font-weight:800;line-height:1.3}.os-brand>span{font-size:35px;font-weight:400;line-height:1;color:var(--os-mint)}.os-brand small{display:block;font-size:11px;letter-spacing:0;color:var(--os-muted);margin-top:3px;font-weight:500}.os-tools{display:flex;gap:7px}.os-tools button{height:36px;min-width:36px;border-radius:10px;border:1px solid var(--os-line);background:#121e30;color:var(--os-muted);font-size:11px;padding:0 10px}.os-tools button[aria-pressed=true]{color:var(--os-mint)}.os-tools button:disabled{opacity:.35}
.os-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);grid-template-rows:auto 1fr auto;gap:0 26px;padding:22px 24px 24px;align-items:start}.os-stage{grid-column:1;grid-row:1/4;position:relative;align-self:center;width:100%;aspect-ratio:1/1;min-width:0;max-height:600px;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at center,#16333d 0,#111d2e 42%,#0b1422 74%);border:1px solid #223448}.os-stats{grid-column:2;display:grid;grid-template-columns:1.1fr 1fr;gap:16px 10px;padding:4px 0 20px;border-bottom:1px solid var(--os-line)}.os-stats>div{min-width:0}.os-stats .os-stat-main{grid-column:1/-1}.os-stats span{display:block;color:var(--os-muted);font-size:11px;letter-spacing:.2px}.os-stats strong{display:block;font-size:24px;font-weight:700;line-height:1.2;margin-top:5px;font-variant-numeric:tabular-nums}.os-stats .os-stat-main strong{font-size:52px;color:var(--os-mint);letter-spacing:-2px}.os-stats strong b{font-weight:inherit}.os-stats strong small{font-size:12px;font-weight:500;color:var(--os-muted);margin-left:3px}
#os-field{display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:none;touch-action:manipulation}#os-canvas{display:block;width:100%;height:100%}.os-stage-label{position:absolute;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;gap:6px;color:var(--os-muted);font-size:10px;letter-spacing:.8px;pointer-events:none}.os-stage-label span:last-child{letter-spacing:0}.os-feedback{position:absolute;bottom:17px;left:5px;right:5px;text-align:center;font-size:12px;color:var(--os-mint);min-height:18px;pointer-events:none}
.os-mission{grid-column:2;padding:22px 0}.os-eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:1.8px;color:var(--os-mint);line-height:1.5}.os-mission h3{font-size:23px;font-weight:700;line-height:1.4;letter-spacing:-.8px;margin:9px 0 17px;color:var(--os-text)}.os-mission p{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--os-muted);margin:9px 0;line-height:1.6}.os-block{display:inline-block;flex:none;width:14px;height:8px;background:#fb7185;border-radius:3px;transform:rotate(-20deg)}.os-gem{display:inline-block;flex:none;width:10px;height:10px;background:#fbd57c;border:1px solid #fff0bd;transform:rotate(45deg);margin:0 2px}.os-progress-label{display:flex;justify-content:space-between;font-size:10px;color:var(--os-muted);margin:23px 0 8px}.os-progress-label b{font-weight:600;color:var(--os-mint)}.os-progress{height:4px;border-radius:9px;background:#263347;overflow:hidden}.os-progress i{display:block;width:0;height:100%;background:var(--os-mint)}
.os-action{grid-column:2;align-self:end;text-align:center}.os-primary{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:50px;padding:12px 18px;border:0;border-radius:12px;background:var(--os-mint);color:#092a2a;font-size:15px;font-weight:800;line-height:1.4;transition:filter .15s,transform .15s}.os-primary:hover:not(:disabled){filter:brightness(1.08)}.os-primary:active:not(:disabled){transform:scale(.985)}.os-primary>span{font-size:21px;font-weight:500}.os-action p{font-size:10px;color:var(--os-muted);margin:10px 0 4px;line-height:1.7}.os-action kbd{color:#ccd7e1;background:#202d3f;border-radius:4px;padding:2px 4px;font-size:9px;box-shadow:none}.os-action-note{font-size:10px;color:#8293a9}.os-secondary{width:100%;min-height:40px;background:transparent;color:var(--os-text);border:1px solid #35485d;border-radius:11px;padding:8px 12px;margin-top:9px;font-size:12px;font-weight:600}
.os-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#091322c9;backdrop-filter:blur(5px);overflow-y:auto}.os-panel{width:100%;max-width:294px;text-align:center;padding:14px 10px;margin:auto}.os-panel h2{font-size:clamp(23px,3vw,34px);letter-spacing:-1.1px;line-height:1.25;font-weight:750;margin:12px 0 14px;color:var(--os-text);word-break:keep-all}.os-panel h2 em{color:var(--os-mint);font-style:normal}.os-panel p{font-size:13px;line-height:1.75;color:#bdcbd9;margin:0 0 14px;word-break:keep-all}.os-panel p b{color:var(--os-text)}.os-panel>small{display:block;font-size:10px;color:#a3b3c6;margin-top:10px;line-height:1.5;min-height:0}.os-panel .os-legend{display:flex;justify-content:center;gap:24px;margin:0 0 20px;font-size:11px;color:#dae3eb}.os-legend span{display:flex;align-items:center;gap:7px}.os-final{display:flex;align-items:baseline;justify-content:center;gap:6px;line-height:1;margin:12px 0}.os-final strong{font-size:58px;letter-spacing:-2px;color:var(--os-mint);font-variant-numeric:tabular-nums}.os-final span{font-size:16px;color:var(--os-muted)}.os-details{font-size:11px;line-height:1.6;color:#c1cedb;margin:12px 0 18px}.os-countdown{font-size:78px;font-weight:800;line-height:1;color:var(--os-mint);text-align:center}.os-guide{text-align:left!important;line-height:1.8;margin-top:18px!important}.os-guide h3{font-size:16px;font-weight:700;margin:0 0 9px}.os-guide p{font-size:14px;margin:0 0 9px;word-break:keep-all}.os-guide small{font-size:12px;color:var(--muted,#7b8796)}
@media(max-width:760px){.os-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:14px;padding:16px}.os-toolbar{padding:14px 16px}.os-stats{grid-column:1;grid-row:1;grid-template-columns:1fr 1fr 1fr;gap:10px;border:0;padding:0 6px}.os-stats .os-stat-main{grid-column:auto}.os-stats strong,.os-stats .os-stat-main strong{font-size:27px;letter-spacing:-.6px;margin-top:4px}.os-stats>div:nth-child(2){text-align:center}.os-stats>div:nth-child(3){text-align:right}.os-stage{grid-column:1;grid-row:2;max-width:520px;justify-self:center}.os-mission{display:none}.os-action{grid-column:1;grid-row:3}.os-action-note{display:none}.os-action p{margin-bottom:0}.os-panel{max-width:280px;padding:6px}.os-panel h2{font-size:30px}.os-panel .os-legend{margin-bottom:16px}.os-panel>small{font-size:9px}.os-panel p{font-size:12px;margin-bottom:12px}.os-overlay{padding:12px}.os-primary{min-height:48px}.os-final strong{font-size:50px}#os-result h2{font-size:23px;margin:8px 0}.os-details{margin:9px 0 12px}#os-result p{margin-bottom:6px}}
@media(max-width:380px){#os-game{border-radius:18px}.os-layout{padding:10px;gap:10px}.os-toolbar{padding:11px 12px}.os-brand{font-size:10px;gap:6px;letter-spacing:1px}.os-brand>span{font-size:29px}.os-stats strong,.os-stats .os-stat-main strong{font-size:24px}.os-panel h2{font-size:25px;margin:7px 0 10px}.os-panel p{font-size:11px;line-height:1.6;margin-bottom:10px}.os-panel .os-legend{margin-bottom:11px}.os-eyebrow{font-size:8px}.os-panel>small{margin-top:6px}.os-panel .os-primary{min-height:42px;padding:9px 13px;font-size:13px}.os-secondary{min-height:34px;margin-top:6px;font-size:11px}.os-final{margin:8px 0}.os-final strong{font-size:40px}.os-stage-label{top:12px;left:12px;right:12px;font-size:9px}.os-feedback{bottom:10px;font-size:10px}#os-result h2{font-size:20px}.os-details{font-size:10px;margin:6px 0 10px}}
@media(max-height:500px) and (min-width:600px){.os-toolbar{padding:8px 16px}.os-brand>span{font-size:28px}.os-layout{padding:10px 16px 12px;gap:0 20px;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)}.os-stage{width:min(100%,calc(100vh - 100px));width:min(100%,calc(100svh - 100px));justify-self:center;max-height:none}.os-stats{grid-template-columns:1fr 1fr 1fr;gap:8px;padding:4px 0 12px}.os-stats .os-stat-main{grid-column:auto}.os-stats strong,.os-stats .os-stat-main strong{font-size:24px;letter-spacing:-.5px}.os-stats span{font-size:10px}.os-mission{padding:12px 0}.os-mission h3{font-size:16px;margin:5px 0 8px}.os-mission p{font-size:10px;margin:4px 0}.os-mission .os-progress-label{margin:10px 0 5px}.os-mission>.os-eyebrow{display:none}.os-action .os-primary{min-height:42px;padding:8px 13px;font-size:13px}.os-action-note{display:none}.os-action p{margin-top:5px}.os-overlay{padding:8px}.os-panel{padding:4px;max-width:250px}.os-panel h2{font-size:23px;margin:6px 0 9px}.os-panel p{font-size:10px;line-height:1.6;margin-bottom:9px}.os-panel .os-legend{margin-bottom:10px;font-size:10px}.os-panel .os-eyebrow{font-size:8px}.os-panel .os-primary{min-height:38px;padding:7px 12px;font-size:12px}.os-panel>small{font-size:8px;margin-top:5px}.os-secondary{min-height:32px;font-size:10px;margin-top:6px;padding:6px 10px}.os-final{margin:7px 0}.os-final strong{font-size:34px}.os-details{font-size:9px;margin:6px 0 9px}#os-result h2{font-size:20px}.os-stage-label{top:10px;left:10px;right:10px;font-size:8px}.os-feedback{bottom:9px;font-size:9px}}
@media(prefers-reduced-motion:reduce){#os-game button{transition:none}}