:root{color-scheme:light;--bg:#fff;--panel:#f7f7f8;--text:#202227;--muted:#606575;--line:#d9d9e2;--accent:#335fff;--header-height:40px;--controls-height:36px;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
:root[data-theme=dark]{color-scheme:dark;--bg:#1c1c1c;--panel:#353535;--text:#f5f5f5;--muted:#d0d0d0;--line:#707070;--accent:#91a8ff}
*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden}
.play-header{position:fixed;inset:0 0 auto;height:var(--header-height);z-index:10;background:var(--panel);border-bottom:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:12px}
.play-header a{color:var(--accent);text-decoration:none}.play-header span{font-weight:700}
main{position:fixed;inset:var(--header-height) 0 0;display:flex;align-items:flex-end;justify-content:center;padding:12px 20px 0;min-height:0}
.game-player{width:min(100%,calc((100dvh - var(--header-height) - var(--controls-height) - 12px)*16/9));max-height:100%;flex:none;background:#000;border-radius:8px 8px 0 0;overflow:hidden}
iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.player-controls{height:var(--controls-height);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;background:var(--panel);font-size:12px;color:var(--muted)}
.player-label{display:flex;align-items:center;gap:12px;min-width:0}.player-label h1{font-size:12px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.player-status{font-size:10px;white-space:nowrap}.player-controls button{background:transparent;color:var(--text);border:0;cursor:pointer;padding:7px;font:inherit;white-space:nowrap}.player-controls button:focus-visible{outline:2px solid var(--accent)}
#play-error{position:fixed;bottom:var(--controls-height);left:20px;right:20px;margin:0;text-align:center;font-size:13px;color:#ffb4a5;background:var(--bg)}#play-error:empty{display:none}
.game-player:fullscreen{width:100%;height:100%;max-height:none;border-radius:0;display:flex;flex-direction:column}.game-player:fullscreen iframe{flex:1;min-height:0;aspect-ratio:auto}.game-player:fullscreen .player-controls{flex-shrink:0}
@media(max-width:600px){main{padding-left:8px;padding-right:8px}.play-header{padding:0 12px}.player-controls{padding:0 8px}.player-status{display:none}}

main{gap:24px;justify-content:flex-start}.game-player{width:min(calc((100vw - 64px)*.72),calc((100dvh - var(--header-height) - var(--controls-height) - 12px)*16/9))}.game-details{flex:1;min-width:220px;max-width:380px;align-self:stretch;overflow:auto;padding:12px 0}.game-details h1{margin:0 0 16px;font-size:24px;overflow-wrap:anywhere}.game-details p{font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.game-engagement{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--muted)}#game-like{border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);padding:9px 12px;cursor:pointer}#game-like[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}#engagement-status{color:var(--muted);font-size:12px}iframe:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;background:#000}
@media(max-width:950px){body{overflow:auto}main{position:relative;inset:auto;margin-top:var(--header-height);display:flex;flex-direction:column;align-items:center;gap:12px}.game-player{width:min(100%,calc((100dvh - var(--header-height) - var(--controls-height) - 12px)*16/9))}.game-details{width:100%;max-width:none;min-width:0;overflow:visible;padding:8px 0 20px}}

@media(max-width:650px){:root{--controls-height:44px}.play-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.play-header a{display:flex;align-items:center;min-height:40px}.player-controls button{min-height:44px;padding:8px}.player-controls{height:44px}.game-details h1{font-size:22px}.game-details{padding-bottom:max(20px,env(safe-area-inset-bottom))}#game-like{min-height:44px}main{padding-top:8px}}

.game-guide h2{font-size:18px;margin:24px 0 8px}.game-guide-image{display:block;width:100%;height:auto;border-radius:8px}.game-guide a{color:var(--accent)}