:root{--color-bg: #0a0e17;--color-panel: rgba(10, 20, 40, .85);--color-border: #2a4060;--color-accent: #4488aa;--color-text: #c0d8e8;--color-text-bright: #ffffff;--color-success: #27AE60;--color-danger: #E74C3C;--color-warning: #F1C40F;--font-body: "Trebuchet MS", "Segoe UI", sans-serif;--font-mono: "Consolas", "Courier New", monospace;--radius: 6px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg);font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%}#game-canvas canvas{display:block}#ui-root{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#ui-root>*{pointer-events:auto}h1,h2,h3,h4{color:var(--color-text-bright);font-weight:600;letter-spacing:2px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);color:var(--color-text);font-family:var(--font-body);font-size:14px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;user-select:none}.btn:hover{background:#142846e6;border-color:var(--color-accent);color:var(--color-text-bright)}.btn:active{transform:scale(.97)}.btn--primary{border-color:var(--color-accent);background:#48a3;color:var(--color-text-bright)}.btn--primary:hover{background:#48a6}.btn--danger{border-color:var(--color-danger);color:var(--color-danger)}.btn--danger:hover{background:#e74c3c33}.panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;min-width:300px;max-width:90vw}.modal__title{margin-bottom:16px;font-size:1.2rem;color:var(--color-text-bright);letter-spacing:2px}.modal__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}#rotate-overlay{display:none}@media(orientation:portrait)and (hover:none)and (pointer:coarse){#rotate-overlay{display:flex;position:fixed;inset:0;z-index:9999;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--color-bg)}.rotate-overlay__icon{font-size:72px;color:var(--color-accent);animation:rotate-hint 2s ease-in-out infinite;display:block;line-height:1}.rotate-overlay__text{font-size:1.1rem;letter-spacing:3px;text-transform:uppercase;color:var(--color-text)}}@keyframes rotate-hint{0%{transform:rotate(0)}30%{transform:rotate(-90deg)}70%{transform:rotate(-90deg)}to{transform:rotate(0)}}