: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)}[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666;--text-tertiary: #888;--text-muted: #bbb;--border-color: rgba(0, 0, 0, .08);--border-color-hover: rgba(255, 0, 85, .2);--accent: #ff6b35;--accent-light: #ff4466;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--surface: rgba(0, 0, 0, .04);--surface-strong: rgba(0, 0, 0, .08);--surface-muted: rgba(0, 0, 0, .03);--surface-overlay: rgba(0, 0, 0, .35)}*{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}.theme-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;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fullscreen-toggle{position:fixed;top:calc(max(var(--control-offset),var(--safe-top)) + var(--control-size) + .55rem);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}.install-toggle{position:fixed;top:calc(max(var(--control-offset),var(--safe-top)) + (var(--control-size) + .55rem) * 2);right:max(var(--control-offset),var(--safe-right));z-index:1000;min-height:40px;padding:.45rem .8rem;border-radius:999px;border:2px solid var(--accent);background:#ff6b35eb;color:#fff;cursor:pointer;display:inline-flex}.install-toggle[hidden]{display:none!important}.install-toggle:not([hidden]){display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:.82rem;font-weight:700;letter-spacing:.02em;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover: hover) and (pointer: fine){.theme-toggle:hover,.fullscreen-toggle:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.install-toggle:hover{background:#ff6b35;border-color:var(--accent);transform:scale(1.04)}}.theme-toggle:active,.fullscreen-toggle:active{transform:scale(.95)}.install-toggle:active{transform:scale(.97)}.theme-icon{width:24px;height:24px;stroke-width:2.5;stroke:currentColor;fill:none;opacity:0;transition:opacity .3s ease;display:block;pointer-events:none}.theme-icon--dark{opacity:1}.theme-icon--light,[data-theme=light] .theme-icon--dark{opacity:0}[data-theme=light] .theme-icon--light{opacity:1}.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}.theme-toggle,.fullscreen-toggle{border-width:1.5px}.install-toggle{border-width:1.5px;min-height:38px;padding:.4rem .7rem;font-size:.76rem}.theme-icon{width:22px;height:22px}.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}.theme-icon{width:18px;height:18px}.fullscreen-toggle{font-size:.95rem}.install-toggle{min-height:34px;padding:.35rem .6rem;font-size:.72rem}.game-exit{min-height:38px;padding:.4rem .7rem;font-size:.78rem;gap:.25rem}}