:root{color-scheme:dark;--cream:#fff1d4;--purple:#231e38;--gold:#e6bd72}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 25%,#51405c,#181727 78%);color:var(--cream);font-family:Georgia,serif;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#game-shell{width:min(97vw,calc(94vh * 1.6));aspect-ratio:8/5;border:2px solid #b19a70;border-radius:16px;overflow:hidden;box-shadow:0 25px 70px #0008}canvas{width:100%;height:100%;display:block}button{cursor:pointer;font:700 14px system-ui;color:var(--cream);border:1px solid var(--gold);background:#4c395c;border-radius:9px;padding:14px 22px}button:focus-visible,canvas:focus-visible{outline:3px solid white;outline-offset:3px}#help-button{position:fixed;top:16px;right:16px;border-radius:50%;width:46px;height:46px;padding:0;font-size:24px;opacity:.8;z-index:70}.modal{display:none;position:fixed;inset:0;z-index:100;place-items:center;background:#171321ed;padding:16px;overflow:auto}.modal.is-visible{display:grid}.modal-card{max-width:630px;width:100%;max-height:calc(100dvh - 32px);overflow:auto;padding:30px;border:3px double #d4b789;border-radius:24px 24px 8px 8px;background:linear-gradient(135deg,#443250,#28253d);box-shadow:0 24px 80px #0007}.eyebrow{font:700 11px system-ui;letter-spacing:.18em;color:var(--gold)}h1{font-size:clamp(38px,8vw,65px);margin:10px 0;letter-spacing:-.035em}h1 em{color:#f1adc8;font-style:normal}.modal-card>p{line-height:1.5}.orders{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font:14px/1.5 system-ui}.orders b{color:#b9e4d9;font-size:12px;letter-spacing:.08em}.tip{font-size:14px;color:#e0cbaa}#instruction-close,#restart{background:#efd3a0;color:#29243b;width:100%;font-weight:800}.result{text-align:center}.result h2{font-size:40px}.touch-controls{display:none}.control-cluster{pointer-events:none}.control-button{pointer-events:auto;width:90px;min-height:48px;padding:8px;border-radius:24px;font-size:11px;touch-action:none;background:#342640}.control-button.fire{height:86px;background:#89536d;border:2px solid #ffcbe0;font-size:16px}.control-button.is-pressed{transform:translateY(3px);background:#bd668d}#portrait-note{display:none;position:fixed;inset:0;z-index:80;background:#231e38;place-items:center;text-align:center;padding:28px;font-size:24px;line-height:1.7}#portrait-note small{font:15px system-ui}body.instructions-open .touch-controls,body.gameover-open .touch-controls{visibility:hidden!important;pointer-events:none!important}body.gameover-open .vibecade-mobile-options{visibility:hidden!important}@media(max-width:900px),(pointer:coarse){#game-shell{width:100vw;border:0;border-radius:0}#help-button,#flyout-nav{display:none!important}.touch-controls{display:flex}}@media(max-width:599px) and (orientation:portrait){body:not(.instructions-open) #portrait-note{display:grid}body:not(.instructions-open) #game-shell,body:not(.instructions-open) .touch-controls{visibility:hidden!important}}@media(max-height:440px){.modal-card{padding:14px 22px}h1{font-size:36px;margin:4px 0}.orders{font-size:12px}.orders p{margin:5px 0}.modal-card>p{margin:8px 0;font-size:12px}}
:root #mobile-hud{display:none}body.touch-device #mobile-hud{display:flex;position:fixed;top:10px;left:140px;right:140px;justify-content:space-between;gap:8px;font:700 13px/1.5 system-ui;color:#fff1d4;pointer-events:none}body.instructions-open #mobile-hud,body.gameover-open #mobile-hud{visibility:hidden}@media(orientation:portrait){body.touch-device #mobile-hud{display:none}}