:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background:linear-gradient(90deg,rgb(10,5,40) 0%,rgb(25,50,95) 50%,rgb(10,5,40) 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;flex-direction:column;justify-content:space-between;place-items:center}h1{font-size:3.5vh;line-height:1;margin-bottom:0;margin-top:20px}h4{font-style:italic;font-size:1.4vh;color:silver}button{cursor:pointer;padding:8px;background-color:#a9a9a9;color:#fff;font-size:1.5vh;border:2.5px solid darkgray;border-radius:25px;width:10rem;margin-bottom:15px;transition:all .5s}button:hover{background-color:#696969;border:2.5px solid dimgray;text-shadow:1px 2px 2px #222222}#stage{display:flex;flex-direction:row;align-items:flex-start;gap:16px;padding-bottom:25px}#playArea{display:flex;flex-direction:column;align-items:center;gap:16px}canvas{display:block}#leaderboard{list-style:none;margin:0;padding:0;width:200px;align-self:stretch;display:flex;flex-direction:column;gap:6px;color:silver;font-family:Inter,system-ui,sans-serif;font-size:1.4vh}#leaderboard li{display:flex;align-items:center;gap:10px;padding:6px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:6px;min-height:28px;overflow:hidden}#leaderboard li .rank{font-weight:700;color:#ffffff8c;width:1.5em;text-align:right}#leaderboard li .name{flex:1;color:#fffffff2;font-weight:500;text-shadow:0 0 6px rgba(255,255,255,.15);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#leaderboard.hidden{display:none}.prefs-row input[type=checkbox]{width:18px;height:18px;accent-color:rgb(255,215,0)}#leaderboard li.slot-filled .name{animation:slot-slide-in .42s ease-out}#leaderboard li.slot-winner{background:rgba(255,215,0,.12);border-color:#ffd7008c}#leaderboard li.slot-winner .rank,#leaderboard li.slot-winner .name{color:gold}@keyframes slot-slide-in{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}textarea{font-family:Arial,Helvetica,sans-serif;font-size:1.5vw;color:#708090;background-color:transparent;border-color:#708090;border-radius:.25rem}#instructionsHint{position:fixed;top:14px;right:16px;z-index:50;font-family:Inter,system-ui,sans-serif;font-size:.85rem;color:silver;-webkit-user-select:none;user-select:none;letter-spacing:.02em}#instructionsHint kbd{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em;color:#fff;margin-right:6px}#prefsPanel,#instructionsPanel{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:100}#prefsPanel[hidden],#instructionsPanel[hidden]{display:none}.instructions-list{margin:8px 0 16px;padding-left:20px;color:silver;font-size:.95rem;line-height:1.55}.instructions-list li{margin-bottom:4px}.instructions-list strong{color:#fff}.instructions-list kbd{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;color:#fff}.prefs-card h3{margin:12px 0 6px;font-size:1rem;color:#fff}.instructions-actions{justify-content:flex-end!important}.prefs-card{background:rgb(20,25,50);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:24px 28px;min-width:320px;color:#fff;box-shadow:0 12px 40px #00000080;font-family:Inter,system-ui,sans-serif}.prefs-card h2{margin:0 0 16px;font-size:1.4rem}.prefs-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:.95rem}.prefs-row>span:first-child{flex:1}.prefs-row input[type=number]{width:64px;padding:4px 6px;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px;font:inherit}.prefs-row input[type=range]{flex:1}.prefs-gen input[type=text]{flex:1;min-width:80px;padding:4px 6px;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px;font:inherit}.prefs-gen input[type=number]{width:56px}.prefs-gen button{width:auto;padding:4px 12px;margin:0;font-size:.9rem}#prefSpeedValue{min-width:3.5em;text-align:right;font-variant-numeric:tabular-nums;color:silver}.prefs-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px;margin-bottom:24px}.prefs-actions button{width:auto;padding:6px 18px;margin:0}.prefs-actions button.secondary{background-color:transparent;border-color:#ffffff4d;color:silver}.prefs-actions button.secondary:hover{background-color:#ffffff14;border-color:#ffffff80}.prefs-hint{margin:14px 0 0;font-size:.8rem;color:silver}.prefs-hint kbd{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}