:root{--ink: #1b3b52;--ink-soft: #4a7186;--cream: #fffdf7;--teal: #0d9488;--amber: #d97706;--rose: #e11d48;--green: #16a34a;--shadow: 0 10px 0 rgba(20, 59, 82, .16), 0 18px 34px rgba(20, 59, 82, .18);--round: 26px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#8ed4f8;font-family:"Baloo 2",Trebuchet MS,Segoe UI,Verdana,sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#game-canvas{display:block;width:100%;height:100%;touch-action:none}.hidden{display:none!important}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 72% 12%,rgba(255,244,201,.3),transparent 42%),radial-gradient(circle at 50% 55%,transparent 52%,rgba(20,59,82,.26) 100%);mix-blend-mode:multiply}#vignette:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 72% 12%,rgba(255,240,180,.22),transparent 38%);mix-blend-mode:screen}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:linear-gradient(#8ed4f8,#fde8c8);font-size:24px;font-weight:700;color:var(--ink);transition:opacity .5s ease}#loading.gone{opacity:0;pointer-events:none}#audio-bar{position:fixed;top:14px;right:14px;z-index:30;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#fffdf7d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 5px #143b5221}.icon-btn{width:38px;height:38px;border:none;border-radius:50%;background:#fff;cursor:pointer;font-size:18px;line-height:1;display:grid;place-items:center;box-shadow:0 3px #143b5229;transition:transform .1s ease,opacity .15s ease}.icon-btn:active{transform:translateY(3px);box-shadow:none}.icon-btn.off{opacity:.38}.icon-btn.off .icon{filter:grayscale(1)}#volume{width:82px;accent-color:var(--teal);cursor:pointer}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.hud-row{position:absolute;top:16px;left:16px;display:flex;gap:10px;flex-wrap:wrap;max-width:calc(100vw - 220px)}.pill{display:flex;align-items:center;gap:8px;background:#fffdf7e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:9px 20px;font-size:21px;font-weight:800;letter-spacing:.01em;box-shadow:0 5px #143b5224;white-space:nowrap}.pill-icon{font-size:17px}.pill-teal{color:var(--teal)}.pill-amber{color:var(--amber)}.pill-rose{color:var(--rose)}#hud-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#fffdf7b8;border-radius:999px;padding:8px 22px;font-size:14px;color:var(--ink-soft);white-space:nowrap;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis}#touch-joy,#touch-jump{display:none}.touch-mode #touch-joy{display:block;position:fixed;left:26px;bottom:30px;width:150px;height:150px;z-index:18;border-radius:50%;background:#fffdf738;border:3px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);touch-action:none}#touch-joy-knob{position:absolute;left:50%;top:50%;width:62px;height:62px;transform:translate(-50%,-50%);border-radius:50%;background:#fffdf7e6;box-shadow:0 4px #143b5238;pointer-events:none}.touch-mode #touch-jump{display:grid;place-items:center;position:fixed;right:30px;bottom:38px;width:110px;height:110px;z-index:18;border:4px solid rgba(255,255,255,.75);border-radius:50%;background:#22c55ed9;color:#fff;font-size:44px;font-weight:900;box-shadow:0 7px #143b5247;touch-action:none;-webkit-user-select:none;user-select:none}#touch-jump.pressed{transform:translateY(5px);box-shadow:0 2px #143b5247;background:#16a34ae6}.touch-mode #hud-hint{display:none}#rush-timer{position:fixed;top:74px;left:50%;transform:translate(-50%);z-index:22;min-width:108px;text-align:center;padding:8px 18px;border-radius:999px;background:#fffdf7eb;font-size:40px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--teal);box-shadow:0 6px #143b5226;pointer-events:none}#rush-timer.urgent{color:var(--rose);animation:pulse .4s ease-in-out infinite alternate}@keyframes pulse{to{transform:translate(-50%) scale(1.09)}}#announce{position:fixed;top:26%;left:50%;z-index:25;transform:translate(-50%) scale(.5);opacity:0;font-size:clamp(34px,7vw,74px);font-weight:900;letter-spacing:.02em;text-align:center;white-space:nowrap;pointer-events:none;color:#fff;text-shadow:0 0 0 #fff,-4px 0 0 var(--outline, #1b3b52),4px 0 0 var(--outline, #1b3b52),0 -4px 0 var(--outline, #1b3b52),0 4px 0 var(--outline, #1b3b52),-4px -4px 0 var(--outline, #1b3b52),4px 4px 0 var(--outline, #1b3b52),4px -4px 0 var(--outline, #1b3b52),-4px 4px 0 var(--outline, #1b3b52),0 14px 0 rgba(20,59,82,.22)}#announce.pop{animation:announcePop 1.5s cubic-bezier(.22,1.4,.4,1) forwards}@keyframes announcePop{0%{opacity:0;transform:translate(-50%,10px) scale(.35) rotate(-6deg)}22%{opacity:1;transform:translate(-50%) scale(1.16) rotate(2deg)}36%{transform:translate(-50%) scale(.96) rotate(-1deg)}50%{transform:translate(-50%) scale(1.03) rotate(0)}82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-26px) scale(.94)}}#countdown{position:fixed;top:40%;left:50%;z-index:24;transform:translate(-50%,-50%);font-size:clamp(70px,16vw,170px);font-weight:900;color:#fff;opacity:0;pointer-events:none;text-shadow:-5px 0 0 #1b3b52,5px 0 0 #1b3b52,0 -5px 0 #1b3b52,0 5px 0 #1b3b52,-5px -5px 0 #1b3b52,5px 5px 0 #1b3b52,5px -5px 0 #1b3b52,-5px 5px 0 #1b3b52,0 18px 0 rgba(20,59,82,.2)}#countdown.tick{animation:countTick .85s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes countTick{0%{opacity:0;transform:translate(-50%,-50%) scale(2.1)}18%{opacity:1;transform:translate(-50%,-50%) scale(.9)}32%{transform:translate(-50%,-50%) scale(1.05)}70%{opacity:.9;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}#toast{position:fixed;top:19%;left:50%;z-index:23;transform:translate(-50%,-14px) scale(.86);background:var(--toast-bg, #34d399);color:#fff;font-size:clamp(22px,4vw,34px);font-weight:800;padding:12px 34px;border:5px solid #fff;border-radius:22px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.2,1.5,.4,1);text-align:center;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%) scale(1)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 50% 28%,#ffffff47,#143b528c);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto;animation:fadeIn .32s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card{background:var(--cream);border:6px solid #fff;border-radius:34px;padding:32px 38px 34px;max-width:620px;width:100%;text-align:center;box-shadow:var(--shadow);animation:cardIn .42s cubic-bezier(.2,1.3,.4,1)}@keyframes cardIn{0%{transform:translateY(24px) scale(.94);opacity:0}to{transform:none;opacity:1}}.logo{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:4px;line-height:1}.logo-mini{font-size:30px;font-weight:900;letter-spacing:.22em;color:var(--teal)}.logo-obby{font-size:clamp(48px,11vw,74px);font-weight:900;letter-spacing:-.01em;color:#f43f5e;text-shadow:0 5px 0 #ffd93d,0 10px 0 rgba(20,59,82,.15)}.logo-3d{font-size:30px;font-weight:900;color:#3b82f6;text-shadow:0 3px 0 #a7f3d0}.tagline{font-size:18px;color:var(--ink-soft);margin-bottom:20px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.mode-btn{font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:5px;padding:20px 14px 18px;border:4px solid #fff;border-radius:24px;cursor:pointer;color:#fff;box-shadow:0 7px #143b5238;transition:transform .1s ease,box-shadow .1s ease,filter .15s ease}.mode-btn:hover{filter:brightness(1.07);transform:translateY(-2px)}.mode-btn:active{transform:translateY(5px);box-shadow:0 2px #143b5238}.mode-obby{background:linear-gradient(160deg,#34d399,#0d9488)}.mode-rush{background:linear-gradient(160deg,#fb7185,#a855f7)}.mode-emoji{font-size:38px}.mode-name{font-size:23px;font-weight:900}.mode-desc{font-size:13px;opacity:.92;font-weight:600;line-height:1.3}.char-picker{margin:4px 0 18px}.char-picker-title{font-size:18px;font-weight:900;color:var(--ink-soft);margin-bottom:10px}.char-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.char-card{position:relative;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px 10px;background:var(--cream);border:4px solid #dbeafe;border-radius:22px;cursor:pointer;box-shadow:0 6px #143b5229;transition:transform .1s ease,box-shadow .1s ease,border-color .15s ease}.char-card:hover{transform:translateY(-2px);border-color:#93c5fd}.char-card:active{transform:translateY(4px);box-shadow:0 2px #143b5229}.char-card.selected{border-color:var(--teal);background:#ecfeff;box-shadow:0 6px #0d948857}.char-face{position:relative;width:62px;height:62px;border-radius:16px;overflow:hidden;background:var(--skin);box-shadow:inset 0 0 0 3px #143b521a}.char-hair{position:absolute;inset:0 0 auto 0;height:34%;background:var(--hair)}.char-eye{position:absolute;top:43%;width:8px;height:9px;border-radius:3px;background:#2a2438}.char-eye.l{left:27%}.char-eye.r{right:27%}.char-smile{position:absolute;top:60%;left:50%;width:18px;height:9px;margin-left:-9px;border-bottom:3px solid #2a2438;border-radius:0 0 12px 12px}.char-body{position:absolute;inset:auto 0 0 0;height:26%;background:var(--top);border-top:3px solid var(--trim);border-bottom:6px solid var(--shoes)}.char-name{font-size:17px;font-weight:900;color:var(--ink);line-height:1}.char-tick{position:absolute;top:-10px;right:-8px;width:26px;height:26px;display:none;place-items:center;border-radius:50%;background:var(--teal);color:#fff;font-size:15px;font-weight:900;border:3px solid #fff}.char-card.selected .char-tick{display:grid}.howto{text-align:left;background:#edf9ff;border:3px dashed #93c5fd;border-radius:20px;padding:12px 20px}.howto summary{font-size:19px;font-weight:800;color:#1d4ed8;cursor:pointer;list-style:none;padding:4px 0}.howto summary::-webkit-details-marker{display:none}.howto summary:before{content:"❔ "}.howto ul{list-style:none;margin-top:8px}.howto li{font-size:16px;padding:5px 0 5px 26px;position:relative;line-height:1.35}.howto li:before{content:"⭐";position:absolute;left:0}.win-title{font-size:clamp(38px,9vw,56px);color:var(--green);text-shadow:0 4px 0 #ffd93d;margin-bottom:4px}.over-title{font-size:clamp(38px,9vw,56px);color:#7c3aed;text-shadow:0 4px 0 #fbcfe8;margin-bottom:4px}.big-number{font-size:clamp(52px,13vw,78px);font-weight:900;color:var(--teal);line-height:1.05;font-variant-numeric:tabular-nums;animation:numberPop .55s cubic-bezier(.2,1.5,.4,1)}@keyframes numberPop{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}.best{font-size:17px;color:var(--amber);font-weight:800;margin:4px 0;min-height:22px}.rank{font-size:21px;color:var(--amber);font-weight:800;margin:8px 0 22px}.btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.big-btn{font-family:inherit;font-size:23px;font-weight:900;color:#fff;background:#22c55e;border:none;border-radius:999px;padding:15px 40px;cursor:pointer;box-shadow:0 7px #15803d;transition:transform .09s ease,box-shadow .09s ease,filter .15s ease}.big-btn:hover{filter:brightness(1.07)}.big-btn:active{transform:translateY(5px);box-shadow:0 2px #15803d}.big-btn.ghost{background:#94a3b8;box-shadow:0 7px #64748b}.big-btn.ghost:active{box-shadow:0 2px #64748b}@media (max-width: 620px){.card{padding:24px 20px 26px;border-radius:28px}.modes{grid-template-columns:1fr}.pill{font-size:17px;padding:7px 15px}.hud-row{max-width:calc(100vw - 32px);top:62px}#audio-bar{top:10px;right:10px;padding:5px 9px}#volume{width:60px}#hud-hint{font-size:11px;padding:6px 14px}#rush-timer{top:116px;font-size:32px}.char-grid{gap:8px}.char-card{padding:9px 4px 8px;border-radius:18px}.char-face{width:48px;height:48px;border-radius:13px}.char-name{font-size:14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.hub-body{overflow-y:auto}.hub-sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 50% 118%,#fde8c8,#fde8c800 46%),radial-gradient(circle at 78% 12%,#fff4c9e6,#fff4c900 34%),linear-gradient(180deg,#2f7ddb,#8ed4f8 58%,#cdeeff)}.hub-overlay{position:relative;z-index:1;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;min-height:100%}.hub-card-shell{max-width:680px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hub-card{text-decoration:none;padding:20px 16px 16px;background:linear-gradient(160deg,var(--card-a, #34d399),var(--card-b, #0d9488))}.hub-play{margin-top:8px;font-size:14px;font-weight:900;letter-spacing:.06em;background:#ffffff3d;border-radius:999px;padding:5px 14px}.pill-gold{color:#b45309}#dev-undo{position:fixed;left:14px;bottom:200px;z-index:22;display:flex;flex-direction:column;gap:6px;align-items:flex-start;max-width:min(280px,calc(100vw - 28px));font-size:13px}.dev-undo-bar{display:flex;align-items:center;gap:6px;background:#fffdf7e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:4px 8px 4px 4px;box-shadow:0 5px #143b5224}.dev-undo-back,.dev-undo-use{font:inherit;font-weight:900;color:var(--cream);background:var(--teal);border:none;border-radius:999px;padding:6px 14px;cursor:pointer;box-shadow:0 4px #143b5238}.dev-undo-back:hover,.dev-undo-use:hover{filter:brightness(1.08)}.dev-undo-back:active,.dev-undo-use:active{transform:translateY(3px);box-shadow:none}.dev-undo-dot{width:15px;height:15px;flex:0 0 auto;padding:0;border:2px solid rgba(255,255,255,.85);border-radius:50%;background:var(--green);cursor:pointer}.dev-undo-dot.bad{background:var(--rose)}.dev-undo-toggle{font:inherit;font-weight:900;color:var(--ink-soft);background:none;border:none;padding:0 2px;cursor:pointer;line-height:1}#dev-undo.alarm .dev-undo-back{background:var(--rose);animation:dev-undo-breathe 1.1s ease-in-out infinite alternate}@keyframes dev-undo-breathe{to{transform:scale(1.06)}}.dev-undo-note{background:#fffdf7f0;color:var(--rose);border-radius:14px;padding:6px 10px;font-weight:700;line-height:1.25;box-shadow:0 4px #143b521f;overflow-wrap:anywhere}.dev-undo-list{width:100%;background:#fffdf7f0;border-radius:18px;padding:8px 10px;box-shadow:0 6px #143b5221;max-height:42vh;overflow-y:auto}.dev-undo-head{font-weight:900;color:var(--ink-soft);margin-bottom:4px}.dev-undo-empty{color:var(--ink-soft)}.dev-undo-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 0}.dev-undo-when{color:var(--ink);font-weight:700;white-space:nowrap}.dev-undo-use{padding:3px 10px;font-size:12px;box-shadow:0 3px #143b5233}@media (max-width: 620px){#dev-undo{bottom:196px;font-size:12px}}