:root{color-scheme:dark;--bg:#191d21;--panel:#22282e;--ink:#f4f1e9;--muted:#b3bac0;--accent:#ffb06c;--line:#41484f;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}html{scrollbar-color:var(--line) var(--bg);scroll-padding-top:20px}.skip{position:fixed;top:-80px;left:16px;background:var(--accent);color:var(--bg);padding:10px 18px;z-index:50}.skip:focus{top:12px}.site-header{max-width:1440px;margin:auto;padding:22px 40px;display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;align-items:center;gap:12px;font-weight:700;text-decoration:none}.wordmark svg{width:32px;height:26px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round}.site-header nav{display:flex;gap:28px;color:var(--muted);font-size:14px}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:var(--accent)}main{max-width:1440px;margin:auto;padding:0 40px}.title-row{display:flex;align-items:baseline;gap:24px;padding:14px 0 20px}.title-row h1{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.035em;margin:0;font-weight:700}.title-row p{color:var(--accent);margin:0;font-size:16px}.player{background:#111518;border-radius:12px;overflow:hidden}.player-bar{padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px}.game-label{font-size:13px;color:var(--muted)}.player-actions{display:flex;align-items:center;gap:8px}.player-actions button,.reload-prompt button{background:transparent;border:1px solid var(--line);border-radius:7px;padding:7px 13px;color:var(--ink);font-size:13px;min-height:38px}.player-actions button:hover,.reload-prompt button:hover{background:var(--panel);border-color:var(--muted)}#fullscreen{background:var(--accent);color:#191d21;border-color:transparent;display:flex;gap:8px;align-items:center;font-weight:700}#fullscreen:hover{background:#ffc28d}#fullscreen svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.stage{height:min(70svh,760px);min-height:320px;display:flex;justify-content:center;background:#111518}.stage iframe{height:100%;width:min(100%,105svh,1140px);border:0;background:#eef0f2;display:block}.player-foot{display:flex;justify-content:space-between;gap:16px;padding:8px 18px;color:var(--muted);font-size:12px;min-height:36px}.player-foot a{flex-shrink:0}.reload-prompt{background:var(--panel);padding:12px 18px;display:flex;gap:12px;align-items:center;font-size:14px}.reload-prompt[hidden]{display:none}.controls{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:16px 0;color:var(--muted);font-size:13px}.controls>span{display:flex;align-items:center;gap:6px}kbd{font:inherit;font-size:12px;min-width:24px;line-height:1.2;padding:5px 7px;text-align:center;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:var(--panel);color:var(--ink)}.focus-hint{margin-left:auto}.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;margin:52px 0 42px;max-width:1140px}h2{font-size:26px;line-height:1.2;letter-spacing:-.025em;font-weight:700;margin:0 0 18px}p{margin:0 0 18px}.intro p{color:var(--muted);max-width:65ch}.text-link{color:var(--accent);font-size:14px;text-decoration:none}.text-link:hover{text-decoration:underline}.text-link span{padding-left:8px}.quick-help{padding-top:4px;font-size:14px}.faq{max-width:1140px;margin-bottom:60px}details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:24px}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:20px;line-height:1.2;color:var(--accent)}details[open] summary::after{content:'−'}details p{margin:16px 0 0;color:var(--muted);max-width:72ch}footer{max-width:1440px;margin:auto;padding:26px 40px 38px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}footer>div{display:flex;gap:24px}body.focus-mode{overflow:hidden}body.focus-mode .player{position:fixed;inset:0;z-index:20;border-radius:0;display:flex;flex-direction:column}body.focus-mode .stage{flex:1;min-height:0;height:auto}body.focus-mode .stage iframe{width:100%;max-width:calc((100svh - 92px)*1.5)}.player:fullscreen{display:flex;flex-direction:column;width:100vw;height:100vh;border-radius:0}.player:fullscreen .stage{height:auto;flex:1;min-height:0}.player:fullscreen .stage iframe{width:100%;max-width:calc((100vh - 92px)*1.5)}.article{max-width:800px;padding-top:44px;padding-bottom:40px}.article h1{font-size:clamp(32px,5vw,48px);letter-spacing:-.035em;line-height:1.15;margin:18px 0 24px}.article h2{margin-top:42px;font-size:24px}.article p,.article li{color:var(--muted);max-width:72ch}.article a{color:var(--accent)}.article table{border-collapse:collapse;width:100%;margin:24px 0;font-size:14px}.article td,.article th{text-align:left;border-bottom:1px solid var(--line);padding:12px}.article th{color:var(--ink)}.article .back{font-size:14px}.article ul,.article ol{padding-left:22px}.article li{padding-bottom:10px}
@font-face{font-family:Figtree;src:url('./assets/fonts/Figtree-Latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{font-family:Figtree,system-ui,sans-serif}
summary{position:relative;padding-right:32px}
summary::before,summary::after{content:'';position:absolute;background:var(--accent);display:block}
summary::before{right:0;top:calc(50% - 1px);width:12px;height:2px}
summary::after{right:5px;top:calc(50% - 6px);width:2px;height:12px}
details[open] summary::after{content:'';display:none}
.mobile-note{display:none;color:var(--muted);font-size:12px;margin:0 4px 14px}
@media(max-width:760px){.mobile-note{display:block}.player-foot>span{display:block}}
@media(min-width:1800px){.site-header,main,footer{max-width:1560px}.stage{height:min(70svh,900px)}.stage iframe{width:min(100%,105svh,1350px)}}
@media(max-width:760px){.site-header{padding:18px 20px}.site-header nav{gap:16px;font-size:12px}.wordmark{font-size:14px;gap:8px}.wordmark svg{width:26px}main{padding:0 16px}.title-row{padding:16px 4px;gap:16px}.title-row p{font-size:14px}.player-bar{padding:8px;gap:8px}.game-label{display:none}.player-actions{width:100%;justify-content:flex-end;gap:6px}.player-actions button{padding:8px 10px;min-height:44px;font-size:12px}.stage{height:auto;min-height:0;aspect-ratio:3/2}.stage iframe{width:100%;height:100%}.player-foot{padding:10px;display:block;min-height:68px}.player-foot a{display:inline-block;margin-top:3px}.controls{gap:14px 24px;padding:16px 4px;font-size:12px}.controls .focus-hint{margin-left:0;width:100%}.intro{grid-template-columns:1fr;gap:24px;margin:36px 4px}.quick-help{padding-top:0}.faq{margin:0 4px 36px}h2{font-size:24px}.faq summary{font-size:14px}footer{padding:24px 20px;flex-direction:column;gap:12px}.article{padding:24px 20px}.article table td,.article table th{padding:10px 4px}.reload-prompt{flex-wrap:wrap;padding:12px;font-size:13px}body.focus-mode .stage,.player:fullscreen .stage{aspect-ratio:auto}body.focus-mode .stage iframe,.player:fullscreen .stage iframe{height:100%;width:100%;max-width:none}body.focus-mode .player-foot,.player:fullscreen .player-foot{min-height:60px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}