@font-face{font-family:Erasaur;src:url(./Erasaur-Bdmm5WKE.otf) format("opentype");font-display:block}:root{--amber: #ffb03a;--amber-deep: #e0701a;--bone: #fff4e0;--bark: #2a1a0e;--panel: rgba(28, 18, 10, .78);--panel-edge: rgba(255, 190, 110, .35);--danger: #ff3a22;--sky: #7ad8ff;--font-title: "Erasaur", "Impact", sans-serif;--font-body: "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}#ui{position:fixed;inset:0;pointer-events:none;font-family:var(--font-body);color:var(--bone);z-index:5}#ui *{box-sizing:border-box}#ui button,#ui input,#ui select,#ui .clickable{pointer-events:auto}.hud{position:absolute;inset:0;transition:opacity .4s}.hud.hidden{opacity:0}.hud .score{position:absolute;top:calc(10px + var(--safe-top));left:50%;transform:translate(-50%);font-family:var(--font-title);font-size:clamp(30px,6.2vw,52px);letter-spacing:2px;line-height:1;color:var(--bone);text-shadow:0 3px 0 #5a2c0c,0 0 18px rgba(0,0,0,.55);text-align:center;white-space:nowrap}.hud .sub{display:flex;gap:10px;justify-content:center;margin-top:6px;font-family:var(--font-body);font-size:14px;letter-spacing:0}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-edge);box-shadow:0 4px 14px #00000059;font-weight:700;text-shadow:none;font-size:15px}.chip .gem{width:12px;height:16px;background:radial-gradient(circle at 35% 30%,#fff1b0,#ffb03a 40%,#c25808 90%);border-radius:50% 50% 46% 46%/60% 60% 40% 40%;box-shadow:0 0 8px #ff9a2a}.chip.mult{color:#fff;background:linear-gradient(180deg,#ff8a2a,#c2420a);border-color:#ffd08a;font-family:var(--font-title);font-size:16px;letter-spacing:1px}.chip.mult.pop{animation:pop .35s ease-out}.chip.dist{opacity:.85;font-weight:600}@keyframes pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.iconbtn{position:absolute;top:calc(10px + var(--safe-top));left:10px;width:46px;height:46px;border-radius:14px;background:var(--panel);border:1px solid var(--panel-edge);color:var(--bone);font-size:18px;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px #00000059}.iconbtn:active{transform:scale(.94)}.powers{position:absolute;right:12px;top:calc(110px + var(--safe-top));display:flex;flex-direction:column;gap:8px}.power{width:54px;height:54px;border-radius:50%;position:relative;display:grid;place-items:center;font-size:24px;background:var(--panel);box-shadow:0 4px 14px #0006}.power svg{position:absolute;inset:0;transform:rotate(-90deg)}.banner{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .5s,transform .5s;white-space:nowrap}.banner.show{opacity:1;transform:translate(-50%,-60%)}.banner .t{font-family:var(--font-title);font-size:clamp(34px,8vw,72px);color:var(--bone);letter-spacing:3px;text-shadow:0 4px 0 #5a2c0c,0 0 30px rgba(0,0,0,.6)}.banner .s{font-size:clamp(13px,2.6vw,18px);font-style:italic;opacity:.9;text-shadow:0 2px 6px #000;margin-top:4px}.toast{position:absolute;left:50%;top:44%;transform:translate(-50%);font-family:var(--font-title);font-size:clamp(22px,5vw,38px);letter-spacing:2px;text-shadow:0 3px 0 rgba(0,0,0,.5),0 0 20px currentColor;pointer-events:none;animation:toast 1.2s ease-out forwards;white-space:nowrap}@keyframes toast{0%{opacity:0;transform:translate(-50%,20px) scale(.8)}15%{opacity:1;transform:translate(-50%) scale(1.08)}70%{opacity:1;transform:translate(-50%,-14px) scale(1)}to{opacity:0;transform:translate(-50%,-40px) scale(.96)}}.danger{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(160,10,0,.55) 85%,rgba(90,0,0,.85) 100%)}.danger.beat{animation:beat .8s infinite}@keyframes beat{0%,to{filter:brightness(1)}15%{filter:brightness(1.7)}30%{filter:brightness(1.1)}45%{filter:brightness(1.5)}}.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .5s}.fade{position:absolute;inset:0;background:#0a0604;opacity:0;pointer-events:none;transition:opacity .7s}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;padding:calc(20px + var(--safe-top)) 18px calc(20px + var(--safe-bottom));animation:fadein .35s ease-out}.screen.dim{background:radial-gradient(ellipse at center,#0a060359,#0a0603d1)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.logo{text-align:center;filter:drop-shadow(0 8px 24px rgba(0,0,0,.6));margin-bottom:8px}.logo .l1,.logo .l2{font-family:var(--font-title);line-height:.9;letter-spacing:3px;display:block;background:linear-gradient(180deg,#fff2c8,#ffc04a 38%,#e86a12 70%,#8a2e06);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px #3a1606;paint-order:stroke fill}.logo .l1{font-size:clamp(52px,13vw,118px)}.logo .l2{font-size:clamp(60px,15.5vw,142px);margin-top:-4px}.logo .tag{margin-top:10px;font-size:clamp(13px,2.8vw,18px);letter-spacing:6px;text-transform:uppercase;color:#ffe2b8;text-shadow:0 2px 6px #000}.cover-mode .logo .tag{font-size:20px}.btns{display:flex;flex-direction:column;gap:10px;align-items:stretch;width:min(320px,82vw);margin-top:16px}.btn{font-family:var(--font-title);font-size:22px;letter-spacing:2px;padding:12px 18px;border-radius:16px;cursor:pointer;color:var(--bone);background:var(--panel);border:2px solid var(--panel-edge);box-shadow:0 6px 18px #00000073,inset 0 1px #ffffff14;transition:transform .08s,filter .15s,background .15s;text-shadow:0 2px 0 rgba(0,0,0,.5)}.btn:hover,.btn:focus-visible,.btn.nav-focus{filter:brightness(1.2);outline:none;border-color:#ffd08a}.btn:active{transform:scale(.97)}.btn.primary{font-size:34px;padding:14px 18px;background:linear-gradient(180deg,#ffb847,#f07a1a 55%,#b8460a);border-color:#ffe0a8;box-shadow:0 8px 26px #f06e1473,inset 0 2px #ffffff59;color:#fff}.btn.small{font-size:17px;padding:9px 14px}.row{display:flex;gap:10px}.row>.btn{flex:1 1 0;min-width:0}@media(max-width:420px){.btn.small{font-size:15px;letter-spacing:1px;padding:9px 4px}}.stats{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;justify-content:center}.stat{background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;padding:6px 12px;text-align:center;min-width:92px}.stat .k{font-size:11px;text-transform:uppercase;letter-spacing:2px;opacity:.75}.stat .v{font-family:var(--font-title);font-size:24px;letter-spacing:1px}.hint{margin-top:14px;font-size:13px;opacity:.8;text-align:center;text-shadow:0 1px 4px #000;line-height:1.5}.hint kbd{font-family:inherit;background:#ffffff24;border-radius:5px;padding:1px 6px;border:1px solid rgba(255,255,255,.2)}.panel{background:linear-gradient(180deg,#301e10eb,#180e07f0);border:2px solid var(--panel-edge);border-radius:22px;padding:22px 22px 18px;width:min(420px,92vw);box-shadow:0 20px 60px #0009;text-align:center;position:relative}.panel h1{font-family:var(--font-title);font-size:clamp(40px,10vw,64px);margin:0 0 4px;letter-spacing:3px;color:var(--amber);text-shadow:0 4px 0 #5a2c0c;line-height:1}.panel h2{font-family:var(--font-title);font-size:26px;margin:0 0 12px;letter-spacing:2px;color:var(--amber)}.panel .big{font-family:var(--font-title);font-size:clamp(44px,11vw,70px);letter-spacing:2px;line-height:1;margin:6px 0 2px}.panel .lbl{font-size:12px;letter-spacing:3px;text-transform:uppercase;opacity:.7}.newbest{display:inline-block;margin:6px 0;padding:4px 14px;border-radius:999px;background:linear-gradient(90deg,#ffd34a,#ff8a2a);color:#3a1606;font-weight:800;letter-spacing:2px;animation:pop .5s ease-out,glow 1.4s infinite alternate}@keyframes glow{0%{box-shadow:0 0 6px #ffb03a}to{box-shadow:0 0 22px #ffb03a}}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 16px}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;font-weight:600}.setting input[type=range]{width:55%;accent-color:var(--amber)}.setting select{background:#2a1a0e;color:var(--bone);border:1px solid var(--panel-edge);border-radius:8px;padding:6px 8px;font:inherit}.skins{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 14px}.skin{border-radius:14px;padding:10px;background:#0000004d;border:2px solid transparent;cursor:pointer}.skin.sel{border-color:var(--amber);box-shadow:0 0 16px #ffb03a66}.skin .sw{height:34px;border-radius:8px;margin-bottom:6px}.skin .n{font-family:var(--font-title);font-size:18px;letter-spacing:1px}.skin .c{font-size:12px;opacity:.85}.skin.locked{opacity:.75}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#120d08;pointer-events:auto;transition:opacity .6s;z-index:10}.loading .inner{text-align:center}.loading .bar{width:220px;height:8px;border-radius:99px;background:#ffffff1a;overflow:hidden;margin:18px auto 0}.loading .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffb03a,#e0701a);transition:width .2s}.loading .egg{width:54px;height:70px;margin:0 auto 12px;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;background:radial-gradient(circle at 35% 30%,#fff8e8,#e8d8b8 55%,#a89060);animation:wobble 1s infinite ease-in-out;box-shadow:0 10px 30px #0009}@keyframes wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.cover-mode .hud,.cover-mode .iconbtn{display:none}.daily-goal{margin-top:8px;font-size:14px;color:#ffe2a8}.screen.title{justify-content:flex-start;background:linear-gradient(180deg,rgba(10,6,3,.35) 0%,transparent 30%,transparent 55%,rgba(10,6,3,.7) 100%)}.screen.title .logo{margin-top:1vh}.screen.title .logo .l1{font-size:clamp(44px,10vw,92px)}.screen.title .logo .l2{font-size:clamp(52px,12.5vw,112px)}.screen.title .spacer{flex:1;min-height:20px}.screen.title .btns{margin-top:0}@media(max-height:520px){.panel{padding:12px 18px}.panel h1{font-size:34px}.panel .big{font-size:40px;margin:2px 0}.grid3{margin:8px 0 10px}.btn.primary{font-size:24px;padding:8px 14px}.btns{gap:6px}.btn{padding:7px 14px;font-size:18px}.screen.title .logo .l1{font-size:40px}.screen.title .logo .l2{font-size:48px}.stats{margin-top:8px}}.skin{color:var(--bone);font-family:var(--font-body);text-align:left}.skin .c{color:#ffe2b8}.progress{position:absolute;top:calc(92px + var(--safe-top));left:50%;transform:translate(-50%);width:min(320px,62vw);height:8px;border-radius:99px;background:#140c068c;border:1px solid var(--panel-edge)}.progress i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#ffd27a,#ff8a2a);box-shadow:0 0 10px #ff9a2a;transition:width .2s linear}.progress .flag{position:absolute;right:-24px;top:-9px;font-size:18px}