body.tui{background:var(--tui-bg)}#game-container{width:100vw;height:100vh;position:relative}#audio-controls{position:absolute;top:var(--tui-pad-2);right:var(--tui-pad-2);z-index:1001;pointer-events:auto;display:flex;align-items:center;gap:var(--tui-gap);background:var(--tui-controls-surface-bg);padding:var(--tui-pad-2);border:2px solid var(--tui-line-strong)}#sound-mute,#fullscreen-btn{padding:var(--tui-pad-1) var(--tui-pad-2);font-size:1.25rem;line-height:1}#enter-vr-btn{white-space:nowrap}#enter-vr-btn.hidden{display:none}.volume-label{display:flex;align-items:center;gap:var(--tui-gap);color:var(--tui-fg);font-size:var(--tui-font-size)}.volume-label span{white-space:nowrap}#sound-volume{width:80px;accent-color:var(--tui-ok)}#game-container.playing,#game-container.playing *{cursor:none!important}#game-container.playing #audio-controls,#game-container.playing #audio-controls *{cursor:pointer!important}canvas{display:block;width:100%;height:100%}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;pointer-events:none}#crosshair:before,#crosshair:after{content:"";position:absolute;background:var(--tui-line-strong)}#crosshair:before{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}#crosshair:after{left:50%;top:0;height:100%;width:2px;transform:translate(-50%)}#stats{position:absolute;top:var(--tui-pad-2);left:var(--tui-pad-2);background:var(--tui-controls-surface-bg);padding:var(--tui-pad-2) var(--tui-pad-3);border:2px solid var(--tui-line-strong);color:var(--tui-fg);font-size:var(--tui-font-size-lg);font-weight:700}#stats div{margin:var(--tui-pad-1) 0}#stats span{color:var(--tui-ok)}#instructions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--tui-controls-surface-bg);padding:var(--tui-pad-3) var(--tui-pad-3);border:2px solid var(--tui-line-strong);color:var(--tui-fg);text-align:center;font-size:var(--tui-font-size-lg);pointer-events:auto;cursor:pointer;transition:border-color .2s ease,transform .2s ease}#instructions:hover{border-color:var(--tui-cyan);transform:translate(-50%,-50%) scale(1.02)}#instructions p{margin:var(--tui-gap) 0}#instructions.hidden{display:none}.vr-hint{font-size:var(--tui-font-size-sm);color:var(--tui-muted);margin:var(--tui-gap) 0;max-width:320px}.vr-hint.hidden{display:none}#timer{color:var(--tui-ok);font-size:1.25rem}#timer.warning{color:var(--tui-danger);animation:pulse .5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}#pause-menu{position:absolute;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;pointer-events:auto;z-index:1100}#pause-menu.hidden{display:none}#pause-menu .modal-content p{margin:var(--tui-gap) 0}#pause-menu #pause-resume{padding:var(--tui-button-padding-y) var(--tui-button-padding-x);font-size:var(--tui-font-size-lg)}#gameover-modal{position:absolute;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;pointer-events:auto}#gameover-modal.hidden{display:none}body.tui .modal-content{background:var(--tui-bg);padding:var(--tui-pad-3);border:2px solid var(--tui-line-strong);max-width:var(--tui-modal-width);width:90%}body.tui #gameover-modal .modal-content,body.tui #pause-menu .modal-content{border-color:var(--tui-ok)}.modal-content h2{color:var(--tui-ok);font-size:1.5rem;margin:0 0 var(--tui-gap-lg)}.final-stats{margin:var(--tui-gap-lg) 0}.stat-item{display:flex;justify-content:space-between;align-items:center;margin:var(--tui-gap) 0;padding:var(--tui-pad-2);background:#ffffff0a;border:var(--tui-bw) solid var(--tui-line)}.stat-label{color:var(--tui-muted);font-size:var(--tui-font-size-lg);font-weight:400}.stat-value{color:var(--tui-ok);font-size:1.25rem;font-weight:700}#restart-button{margin-top:var(--tui-gap-lg)}#restart-button:hover{transform:scale(1.02)}#settings-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--tui-bg);padding:var(--tui-pad-2)}.settings-container{background:var(--tui-bg);padding:var(--tui-pad-3);border:2px solid var(--tui-line-strong);max-width:420px;width:100%}.settings-container h1{margin-bottom:var(--tui-gap-lg);color:var(--tui-fg);font-size:1.5rem}.settings-section-title{margin:var(--tui-gap-lg) 0 var(--tui-pad-1);color:var(--tui-muted);font-size:var(--tui-font-size-lg);font-weight:600}.settings-section-title:first-of-type{margin-top:0}#capsule-settings-form label{display:flex;flex-direction:column;gap:var(--tui-gap-sm);margin-bottom:var(--tui-gap);color:var(--tui-muted);font-weight:500}.settings-actions{display:flex;flex-wrap:wrap;gap:var(--tui-gap);align-items:center;margin-top:var(--tui-gap-lg)}.settings-actions button[type=submit]{border-color:var(--tui-ok)}.settings-actions button[type=button]{border-color:var(--tui-line-strong)}.settings-actions a{color:var(--tui-cyan);text-decoration:none}.settings-actions a:hover{color:var(--tui-pink)}.settings-message{margin-top:var(--tui-gap);color:var(--tui-ok);font-size:var(--tui-font-size)}.settings-message.hidden{display:none!important}.settings-link{color:var(--tui-cyan);text-decoration:underline;pointer-events:auto}.settings-link:hover{color:var(--tui-pink)}