:root{color-scheme:dark;font-family:system-ui,sans-serif}html,body{margin:0;padding:0;overflow:hidden;background-color:#0a0a0f;color:#e8e8f0}.hidden{display:none}#menu,#controls-screen,#highscores-screen,#about-screen,#instructions-screen{display:flex;flex-direction:column;gap:1rem;max-width:22rem;margin:3rem auto;padding:1.5rem}#menu,#about-screen{position:relative}#menu h1,#controls-screen h2,#highscores-screen h2,#about-screen h2,#instructions-screen h2{margin:2.2rem 0 .5rem;font-size:1.5rem;text-align:center}.about-button-row{position:absolute;top:0;left:0}.about-button-row button{width:1.75rem;height:1.75rem;padding:0;line-height:1;border-radius:50%;font-size:.9rem}#about-screen p,#instructions-screen p{margin:0;font-size:.9rem}#about-screen .credits-heading,#instructions-screen .credits-heading{margin-top:.5rem;color:#a0a0b0}#about-screen .credits-list,#instructions-screen .credits-list{margin:0;padding-left:1.25rem;font-size:.85rem;color:#c8c8d4}#about-screen .credits-list li,#instructions-screen .credits-list li{margin-bottom:.35rem}.version-display{margin:0;text-align:center;font-size:.75rem;color:#6a6a78}#highscores-screen .highscores-table{width:100%;border-collapse:collapse;font-size:.9rem}#highscores-screen th,#highscores-screen td{padding:.35rem .5rem;text-align:start}#highscores-screen thead th{color:#a0a0b0;font-weight:400;border-bottom:1px solid #444}#highscores-screen td:last-child,#highscores-screen th:last-child{text-align:end}#highscores-screen .highscores-empty td{text-align:center;color:#a0a0b0;padding:1rem 0}#menu label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.ui-language-row{position:absolute;top:0;right:0;display:flex;flex-direction:row;align-items:center;gap:.25rem;font-size:.55rem;line-height:1.1}.ui-language-row select{width:auto;min-width:4.5rem;font-size:.6rem;padding:.15rem .3rem}#menu select,#menu input,#controls-screen button{padding:.4rem;font-size:1rem;background:#16161f;color:inherit;border:1px solid #444;border-radius:4px}#controls-screen .control-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem}#controls-screen .control-slot-group{display:flex;gap:.5rem}#controls-screen .controls-list{display:flex;flex-direction:column;gap:.75rem}#controls-screen .controls-actions{display:flex;gap:.5rem}#controls-screen .controls-actions button{flex:1}#controls-screen button[data-control-action]{min-width:6rem}#controls-screen button.is-waiting{border-color:#6ad4ff;color:#6ad4ff}.game-id-row{display:flex;gap:.5rem}.game-id-row input{flex:1;min-width:0}#menu button,#controls-screen button,#about-screen button,#instructions-screen button{padding:.5rem;font-size:1rem;background:#16161f;color:inherit;border:1px solid #444;border-radius:4px;cursor:pointer}.start-button{font-weight:700}#last-score-display{margin:0;text-align:center;font-size:.9rem;color:#a0a0b0}.display-size-display{margin:0;text-align:center;font-size:.8rem;color:#6a6a78}#instructions-screen .instructions-tabs{display:flex;flex-wrap:wrap;gap:.4rem}#instructions-screen .instructions-tab{padding:.35rem .6rem;font-size:.8rem;background:#16161f;color:#a0a0b0;border:1px solid #444;border-radius:4px;cursor:pointer}#instructions-screen .instructions-tab[aria-selected=true]{color:#e8e8f0;border-color:#6ad4ff}#instructions-screen .instructions-panels{max-height:45vh;overflow-y:auto}#game{display:block;width:100vw;height:100vh}#menu.hidden,#controls-screen.hidden,#highscores-screen.hidden,#about-screen.hidden,#instructions-screen.hidden,#game.hidden{display:none}