:root{--noise-fine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.42' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E");--noise-blotch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.03' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35  0 0 0 0 0.22  0 0 0 0 0.08  0 0 0 0.45 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E");--ui-font-display:"Lilita One", "Arial Rounded MT Bold", "Arial Black", system-ui, sans-serif;--ui-font-body:"Nunito", "Segoe UI", system-ui, sans-serif;--ui-text:#fff8ec;--ui-text-dim:#cbbfe0;--ui-ink:#1a1030;--ui-accent:#ffcf3f;--ui-good:#5fd068;--ui-bad:#ff4d4d;--ui-radius:16px;--ui-panel-bg:#1d1430db;--ui-panel-edge:#ffffff24;--ui-panel-ring:none;--ui-panel-ring-width:0px;--ui-panel-shadow:0 8px 22px #0000004d;--ui-btn-bg:linear-gradient(#7c5cff, #5b3fd6);--ui-btn-lip:#3a2596;--ui-btn-ink:#fff;--ui-btn-bg-primary:linear-gradient(#ffd85a, #f0a818);--ui-btn-lip-primary:#b8790b;--ui-btn-ink-primary:#4a2500;--ui-btn-bg-danger:linear-gradient(#ff6b6b, #d63a3a);--ui-btn-lip-danger:#8a1f1f;--ui-btn-radius:16px;--ui-btn-outline:none;--ui-pill-bg:var(--ui-panel-bg);--ui-bar-track:#00000073;--ui-bar-fill:linear-gradient(90deg, #ffb020, #ffe066);--ui-coin:radial-gradient(circle at 35% 35%, #fff2a8 0 18%, #ffd34d 30%, #e09b12 100%);--ui-focus:#fff}.ui-panel{isolation:isolate;color:var(--ui-text);font-family:var(--ui-font-body);background:var(--ui-panel-bg);border:2px solid var(--ui-panel-edge);border-radius:var(--ui-radius);box-shadow:var(--ui-panel-shadow);padding:16px 18px;position:relative}.ui-panel:before{content:"";inset:calc(-1 * var(--ui-panel-ring-width) / 2);z-index:-1;pointer-events:none;border-radius:inherit;padding:var(--ui-panel-ring-width);background:var(--ui-panel-ring);-webkit-mask-composite:xor;position:absolute;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.ui-panel h2,.ui-panel h3{font-family:var(--ui-font-display);color:var(--ui-accent);margin:0 0 10px;font-weight:400}.ui-btn{--bg:var(--ui-btn-bg);--lip:var(--ui-btn-lip);--ink:var(--ui-btn-ink);min-width:48px;min-height:48px;font-family:var(--ui-font-display);letter-spacing:.02em;color:var(--ink);background:var(--bg);border:var(--ui-btn-outline);border-radius:var(--ui-btn-radius);box-shadow:0 5px 0 var(--lip), 0 9px 16px #0000004d, inset 0 2px 0 #ffffff59;text-shadow:0 2px #00000040;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:22px;transition:transform 70ms ease-out,box-shadow 70ms ease-out,filter .12s;display:inline-flex;position:relative}.ui-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.ui-btn:active{box-shadow:0 1px 0 var(--lip), 0 3px 8px #0000004d, inset 0 2px 0 #fff3;transform:translateY(4px)}.ui-btn:focus-visible,.ui-icon-btn:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}.ui-btn--primary{--bg:var(--ui-btn-bg-primary);--lip:var(--ui-btn-lip-primary);--ink:var(--ui-btn-ink-primary);text-shadow:0 1px #ffffff73}.ui-btn--danger{--bg:var(--ui-btn-bg-danger);--lip:var(--ui-btn-lip-danger);--ink:#fff}.ui-btn:disabled,.ui-btn[aria-disabled=true]{filter:grayscale(.7)brightness(.75);cursor:default;transform:none}.ui-deny{animation:.28s ease-out ui-deny}@keyframes ui-deny{0%,to{translate:0}20%{translate:-6px}40%{translate:5px}60%{translate:-3px}80%{translate:2px}}.ui-icon-btn{width:52px;height:52px;color:var(--ui-text);background:var(--ui-panel-bg);border:2px solid var(--ui-panel-edge);border-radius:calc(var(--ui-radius) * .8);cursor:pointer;isolation:isolate;place-items:center;font-size:24px;display:inline-grid;position:relative;box-shadow:0 4px #00000059}.ui-icon-btn:before{content:"";border-radius:inherit;padding:calc(var(--ui-panel-ring-width) * .75);background:var(--ui-panel-ring);z-index:-1;-webkit-mask-composite:xor;position:absolute;inset:-2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.ui-icon-btn:active{transform:translateY(3px);box-shadow:0 1px #00000059}.ui-pill{min-height:44px;font-family:var(--ui-font-display);color:var(--ui-accent);background:var(--ui-pill-bg);border:2px solid var(--ui-panel-edge);box-shadow:var(--ui-panel-shadow);isolation:isolate;text-shadow:0 2px #00000073;border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 8px;font-size:26px;display:inline-flex;position:relative}.ui-pill:before{content:"";border-radius:inherit;padding:var(--ui-panel-ring-width);background:var(--ui-panel-ring);z-index:-1;-webkit-mask-composite:xor;position:absolute;inset:-2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.ui-pill b{font-weight:400}.ui-coin{background:var(--ui-coin);border:3px solid #00000059;border-radius:50%;flex:none;width:32px;height:32px;display:inline-block;box-shadow:inset 0 -3px #0003}.ui-bar{background:var(--ui-bar-track);border:1px solid #ffffff14;border-radius:999px;height:16px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.ui-bar>i{height:100%;width:var(--value,50%);background:var(--ui-bar-fill);border-radius:inherit;transition:width .25s ease-out;display:block;position:relative;overflow:hidden}.ui-bar>i:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff73 50%,#0000 70%);animation:2.6s ease-in-out infinite ui-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes ui-shine{60%,to{transform:translate(100%)}}.ui-title{isolation:isolate;font-family:var(--ui-font-display);color:#0000;margin:0;font-weight:400;line-height:1.05;display:inline-block;position:relative}.ui-title:not([data-text]){color:var(--ui-accent)}.ui-title[data-text]:before,.ui-title[data-text]:after{content:attr(data-text);position:absolute;inset:0}.ui-title[data-text]:before{color:var(--ui-ink);-webkit-text-stroke:.16em var(--ui-ink);text-shadow:0 .09em 0 var(--ui-ink)}.ui-title[data-text]:after{background:var(--ui-title-fill,linear-gradient(var(--ui-accent), var(--ui-accent)));color:#0000;-webkit-background-clip:text;background-clip:text}.ui-toast{border-radius:calc(var(--ui-radius) * .75);font-family:var(--ui-font-display);color:var(--ui-text);background:var(--ui-panel-bg);border:2px solid var(--ui-panel-edge);box-shadow:var(--ui-panel-shadow);align-items:center;gap:8px;padding:8px 16px;font-size:18px;display:inline-flex}.ui-chip{font-family:var(--ui-font-display);color:var(--ui-text);background:var(--ui-panel-bg);border:2px solid var(--ui-panel-edge);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:16px;display:inline-flex}.ui-tabs{flex-wrap:wrap;gap:6px;display:flex}.ui-tabs button{font-family:var(--ui-font-display);color:var(--ui-text);cursor:pointer;background:#0003;border:2px solid #0000;border-radius:12px;min-height:44px;padding:7px 12px;font-size:15px}.ui-tabs button.on{border-color:var(--ui-accent);color:var(--ui-accent);background:#00000052}@media (prefers-reduced-motion:reduce){.ui-bar>i:after{animation:none}.ui-btn,.ui-icon-btn{transition:none}.ui-deny{outline-offset:2px;outline:3px solid #ff5a4a;animation:none}}@media (prefers-contrast:more){:root{--noise-fine:none;--noise-grain:none;--noise-blotch:none}}[data-material=stone-gold]{--ui-font-display:"Cinzel Decorative", "Cinzel", "Trajan Pro", Georgia, serif;--ui-font-body:"Cinzel", "Palatino Linotype", Georgia, serif;--ui-text:#f6ead2;--ui-text-dim:#e3d4b2;--ui-ink:#1c120a;--ui-accent:#ffd36b;--ui-radius:12px;--ui-panel-bg:var(--noise-fine), var(--noise-blotch), radial-gradient(130% 100% at 25% 0%, #5e544d 0%, #4d443e 40%, #3a322d 75%, #2c2622 100%);--ui-panel-edge:#1c120a;--ui-panel-ring:linear-gradient(160deg, #fff6c4 0%, #f0c24e 18%, #a8741a 38%, #ffe08a 55%, #8a5c12 76%, #ffe9a8 100%);--ui-panel-ring-width:6px;--ui-panel-shadow:0 12px 26px #00000080, inset 0 0 0 3px #1c120abf, inset 3px 4px 0 #fff0dc29, inset -3px -5px 0 #00000059, inset 0 -18px 30px #0000004d;--ui-btn-bg:var(--noise-fine), linear-gradient(#7a716b, #4f4844);--ui-btn-lip:#231a14;--ui-btn-ink:#f6ead2;--ui-btn-bg-primary:linear-gradient(#fff1a8 0%, #ffd04a 35%, #e09a1a 70%, #b8740c 100%);--ui-btn-lip-primary:#5e3a06;--ui-btn-ink-primary:#3a2104;--ui-btn-bg-danger:linear-gradient(#ff7a5c, #b8321c);--ui-btn-lip-danger:#5a160a;--ui-btn-radius:10px;--ui-btn-outline:2px solid #1c120a;--ui-pill-bg:var(--noise-fine), linear-gradient(#5e544d, #352e29);--ui-bar-track:linear-gradient(#1a1512, #2c2520);--ui-bar-fill:linear-gradient(90deg, #b8740c, #ffd04a 60%, #fff1a8);--ui-title-fill:linear-gradient(#fff6c8 10%, #ffd04a 45%, #c47f10 80%);--ui-focus:#fff1a8}[data-material=stone-gold] .ui-panel{background-size:160px 160px,300px 300px,auto}[data-material=stone-gold] .ui-panel:after{content:"";pointer-events:none;background:radial-gradient(circle at 40% 35%,#fff 0 2px,#ff5a7a 3px 6px,#8a1030 7px 8.5px,#3a2406 9px 10px,#0000 10.5px) 0 0/22px 22px no-repeat,radial-gradient(circle at 40% 35%,#fff 0 2px,#5ad8ff 3px 6px,#0e5a8a 7px 8.5px,#3a2406 9px 10px,#0000 10.5px) 100% 0/22px 22px no-repeat,radial-gradient(circle at 40% 35%,#fff 0 2px,#7aef5a 3px 6px,#1e6a10 7px 8.5px,#3a2406 9px 10px,#0000 10.5px) 0 100%/22px 22px no-repeat,radial-gradient(circle at 40% 35%,#fff 0 2px,#c98aff 3px 6px,#5a1a8a 7px 8.5px,#3a2406 9px 10px,#0000 10.5px) 100% 100%/22px 22px no-repeat;position:absolute;inset:-9px}[data-material=stone-gold] .ui-toast:before{content:"";border-radius:inherit;background:var(--ui-panel-ring);z-index:-1;-webkit-mask-composite:xor;padding:3px;position:absolute;inset:-2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}[data-material=stone-gold] .ui-toast{isolation:isolate;background:var(--ui-pill-bg);position:relative}[data-material=stone-gold] .ui-chip{background:var(--ui-pill-bg);border-color:#8a5c12}[data-material=stone-gold] .ui-tabs button{background:#140c0659}[data-material=stone-gold] .ui-btn--primary{box-shadow:0 5px 0 var(--lip), 0 9px 16px #0006, inset 0 2px 0 #ffffffb3, inset 0 -3px 0 #783c0059}[data-material=wood-rope]{--ui-font-display:"Lilita One", "Fredoka", "Arial Rounded MT Bold", sans-serif;--ui-font-body:"Nunito", "Fredoka", system-ui, sans-serif;--ui-text:#fff6e4;--ui-text-dim:#f0d9b0;--ui-ink:#3a1f0c;--ui-accent:#ffe08a;--ui-radius:14px;--ui-panel-bg:var(--noise-grain), repeating-linear-gradient(0deg, #0000 0 46px, #2814068c 46px 49px), linear-gradient(#b5723c, #8a5226);--ui-panel-edge:#3a1f0c;--ui-panel-ring:repeating-linear-gradient(45deg, #e8cf94 0 5px, #b89458 5px 9px, #8a6a34 9px 11px);--ui-panel-ring-width:5px;--ui-panel-shadow:0 8px 18px #28140073, inset 0 2px 0 #ffe6b440, inset 0 -8px 18px #28140659;--ui-btn-bg:var(--noise-grain), linear-gradient(#c98a4e, #96592a);--ui-btn-lip:#4a2810;--ui-btn-ink:#fff6e4;--ui-btn-bg-primary:linear-gradient(#9be36b, #4fa83a);--ui-btn-lip-primary:#2a5e1c;--ui-btn-ink-primary:#fff;--ui-btn-outline:2px solid #3a1f0c;--ui-pill-bg:linear-gradient(#fff3d6, #f0d9a8);--ui-bar-track:linear-gradient(#5a3618, #3a1f0c);--ui-bar-fill:linear-gradient(90deg, #4fa83a, #9be36b);--ui-title-fill:linear-gradient(#fff6d0, #ffd06a)}[data-material=wood-rope] .ui-pill{color:#6a3a10;text-shadow:none}[data-material=wood-rope] .ui-btn--primary{text-shadow:0 2px #003c0059}[data-material=paper-ink]{--ui-font-display:"Special Elite", "Courier Prime", "Courier New", monospace;--ui-font-body:"Special Elite", "Courier Prime", "Courier New", monospace;--ui-text:#2a2014;--ui-text-dim:#5a4a34;--ui-ink:#f3e7c9;--ui-accent:#8a1c12;--ui-radius:3px;--ui-panel-bg:var(--noise-blotch), radial-gradient(130% 110% at 50% 40%, #f6ecd2 40%, #e2cc9c 85%, #c9ad74 100%);--ui-panel-edge:#4a3a24;--ui-panel-shadow:2px 3px 0 #00000059, 0 10px 24px #00000080;--ui-btn-bg:radial-gradient(130% 120% at 50% 30%, #f3e7c9 50%, #d7c08e);--ui-btn-lip:#4a3a24;--ui-btn-ink:#2a2014;--ui-btn-bg-primary:radial-gradient(120% 120% at 50% 30%, #b5281c 50%, #6e140c);--ui-btn-lip-primary:#3a0a06;--ui-btn-ink-primary:#f6ecd2;--ui-btn-radius:3px;--ui-btn-outline:2px solid #2a2014;--ui-pill-bg:radial-gradient(130% 120% at 50% 30%, #f6ecd2 50%, #dcc493);--ui-bar-track:#2a201440;--ui-bar-fill:repeating-linear-gradient(-45deg, #8a1c12 0 6px, #6e140c 6px 12px);--ui-title-fill:linear-gradient(#a8241a, #5a0e08);--ui-focus:#8a1c12}[data-material=paper-ink] .ui-panel{border-style:double;border-width:4px;rotate:-.6deg}[data-material=paper-ink] .ui-pill{color:#2a2014;text-shadow:none;border-radius:3px}[data-material=paper-ink] .ui-btn{text-shadow:none}[data-material=paper-ink] .ui-toast,[data-material=paper-ink] .ui-chip{color:#2a2014}[data-material=paper-ink] .ui-tabs button{color:#2a2014;background:#2a201414}[data-material=hologram]{--ui-font-display:"Orbitron", "Rajdhani", "Eurostile", "Segoe UI", sans-serif;--ui-font-body:"Rajdhani", "Exo 2", "Segoe UI", sans-serif;--ui-text:#dff9ff;--ui-text-dim:#7fc8d8;--ui-ink:#001820;--ui-accent:#3ff0ff;--ui-radius:0px;--ui-chamfer:14px;--ui-panel-bg:repeating-linear-gradient(0deg, #3ff0ff0f 0 1px, transparent 1px 4px), linear-gradient(160deg, #083042e0, #04121eeb);--ui-panel-edge:#3ff0ffd9;--ui-panel-shadow:0 0 0 1px #3ff0ff40, 0 0 24px #3ff0ff40;--ui-btn-bg:linear-gradient(#145a6ee6, #082838f2);--ui-btn-lip:#02303c;--ui-btn-ink:#dff9ff;--ui-btn-bg-primary:linear-gradient(#7ff7ff, #18c8e0);--ui-btn-lip-primary:#04606e;--ui-btn-ink-primary:#001820;--ui-btn-radius:0px;--ui-btn-outline:1px solid #3ff0ffe6;--ui-pill-bg:linear-gradient(#083042e6, #04121ee6);--ui-bar-track:#3ff0ff1f;--ui-bar-fill:repeating-linear-gradient(90deg, #3ff0ff 0 10px, #3ff0ff99 10px 12px);--ui-title-fill:linear-gradient(#fff, #3ff0ff);--ui-focus:#3ff0ff}[data-material=hologram] .ui-panel,[data-material=hologram] .ui-btn,[data-material=hologram] .ui-toast{clip-path:polygon(var(--ui-chamfer) 0, 100% 0, 100% calc(100% - var(--ui-chamfer)), calc(100% - var(--ui-chamfer)) 100%, 0 100%, 0 var(--ui-chamfer))}[data-material=hologram] .ui-btn{box-shadow:none;text-shadow:0 0 8px #3ff0ff99}[data-material=hologram] .ui-btn:active{box-shadow:none;transform:translateY(2px)}[data-material=hologram] .ui-pill,[data-material=hologram] .ui-chip{text-shadow:0 0 10px #3ff0ffb3;border-radius:2px}[data-material=hologram] .ui-icon-btn{border-radius:2px;box-shadow:0 0 12px #3ff0ff59}[data-material=hologram] .ui-title{text-shadow:0 0 18px #3ff0ff8c}[data-material=candy]{--ui-font-display:"Lilita One", "Fredoka", "Baloo 2", "Arial Rounded MT Bold", sans-serif;--ui-font-body:"Fredoka", "Nunito", system-ui, sans-serif;--ui-text:#fff;--ui-text-dim:#ffe0f4;--ui-ink:#4a1a6b;--ui-accent:#fff36b;--ui-radius:22px;--ui-panel-bg:radial-gradient(120% 70% at 50% 0%, #ffffff59 0 30%, transparent 31%), linear-gradient(#b86bff, #7a3ad8);--ui-panel-edge:#fff;--ui-panel-ring:linear-gradient(#4a1a6b, #4a1a6b);--ui-panel-ring-width:4px;--ui-panel-shadow:0 6px 0 #4a1a6b, 0 12px 22px #4a1a6b66;--ui-btn-bg:radial-gradient(120% 60% at 50% 0%, #ffffff80 0 35%, transparent 36%), linear-gradient(#5fd0ff, #2a8ae0);--ui-btn-lip:#1a4a8a;--ui-btn-ink:#fff;--ui-btn-bg-primary:radial-gradient(120% 60% at 50% 0%, #fff9 0 35%, transparent 36%), linear-gradient(#9bf06b, #3ab83a);--ui-btn-lip-primary:#1e6a1e;--ui-btn-ink-primary:#fff;--ui-btn-bg-danger:radial-gradient(120% 60% at 50% 0%, #ffffff80 0 35%, transparent 36%), linear-gradient(#ff7aa8, #e0306e);--ui-btn-lip-danger:#8a1440;--ui-btn-radius:999px;--ui-btn-outline:3px solid #4a1a6b;--ui-pill-bg:linear-gradient(#fff, #f0e0ff);--ui-bar-track:#4a1a6b59;--ui-bar-fill:linear-gradient(#ffe66b, #ffb020);--ui-title-fill:linear-gradient(#fff 20%, #fff36b 60%, #ffb020);--ui-focus:#fff36b}[data-material=candy] .ui-pill{color:#7a3ad8;text-shadow:none}[data-material=candy] .ui-btn{text-shadow:0 2px #0000004d;-webkit-text-stroke:1px #00000026}[data-material=candy] .ui-btn--primary{text-shadow:0 2px #003c0059}[data-material=ice]{--ui-font-display:"Lilita One", "Fredoka", "Arial Rounded MT Bold", sans-serif;--ui-font-body:"Nunito", system-ui, sans-serif;--ui-text:#f4fdff;--ui-text-dim:#c4e8f4;--ui-ink:#0c3a5a;--ui-accent:#fff;--ui-radius:14px;--ui-panel-bg:linear-gradient(135deg, #ffffff47 0 18%, transparent 18% 60%, #ffffff24 60% 64%, transparent 64%), linear-gradient(170deg, #78c8f0db, #286eaae6);--ui-panel-edge:#ffffffe6;--ui-panel-ring:linear-gradient(135deg, #fff, #9fe6ff 40%, #fff 60%, #6ac6f0);--ui-panel-ring-width:3px;--ui-panel-shadow:0 8px 22px #0a325a66, inset 0 0 18px #ffffff59;--ui-btn-bg:linear-gradient(#bfefff, #6ac6f0);--ui-btn-lip:#2a6a9a;--ui-btn-ink:#0c3a5a;--ui-btn-bg-primary:linear-gradient(#fff, #bfefff 50%, #8fd8f8);--ui-btn-lip-primary:#2a6a9a;--ui-btn-ink-primary:#0c3a5a;--ui-btn-outline:2px solid #fff;--ui-pill-bg:linear-gradient(#78c8f0e6, #286eaae6);--ui-bar-track:#0c3a5a66;--ui-bar-fill:linear-gradient(90deg, #9fe6ff, #fff);--ui-title-fill:linear-gradient(#fff 30%, #9fe6ff)}[data-material=ice] .ui-pill{color:#fff}[data-material=ice] .ui-btn{text-shadow:0 1px #fff9}:root{--o2:linear-gradient(90deg, #2ce8f5, #a6f6ff);--hp:linear-gradient(90deg, #e43b44, #f6757a);--xp:linear-gradient(90deg, #b55088, #feae34);--water:#0099db;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{color:#fff8ec;overscroll-behavior:none;background:#181425;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;font-family:var(--ui-font-body)}#game{position:fixed;inset:0}#game canvas{image-rendering:pixelated;touch-action:none;display:block}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>#hud,#ui>#lobby-hud,#ui>#toasts,#ui>#banner,#ui>#coach{pointer-events:none}#hud button,#lobby-hud button,#lobby-hud .ui-panel{pointer-events:auto}.hidden{display:none!important}button{font:inherit;touch-action:manipulation}.ui-btn{min-height:44px}.screen{z-index:5;background:radial-gradient(at 50% 30%,#3e2731 0%,#262b44 45%,#181425 100%);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.load-wrap{text-align:center;justify-items:center;gap:14px;display:grid}#load-logo,#class-logo{width:96px;height:96px;image-rendering:pixelated;animation:2.4s ease-in-out infinite bob}.logo-text{letter-spacing:.02em;--ui-title-fill:linear-gradient(#a6f6ff, #2ce8f5 45%, #b55088);font-size:clamp(26px,6.4vw,54px)}.o2-meter{background:#00000073;border:2px solid #5a6988;border-radius:999px;width:min(280px,70vw);height:22px;position:relative;overflow:hidden}.o2-meter i{background:var(--o2);width:0%;transition:width .25s;position:absolute;inset:0 auto 0 0}.o2-meter span{color:#181425;mix-blend-mode:normal;text-shadow:0 1px #ffffff80;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;inset:0}@keyframes bob{50%{transform:translateY(-6px)}}.class-card{text-align:center;justify-items:center;gap:8px;width:min(560px,100%);padding:22px 20px 18px;display:grid}.tagline{color:var(--ui-text-dim);margin:0 0 6px;font-size:15px}#class-form{gap:10px;width:100%;display:grid}#class-form label{font-family:var(--ui-font-display);color:var(--ui-accent);font-size:20px}.class-row{gap:8px;display:flex}#class-input{min-width:0;font:700 20px var(--ui-font-body);color:#fff8ec;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#0a0614b3;border:3px solid #8a5c12;border-radius:12px;outline:none;flex:1;padding:10px 14px}#class-input:focus{border-color:var(--ui-accent);box-shadow:0 0 0 3px #ffcf3f40}.class-preview{justify-content:center;align-items:center;gap:12px;min-height:64px;font-size:15px;display:flex}.class-preview img{width:48px;height:48px;image-rendering:pixelated}.class-preview .cp-text{text-align:left;line-height:1.35}.class-preview b{font-family:var(--ui-font-display);color:var(--ui-accent);font-size:18px;font-weight:400}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chips button{color:#fff8ec;cursor:pointer;background:#140c0680;border:2px solid #8a5c12;border-radius:999px;min-height:44px;padding:6px 14px;font-weight:800}.chips button:hover{border-color:var(--ui-accent)}#hud{position:fixed;inset:0}.hud-left{top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));gap:5px;width:min(250px,46vw);display:grid;position:absolute}.bar-row{align-items:center;gap:6px;display:flex}.bar-row .ui-bar{flex:1;height:14px}.bar-row b{font:800 12px var(--ui-font-body);text-shadow:0 1px 2px #000;min-width:52px}.bar-ico{text-align:center;filter:drop-shadow(0 1px 1px #000);width:18px;font-size:14px}.ui-bar.hp>i{background:var(--hp)}.ui-bar.o2>i{background:var(--o2)}.ui-bar.xp{height:8px}.ui-bar.xp>i{background:var(--xp)}.lvl{font:400 13px var(--ui-font-display);color:var(--ui-accent);text-shadow:0 1px #000;min-width:40px}#o2-row.draining .ui-bar{box-shadow:0 0 0 2px #2ce8f5,0 0 12px #2ce8f5}#o2-row.low .ui-bar{animation:.5s ease-in-out infinite alternate pulse;box-shadow:0 0 0 2px #e43b44}#hp-row.low .ui-bar{animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{to{filter:brightness(1.6)}}.water-gauge{top:calc(8px + var(--safe-t));left:calc(min(250px, 46vw) + 18px + var(--safe-l));justify-items:center;gap:2px;display:grid;position:absolute}.wg-col{background:#0a0614b3;border:2px solid #5a6988;border-radius:6px;width:16px;height:52px;position:relative;overflow:hidden}.wg-water{background:linear-gradient(#2ce8f5,#124e89);height:0%;transition:height .3s linear;position:absolute;bottom:0;left:0;right:0}.wg-you{background:#fee761;height:3px;transition:bottom .2s;position:absolute;bottom:50%;left:-2px;right:-2px;box-shadow:0 0 4px #fee761}.wg-tick{background:#8b9bb4;width:4px;height:1px;position:absolute;left:0}.water-gauge b{font:800 10px var(--ui-font-body);text-shadow:0 1px 2px #000;white-space:nowrap}.water-gauge.rising .wg-col{border-color:#2ce8f5}.water-gauge.under .wg-col{border-color:#e43b44}.hud-right{top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r));flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;max-width:50vw;display:flex;position:absolute}.ui-pill.small{gap:6px;min-height:30px;padding:3px 10px 3px 4px;font-size:15px}.ui-pill.small .ui-coin{border-width:2px;width:20px;height:20px}.ui-icon-btn{width:44px;height:44px;font-size:20px}.floor-chip{font-size:15px}.boss-bar{top:calc(64px + var(--safe-t));text-align:center;width:min(420px,70vw);position:absolute;left:50%;transform:translate(-50%)}.boss-bar b{font:400 16px var(--ui-font-display);color:#f6757a;text-shadow:0 2px #000}.boss-bar .ui-bar>i{background:linear-gradient(90deg,#a22633,#e43b44)}.objective{top:calc(72px + var(--safe-t));left:calc(8px + var(--safe-l));font:800 13px var(--ui-font-body);color:#fff8ec;text-shadow:0 1px 2px #000,0 0 6px #000;max-width:46vw;position:absolute}.objective .crown{color:var(--ui-accent)}.specials{bottom:calc(10px + var(--safe-b));right:calc(10px + var(--safe-r));gap:8px;display:flex;position:absolute}.cd{background:#140c06bf;border:2px solid #8a5c12;border-radius:12px;place-items:center;width:48px;height:48px;font-size:22px;display:grid;position:relative;overflow:hidden}.cd i{background:#0009;height:0%;position:absolute;bottom:0;left:0;right:0}.cd small{font:800 9px var(--ui-font-body);color:#c0cbdc;position:absolute;bottom:1px;right:3px}.cd.ready{border-color:var(--ui-accent);box-shadow:0 0 8px #ffcf3f80}body.touch .specials{display:none}#touch{pointer-events:none;position:fixed;inset:0}#stick-zone{pointer-events:auto;width:55%;height:62%;position:absolute;bottom:0;left:0}#stick{opacity:0;pointer-events:none;background:#0a061440;border:3px solid #ffffff4d;border-radius:50%;width:120px;height:120px;transition:opacity .12s;position:absolute;top:-60px;left:-60px}#stick-knob{background:#fff8ec8c;border:2px solid #fffc;border-radius:50%;width:46px;height:46px;position:absolute;top:34px;left:34px}.tbtn{pointer-events:auto;color:#4a2500;background:radial-gradient(circle at 40% 35%,#ffe28a,#f0a818 60%,#b8790b);border:3px solid #8a5c12;border-radius:50%;place-items:center;font-size:30px;display:grid;position:absolute;overflow:hidden;box-shadow:0 4px #6a4206,0 6px 14px #0006}.tbtn.down{transform:translateY(3px)scale(.96);box-shadow:0 1px #6a4206}.tbtn.big{width:84px;height:84px;right:calc(22px + var(--safe-r));bottom:calc(26px + var(--safe-b))}.tbtn.small{background:radial-gradient(circle at 40% 35%,#a6f6ff,#0099db 60%,#124e89);border-color:#124e89;width:58px;height:58px;font-size:24px;box-shadow:0 4px #0b2f55}#btn-dash{right:calc(116px + var(--safe-r));bottom:calc(20px + var(--safe-b))}#btn-special{right:calc(40px + var(--safe-r));bottom:calc(122px + var(--safe-b))}.tcd{pointer-events:none;background:#0000008c;height:0%;position:absolute;bottom:0;left:0;right:0}#lobby-hud{position:fixed;inset:0}.lobby-top{top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute}.who{min-width:180px;max-width:46vw;padding:8px 12px}.who-name{font:400 18px var(--ui-font-display);color:var(--ui-accent);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lobby-pills{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.gift-pill{cursor:pointer;color:inherit;font-family:var(--ui-font-display);border:0;position:relative;overflow:hidden}.gift-pill #gift-meter{background:var(--ui-accent);width:0%;height:3px;position:absolute;bottom:0;left:0}.gift-pill.ready{animation:.6s ease-in-out infinite alternate pulse}.lobby-bottom{left:50%;bottom:calc(10px + var(--safe-b));justify-items:center;gap:8px;width:min(640px,100vw - 16px);display:grid;position:absolute;transform:translate(-50%)}.play-btn{min-width:220px;padding:10px 34px;font-size:24px}.lobby-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.lobby-row .ui-btn{padding:8px 12px;font-size:15px;position:relative}.dot{background:#e43b44;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:-4px;right:-4px}.ev-btn{--bg:linear-gradient(#f77622, #be4a2f);--lip:#733e39}body.ev-christmas .ev-btn{--bg:linear-gradient(#2ce8f5, #0099db);--lip:#124e89}.prompt{left:50%;bottom:calc(130px + var(--safe-b));pointer-events:auto;position:absolute;transform:translate(-50%)}.coach{cursor:pointer;left:calc(10px + var(--safe-l));bottom:calc(12px + var(--safe-b));border:2px solid var(--ui-accent);max-width:min(330px,60vw);font:800 14px var(--ui-font-body);z-index:3;background:#140c06d1;border-radius:12px;padding:10px 14px;line-height:1.3;animation:.25s ease-out pop;position:fixed;pointer-events:auto!important}body.touch .coach{bottom:auto;top:calc(110px + var(--safe-t))}body.in-lobby .coach{top:auto;bottom:calc(150px + var(--safe-b))}.coach kbd{font:800 12px var(--ui-font-body);background:#3a4466;border-bottom:2px solid #181425;border-radius:4px;padding:1px 5px}#toasts{top:calc(92px + var(--safe-t));right:calc(8px + var(--safe-r));z-index:4;justify-items:end;gap:6px;display:grid;position:fixed}.toast{border:2px solid var(--c,#8a5c12);font:800 14px var(--ui-font-body);background:#140c06e0;border-radius:10px;align-items:center;gap:8px;max-width:70vw;padding:6px 12px 6px 6px;animation:.2s ease-out slidein;display:flex}.toast img{width:32px;height:32px;image-rendering:pixelated}.toast small{color:var(--c,#c0cbdc);font-size:11px;display:block}.toast.out{animation:.3s ease-in forwards fadeout}#banner{z-index:4;justify-items:center;display:grid;position:fixed;top:22%;left:0;right:0}.big-moment{font:400 clamp(28px, 7vw, 56px) var(--ui-font-display);text-align:center;animation:.45s cubic-bezier(.2,1.6,.4,1) stamp}.big-moment small{font:800 clamp(13px, 2.6vw, 18px) var(--ui-font-body);color:#fff8ec;text-shadow:0 2px 2px #000;display:block}@keyframes stamp{0%{opacity:0;transform:scale(2.2)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@keyframes slidein{0%{opacity:0;transform:translate(30px)}}@keyframes fadeout{to{opacity:0;transform:translateY(-6px)}}.modal{padding:max(10px, var(--safe-t)) 10px max(10px, var(--safe-b));z-index:6;background:#0a061499;place-items:center;display:grid;position:fixed;inset:0}.modal-card{overscroll-behavior:contain;touch-action:pan-y;width:min(720px,100%);max-height:calc(100dvh - 20px);padding:16px;animation:.18s ease-out pop;overflow:auto}.modal-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.modal-head h2{font-size:26px;margin:0!important}.modal-head .ui-icon-btn{flex:none}.muted{color:var(--ui-text-dim);font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;display:grid}.slot{aspect-ratio:1;border:2px solid var(--c,#5a6988);cursor:pointer;background:#0a06148c;border-radius:10px;place-items:center;padding:0;display:grid;position:relative}.slot img{width:48px;height:48px;image-rendering:pixelated}.slot.sel{outline-offset:1px;outline:3px solid #fff}.slot.eq:after{content:"E";font:800 11px var(--ui-font-body);color:var(--ui-accent);position:absolute;top:2px;left:4px}.slot .up{color:#63c74d;text-shadow:0 1px #000;font-size:15px;font-weight:900;position:absolute;top:0;right:3px}.slot.mythic{box-shadow:0 0 10px #f04,inset 0 0 10px #ff004459}.slot.legendary{box-shadow:0 0 8px #feae3499}.equip-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.equip-row .slot{aspect-ratio:auto;grid-template-rows:1fr auto;min-height:76px;padding:4px}.equip-row .slot span{font:800 11px var(--ui-font-body);color:var(--ui-text-dim)}.detail{border:2px solid var(--c,#5a6988);background:#0a061480;border-radius:12px;gap:6px;margin-top:10px;padding:10px;display:grid}.detail .name{font:400 20px var(--ui-font-display);color:var(--c)}.detail .meta{color:var(--ui-text-dim);font-size:12px}.detail ul{margin:0;padding-left:18px;font-size:14px}.detail .actions{flex-wrap:wrap;gap:6px;display:flex}.detail .actions .ui-btn{padding:6px 14px;font-size:15px}.cmp-up{color:#63c74d}.cmp-down{color:#e43b44}.stat-line{color:var(--ui-text-dim);flex-wrap:wrap;gap:4px 12px;margin-bottom:8px;font-size:13px;display:flex}.stat-line b{color:#fff8ec}.tabs-row{margin-bottom:10px}.shop{gap:8px;display:grid}.shop-item{border:2px solid var(--c,#5a6988);background:#0a061480;border-radius:12px;grid-template-columns:60px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.shop-item img{width:56px;height:56px;image-rendering:pixelated}.shop-item .t{font:400 17px var(--ui-font-display);color:var(--c)}.shop-item .ui-btn{white-space:nowrap;padding:6px 12px;font-size:15px}.ev-hero{background:linear-gradient(135deg, var(--ev-glow,#68386c), #0a061499);border:2px solid var(--ev-accent,#f77622);border-radius:12px;margin-bottom:10px;padding:12px}.ev-hero h3{font-size:22px;color:var(--ev-accent,#f77622)!important;margin:0 0 4px!important}.floors{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px;display:grid}.floors button{color:#fff8ec;min-height:48px;font:400 16px var(--ui-font-display);cursor:pointer;background:#0a06148c;border:2px solid #5a6988;border-radius:10px;position:relative}.floors button.boss{border-color:#e43b44}.floors button.cur{border-color:var(--ui-accent);box-shadow:0 0 8px #ffcf3f80}.floors button[aria-disabled=true]{opacity:.35}.floors .zone-h{font:400 16px var(--ui-font-display);color:var(--ui-accent);grid-column:1/-1;margin-top:6px}.ladder{grid-template-columns:repeat(7,1fr);gap:6px;margin:10px 0;display:grid}.ladder div{text-align:center;background:#0a061480;border:2px solid #5a6988;border-radius:10px;padding:6px 2px;font-size:12px;font-weight:800}.ladder div.today{border-color:var(--ui-accent);box-shadow:0 0 8px #ffcf3f80}.ladder div.done{opacity:.5}.settings{gap:12px;display:grid}.settings label{justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-weight:800;display:flex}.settings input[type=range]{accent-color:#ffcf3f;width:50%}.settings input[type=checkbox]{accent-color:#ffcf3f;width:26px;height:26px}.results{text-align:center;gap:10px;display:grid}.results .loot{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.results .loot .slot{width:60px}.results .row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tomorrow{color:var(--ui-text-dim);font-size:13px}.trade-preview{opacity:.7;filter:grayscale(.3)}@media (max-width:560px),(max-height:460px){.hud-left{width:min(190px,44vw)}.water-gauge{left:auto;right:calc(10px + var(--safe-r));top:calc(104px + var(--safe-t))}.wg-col{height:40px}.play-btn{min-width:180px;padding:8px 24px;font-size:20px}.lobby-row .ui-btn{padding:6px 9px;font-size:13px}.who{min-width:0;padding:6px 10px}.who-name{font-size:15px}.ui-icon-btn{width:44px;height:44px}.modal-card{padding:12px}}@media (max-height:460px){.lobby-bottom{width:auto;left:auto;right:calc(10px + var(--safe-r));justify-items:end;transform:none}.lobby-row{justify-content:flex-end;max-width:60vw}.tbtn.big{width:72px;height:72px}.boss-bar{top:calc(8px + var(--safe-t));width:min(300px,40vw)}.objective{top:calc(64px + var(--safe-t))}}html.reduce-motion *,html.reduce-motion :before,html.reduce-motion :after{transition-duration:1ms!important;animation-duration:1ms!important}.screen{overflow-y:auto}@media (max-height:520px){.screen{place-items:start center;padding:8px 16px}.class-card{grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;width:min(760px,100%);padding:12px 16px}#class-logo{grid-row:span 2;width:56px;height:56px}.class-card .logo-text{text-align:left;font-size:30px}.tagline{text-align:left;margin:0;font-size:13px}#class-form{grid-column:1/-1;gap:6px}#class-form label{display:none}.class-preview{min-height:0;font-size:13px}.class-preview img{width:32px;height:32px}.chips button{min-height:44px;padding:4px 12px;font-size:14px}}.tasks{gap:6px;display:grid}.task{background:#0a061480;border:2px solid #5a6988;border-radius:12px;grid-template-columns:30px 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:800;display:grid}.task .ui-bar{height:8px;margin-top:4px}.task .ui-bar>i{background:linear-gradient(90deg,#3e8948,#63c74d)}.task-ico{text-align:center;font-size:18px}.task-pay{color:var(--ui-accent);text-align:right;min-width:44px;font-size:13px}.task.done{opacity:.75;border-color:#63c74d}.task.bonus{border-style:dashed}