:root{--ink: #2b1b3d;--night: #1e1b3a;--night2: #2a2550;--garden: #1f3b2d;--mint: #7ff0c8;--peach: #ffb38a;--lemon: #ffe66d;--magenta: #ff5da2;--sky: #7cc8ff;--paper: #fff7e8;--red: #ff6b5b;--font: "Fredoka", "Baloo 2", ui-rounded, "SF Pro Rounded", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif}.mut{position:relative;width:100%;height:100%;overflow:hidden;background:var(--night);font-family:var(--font);color:var(--paper);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.mut canvas.view{position:absolute;inset:0;width:100%;height:100%;display:block}.mut button{font:inherit;cursor:pointer;border:3px solid var(--ink);border-radius:14px;padding:10px 18px;background:var(--lemon);color:var(--ink);font-weight:700;font-size:16px;box-shadow:0 4px 0 var(--ink);transition:transform .06s}.mut button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.mut button.ghost{background:var(--paper)}.mut button.mint{background:var(--mint)}.mut button.pink{background:var(--magenta);color:#fff}.mut button:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.layer{position:absolute;inset:0;pointer-events:none}.layer>*{pointer-events:auto}.hidden{display:none!important}.hud{position:absolute;left:0;right:0;top:0;padding:10px 12px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.hud .left{display:flex;flex-direction:column;gap:6px;min-width:0}.bar{position:relative;height:16px;width:min(46vw,220px);background:var(--ink);border-radius:10px;border:2px solid var(--ink);overflow:hidden}.bar>i{position:absolute;left:0;top:0;bottom:0;background:var(--red);border-radius:8px;transition:width .12s}.bar.xp{height:10px}.bar.xp>i{background:var(--sky)}.bar>b{position:absolute;inset:0;font-size:11px;line-height:12px;text-align:center;color:#fff;font-weight:700;text-shadow:0 1px 0 var(--ink)}.hud .row{display:flex;gap:8px;align-items:center;font-weight:700;text-shadow:0 2px 0 var(--ink)}.hud .timer{font-size:22px;letter-spacing:.5px}.hud .lv{font-size:14px;color:var(--lemon)}.hud .right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.eatbar{display:flex;height:14px;width:min(34vw,170px);border:2px solid var(--ink);border-radius:10px;overflow:hidden;background:#2b1b3db3}.eatbar>i{display:block;flex:none;height:100%;transition:width .2s}.eatlegend{display:flex;gap:6px;font-size:11px;font-weight:700;text-shadow:0 1px 0 var(--ink)}.eatlegend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:3px;background:var(--c);border:1.5px solid var(--ink)}.pausebtn{pointer-events:auto;padding:4px 10px!important;font-size:18px!important;border-radius:10px!important}.bossbar{position:absolute;left:50%;top:58px;transform:translate(-50%);width:min(80vw,420px);text-align:center;font-weight:700;text-shadow:0 2px 0 var(--ink)}.bossbar .bar{width:100%;height:14px}.bossbar .bar>i{background:var(--magenta)}.stick{position:absolute;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;border:3px solid rgba(255,247,232,.35);background:#2b1b3d40;pointer-events:none}.stick>i{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#7ff0c8bf;border:3px solid var(--ink)}.banner{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);text-align:center;font-weight:700;font-size:clamp(22px,5vw,38px);color:var(--lemon);text-shadow:0 3px 0 var(--ink),0 0 18px rgba(255,230,109,.4);pointer-events:none;animation:pop .35s ease-out;white-space:nowrap}.banner small{display:block;font-size:.5em;color:var(--paper)}.banner.glitch{color:var(--magenta);animation:pop .35s ease-out,jitter .12s steps(2) infinite}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes jitter{0%{margin-left:-2px}to{margin-left:2px}}.dim{position:absolute;inset:0;background:#140c26b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;overflow-y:auto}.dim h2{margin:0;font-size:clamp(22px,5vw,32px);text-shadow:0 3px 0 var(--ink);text-align:center}.cards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:720px}.card{width:190px;min-height:210px;background:var(--paper);color:var(--ink);border:4px solid var(--ink);border-radius:16px 16px 10px 10px;box-shadow:0 6px 0 var(--ink);padding:0 0 12px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:transform .08s;animation:deal .25s ease-out backwards}.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.12s}@keyframes deal{0%{transform:translateY(40px) rotate(-4deg);opacity:0}}.card:hover{transform:translateY(-4px) rotate(-1deg)}.card .top{width:100%;height:86px;background:var(--c, var(--mint));border-bottom:4px dashed var(--ink);display:flex;align-items:center;justify-content:center;font-size:44px}.card .name{font-weight:700;font-size:18px;margin:10px 8px 4px}.card .desc{font-size:14px;margin:0 10px;opacity:.85}.card .pips{margin-top:auto;padding-top:8px;display:flex;gap:4px}.card .pips i{width:10px;height:10px;border-radius:50%;border:2px solid var(--ink)}.card .pips i.on{background:var(--magenta)}.card .key{position:absolute;top:6px;left:8px;font-size:12px;font-weight:700;opacity:.6}@media (max-width: 640px){.cards{flex-direction:column;align-items:stretch;width:100%;max-width:360px;gap:10px}.card{width:auto;min-height:0;flex-direction:row;text-align:left;padding:0}.card .top{width:74px;height:auto;min-height:74px;border-bottom:none;border-right:4px dashed var(--ink);font-size:34px;flex:none}.card .body{padding:8px 10px;display:flex;flex-direction:column}.card .name{margin:0 0 2px;font-size:16px}.card .desc{margin:0}.card .pips{padding-top:6px}.card .key{display:none}.cards{max-width:440px;gap:12px}.card{min-height:96px;border-radius:16px}.card .top{width:92px;min-height:96px;font-size:42px}.card .body{padding:10px 12px;justify-content:center}.card .name{font-size:19px}.card .desc{font-size:15px}}.card .body{display:contents}@media (max-width: 640px){.card .body{display:flex}}.result{background:var(--paper);color:var(--ink);border:4px solid var(--ink);border-radius:22px;box-shadow:0 8px 0 var(--ink);padding:18px 20px;width:min(92vw,420px);text-align:center}.result h2{color:var(--ink);text-shadow:none}.result .who{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0}.result .who canvas{width:96px;height:96px}.result .line{font-weight:700;font-size:17px;margin:4px 0 10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 14px}.stats div{background:#f3e6cf;border-radius:10px;padding:6px 2px;font-size:11px}.stats b{display:block;font-size:18px}.btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.shelf{position:absolute;inset:0;overflow-y:auto;background:radial-gradient(ellipse at 50% 0%,#3a3270 0%,var(--night) 60%),var(--night);display:flex;flex-direction:column;align-items:center;padding:18px 14px 28px;gap:14px}.shelf .logo{font-size:clamp(38px,9vw,64px);font-weight:700;letter-spacing:1px;color:var(--mint);text-shadow:0 4px 0 var(--ink),0 0 26px rgba(127,240,200,.35);line-height:1;margin-top:4px}.shelf .tag{font-size:16px;opacity:.9;margin-top:-6px}.sill{width:min(100%,720px)}.sill h3{margin:4px 4px 6px;font-size:15px;color:var(--lemon);text-shadow:0 2px 0 var(--ink);display:flex;justify-content:space-between;align-items:baseline;gap:8px}.sill h3 small{color:var(--paper);opacity:.7;font-size:12px;font-weight:400}.jars{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 6px}.plank{height:14px;margin:-4px 0 0;background:linear-gradient(#a8784e,#7a5034);border:3px solid var(--ink);border-radius:6px;box-shadow:0 6px #00000040}.jar{position:relative;width:104px;height:128px;padding:0;border:none;background:none;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.mut button.jar{background:none;box-shadow:none;border:none;padding:0}.jar .glass{position:absolute;inset:14px 6px 0;border:3px solid rgba(255,247,232,.8);border-radius:18px 18px 22px 22px;background:radial-gradient(circle at 50% 60%,var(--glow, rgba(127, 240, 200, .35)),rgba(255,255,255,.04) 70%)}.jar .lid{position:absolute;left:14px;right:14px;top:4px;height:14px;background:var(--peach);border:3px solid var(--ink);border-radius:6px}.jar canvas{position:relative;width:74px;height:74px;margin-bottom:22px}.jar .label{position:absolute;bottom:4px;left:12px;right:12px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:6px;font-size:12px;font-weight:700;line-height:16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jar.empty canvas{filter:brightness(0) opacity(.45)}.jar.empty .glass{background:#ffffff0a}.jar.sel .glass{border-color:var(--lemon);box-shadow:0 0 0 3px var(--lemon),0 0 22px #ffe66d80}.jar.small{width:72px;height:92px}.jar.small canvas{width:50px;height:50px;margin-bottom:18px}.jar.small .lid{left:10px;right:10px;height:10px}.jar.small .glass{top:10px;left:4px;right:4px}.jar.small .label{font-size:10px;line-height:13px;left:6px;right:6px}.jar.daily{width:128px;height:150px}.jar.daily canvas{width:88px;height:88px}.jar.daily .lid{background:var(--magenta)}.jar .badge{position:absolute;top:-4px;right:-6px;background:var(--magenta);color:#fff;border:2px solid var(--ink);border-radius:10px;font-size:11px;font-weight:700;padding:1px 6px;z-index:1}.pick{width:min(100%,520px);background:var(--paper);color:var(--ink);border:4px solid var(--ink);border-radius:18px;box-shadow:0 6px 0 var(--ink);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.pick .name{font-size:22px;font-weight:700}.pick .blurb{font-size:14px}.pick .paths{display:flex;gap:8px;align-items:center;justify-content:center;font-size:13px;font-weight:700}.pick .paths canvas{width:54px;height:54px}.pick .paths .arrow{opacity:.6}.pick .paths .opt{display:flex;flex-direction:column;align-items:center;gap:2px}.hint{font-size:13px;opacity:.75;text-align:center;max-width:520px}.langlink{position:absolute;top:10px;right:12px;font-size:13px;color:var(--paper);opacity:.8}.hud .left,.hud .right,.bossbar{zoom:var(--hudz, 1)}.jars.fifteen{display:grid;grid-template-columns:repeat(5,72px);gap:8px 10px;justify-content:center}@media (max-width: 420px){.jars.fifteen{grid-template-columns:repeat(5,62px);gap:6px 4px}.jars.fifteen .jar.small{width:62px;height:84px}.jars.fifteen .jar.small canvas{width:44px;height:44px}}.card .combo{position:absolute;top:6px;right:6px;background:var(--magenta);color:#fff;border:2px solid var(--ink);border-radius:999px;font-size:11px;font-weight:800;padding:1px 8px;letter-spacing:.02em;animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.mut button.small{font-size:14px;padding:6px 12px}.toggles{display:flex;gap:8px;justify-content:center;margin:10px 0 4px;flex-wrap:wrap}.shedbtn{display:block;margin:12px auto 0}.result.won{border-color:#c9a227;box-shadow:0 8px #8a6a00}.result .line.fert{font-size:15px;color:#3c7a3c}.perks{display:flex;flex-direction:column;gap:10px;margin:12px 0;text-align:left}.perk{display:flex;align-items:center;gap:10px;border:3px solid var(--ink);border-radius:14px;padding:8px 10px}.perk .pi{font-size:30px;width:40px;text-align:center}.perk .pt{flex:1;display:flex;flex-direction:column}.perk .pt small{opacity:.8;font-size:13px}.perk .pips{display:flex;gap:4px;margin-top:4px}.perk .pips i{width:10px;height:10px;border-radius:50%;border:2px solid var(--ink)}.perk .pips i.on{background:var(--mint)}.perk button:disabled{opacity:.45;cursor:default}.pick .maps{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin:8px 0 2px}.pick .maps .lbl{font-weight:700;font-size:14px;margin-right:2px}.mut button.chip{font:600 14px var(--font);color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:4px 10px;cursor:pointer;box-shadow:0 2px 0 var(--ink)}.mut button.chip.on{background:var(--mint)}.mut button.chip:active{transform:translateY(2px);box-shadow:none}.pick .mdesc{font-size:13px;opacity:.8;margin:2px 0 6px;text-align:center}.board{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:16px;padding:10px 12px;width:min(100%,520px);box-sizing:border-box;margin:10px auto 0;text-align:left}.board .bh{font-weight:700;font-size:15px;margin-bottom:6px;display:flex;justify-content:space-between;gap:8px}.board .br{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:3px 6px;border-radius:8px;font-size:14px}.board .br b{text-align:right}.board .br span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board .br em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}.board .br.you{background:var(--lemon);outline:2px solid var(--ink)}.board .bn{font-size:12px;opacity:.7;margin-top:6px}