:root{--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-accent:#0ea5e9;--color-accent-hover:#38bdf8;--color-bg-gradient-top:#0f172a;--color-bg-gradient-mid:#0b101c;--color-bg-gradient-btm:#05080e;--color-canvas-border:#0ea5e959;--color-canvas-shadow:#0ea5e933}html,body{touch-action:none;overscroll-behavior:none;background:radial-gradient(circle at 10% 15%, #0ea5e933 0%, transparent 40%), radial-gradient(circle at 90% 85%, #a855f726 0%, transparent 40%), linear-gradient(180deg, var(--color-bg-gradient-top) 0%, var(--color-bg-gradient-mid) 50%, var(--color-bg-gradient-btm) 100%);width:100%;height:100dvh;color:var(--color-text-primary);margin:0;font-family:"Baloo 2",system-ui,-apple-system,sans-serif;overflow:hidden}#app{touch-action:none;width:100%;height:100%;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}canvas{touch-action:none;-ms-touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:1px solid var(--color-canvas-border);max-width:100%;max-height:100%;box-shadow:0 24px 40px #0009, 0 0 35px var(--color-canvas-shadow);image-rendering:auto;border-radius:18px;transition:transform .2s,box-shadow .2s;display:block;margin:0!important}@media (width<=900px){#app{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}canvas{box-shadow:none;object-fit:contain;border:0;border-radius:0;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}}#leaderboard-ui{pointer-events:none;z-index:12;width:0;height:0;display:none;position:fixed;top:0;left:0}.challenge-leaderboard-overlay{box-sizing:border-box}.challenge-lb-card{box-sizing:border-box;color:#e2e8f0;pointer-events:auto;background:linear-gradient(#0c1d32f0 0%,#081324eb 100%);border:2px solid #38bdf870;border-radius:14px;flex-direction:column;gap:clamp(4px,.8vh,7px);width:100%;height:100%;padding:clamp(8px,1.4vh,14px) clamp(10px,1.8vw,16px) clamp(6px,1.2vh,10px);display:flex;box-shadow:inset 0 0 0 1px #0ea5e91f}.challenge-lb-columns{letter-spacing:.08em;text-transform:uppercase;color:#5f86ac;grid-template-columns:62px minmax(0,1fr) 86px;align-items:end;gap:8px;margin-top:0;padding:0 6px;font-size:clamp(11px,1.1vh,14px);display:grid}.challenge-lb-columns span:nth-child(3){text-align:right}.challenge-lb-rows{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#6fa5db99 #09182a99;flex-direction:column;flex:1;gap:6px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.challenge-lb-rows::-webkit-scrollbar{width:6px}.challenge-lb-rows::-webkit-scrollbar-thumb{background:#6fa5db99;border-radius:999px}.challenge-lb-rows::-webkit-scrollbar-track{background:#09182a99;border-radius:999px}.challenge-lb-row{color:#ccdef4;border-radius:10px;grid-template-columns:62px minmax(0,1fr) 86px;align-items:center;gap:8px;min-height:clamp(30px,3.5vh,40px);padding:0 8px;display:grid}.challenge-lb-row.is-podium{background:linear-gradient(90deg,#193250b8 0%,#11243de6 100%)}.challenge-lb-row.is-you{background:linear-gradient(90deg,#1a3b5fdb 0%,#112f52f5 100%);border:2px solid #33a2ff94;box-shadow:inset 0 0 0 1px #7dd3fc38}.challenge-lb-rank{color:#7da7d0;white-space:nowrap;justify-content:flex-start;align-items:center;height:100%;font-size:clamp(18px,2.2vh,26px);line-height:1;display:flex}.challenge-lb-rank-badge{border-radius:999px;place-items:center;width:clamp(20px,2.2vh,26px);height:clamp(20px,2.2vh,26px);font-size:clamp(11px,1.3vh,14px);font-weight:700;line-height:1;display:inline-grid}.challenge-lb-rank-badge--1{color:#2b1601;background:#f59e0b}.challenge-lb-rank-badge--2{color:#1e293b;background:#cbd5e1}.challenge-lb-rank-badge--3{color:#31200f;background:#d6a06d}.challenge-lb-player{align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.challenge-lb-name{text-overflow:ellipsis;white-space:nowrap;color:#d7e8ff;font-size:clamp(16px,2.2vh,34px);overflow:hidden}.challenge-lb-you-pill{text-transform:lowercase;color:#9fd6ff;background:#2768af99;border-radius:8px;flex:none;padding:1px 7px;font-size:clamp(10px,1.1vh,12px);font-weight:700;line-height:1.2;display:inline-block}.challenge-lb-score{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:#90b5da;font-size:clamp(18px,2.4vh,32px)}.challenge-lb-message{text-align:center;color:#9ab5d5;background:#0f1f3680;border-radius:12px;place-items:center;min-height:clamp(30px,3.5vh,40px);padding:8px 10px;font-size:clamp(12px,1.5vh,16px);display:grid}.challenge-lb-message--error{color:#fda4af;background:#4b141c6b}.challenge-lb-footer{text-align:center;color:#5f86ac;border-top:1px solid #477dae80;margin:0;padding-top:4px;font-size:clamp(10px,1.2vh,13px)}@media (width<=900px){.challenge-lb-card{border-radius:10px;gap:4px;padding:8px 8px 6px}.challenge-lb-columns,.challenge-lb-row{grid-template-columns:50px minmax(0,1fr) 70px;gap:5px}.challenge-lb-row{border-radius:8px;min-height:30px;padding:0 6px}.challenge-lb-you-pill{padding:1px 5px}}.display-name-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;background:#01060ead;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.display-name-modal{background:linear-gradient(#0c1d32f5 0%,#081324f0 100%);border:2px solid #38bdf870;border-radius:16px;gap:12px;width:min(480px,100vw - 32px);padding:18px;display:grid;box-shadow:0 24px 60px #0208179e,inset 0 0 0 1px #0ea5e929}.display-name-modal-title{color:#e2e8f0;margin:0;font-family:"Baloo 2",system-ui,-apple-system,sans-serif;font-size:clamp(22px,3.2vw,30px);line-height:1.05}.display-name-modal-helper{color:#93b4d6;margin:0;font-size:clamp(13px,1.8vw,15px)}.display-name-modal-input{box-sizing:border-box;color:#e2e8f0;background:#081528e6;border:2px solid #67e8f985;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-family:"Baloo 2",system-ui,-apple-system,sans-serif;font-size:clamp(20px,4vw,28px);line-height:1.2}.display-name-modal-input:focus{border-color:#7dd3fce0;box-shadow:0 0 0 3px #38bdf840}.display-name-modal-count{text-align:right;color:#75a7d9;margin:0;font-size:13px}.display-name-modal-actions{justify-content:center;gap:10px;margin-top:-2px;display:flex}.display-name-modal-button{cursor:pointer;border:0;border-radius:10px;padding:8px 14px;font-family:"Baloo 2",system-ui,-apple-system,sans-serif;font-size:clamp(16px,2.4vw,20px);font-weight:700}.display-name-modal-button--cancel{color:#bfd5ed;background:#16263c}.display-name-modal-button--save{color:#b7f7cc;background:#14532d}