:root{--bg-primary: #0c0f0a;--bg-secondary: #1a1a2e;--text-primary: #e8e8e8;--text-secondary: #999;--text-tertiary: #777;--text-muted: #444;--border-color: rgba(255, 255, 255, .06);--border-color-hover: rgba(255, 0, 85, .3);--accent: #ff6b35;--accent-light: #ff6b8a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .4);--surface: rgba(255, 255, 255, .08);--surface-strong: rgba(255, 255, 255, .14);--surface-muted: rgba(255, 255, 255, .04);--surface-overlay: rgba(0, 0, 0, .6);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--control-offset: 1rem;--control-size: clamp(44px, 9vw, 50px)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%;transition:background .3s ease,color .3s ease}body{min-height:100vh;min-height:100dvh;background:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden;transition:background .3s ease,color .3s ease}.fullscreen-toggle{position:fixed;top:max(var(--control-offset),var(--safe-top));right:max(var(--control-offset),var(--safe-right));z-index:1000;width:var(--control-size);height:var(--control-size);border-radius:50%;border:2px solid var(--text-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;font-size:clamp(1rem,3vw,1.2rem);line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover: hover) and (pointer: fine){.fullscreen-toggle:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}}.fullscreen-toggle:active{transform:scale(.95)}.game-exit{position:fixed;top:max(var(--control-offset),var(--safe-top));left:max(var(--control-offset),var(--safe-left));z-index:9999;background:#ff6b35e6;border:2px solid var(--accent);color:#fff;padding:.6rem 1.2rem;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 6.5rem);touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover: hover) and (pointer: fine){.game-exit:hover{background:#ff6b35;transform:scale(1.05)}}.game-exit:active{transform:scale(.98)}@media (max-width: 640px){:root{--control-offset: .75rem}.fullscreen-toggle{border-width:1.5px}.game-exit{padding:.55rem .9rem;font-size:.85rem;gap:.35rem;max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 5.5rem)}}@media (max-width: 900px) and (max-height: 500px){:root{--control-offset: .5rem;--control-size: 38px}.fullscreen-toggle{font-size:.95rem}.game-exit{min-height:38px;padding:.4rem .7rem;font-size:.78rem;gap:.25rem}}