@font-face{font-family:Plex;src:url('PlexSans.ttf')}@font-face{font-family:PlexSerif;src:url('PlexSerif.ttf')}
:root{color-scheme:dark;--bg:#101f2b;--deep:#0c1822;--surface:#182c37;--text:#e8dfd1;--muted:#bbc5c6;--copper:#deb58d;--border:#526d72}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--deep);color:var(--text);font-family:Plex,system-ui,sans-serif}body{overflow:hidden}button,.file-button{font:inherit;font-size:14px;background:var(--surface);border:1px solid var(--border);border-radius:3px;color:var(--text);min-height:44px;padding:9px 15px;cursor:pointer}button:hover,.file-button:hover{background:#305a60}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,.file-button:focus-within{outline:2px solid var(--copper);outline-offset:3px}button.primary{color:#14232d;background:var(--copper);border-color:var(--copper);font-weight:600;min-width:225px;display:flex;justify-content:space-between;gap:32px;margin:27px 0 0;padding:14px 20px}button.primary:hover{background:#e8c7a7}[hidden]{display:none!important}
#game-shell{height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);background:var(--bg)}.toolbar{flex-shrink:0;min-height:66px;padding:8px max(18px,env(safe-area-inset-right)) 8px max(18px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34505a;gap:12px}.identity{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;font-size:14px;letter-spacing:2px}.identity small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:4px}nav{display:flex;gap:7px}#stage{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--deep)}#unity-canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}#cover{position:absolute;inset:0;overflow:auto;background:linear-gradient(90deg,rgba(12,24,34,.97) 0%,rgba(12,24,34,.78) 42%,rgba(12,24,34,.12) 100%),url('city.png') center 50%/cover no-repeat;display:flex;align-items:center}.opening{padding:40px clamp(24px,7vw,116px);max-width:720px}h1{font:400 clamp(50px,7vw,100px)/.96 PlexSerif,serif;letter-spacing:-3px;margin:22px 0 24px}.eyebrow{font-size:11px;letter-spacing:2.3px;color:var(--copper);line-height:1.6}.rule{width:68px;height:2px;background:var(--copper)}p{line-height:1.65;font-size:16px;color:var(--muted)}.tagline{font:24px/1.5 PlexSerif,serif;color:var(--text);margin:23px 0 6px}.caption{font-size:12px;color:var(--muted);margin-top:25px}footer{min-height:30px;display:flex;justify-content:space-between;gap:12px;padding:6px 18px max(6px,env(safe-area-inset-bottom));font-size:11px;color:var(--muted);border-top:1px solid #34505a;flex-shrink:0}progress{width:min(100%,340px);height:6px;accent-color:var(--copper)}#loading{margin:24px 0}#load-error{color:#f0a59e;max-width:400px}dialog{border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);padding:30px;max-width:570px;max-height:85dvh;overflow:auto}dialog::backdrop{background:#0c1822db}h2{font:32px PlexSerif,serif}.close{float:right}.backup-actions{display:flex;gap:12px;flex-wrap:wrap}.file-button input{position:absolute;width:1px;height:1px;opacity:0}#storage-warning{position:fixed;bottom:40px;left:12px;right:12px;background:#542f32;border:1px solid #f0a59e;padding:12px;font-size:14px}#qa-panel{position:fixed;bottom:34px;right:10px;max-width:500px;max-height:45vh;background:#0c1822f5;border:1px solid var(--border);padding:10px;overflow:auto;font-size:12px}#qa-state{white-space:pre-wrap;overflow-wrap:anywhere}#game-shell:fullscreen{width:100vw;height:100dvh}
@media(max-width:699px){.toolbar{min-height:57px;padding:6px 9px;gap:5px}.identity{letter-spacing:1px;font-size:10px;gap:5px}.identity img{width:23px;height:23px}.identity small{display:none}nav{gap:4px}nav button{padding:7px 9px;font-size:12px}#sound{font-size:0}#sound::after{content:'Ses';font-size:12px}#sound[aria-pressed=true]::after{content:'Sessiz'}#fullscreen{max-width:64px;font-size:11px}.opening{padding:25px 25px}h1{font-size:58px}.eyebrow{font-size:10px}.tagline{font-size:22px}#cover{background-position:65% center;background-image:linear-gradient(90deg,#0c1822eb,#0c182288),url('city.png')}footer{font-size:10px;padding:5px 10px}.desktop-hint{display:none}dialog{padding:22px;width:calc(100% - 24px)}#qa-panel{max-width:calc(100vw - 20px)}}
@media(max-height:540px){#cover{align-items:flex-start}h1{font-size:48px}.opening{padding-top:18px}.tagline{margin-top:12px}.caption{margin-top:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:699px){.toolbar{min-height:45px;padding-top:2px;padding-bottom:2px}.toolbar button{min-height:38px}}