:root{--ink:#4a3350;--ink-soft:#8a7390;--paper:#fff;--line:#f3c9d4;--strawberry:#ff7fa3;--strawberry-deep:#e85a84;--matcha:#6fbf98;--lilac:#a98fe8;--butter:#ffd66b;--danger:#d9435f;--radius-lg:22px;--radius-sm:12px;--font:"M PLUS Rounded 1c", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}#app,.build-tip{font-family:var(--font);color:var(--ink);font-weight:500}:where(#app) button{font:inherit;color:inherit;cursor:pointer}:where(#app) button:focus-visible{outline:3px solid var(--lilac);outline-offset:2px}.num,.clock,.money,.receipt dd,.receipt-total{font-variant-numeric:tabular-nums}.hud{display:contents}.panel-head h2:focus,.sign-open:focus{outline:none}.topbar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;inset:14px 16px auto}.hud-card{pointer-events:auto;background:var(--paper);border:3px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 4px 0 var(--line);white-space:nowrap;align-items:center;gap:14px;padding:8px 14px;display:flex}.day{font-size:18px;font-weight:800}.clock{letter-spacing:.02em;font-size:22px;font-weight:800}.phase{color:var(--ink-soft);background:#f4eef7;border-radius:999px;padding:2px 10px;font-size:13px}.phase-open{color:#2f7a55;background:#e2f5ea}.speeds{gap:4px;display:flex}.speed{border:2px solid var(--line);background:var(--paper);border-radius:10px;min-width:38px;height:32px;font-weight:800}.pause-icon{box-sizing:border-box;vertical-align:-1px;border-left:3.5px solid;border-right:3.5px solid;width:10px;height:12px;display:inline-block}.speed:disabled{opacity:.4;cursor:default}.sound{position:relative}.sound-icon{width:18px;height:18px;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h4l5-4v14l-5-4H3zM15 8.5a5 5 0 0 1 0 7l1.4 1.4a7 7 0 0 0 0-9.8zM18 5.5a9 9 0 0 1 0 13l1.4 1.4a11 11 0 0 0 0-15.8z'/%3E%3C/svg%3E");background:currentColor;margin:auto;display:block}.sound-icon.muted{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h4l5-4v14l-5-4H3zM15.5 9.9l1.4-1.4 2.1 2.1 2.1-2.1 1.4 1.4-2.1 2.1 2.1 2.1-1.4 1.4-2.1-2.1-2.1 2.1-1.4-1.4 2.1-2.1z'/%3E%3C/svg%3E")}.sound-pop{z-index:5;pointer-events:auto;background:var(--paper);border:3px solid var(--line);border-radius:var(--radius-sm);min-width:210px;box-shadow:0 3px 0 var(--line);gap:8px;padding:10px 14px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.sound-row{grid-template-columns:56px 1fr;align-items:center;gap:8px;font-size:13px;font-weight:800;display:grid}.sound-row input{accent-color:var(--strawberry);width:100%}.sound-version{color:var(--ink-soft);text-align:right;font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:12px}.speed[aria-pressed=true]{background:var(--strawberry);border-color:var(--strawberry-deep);color:#fff}.money{color:#3d8a64;font-size:22px;font-weight:800}.money.negative{color:var(--danger)}.popularity,.rating{font-weight:800}.level{align-items:center;gap:8px;display:flex}.level-badge{background:var(--lilac);color:#fff;border-radius:999px;padding:1px 10px;font-size:14px;font-weight:800}.level-bar{background:#efe8fb;border-radius:999px;width:90px;height:10px;display:block;overflow:hidden}.level-xp{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:12px}.served{color:#3d8a64;font-weight:800}.level-bar>span{background:var(--lilac);border-radius:999px;height:100%;display:block}.sign-wrap{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.sign-string{border:2px solid #c9a27c;border-bottom:none;border-radius:40px 40px 0 0;width:70px;height:18px;margin-bottom:-2px}.sign{pointer-events:auto;transform-origin:50% -20px;border:3px solid #c9a27c;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 26px 12px;display:flex;transform:rotate(-2deg);box-shadow:0 5px #c9a27c}.sign-closed{background:var(--strawberry);color:#fff;transition:transform .15s}.sign-closed:hover{transform:rotate(1deg)}.sign-closed:active{transform:rotate(1deg)translateY(3px);box-shadow:0 2px #c9a27c}.sign-open{background:#fffbef}.sign-big{font-size:22px;font-weight:800}.sign-short{display:none}.sign-small{opacity:.85;font-size:12px}.tip{pointer-events:auto;box-sizing:border-box;border-radius:var(--radius-lg);background:#fffbef;border:3px solid #f3d9a8;align-items:center;gap:12px;width:min(460px,100vw - 32px);padding:10px 12px 10px 14px;animation:.25s ease-out tip-in;display:flex;position:absolute;top:88px;left:50%;transform:translate(-50%);box-shadow:0 4px #f3d9a8}@keyframes tip-in{0%{opacity:0;transform:translate(-50%,6px)}}.tip p{flex:1;margin:0;font-size:14px;line-height:1.45}.tip-cat{background:var(--strawberry);flex:none;width:34px;height:30px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3l4 5h8l4-5v10a8 8 0 0 1-16 0z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3l4 5h8l4-5v10a8 8 0 0 1-16 0z'/%3E%3C/svg%3E") 50%/contain no-repeat}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:118px;left:50%;transform:translate(-50%)}.toast{background:var(--paper);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:999px;padding:6px 16px;font-size:14px;font-weight:800;animation:.18s ease-out toast-in}.toast-error{color:var(--danger);border-color:#f6b3c0}.toast{align-items:center;gap:10px;display:flex}.toast-action{pointer-events:auto;background:var(--strawberry);color:#fff;border:none;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:800}.toast-good{color:#2f7a55;border-color:#bfe6d0}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.build-tip{pointer-events:none;z-index:5;background:var(--paper);color:#2f7a55;border:2px solid #bfe6d0;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800;position:fixed}.build-tip[data-ok=false]{color:var(--danger);border-color:#f6b3c0}.modal-backdrop{pointer-events:auto;background:#4a335040;place-items:center;display:grid;position:absolute;inset:0}.receipt{--tear:10px;width:min(340px,100vw - 32px);padding:26px 26px calc(22px + var(--tear));clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--tear)), 95% 100%, 90% calc(100% - var(--tear)), 85% 100%, 80% calc(100% - var(--tear)), 75% 100%, 70% calc(100% - var(--tear)), 65% 100%, 60% calc(100% - var(--tear)), 55% 100%, 50% calc(100% - var(--tear)), 45% 100%, 40% calc(100% - var(--tear)), 35% 100%, 30% calc(100% - var(--tear)), 25% 100%, 20% calc(100% - var(--tear)), 15% 100%, 10% calc(100% - var(--tear)), 5% 100%, 0 calc(100% - var(--tear)));background:#fffdf8;animation:.35s cubic-bezier(.2,.8,.3,1.2) receipt-in;transform:rotate(-1deg);box-shadow:0 10px 30px #4a335040}@keyframes receipt-in{0%{opacity:0;transform:translateY(-40px)rotate(-1deg)}}.receipt h2{text-align:center;margin:0;font-size:22px;font-weight:800}.receipt-sub{text-align:center;color:var(--ink-soft);margin:2px 0 14px;font-size:14px}.receipt-lines{grid-template-columns:1fr auto;gap:4px 12px;margin:0;font-size:15px;display:grid}.receipt-lines dd{text-align:right;margin:0;font-weight:800}.receipt-total{border-top:2px dashed var(--line);border-bottom:2px dashed var(--line);justify-content:space-between;margin:12px 0;padding:10px 0;font-size:20px;font-weight:800;display:flex}.positive{color:#2f7a55}.negative{color:var(--danger)}.receipt-extra{color:var(--ink-soft);font-size:14px}.receipt-extra dd{color:var(--ink)}.receipt-levelup{border-radius:var(--radius-sm);color:#5a3fa8;text-align:center;background:#f1ebfd;margin:14px 0 0;padding:8px 12px;font-size:14px;font-weight:800}.btn-primary{background:var(--strawberry);color:#fff;width:100%;box-shadow:0 4px 0 var(--strawberry-deep);border:none;border-radius:999px;margin-top:16px;padding:12px;font-size:17px;font-weight:800;display:block}.btn-primary:active{box-shadow:0 2px 0 var(--strawberry-deep);transform:translateY(2px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.side{align-items:flex-start;gap:10px;display:flex;position:absolute;top:96px;bottom:120px;left:16px}.rail{pointer-events:auto;flex-direction:column;gap:8px;display:flex}.rail-btn{background:var(--paper);border:3px solid var(--line);width:64px;height:64px;box-shadow:0 3px 0 var(--line);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:800;display:flex}.rail-btn[aria-pressed=true]{background:var(--strawberry);border-color:var(--strawberry-deep);color:#fff;box-shadow:0 3px 0 var(--strawberry-deep)}.rail-icon{width:22px;height:22px;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;background:currentColor}.icon-build{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 11h16v3H4zM6 14h2v7H6zM16 14h2v7h-2zM7 4h10a2 2 0 0 1 2 2v5H5V6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E")}.icon-staff{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M3 22c0-5 4-8 9-8s9 3 9 8z'/%3E%3C/svg%3E")}.icon-cats{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3l4 5h8l4-5v10a8 8 0 0 1-16 0z'/%3E%3C/svg%3E")}.icon-menu{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h13v4a6 6 0 0 1-6 6H10a6 6 0 0 1-6-6zM17 10h2a3 3 0 0 1 0 6h-2.5v-2H19a1 1 0 0 0 0-2h-2zM7 2c1 1.5-1 2.5 0 4M11 2c1 1.5-1 2.5 0 4'/%3E%3C/svg%3E")}.panel{pointer-events:auto;background:var(--paper);border:3px solid var(--line);border-radius:var(--radius-lg);width:320px;max-height:100%;box-shadow:0 4px 0 var(--line);flex-direction:column;display:flex;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;padding:12px 16px 4px;display:flex}.panel-head h2{margin:0;font-size:20px;font-weight:800}.panel-close{color:var(--ink-soft);background:0 0;border:none;padding:0 4px;font-size:26px;line-height:1}.panel-body{padding:4px 16px 16px;overflow-y:auto}.panel-hint{color:var(--ink-soft);margin:4px 0 12px;font-size:13px;line-height:1.5}.panel-h{justify-content:space-between;margin:14px 0 6px;font-size:15px;font-weight:800;display:flex}.count{color:var(--ink-soft);font-weight:500}.build-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.build-card{text-align:left;border-radius:var(--radius-sm);border:2px solid var(--line);background:#fff8fa;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.build-card[aria-pressed=true]{border-color:var(--strawberry-deep);background:#ffe6ee}.build-card:disabled{opacity:.55;cursor:default}.build-name{font-size:14px;font-weight:800}.build-desc{color:var(--ink-soft);min-height:2.7em;font-size:11px;line-height:1.35}.build-cost{color:#3d8a64;font-size:13px;font-weight:800}.rows{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.row{border-radius:var(--radius-sm);background:#fff8fa;align-items:center;gap:10px;padding:8px 10px;display:flex}.row-locked{opacity:.55}.row-main{flex:1;min-width:0}.row-title{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.row-sub{color:var(--ink-soft);font-size:12px;line-height:1.4}.swatch{width:26px;height:26px;box-shadow:0 0 0 2px var(--line);border:2px solid #fff;border-radius:50%;flex:none}.swatch-cat{border-radius:50% 50% 45% 45%}.chip{border-radius:999px;padding:0 8px;font-size:11px;font-weight:800}.chip-server{color:#b43c64;background:#ffe0e9}.chip-barista{color:#2f7a55;background:#dcf3ea}.chip-fluffy{color:#8a6412;background:#fff0cc}.chip-playful{color:#b43c64;background:#ffe0e9}.chip-sleepy{color:#5a3fa8;background:#ebe4fb}.price{color:#3d8a64}.btn-small{border:2px solid var(--line);background:var(--paper);border-radius:999px;flex:none;padding:4px 12px;font-size:13px;font-weight:800}.btn-go{background:var(--matcha);color:#fff;border-color:#58a881}.btn-danger{background:var(--danger);color:#fff;border-color:#b8304b}.btn-small:disabled{opacity:.45;cursor:default}.btn-secondary{border:2px dashed var(--line);background:var(--paper);border-radius:var(--radius-sm);width:100%;padding:8px;font-weight:800}.btn-secondary+.btn-secondary{margin-top:8px}.btn-secondary:disabled{opacity:.45;cursor:default}.build-tools{gap:8px;margin-bottom:12px;display:flex}.build-tools .btn-secondary{flex:1;margin:0;padding:8px 6px;font-size:14px}.btn-secondary[aria-pressed=true]{border-style:solid;border-color:var(--danger);color:var(--danger)}.panel-folded{width:380px}.tool-bar{align-items:center;gap:8px;padding:10px 12px 10px 16px;display:flex}.tool-bar-text{flex:1;min-width:0}.tool-bar-title{margin:0;font-size:16px;font-weight:800}.tool-bar-hint{color:var(--ink-soft);margin:2px 0 0;font-size:13px;line-height:1.4}.switch{background:#e9dfe8;border:none;border-radius:999px;flex:none;width:44px;height:26px;padding:3px}.switch>span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;display:block;box-shadow:0 1px 2px #0003}.switch[aria-checked=true]{background:var(--matcha)}.switch[aria-checked=true]>span{transform:translate(18px)}.switch:disabled{opacity:.5;cursor:default}.gacha{border-radius:var(--radius-sm);background:#fff8e8;border:2px solid #f3d9a8;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.treats{align-items:center;gap:6px;font-size:15px;display:flex}.treats strong{font-size:20px}.btn-pull{margin-top:0}.btn-pull:disabled{opacity:.5;box-shadow:none;cursor:default}.gacha .panel-hint{margin:0}.collection{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.cat-card{border-radius:var(--radius-sm);border:2px solid var(--line);background:#fff8fa;grid-template-rows:auto auto auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 8px;min-width:0;padding:8px;display:grid}.cat-card.rarity-2{border-color:#cdb8f0}.cat-card.rarity-3{background:#fffbea;border-color:#f2c14e}.cat-swatch{width:30px;height:30px;box-shadow:0 0 0 2px var(--line);border-radius:50% 50% 45% 45%;grid-row:1/span 2}.cat-swatch.unknown{color:#b7a9b3;background:#eee6ea;place-items:center;font-weight:800;display:grid}.cat-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:800;overflow:hidden}.cat-stars{justify-self:end;font-size:11px}.cat-card .chip{grid-column:2;justify-self:start}.friendship{color:var(--strawberry);letter-spacing:1px;grid-column:1/span 2;font-size:11px}.cat-card .switch{grid-area:2/3/span 2}.cat-card.unowned{opacity:.7}.cat-card.unowned .cat-name{color:var(--ink-soft)}.reveal{border:4px solid var(--mint);background:#fffdf8;border-radius:26px;place-items:center;width:min(300px,100vw - 32px);min-height:300px;padding:22px;display:grid;box-shadow:0 0 0 6px #fff,0 12px 40px #4a33504d}.reveal.rarity-2{border-color:var(--lilac);box-shadow:0 0 0 6px #fff,0 0 40px 6px #a98fe88c}.reveal.rarity-3{border-color:#f2c14e;box-shadow:0 0 0 6px #fff,0 0 50px 12px #f2c14eb3}.capsule{width:110px;height:110px;animation:.9s ease-in-out capsule-shake;display:grid}.capsule-top,.capsule-bottom{grid-area:1/1;width:110px;height:55px}.capsule-top{background:var(--strawberry);border-radius:55px 55px 0 0;align-self:start}.capsule-bottom{border:3px solid var(--line);box-sizing:border-box;background:#fff;border-top:none;border-radius:0 0 55px 55px;align-self:end}@keyframes capsule-shake{0%,to{transform:rotate(0)}15%,45%,75%{transform:rotate(-12deg)}30%,60%,90%{transform:rotate(12deg)}}.reveal-card{text-align:center;flex-direction:column;align-items:center;gap:6px;animation:.35s cubic-bezier(.2,.8,.3,1.3) reveal-pop;display:flex}@keyframes reveal-pop{0%{opacity:0;transform:scale(.6)}}.reveal-stars{margin:0;line-height:1}.reveal-swatch{width:64px;height:64px;box-shadow:0 0 0 4px #fff, 0 0 0 7px var(--line);border-radius:50% 50% 44% 44%}.reveal h2{margin:4px 0 0;font-size:24px;font-weight:800}.reveal-sub{color:var(--ink-soft);align-items:center;gap:8px;margin:0;display:flex}.reveal-news{margin:4px 0 0}.badge-new{background:var(--strawberry);color:#fff;border-radius:999px;padding:2px 12px;font-size:16px}.reveal-actions{gap:8px;margin-top:10px;display:flex}@media (width<=1000px){.topbar{flex-direction:column;align-items:stretch;gap:6px;inset:8px 8px auto}.hud-card{box-shadow:0 3px 0 var(--line);border-width:2px;flex-wrap:wrap;gap:8px 10px;padding:6px 10px}.day{font-size:15px}.clock,.money{font-size:18px}.speed{min-width:34px;height:30px}.level-bar{width:60px}.side{flex-direction:column-reverse;align-items:stretch;inset:auto 8px 10px}.rail{flex-direction:row;align-self:flex-start;gap:6px}.rail-btn{border-radius:14px;width:52px;height:52px;font-size:11px}.panel{left:8px;right:8px;top:calc(var(--topbar-h,110px) + 8px);width:auto;max-height:none;position:fixed;bottom:72px}.panel.panel-folded{bottom:auto}.sound-pop{left:8px;right:8px;top:calc(var(--topbar-h,110px) + 8px);min-width:0;position:fixed}.sign-wrap{bottom:8px;left:auto;right:8px;transform:none}.sign-string{display:none}.sign{padding:7px 14px 8px;transform:none}.sign-closed:hover,.sign-closed:active{transform:none}.sign-big{font-size:16px}.sign-small,.sign-long{display:none}.sign-short{display:inline}.toasts{width:calc(100vw - 16px);bottom:80px}.tip{top:auto;bottom:80px}}.icon{vertical-align:-.15em;flex:none;width:1em;height:1em;display:inline-block}.faint-icon{opacity:.3;filter:grayscale()}.stars{vertical-align:middle;gap:1px;display:inline-flex}.build-tabs{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:8px;display:grid}.build-tabs button{font:inherit;border:2px solid var(--line);background:var(--paper);color:inherit;cursor:pointer;border-radius:999px;padding:6px 0;font-size:14px;font-weight:800}.build-tabs button:focus-visible{outline:3px solid var(--strawberry);outline-offset:2px}.build-tabs button[aria-selected=true]{background:var(--strawberry);color:#fff;border-color:var(--strawberry-deep)}.wall-card{z-index:6;pointer-events:auto;background:var(--paper);border:3px solid var(--line);border-radius:var(--radius-sm);width:270px;box-shadow:0 3px 0 var(--line);gap:8px;padding:10px 12px;display:grid;position:fixed}.wall-card-title{margin:0;font-weight:800}.wall-card-row,.wall-card-chips{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{font:inherit;border:2px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.chip-btn[aria-pressed=true]{background:var(--strawberry);border-color:var(--strawberry-deep);color:#fff}.chip-btn:disabled{opacity:.45}@media (width<=700px){.wall-card{z-index:30;width:auto;inset:auto 8px 8px}}.tool-bar-chips{gap:6px;margin-top:6px;display:grid}.build-tab-body{gap:8px;display:grid}.room-head{margin:6px 0 4px;font-size:13px}.room-row{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:6px;display:grid}.room-swatch{border:3px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;height:64px;position:relative}.room-swatch[aria-pressed=true]{border-color:var(--strawberry);box-shadow:0 0 0 2px var(--strawberry)}.room-swatch:disabled{opacity:.5;cursor:default}.room-swatch-name{background:#ffffffd9;border-radius:6px;padding:1px 4px;font-size:11px;font-weight:800;position:absolute;bottom:4px;left:4px;right:4px}.room-actions{gap:8px;margin-top:10px;display:flex}