:root{color-scheme:dark;--player-bg:#101714;--player-panel:#19221d;--player-text:#f7f8ed;--player-muted:#b8c4b9;--player-accent:#d7f17b;--player-border:#38463d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--player-bg);color:var(--player-text)}
body{position:fixed;inset:0}
[hidden]{display:none!important}
a{color:inherit}
button,select{font:inherit}
button,a,select{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--player-accent);outline-offset:3px}
.player-shell{position:fixed;top:var(--viewport-top,0px);left:var(--viewport-left,0px);width:var(--viewport-width,100%);height:100vh;height:var(--viewport-height,100dvh);display:flex;flex-direction:column;overflow:hidden;background:var(--player-bg)}
.player-toolbar{z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));padding-top:max(8px,env(safe-area-inset-top));border-bottom:1px solid var(--player-border);background:var(--player-bg);flex-shrink:0}
.player-heading{flex:1;min-width:100px;overflow:hidden}
.player-brand{font-size:10px;line-height:1.5;font-weight:800;letter-spacing:.15em;color:var(--player-accent)}
.player-heading h1{margin:1px 0 0;font-size:16px;line-height:1.4;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}
.player-control,.language-control select,.focus-exit{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--player-border);border-radius:11px;background:var(--player-panel);color:var(--player-text);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;touch-action:manipulation;padding:9px 12px}
.player-control>span[aria-hidden]{font-size:20px;line-height:1}
.player-control:hover,.language-control select:hover{background:#27362b;border-color:#69806c}
.player-control:disabled{cursor:default;opacity:.45}
.fullscreen-control{background:var(--player-accent);border-color:var(--player-accent);color:#182311}
.fullscreen-control:hover{background:#e4faab;border-color:#e4faab}
.language-control{display:flex;min-width:60px}
.language-control select{width:100%;padding:8px;font-weight:700}
.player-stage{--stage-top:0px;--stage-right:env(safe-area-inset-right,0px);--stage-bottom:env(safe-area-inset-bottom,0px);--stage-left:env(safe-area-inset-left,0px);position:relative;flex:1;min-height:0;min-width:0;overflow:hidden;background:#070b09}
#game-frame{position:absolute;top:var(--stage-top);left:var(--stage-left);width:calc(100% - var(--stage-left) - var(--stage-right));height:calc(100% - var(--stage-top) - var(--stage-bottom));display:block;border:0;background:#070b09;touch-action:auto}
.player-message{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;padding:24px max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 30%,#25362b,#101714 70%);overflow:auto;overscroll-behavior:contain}
.message-card{width:min(100%,430px);text-align:center}
.message-mark{display:inline-grid;place-items:center;width:56px;height:56px;margin-bottom:20px;border:1px solid #779252;border-radius:18px;color:var(--player-accent);font-size:30px;font-weight:800}
.message-card h2{margin:0;font-size:clamp(22px,4vw,30px);line-height:1.2;letter-spacing:-.025em}
.message-card p{margin:15px 0 0;color:var(--player-muted);font-size:15px;line-height:1.6}
.message-fallback a,.message-home{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;touch-action:manipulation;color:var(--player-accent);text-underline-offset:4px}
.message-home{margin-top:12px}
.focus-exit{position:absolute;z-index:5;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));border-color:#9da59b;background:#101714ed;box-shadow:0 3px 18px #0005;color:#fff;max-width:calc(100% - 24px)}
.player-shell.is-immersive .player-toolbar{display:none}
.player-shell.is-immersive .player-stage{--stage-top:calc(60px + env(safe-area-inset-top,0px))}
.player-shell:fullscreen{top:0;left:0;width:100%;height:100%;background:var(--player-bg)}
.player-shell:-webkit-full-screen{top:0;left:0;width:100%;height:100%;background:var(--player-bg)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.no-script{position:fixed;z-index:10;inset:0;display:grid;place-content:center;gap:20px;padding:30px;text-align:center;background:var(--player-bg)}
@media(max-width:800px){.control-label{display:none}.player-control{padding:9px}.player-toolbar{gap:8px}.player-actions{gap:6px}.player-heading h1{font-size:15px}}
@media(max-width:420px){.player-actions{width:100%;justify-content:flex-end}.player-toolbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.player-heading{min-width:160px}.player-actions .language-control{margin-left:auto}.focus-exit{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.player-control{transition:background-color .15s,border-color .15s}}