:root{color-scheme:dark;--bg:#111519;--panel:#1c2329;--ink:#f6f5ed;--muted:#a4afb6;--accent:#ffd45d;--line:#303b43;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}button{font:inherit;color:var(--ink);background:#273139;border:1px solid #46525b;border-radius:10px;padding:9px 15px;cursor:pointer}button:hover{background:#35414a;border-color:#73828d}button:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
.skip{position:fixed;left:12px;top:-100px;background:var(--accent);color:#161c20;padding:8px 16px;z-index:20}.skip:focus{top:8px}
.site-header{height:56px;padding:0 28px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);background:#171d22}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.6px;text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--accent);color:#161b20;font-size:18px;font-weight:900;width:30px;height:30px;border-radius:9px;transform:rotate(-7deg)}.site-header nav{display:flex;align-self:stretch;gap:26px;align-items:center;font-size:13px}.site-header nav a{text-decoration:none;color:var(--muted)}.site-header nav .active{color:var(--ink)}.preview-badge{margin-left:auto;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.player{position:relative;height:calc(100vh - 56px);height:calc(100dvh - 56px);min-height:280px;background:radial-gradient(ellipse at center,#304049 0%,#1a232a 55%,#141b21 100%);isolation:isolate;overflow:hidden}
.game-viewport{height:100%;width:100%;display:flex;justify-content:center;padding:0;overflow:hidden}iframe{display:block;height:100%;width:min(100%,calc((100vh - 56px)*750/1334));width:min(100%,calc((100dvh - 56px)*750/1334));border:0;background:#252a2c;box-shadow:0 0 90px #0006;touch-action:none}
.player-tools{position:absolute;inset:16px 20px auto;display:flex;justify-content:space-between;pointer-events:none;z-index:3}.tool-button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;background:#1b242eed;border-color:#62717b;color:#fff;box-shadow:0 3px 16px #0003;font-size:12px;font-weight:650}.menu-button>span:first-child{font-size:17px}.fullscreen-button{background:var(--accent);border-color:var(--accent);color:#192127}.fullscreen-button:hover{background:#ffe595;border-color:#ffe595}.fullscreen-icon{font-size:22px;line-height:1}
.loading-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(320px,85%);padding:30px 22px;text-align:center;border:1px solid var(--line);border-radius:18px;background:#182127f5;box-shadow:0 20px 80px #0008;z-index:4}.loading-card strong{display:block;font-size:23px}.loading-card p{font-size:13px;color:var(--muted)}.loader{display:block;width:25px;height:25px;border:3px solid #455158;border-top-color:var(--accent);border-radius:50%;margin:0 auto 15px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.screen-notice{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:90%;width:max-content;margin:0;padding:10px 16px;border-radius:10px;background:#172127f5;border:1px solid var(--line);font-size:13px;z-index:5}
.game-details{max-width:1140px;margin:auto;padding:32px 28px 44px}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding-bottom:26px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.5px;color:var(--accent);margin:0 0 8px}h1{font-size:32px;letter-spacing:-1px;line-height:1.15;margin:0 0 12px}.game-heading p:last-child{font-size:14px;color:var(--muted);margin:0}.guide-grid{max-width:680px;padding-top:26px}.guide-grid h2{font-size:15px;margin:0 0 8px}.guide-grid p{font-size:13px;color:var(--muted);margin:0}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:22px 28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.site-footer nav,.dialog-links{display:flex;gap:24px}.footer-dot{color:var(--accent);margin:0 10px}
#game-menu{width:min(410px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid #46545f;border-radius:20px;background:var(--panel);color:var(--ink);box-shadow:0 30px 100px #0009;overflow:auto}#game-menu::backdrop{background:#090f14ba;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.icon-button{font-size:24px;line-height:1;padding:6px 10px;min-width:36px}.dialog-heading .eyebrow{margin:0}#game-menu h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:20px 0 6px}.menu-subtitle{color:var(--muted);font-size:13px;margin:0 0 22px}.primary-button{width:100%;display:flex;justify-content:space-between;background:var(--accent);border-color:var(--accent);color:#182026;font-weight:750;padding:13px 16px;margin-bottom:18px}.primary-button:hover{background:#ffe595;border-color:#ffe595}details{border-bottom:1px solid var(--line);font-size:13px}summary{padding:13px 0;cursor:pointer;font-weight:650}details p{color:var(--muted);margin:0 0 14px}.reload-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;font-size:12px}.reload-row small{display:block;color:var(--muted);font-size:11px}.reload-row button{font-size:12px}.dialog-links{border-top:1px solid var(--line);padding-top:17px;font-size:12px;color:var(--muted)}
body.immersive{overflow:hidden}.immersive .site-header,.immersive .game-details,.immersive .site-footer{display:none}.immersive .player,.player:fullscreen{height:100vh;height:100dvh;width:100%;min-height:0}.immersive iframe,.player:fullscreen iframe{width:min(100%,calc(100vh*750/1334));width:min(100%,calc(100dvh*750/1334))}.player:fullscreen .player-tools{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}.noscript{position:absolute;bottom:20px;left:15px;right:15px;background:var(--panel);padding:20px}
.prose{max-width:740px;margin:64px auto;padding:0 28px;min-height:60vh}.prose h1{font-size:40px;margin:24px 0}.prose h2{font-size:19px;margin-top:30px}.prose p{color:var(--muted)}.back-link{font-size:13px;color:var(--accent)}
@media(max-width:700px),(pointer:coarse) and (max-height:600px){.play-page{overflow:hidden;overscroll-behavior:none}.play-page .site-header,.play-page .game-details,.play-page .site-footer{display:none}.play-page .player{height:100vh;height:100dvh;min-height:0}.play-page .game-viewport{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.play-page iframe,.play-page.immersive iframe,.play-page .player:fullscreen iframe{width:100%;height:100%;box-shadow:none}.player-tools{inset:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) auto max(6px,env(safe-area-inset-left))}.tool-button{min-height:36px;padding:5px 10px;font-size:11px;gap:6px;border-radius:8px}.menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.menu-button{width:36px}.fullscreen-icon{font-size:20px}#game-menu{padding:22px}.site-header{padding:0 18px}.site-footer{padding:20px 18px;flex-wrap:wrap}.prose{margin:32px auto;padding:0 20px}.prose h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{animation:none}}
@media(orientation:landscape) and (max-height:600px){.play-page iframe,.play-page.immersive iframe,.play-page .player:fullscreen iframe{width:auto;max-width:100%;aspect-ratio:750/1334}}
