:root{color-scheme:dark;font:16px/1.5 system-ui,-apple-system,sans-serif;background:#0e1411;color:#eff9f2}
*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
[hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;background:#26342c;border:1px solid #47614f;border-radius:12px;min-height:44px;padding:8px 16px;cursor:pointer}button:hover{background:#35493d}button:focus-visible,a:focus-visible{outline:3px solid #64e4a0;outline-offset:3px}
header{display:flex;align-items:center;gap:22px;padding:max(8px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));min-height:64px;flex-shrink:0;border-bottom:1px solid #2c3b32}
.brand{font-size:26px;letter-spacing:-1.2px;font-weight:800;text-decoration:none;color:#64e4a0}.app-name{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.app-name img{object-fit:contain}nav{display:flex;gap:8px;margin-left:auto}
main{position:relative;flex:1;min-height:0;width:100%;background:#080a09}iframe{display:block;width:100%;height:100%;border:0;zoom:1}
#loading{position:fixed;top:90px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #3b5143;border-radius:30px;background:#14241ced;box-shadow:0 8px 32px #0005;max-width:calc(100vw - 32px);pointer-events:none;white-space:nowrap;font-size:14px}
.spinner{width:17px;height:17px;border:2px solid #64e4a055;border-top-color:#64e4a0;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
#error{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:28px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#17231ef7;border:1px solid #41604d;border-radius:22px;box-shadow:0 20px 70px #0008}h1{font-size:23px;line-height:1.3;margin:0 0 12px}p{color:#c2d2c8;margin:0 0 20px;overflow-wrap:anywhere}#error>div{display:flex;gap:10px;flex-wrap:wrap}#retry{background:#64e4a0;color:#0c2418;border-color:#64e4a0}
#exit-fullscreen{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));opacity:.85;background:#17231eee}body.immersive header{display:none}
@media(max-width:540px){header{gap:12px}.brand{font-size:23px}.app-name{font-size:12px;gap:6px}.app-name img{display:none}nav{gap:6px}button{padding-inline:10px;font-size:13px}#loading{top:82px}}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}}
#play-tools{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));display:flex;gap:8px;z-index:20}#play-tools #exit-fullscreen{position:static}#touch-controls[aria-pressed=true],#touch-quick[aria-pressed=true]{border-color:#64e4a0;color:#8befb8}