*{box-sizing:border-box}body{background-color:#121212;color:#e0e0e0;font-family:Courier New,Courier,monospace;text-align:center;margin:0;padding:16px}h1{color:#ffb703;margin-bottom:5px;font-size:clamp(18px,5vw,26px)}#tagline{color:#aaa;font-size:12px;max-width:400px;margin:0 auto 14px;line-height:1.6;text-align:justify}#game-container{display:inline-block;background:#1f1f1f;padding:15px;border:4px solid #333;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.6);max-width:440px;width:100%}#top-panel{background:#121212;border:2px solid #ffb703;padding:10px;border-radius:6px;margin-bottom:12px;text-align:left;font-size:13px}#top-panel h3{margin:0 0 5px;color:#ffb703;text-align:center;font-size:15px}canvas#gameCanvas{background-color:#111;display:block;margin:0 auto;border:2px solid #444;touch-action:none}.highlight{color:#219ebc;font-weight:700}.optimal-highlight{color:#fb8500;font-weight:700}.feedback-good{color:#2a9d8f;font-weight:700}.feedback-bad{color:#e76f51;font-weight:700}.main-btn{background:#ffb703;color:#121212;border:none;padding:14px 20px;font-size:16px;font-weight:700;cursor:pointer;border-radius:4px;display:block;width:100%;margin-top:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.main-btn:active,.main-btn:hover{background:#fb8500}.main-btn.secondary{background:#2a2a2a;color:#e0e0e0;border:2px solid #555;margin-top:8px}.main-btn.secondary:active,.main-btn.secondary:hover{background:#333;border-color:#777}#loading{font-size:20px;color:#8ecae6;margin-top:50px}#hint{font-size:11px;color:#777;margin:8px 0 0}#dpad{display:none;grid-template-areas:". up ." "left down right";grid-template-columns:1fr 1fr 1fr;gap:6px;width:165px;margin:14px auto 0}#dpad-up{grid-area:up}#dpad-left{grid-area:left}#dpad-down{grid-area:down}#dpad-right{grid-area:right}.dpad-btn{background:#2a2a2a;color:#e0e0e0;border:2px solid #555;padding:16px 0;font-size:20px;cursor:pointer;border-radius:8px;width:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dpad-btn:active{background:#ffb703;color:#121212;border-color:#ffb703}#win-screen{display:none;text-align:center;padding:8px 0}#win-screen h2{color:#ffb703;font-size:22px;margin:0 0 4px}#win-screen .win-sub{color:#aaa;font-size:12px;margin:0 0 14px}#overall-score{font-size:28px;font-weight:700;margin:8px 0 4px}#overall-rating{font-size:13px;color:#aaa;margin:0 0 14px}#stats-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:14px}#stats-table th{color:#ffb703;border-bottom:1px solid #333}#stats-table td,#stats-table th{padding:4px 6px;text-align:center}#stats-table td{border-bottom:1px solid #222}#stats-table tr.total-row td{border-top:1px solid #444;border-bottom:none;font-weight:700;color:#ffb703;padding-top:8px}.eff-great{color:#2a9d8f}.eff-good{color:#8ecae6}.eff-ok{color:#e76f51}#confettiCanvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;display:none}@media (pointer:coarse){body{padding:10px}#dpad{display:grid}.kb-hint{display:none}}@media (pointer:fine){.touch-hint{display:none}}