:root{--bg: #1a1426;--ink: #2b2233;--gold: #e8c170;--rose: #e87a90;--cream: #fff6e9}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#000;color:var(--cream);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;height:100%;overflow:hidden}#app{height:100%}.stage{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000}.canvas-wrap{position:relative;width:min(100vw,calc(100vh * 320 / 180));height:min(100vh,56.25vw);line-height:0}canvas#game{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;background:#000;touch-action:manipulation}.skip-title-btn{position:absolute;bottom:16%;left:50%;transform:translate(-50%);font:700 clamp(14px,2.5vmin,20px)/1 "Trebuchet MS",sans-serif;color:var(--cream);background:#e87a90e0;border:2px solid rgba(255,255,255,.35);border-radius:999px;padding:.7em 2em;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;z-index:10;letter-spacing:.05em;animation:pulse-skip 2s ease-in-out infinite}.skip-title-btn:hover{background:#e87a90;animation:none}.skip-title-btn[hidden]{display:none}@keyframes pulse-skip{0%,to{box-shadow:0 0 #e87a9080}50%{box-shadow:0 0 0 8px #e87a9000}}.util{position:absolute;top:8px;right:8px;display:flex;gap:6px;line-height:1}.util-btn{font:600 13px/1 Trebuchet MS,sans-serif;color:var(--cream);background:#00000073;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:6px 9px;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.util-btn:hover{background:#000000a6}.util-btn[aria-pressed=true]{opacity:.5;text-decoration:line-through}.touch-controls{position:absolute;left:0;right:0;bottom:10px;display:none;justify-content:space-between;padding:0 12px;line-height:1}.touch-btn{font:700 clamp(12px,2vmin,16px)/1 "Trebuchet MS",sans-serif;color:var(--ink);background:#fff6e9d9;border:none;border-radius:10px;padding:.8em 1.2em;cursor:pointer;user-select:none;-webkit-user-select:none}.touch-btn:active{transform:translateY(2px)}@media(hover:none)and (pointer:coarse){.touch-controls{display:flex}}.invitation{width:100%;max-width:720px;margin-top:18px;animation:fade-up .8s ease both}.invitation[hidden]{display:none}.card{text-align:center;background:linear-gradient(160deg,#fffaf2,#ffeede);color:var(--ink);border:2px solid var(--gold);border-radius:14px;padding:38px 28px;box-shadow:0 16px 48px #00000073}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:12px;color:var(--rose);margin:0 0 14px}.names{font-size:clamp(28px,6vw,46px);margin:0 0 10px;color:var(--ink)}.subtitle{font-style:italic;margin:0 0 22px;color:#6c5a72}.details{font-size:18px;line-height:1.7;margin:0 0 22px}.message{max-width:46ch;margin:0 auto 26px;line-height:1.7;color:#4a3d52}.replay-btn{font:600 15px/1 Trebuchet MS,sans-serif;color:var(--cream);background:var(--rose);border:none;border-radius:999px;padding:12px 22px;cursor:pointer}.replay-btn:hover{filter:brightness(1.05)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.scoreboard{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#1a1426e6;z-index:20;overflow-y:auto}.scoreboard[hidden]{display:none}.scoreboard .card{max-width:680px;width:100%;animation:fade-up .8s ease both}.score-display{font-size:22px;font-weight:700;color:var(--rose);margin:0 0 8px}.score-label{margin:0 0 14px;color:#4a3d52}.name-input-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}#player-name{font:600 15px/1 Trebuchet MS,sans-serif;padding:10px 14px;border:2px solid var(--gold);border-radius:8px;background:#fffaf2;color:var(--ink);width:220px;max-width:100%}#player-name:focus{outline:none;border-color:var(--rose)}.save-btn{font:600 15px/1 Trebuchet MS,sans-serif;color:var(--cream);background:var(--rose);border:none;border-radius:999px;padding:10px 20px;cursor:pointer}.save-btn:hover{filter:brightness(1.05)}.lb-title{font-size:16px;color:var(--rose);margin:24px 0 12px;letter-spacing:.12em;text-transform:uppercase}.leaderboard-list{list-style:none;padding:0;margin:0 auto 20px;max-width:480px}.leaderboard-list li{display:grid;grid-template-columns:32px 1fr auto auto;gap:6px 10px;align-items:center;padding:8px 10px;border-radius:6px;margin-bottom:4px;background:#e8c17014;color:var(--ink);font-size:14px}.leaderboard-list li.top{background:linear-gradient(90deg,#e8c17038,#e87a901f);font-weight:700}.leaderboard-list li.current{outline:2px solid var(--rose)}.lb-pos{color:var(--rose);font-weight:700}.lb-name{text-align:left;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{color:var(--rose);font-weight:700;font-variant-numeric:tabular-nums}.lb-badge{font-size:11px;color:#7a6080;text-align:right}@media(prefers-reduced-motion:reduce){.invitation,.scoreboard .card,.skip-title-btn{animation:none}}