*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;height:100dvh;background-color:#0a0a1a;overflow:hidden}#game-container{width:100%;height:100%;height:100dvh;position:relative}#game-container canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}@media(max-width:768px){.ui-scene{font-size:13px}.ui-btn{min-height:44px;min-width:44px;font-size:14px}}@media(pointer:coarse){.ui-btn,button{min-height:40px}}#rotate-screen{display:none;position:fixed;top:0;left:0;width:100%;height:100dvh;background:#0a0a1a;z-index:99999;justify-content:center;align-items:center}.rotate-content{text-align:center;color:#c8a853;font-family:serif}.rotate-icon{font-size:64px;margin-bottom:16px;animation:rotate-hint 2s ease-in-out infinite}.rotate-content p{font-size:18px;color:#ccc;line-height:1.5}.rotate-content strong{color:#c8a853}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.fs-btn{margin-top:20px;background:#c8a85333;border:2px solid #c8a853;color:#c8a853;font-family:serif;font-size:18px;font-weight:700;padding:12px 32px;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.fs-btn:active{background:#c8a85366}.fs-toggle{position:fixed;top:4px;left:4px;width:28px;height:28px;background:#0a0a1a99;border:1px solid rgba(200,168,83,.3);color:#c8a85399;font-size:16px;border-radius:4px;z-index:9999;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.fs-toggle:active{background:#c8a8534d}:fullscreen .fs-toggle,:-webkit-full-screen .fs-toggle{opacity:.3}@media(max-width:768px)and (orientation:portrait){#rotate-screen{display:flex}#game-container{display:none}.fs-toggle{display:none!important}}.wm-hidden{display:none!important}#ui-overlay{position:absolute;top:0;left:0;width:960px;height:540px;pointer-events:none;z-index:10;font-family:sans-serif;color:#e0e0e0;overflow:hidden}#ui-overlay>*{pointer-events:auto}:root{--bg-dark: #1a1a2e;--bg-panel: #111122;--bg-card: #16162b;--bg-card-active: #2a2a4e;--bg-button: #2a2a4e;--bg-button-hover: #3a3a6e;--gold: #c8a853;--gold-dim: rgba(200, 168, 83, .3);--text-primary: #e0e0e0;--text-secondary: #aaaaaa;--text-muted: #888888;--border-dim: #333333}.ui-title{font-family:serif;font-size:28px;font-weight:700;color:var(--gold);text-align:center}.ui-subtitle{font-size:13px;color:var(--text-muted);text-align:center}.ui-controls{font-size:14px;color:var(--text-muted);text-align:center}.ui-btn{background:var(--bg-button);color:var(--text-primary);border:2px solid var(--gold);padding:8px 20px;cursor:pointer;font-family:sans-serif;font-size:14px;transition:background .15s}.ui-btn:hover{background:var(--bg-button-hover)}.ui-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.ui-card{background:var(--bg-card);border:1px solid var(--border-dim);padding:12px;transition:background .15s,border-color .15s}.ui-card.active{background:var(--bg-card-active);border-width:3px}.ui-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;background:var(--bg-dark)}