:root{--ink:#46362a;--ink-soft:#86705a;--cream-hi:#fffcf4;--cream:#fff6e4;--cream-lo:#f8ead0;--rim:#fffef9;--edge:#7e582a4d;--shade:#54381a42;--mint-hi:#9cf2e6;--mint:#5fd5c5;--mint-deep:#2db09e;--teal-dark:#198073;--teal-ink:#136058;--gold-hi:#ffe9a3;--gold:#f6c44c;--gold-lo:#c88a1c;--peach-hi:#ffdfca;--peach:#ffb28c;--peach-lo:#ed8a5a;--peach-dark:#c4652f;--slate-hi:#4a5c63;--slate:#36474e;--slate-lo:#27343a;--star:url(/ui/star.webp);--star-gem:url(/ui/star-gem.webp);--sparkle:url(/ui/sparkle.webp)}.ui-window,.ui-plate,.ui-card{box-sizing:border-box}.ui-window{background:linear-gradient(180deg, var(--cream-hi), var(--cream) 38%, var(--cream-lo));border:2.5px solid var(--mint);box-shadow:0 0 0 4px var(--rim), 0 0 0 5.5px var(--edge), inset 0 2px 0 #fffffff2, 0 16px 36px #281c0e5c}.ui-head{border:2px solid var(--rim);background:radial-gradient(ellipse 70% 55% at 50% 0%, #ffffff8c, #fff0 70%), linear-gradient(180deg, var(--mint-hi), var(--mint) 48%, var(--mint-deep));box-shadow:0 2px 0 var(--teal-dark), 0 3px 8px #13605838;color:#fff;border-radius:16px;margin:7px 7px 0}.ui-head :is(h2,h3){color:#fff;text-shadow:0 1.5px 0 var(--teal-dark), 0 0 6px #13605873}.ui-close{border:2px solid var(--rim);background:radial-gradient(circle at 50% 28%, #ffffffb3, #fff0 45%), linear-gradient(180deg, var(--mint), var(--teal-dark));color:#fff;width:30px;height:30px;font:600 14px/1 var(--font-display);text-shadow:0 1px 0 var(--teal-ink);box-shadow:0 2px 0 var(--teal-ink), 0 3px 6px var(--shade);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform 80ms ease-out;display:grid}.ui-close:hover{filter:brightness(1.06)}.ui-close:active{box-shadow:0 1px 0 var(--teal-ink);transform:translateY(1.5px)scale(.95)}.ui-btn{border:2px solid var(--rim);font:600 13.5px/1 var(--font-display);color:#fff;text-shadow:0 1px 0 var(--teal-dark);background:radial-gradient(ellipse 75% 60% at 50% 0%, #fff9, #fff0 70%), linear-gradient(180deg, var(--mint-hi), var(--mint) 45%, var(--mint-deep));box-shadow:0 3px 0 var(--teal-dark), 0 4px 9px var(--shade);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:8px 14px;transition:transform 80ms ease-out,box-shadow 80ms ease-out,filter .12s;display:inline-flex}.ui-btn:hover{filter:brightness(1.05)}.ui-btn:active:not(:disabled){box-shadow:0 1px 0 var(--teal-dark), 0 2px 4px var(--shade);transform:translateY(2px)}.ui-btn:disabled{filter:grayscale(.75);opacity:.6;cursor:default}.ui-btn.warm{text-shadow:0 1px 0 var(--peach-dark);background:radial-gradient(ellipse 75% 60% at 50% 0%, #fff9, #fff0 70%), linear-gradient(180deg, var(--peach-hi), var(--peach) 45%, var(--peach-lo));box-shadow:0 3px 0 var(--peach-dark), 0 4px 9px var(--shade)}.ui-btn.warm:active:not(:disabled){box-shadow:0 1px 0 var(--peach-dark), 0 2px 4px var(--shade)}.ui-btn.quiet{color:var(--ink);text-shadow:none;box-shadow:0 3px 0 #d6bf93, 0 4px 9px var(--shade);background:radial-gradient(75% 60% at 50% 0,#ffffffe6,#fff0 70%),linear-gradient(#fffefa,#f5e8cd)}.ui-btn.quiet:active:not(:disabled){box-shadow:0 1px 0 #d6bf93, 0 2px 4px var(--shade)}.ui-btn.gold{color:#5a3600;text-shadow:0 1px #fff9;background:radial-gradient(ellipse 75% 60% at 50% 0%, #ffffffa6, #fff0 70%), linear-gradient(180deg, var(--gold-hi), var(--gold) 50%, var(--gold-lo));box-shadow:0 3px 0 #a8700f, 0 4px 9px var(--shade)}.ui-btn.gold:active:not(:disabled){box-shadow:0 1px 0 #a8700f, 0 2px 4px var(--shade)}.ui-tabs{background:#7e582a1a;border-radius:999px;gap:4px;padding:3px;display:flex;box-shadow:inset 0 1px 2px #54381a29}.ui-tab{min-width:0;font:600 13px/1.1 var(--font-display);color:var(--ink-soft);cursor:pointer;background:linear-gradient(#fffefa,#f6ebd4);border:2px solid #0000;border-radius:999px;flex:1;padding:6px 10px;box-shadow:0 2px #dcc7a0}.ui-tab:is([aria-selected=true],[aria-pressed=true],.on){color:#fff;border-color:var(--rim);text-shadow:0 1px 0 var(--teal-dark);background:radial-gradient(ellipse 75% 60% at 50% 0%, #ffffff8c, #fff0 70%), linear-gradient(180deg, var(--mint-hi), var(--mint) 45%, var(--mint-deep));box-shadow:0 2px 0 var(--teal-dark)}.ui-slot{background:linear-gradient(180deg, var(--slate-hi), var(--slate) 55%, var(--slate-lo));box-shadow:inset 0 0 0 2px var(--rarity,var(--mint)), inset 0 4px 7px #0000004d, 0 0 0 2px var(--rim), 0 0 0 3px var(--edge);border-radius:12px}.ui-slot.glow{box-shadow:inset 0 0 0 2px var(--rarity), inset 0 4px 7px #0000004d, 0 0 0 2px var(--rim), 0 0 0 3px var(--edge), 0 0 9px 1px var(--rarity)}.ui-slot.has-item{background:radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--rarity,var(--mint)) 16%, #fffaf0), color-mix(in srgb, var(--rarity,var(--mint)) 44%, #efe3c8))}.ui-slot.has-item>img{filter:drop-shadow(0 1.5px 1px #28180a59)}.ui-card{background:linear-gradient(#fffefb,#fff7e8);border:1.5px solid #5fd5c599;border-radius:14px;box-shadow:0 2px #d6bf938c}.ui-plate{border:2px solid var(--mint);box-shadow:0 0 0 2.5px var(--rim), 0 0 0 3.5px var(--edge), 0 4px 10px #281c0e47;background:linear-gradient(#fffcf4f7,#fff4def2)}.ui-ring{box-shadow:0 0 0 2px var(--mint), 0 0 0 4px var(--rim), 0 0 0 5px var(--edge), 0 3px 8px #281c0e4d}.ui-track{background:linear-gradient(180deg, var(--slate-lo), var(--slate));box-shadow:0 0 0 1.5px var(--rim), 0 0 0 2.5px var(--edge), inset 0 1px 2px #0006;border-radius:999px;overflow:hidden}.ui-fill{background-image:linear-gradient(#ffffff80,#ffffff14 48%,#0000000f 52%,#0000001a)}.ui-coin{border:1.5px solid var(--rim);color:#5c3b06;background:radial-gradient(ellipse 80% 60% at 50% 0%, #ffffffb3, #fff0 70%), linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, var(--gold-lo));box-shadow:0 1px 0 #a8700f, 0 1px 3px var(--shade);border-radius:999px}.ui-pill{border:1.5px solid var(--rim);color:#fff;text-shadow:0 1px 0 var(--teal-dark);background:linear-gradient(180deg, var(--mint-hi), var(--mint) 45%, var(--mint-deep));box-shadow:0 1px 0 var(--teal-dark), 0 1px 3px var(--shade);border-radius:999px}.ui-ribbon{box-sizing:border-box;border-style:solid;border-color:#0000;border-width:0 calc(var(--ribbon-h,34px) * .84);border-image:url(/ui/ribbon.webp) 0 94 fill / 0 calc(var(--ribbon-h,34px) * .84) stretch;height:var(--ribbon-h,34px);color:#fff;text-shadow:0 1.5px 0 var(--teal-dark), 0 0 6px #13605880}.ui-star,.ui-star-gem,.ui-sparkle{pointer-events:none;background:50%/contain no-repeat;display:block}.ui-star{background-image:var(--star)}.ui-star-gem{background-image:var(--star-gem)}.ui-sparkle{background-image:var(--sparkle)}.ui-backdrop{background:#3022126b}.play.pc .ui-backdrop .ui-window{max-width:min(1040px,94cqw);max-height:min(680px,92cqh)}@media (prefers-reduced-motion:reduce){.ui-btn,.ui-close{transition:none}}