:root{--ink:#2b1d4a;--ink-2:#4a3a6e;--ink-3:#7a6b98;--bg:#2b1d4a;--panel:#fff8ef;--cream:#fff8ef;--cream-2:#f7ecdc;--cream-3:#efdfc8;--accent:#ff6fd8;--pink:#ff6fd8;--pink-d:#d94bb4;--mint:#3fd7a0;--mint-d:#23a97a;--sun:#ffd23f;--sun-d:#e0a91a;--sky:#6fa8f5;--sky-d:#4a82d4;--grape:#b46cff;--danger:#ff5d6c;--danger-d:#d23a4b;--line:#2b1d4a24;--line-2:#2b1d4a3d;--shadow:0 6px 0 #2b1d4a47;--shadow-lg:0 10px 0 #2b1d4a4d, 0 24px 48px #140a2859;--r-sm:10px;--r:16px;--r-lg:24px;--r-xl:32px;--font-head:"Baloo 2", "Nunito", system-ui, sans-serif;--font:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:16px;--rar-common:#9aa5b1;--rar-rare:#3fa7ff;--rar-epic:#b46cff;--rar-legendary:#ffb020;--rar-mythic:#ff4fa3;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.town-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.town-card{border:3px solid var(--ink);min-height:130px;color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 4px 0 var(--ink);border-radius:20px;padding:20px}.town-card b{margin-bottom:10px;font-size:19px;display:block}.town-card span{font-size:13px;display:block}.town-card:disabled{opacity:.65;cursor:default}.town-card:focus-visible,.wardrobe-choice:focus-visible{outline:4px solid var(--pink);outline-offset:3px}.town-inventory{flex-wrap:wrap;gap:12px;display:flex}.wardrobe-choice{border:2px solid var(--line-2);background:var(--cream);cursor:pointer;border-radius:16px;padding:8px}.wardrobe-choice[aria-pressed=true]{border-color:var(--mint)}.wardrobe-choice span{display:block}.town-setting{align-items:center;gap:12px;margin:20px 0;display:flex}html,body,#root{background:var(--bg);height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-weight:600}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%}h1,h2,h3,h4{font-family:var(--font-head);margin:0;line-height:1.1}p{margin:0;line-height:1.45}a{color:var(--sky-d);font-weight:800}:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--ink-3);font-weight:600}.small{font-size:13px}.center{text-align:center}.link{color:var(--sky-d);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.h-display{font-family:var(--font-head);letter-spacing:-.01em;font-size:clamp(26px,5vw,36px);font-weight:800;line-height:1.05}.h-section{font-family:var(--font-head);align-items:center;gap:8px;margin:4px 0 8px;font-size:20px;font-weight:800;display:flex}.big-emoji{text-align:center;font-size:56px;line-height:1}.stack{flex-direction:column;gap:14px;display:flex}.stack-sm{flex-direction:column;gap:8px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-end{justify-content:flex-end}.row-between{justify-content:space-between}.row-center{justify-content:center}.row-nowrap{flex-wrap:nowrap}.grow{flex:auto;min-width:0}.grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.grid-sm{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.grid-lg{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cols-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}@media (max-width:720px){.cols-2{grid-template-columns:minmax(0,1fr)}}.divider{background:var(--line);border:0;height:2px;margin:6px 0}.btn{--b:var(--pink);--b-d:var(--pink-d);--b-fg:#fff;border:3px solid var(--ink);background:var(--b);min-height:44px;color:var(--b-fg);font-family:var(--font-head);letter-spacing:.01em;box-shadow:0 5px 0 var(--ink);-webkit-user-select:none;user-select:none;white-space:nowrap;text-shadow:0 1px #2b1d4a40;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:17px;font-weight:800;line-height:1;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;position:relative;transform:translateY(0)}.btn:after{content:"";pointer-events:none;background:#ffffff47;border-radius:999px;height:30%;position:absolute;top:4px;left:14px;right:14px}.btn:hover:not(:disabled){filter:brightness(1.06)saturate(1.05);box-shadow:0 6px 0 var(--ink);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn:disabled{filter:grayscale(.6);opacity:.55}.btn.is-loading{opacity:.85;filter:none}.btn-secondary{--b:#fff;--b-fg:var(--ink);text-shadow:none}.btn-secondary:after{background:0 0}.btn-ghost{--b:transparent;--b-fg:var(--ink);box-shadow:none;text-shadow:none;border-color:#0000}.btn-ghost:after{display:none}.btn-ghost:hover:not(:disabled){background:var(--line);box-shadow:none;transform:none}.btn-ghost:active:not(:disabled){box-shadow:none;transform:scale(.97)}.btn-danger{--b:var(--danger)}.btn-mint{--b:var(--mint)}.btn-sun{--b:var(--sun);--b-fg:var(--ink);text-shadow:0 1px #fff6}.btn-sm{min-height:40px;box-shadow:0 4px 0 var(--ink);border-width:2.5px;padding:6px 14px;font-size:15px}.btn-ghost.btn-sm{box-shadow:none}.btn-lg{min-height:56px;box-shadow:0 6px 0 var(--ink);padding:10px 26px;font-size:21px}.btn-block{width:100%}.btn-icon{font-size:1.1em;display:inline-flex}.icon-btn{width:44px;height:44px;color:var(--ink);transition:transform .1s var(--ease-bounce), background .15s;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--line)}.icon-btn:active{transform:scale(.9)}.icon-btn-solid:hover{background:var(--cream-2)}.spinner{border:3px solid;border-right-color:#0000;border-radius:50%;flex:none;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-block{color:var(--ink-3);flex-direction:column;align-items:center;gap:8px;padding:36px 12px;display:flex}.loading-paws span{margin:0 3px;font-size:22px;animation:1s ease-in-out infinite pawstep;display:inline-block}.loading-paws span:nth-child(2){animation-delay:.15s}.loading-paws span:nth-child(3){animation-delay:.3s}@keyframes pawstep{0%,to{opacity:.4;transform:translateY(0)rotate(-10deg)}50%{opacity:1;transform:translateY(-6px)rotate(10deg)}}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{font-family:var(--font-head);font-size:16px;font-weight:800}.field-msg{color:var(--ink-3);font-size:13px}.field-err{color:var(--danger-d);font-weight:800}.field-ok{color:var(--mint-d);font-weight:800}.input{border:3px solid var(--ink);border-radius:var(--r);background:#fff;width:100%;min-height:44px;padding:8px 14px;font-size:16px;font-weight:700;transition:border-color .15s;box-shadow:inset 0 3px #2b1d4a14}.input:focus{border-color:var(--sky-d);outline:none;box-shadow:0 0 0 4px #6fa8f559}.input-lg{min-height:52px;font-size:18px}.has-error .input{border-color:var(--danger)}.has-ok .input{border-color:var(--mint-d)}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - 22px) 52%,calc(100% - 16px) 52%;background-repeat:no-repeat;background-size:6px 6px;padding-right:40px}textarea.input{resize:vertical;min-height:80px}.form-error{color:var(--danger-d);border:2px solid var(--danger);border-radius:var(--r);background:#ffe4e8;padding:10px 14px;font-weight:800}.check{cursor:pointer;align-items:center;gap:10px;min-height:40px;font-weight:700;display:flex}.check input{width:22px;height:22px;accent-color:var(--pink)}input[type=range]{accent-color:var(--pink);width:100%;min-height:32px}.stepper{border:3px solid var(--ink);background:#fff;border-radius:999px;align-items:center;height:44px;display:inline-flex;overflow:hidden}.stepper button{background:var(--cream-2);border:0;place-items:center;min-width:40px;height:100%;display:grid}.stepper button:hover:not(:disabled){background:var(--cream-3)}.stepper button:disabled{opacity:.4}.stepper input{text-align:center;-moz-appearance:textfield;border:0;width:52px;height:100%;font-weight:800}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.stepper .stepper-max{border-left:2px solid var(--line-2);padding:0 10px;font-size:12px;font-weight:900}.seg{background:var(--cream-3);border:2.5px solid var(--ink);border-radius:999px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.seg-opt{white-space:nowrap;background:0 0;border:0;border-radius:999px;min-height:36px;padding:4px 14px;font-weight:800}.seg-opt.is-active{box-shadow:0 2px 0 var(--ink);background:#fff}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2.5px solid var(--ink);min-height:40px;transition:transform .12s var(--ease-bounce);background:#fff;border-radius:999px;padding:4px 14px;font-weight:800}.chip:hover{transform:translateY(-1px)}.chip.is-active{background:var(--sun);box-shadow:0 3px 0 var(--ink)}.chip.is-special{border-style:dashed}.pill{background:var(--cream-3);color:var(--ink);border:2px solid var(--ink);white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:12px;font-weight:900;display:inline-flex}.pill-mint{background:var(--mint)}.pill-pink{background:var(--pink);color:#fff}.pill-sun{background:var(--sun)}.pill-sky{background:var(--sky);color:#fff}.pill-grey{background:#e7e1ef}.pill-danger{background:var(--danger);color:#fff}.tabs{scrollbar-width:none;flex:none;gap:6px;margin-bottom:6px;padding:2px 2px 8px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{background:var(--cream-2);min-height:40px;font-family:var(--font-head);white-space:nowrap;transition:background .15s, transform .12s var(--ease-bounce);border:2.5px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:15px;font-weight:800;display:inline-flex}.tab:hover{background:var(--cream-3)}.tab.is-active{background:var(--ink);color:#fff;transform:translateY(-1px)}.tab-badge{background:var(--pink);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;display:inline-grid}.card{text-align:left;border:2.5px solid var(--ink);border-radius:var(--r-lg);width:100%;box-shadow:0 4px 0 var(--line-2);background:#fff;min-width:0;padding:14px;display:block}.card-click{transition:transform .12s var(--ease-bounce), box-shadow .12s}.card-click:hover{box-shadow:0 6px 0 var(--line-2);transform:translateY(-2px)}.card-click:active{box-shadow:0 1px 0 var(--line-2);transform:translateY(2px)}.card-pink{background:#ffe6f7}.card-mint{background:#ddf8ec}.card-sun{background:#fff4c7}.card-sky{background:#e3efff}.card-ink{background:var(--ink);color:#fff}.card-plain{box-shadow:none;border-color:var(--line-2)}.card h3{margin-bottom:4px;font-size:19px}.bar{border:2px solid var(--ink);background:#2b1d4a24;border-radius:999px;min-width:40px;height:14px;position:relative;overflow:hidden}.bar-sm{border-width:1.5px;height:9px}.bar-lg{border-width:3px;height:22px}.bar-fill{background:linear-gradient(180deg, #7ff0c5, var(--mint) 60%, var(--mint-d));height:100%;transition:width .5s var(--ease-bounce);border-radius:999px;box-shadow:inset 0 -2px #0000001f}.bar-text{color:var(--ink);text-shadow:0 0 3px #fff;place-items:center;font-size:11px;font-weight:900;display:grid;position:absolute;inset:0}.bar-lg .bar-text{font-size:13px}.tip{display:inline-flex;position:relative}.tip:after{content:attr(data-tip);background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:50;border-radius:10px;max-width:260px;padding:6px 10px;font-size:13px;font-weight:700;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.tip-bottom:after{top:calc(100% + 8px);bottom:auto}.tip:hover:after,.tip:focus-within:after{opacity:1;transform:translate(-50%)}.empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;display:flex}.empty-icon{font-size:52px;line-height:1;animation:3s ease-in-out infinite floaty}.empty-title{font-family:var(--font-head);font-size:21px;font-weight:800}.empty-body{color:var(--ink-3);max-width:420px}.empty-action{margin-top:8px}.empty-error .empty-title{color:var(--danger-d)}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.countdown{font-variant-numeric:tabular-nums;font-weight:800}.countdown.is-soon{color:var(--danger-d)}.cur{border:2.5px solid var(--ink);height:36px;box-shadow:0 3px 0 var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 6px;font-weight:900;display:inline-flex}.cur-icon{background:var(--cream-2);border-radius:50%;place-items:center;width:26px;height:26px;font-size:15px;display:grid}.cur-kibble .cur-icon{background:#d8ecff}.cur-yarn .cur-icon{background:#ffd9f2}.cur-tickets .cur-icon{background:#fff1b8}.cur-click{cursor:pointer;transition:transform .1s var(--ease-bounce)}.cur-click:hover{transform:translateY(-1px)scale(1.03)}.cur-click:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.cur-plus{background:var(--mint);color:#fff;border:2px solid var(--ink);border-radius:50%;place-items:center;width:18px;height:18px;margin-right:-4px;display:grid}.price{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:900}.art-icon{flex:none;place-items:center;display:inline-grid;position:relative}.art-icon img{object-fit:contain;filter:drop-shadow(0 2px #2b1d4a40);width:100%;height:100%}.art-glyph{filter:drop-shadow(0 2px #2b1d4a33);line-height:1}.art-mat{background:radial-gradient(circle at 50% 40%, #fff 0, color-mix(in srgb, var(--mc) 35%, #fff) 80%);border-radius:30%}.art-dye-dot{border:2px solid var(--ink);border-radius:50%;width:30%;height:30%;position:absolute;bottom:0;right:0}.swatch-ball{border:3px solid var(--ink);border-radius:50%;place-items:center;width:82%;height:82%;font-size:.6em;display:grid;box-shadow:inset -4px -5px #00000024}.swatch-pattern{background:repeating-linear-gradient(45deg, var(--pc) 0 6px, #fff 6px 12px)}.cat-portrait{flex:none;display:block}.tile{--rar:var(--rar-common);border:3px solid var(--rar);background:linear-gradient(180deg, #fff 0, color-mix(in srgb, var(--rar) 14%, #fff) 100%);text-align:center;min-width:0;color:var(--ink);box-shadow:0 4px 0 color-mix(in srgb, var(--rar) 60%, var(--ink));border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex;position:relative}.tile-click{cursor:pointer;transition:transform .12s var(--ease-bounce), box-shadow .12s}.tile-click:hover:not(:disabled){transform:translateY(-3px)rotate(-1deg)}.tile-click:active:not(:disabled){box-shadow:0 1px 0 color-mix(in srgb, var(--rar) 60%, var(--ink));transform:translateY(2px)}.tile.is-selected{outline:4px solid var(--pink);outline-offset:2px}.tile.is-dim{opacity:.5;filter:grayscale(.7)}.tile.rar-epic,.tile.rar-legendary,.tile.rar-mythic{box-shadow:0 4px 0 color-mix(in srgb, var(--rar) 60%, var(--ink)), 0 0 16px color-mix(in srgb, var(--rar) 55%, transparent)}.tile.rar-mythic .tile-art:before,.tile.rar-legendary .tile-art:before{content:"";background:conic-gradient(from 0deg, transparent, color-mix(in srgb, var(--rar) 40%, transparent), transparent 40%);z-index:0;border-radius:50%;animation:4s linear infinite spin;position:absolute;inset:-6px}.tile-art{place-items:center;display:grid;position:relative}.tile-art>.art-icon{z-index:1}.tile-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:13px;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.tile-sm .tile-name{font-size:11px}.tile-foot{font-size:13px;font-weight:900}.tile-serial{z-index:2;background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:900;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.tile-qty{z-index:2;background:var(--ink);color:#fff;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:900;position:absolute;bottom:-4px;right:-10px}.tile-dye{z-index:2;border:2px solid var(--ink);border-radius:50%;width:16px;height:16px;position:absolute;bottom:-2px;left:-6px}.tile-badges{z-index:2;gap:1px;display:flex;position:absolute;top:-8px;right:-12px}.tile-badge{border:2px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.rar-tag{--rar:var(--rar-common);text-transform:uppercase;letter-spacing:.06em;background:var(--rar);color:#fff;text-shadow:0 1px #00000040;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:900;display:inline-block}.toasts{z-index:300;top:max(12px, env(safe-area-inset-top));pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(460px,100vw - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;text-align:left;border:3px solid var(--ink);width:100%;box-shadow:0 5px 0 var(--ink);animation:toast-in .35s var(--ease-bounce);background:#fff;border-radius:18px;align-items:center;gap:10px;padding:10px 14px;font-weight:800;display:flex}.toast-icon{font-size:22px}.toast-success{background:#ddf8ec}.toast-warn{background:#fff4c7}.toast-reward{background:linear-gradient(90deg,#fff4c7,#ffe6f7)}.toast-error{background:#ffe4e8}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)scale(.9)}}.win-layer,.modal-layer{z-index:100;padding:var(--gutter);place-items:center;display:grid;position:fixed;inset:0}.win-layer.is-hidden,.panel-slot.is-under{display:none}.win-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e123673;animation:.2s fade-in;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}}.win{--win-accent:var(--pink);background:var(--cream);border:4px solid var(--ink);border-radius:var(--r-xl);width:100%;max-height:min(88vh,860px);box-shadow:var(--shadow-lg);animation:pop-in .32s var(--ease-bounce);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.win-sm{max-width:440px}.win-md{max-width:660px}.win-lg{max-width:900px}.win-xl{max-width:1100px}@keyframes pop-in{0%{opacity:0;transform:scale(.88)translateY(14px)}}.win-grabber{display:none}.win-head{background:var(--win-accent);border-bottom:4px solid var(--ink);background-image:radial-gradient(#ffffff38 2px,#0000 2.5px);background-size:18px 18px;flex:none;align-items:center;gap:10px;padding:12px 12px 12px 18px;display:flex}.win-icon{filter:drop-shadow(0 2px #2b1d4a4d);font-size:28px;line-height:1}.win-title{color:#fff;min-width:0;text-shadow:0 2px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink), 2px 2px 0 var(--ink), -2px 2px 0 var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;padding:2px 0;font-size:26px;font-weight:800;overflow:hidden}.win-actions{align-items:center;gap:6px;display:flex}.win-back{background:#ffffffb3}.win-body{overscroll-behavior:contain;flex:auto;padding:16px 18px 20px;overflow:hidden auto}.win-foot{border-top:3px solid var(--line-2);background:var(--cream-2);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:12px 18px;display:flex}@media (max-width:640px){.win-layer{place-items:end stretch;padding:0}.win{max-width:none;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-radius:26px 26px 0 0;animation:.32s cubic-bezier(.2,.9,.3,1.1) sheet-up}.win-grabber{z-index:2;background:#ffffffbf;border-radius:9px;width:44px;height:5px;margin-left:-22px;display:block;position:absolute;top:6px;left:50%}.win-head{padding:14px 10px 10px 14px}.win-title{font-size:22px}.win-body{padding:14px var(--gutter) 20px}}@keyframes sheet-up{0%{transform:translateY(100%)}}.modal-layer{z-index:200}.modal{background:var(--cream);border:4px solid var(--ink);border-radius:var(--r-xl);width:min(440px,100%);max-height:90dvh;box-shadow:var(--shadow-lg);text-align:center;animation:pop-in .4s var(--ease-bounce);outline:none;flex-direction:column;align-items:center;gap:12px;padding:28px 22px 24px;display:flex;position:relative;overflow-y:auto}.modal-close{position:absolute;top:10px;right:10px}.modal-celebrate{background:radial-gradient(circle at 50% 0, #ffd23f73, transparent 60%), var(--cream);overflow:hidden}.celebrate-kicker{font-family:var(--font-head);letter-spacing:.12em;color:#fff;background:var(--pink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:4px 14px;font-size:15px;font-weight:800;animation:1.2s ease-in-out infinite wiggle}.celebrate-text{max-width:360px;font-size:17px}.celebrate-item{width:140px;animation:pop-in .6s var(--ease-bounce) .15s backwards}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.level-burst{font-family:var(--font-head);width:120px;height:120px;color:var(--ink);background:var(--sun);border:4px solid var(--ink);clip-path:polygon(50% 0,61% 18%,82% 10%,80% 32%,100% 40%,85% 56%,96% 76%,74% 78%,68% 100%,50% 86%,32% 100%,26% 78%,4% 76%,15% 56%,0 40%,20% 32%,18% 10%,39% 18%);animation:spin-in .7s var(--ease-bounce);place-items:center;font-size:64px;font-weight:800;display:grid}@keyframes spin-in{0%{transform:rotate(-180deg)scale(.2)}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti span{border-radius:3px;width:9px;height:14px;animation:1.8s ease-in forwards confetti;position:absolute;top:-12px}@keyframes confetti{to{opacity:.2;transform:translateY(560px)rotate(720deg)}}.daily-days{grid-template-columns:repeat(7,1fr);gap:6px;width:100%;display:grid}.daily-day{border:2px solid var(--line-2);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:18px;display:flex}.daily-n{color:var(--ink-3);font-size:10px;font-weight:900}.daily-day.is-done{border-color:var(--mint-d);background:#ddf8ec}.daily-day.is-today{background:var(--sun);border:3px solid var(--ink);animation:1s ease-in-out infinite wiggle;transform:scale(1.08)}.title-screen{padding:max(24px, env(safe-area-inset-top)) var(--gutter) 32px;background:radial-gradient(at 50% 120%,#ffb6e8 0,#0000 55%),radial-gradient(at 10% 10%,#8fd3ff 0,#0000 45%),linear-gradient(#6fa8f5 0%,#b78cf0 55%,#ff9ad8 100%);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow:hidden auto}.title-sky{pointer-events:none;position:fixed;inset:0;overflow:hidden}.cloud{opacity:.75;background:#fff;border-radius:999px;width:180px;height:56px;animation:40s linear infinite drift;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud:before{width:80px;height:80px;top:-40px;left:26px}.cloud:after{width:60px;height:60px;top:-26px;left:90px}.c1{top:12%;left:-200px}.c2{animation-duration:55s;animation-delay:-20s;top:34%;left:-260px;transform:scale(.7)}.c3{animation-duration:48s;animation-delay:-35s;top:70%;left:-220px}@keyframes drift{to{translate:calc(100vw + 460px)}}.sparkle{color:#fff;font-size:26px;animation:2.4s ease-in-out infinite twinkle;position:absolute}.s1{top:18%;right:14%}.s2{animation-delay:.8s;top:58%;left:9%}.s3{animation-delay:1.5s;top:80%;right:22%}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(30deg)}}.title-card{background:var(--cream);border:4px solid var(--ink);border-radius:var(--r-xl);width:min(520px,100%);box-shadow:var(--shadow-lg);animation:pop-in .45s var(--ease-bounce);flex-direction:column;gap:14px;margin:auto 0;padding:26px 24px 22px;display:flex;position:relative}.title-card-narrow{width:min(420px,100%)}.wizard-wide{width:min(820px,100%)}.logo{font-family:var(--font-head);text-align:center;color:var(--pink);letter-spacing:-.01em;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);margin-top:4px;font-size:clamp(46px,13vw,76px);font-weight:800;line-height:.95}.logo-ch{animation:2.2s ease-in-out infinite bob;display:inline-block}.logo-ch-2{color:var(--mint)}.logo-gap{width:.25em;display:inline-block}@keyframes bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(-3deg)}}.title-sub{text-align:center;color:var(--ink-2);font-size:16px}.title-cat{background:0 0;border:0;border-radius:50%;align-self:center;padding:0;animation:1.4s cubic-bezier(.5,0,.5,1) infinite bounce;position:relative}.title-cat .cat-portrait{z-index:1;position:relative}.title-cat-shadow{background:#2b1d4a2e;border-radius:50%;height:14px;animation:1.4s cubic-bezier(.5,0,.5,1) infinite shadow-pulse;position:absolute;bottom:6px;left:22%;right:22%}@keyframes bounce{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-18px)scale(.98,1.03)}90%{transform:translateY(0)scale(1.05,.95)}}@keyframes shadow-pulse{45%{opacity:.6;transform:translateY(18px)scale(.75)}}.title-buttons{flex-direction:column;gap:14px;padding:0 8px;display:flex}.title-foot{text-align:center;color:var(--ink-3);font-size:13px}.title-error{border:3px solid var(--danger);z-index:10;background:#ffe4e8;border-radius:16px;width:max-content;max-width:calc(100vw - 32px);padding:10px 16px;font-weight:800;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.wizard-top{align-items:center;gap:12px;display:flex}.wizard-top .bar{flex:1}.wizard-step{color:var(--ink-3);white-space:nowrap;font-size:13px;font-weight:900}.wizard-nav{margin-top:4px}.purr-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.purr-card{text-align:center;border:3px solid var(--ink);box-shadow:0 4px 0 var(--line-2);transition:transform .15s var(--ease-bounce);background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.purr-card:hover{transform:translateY(-3px)rotate(-1.5deg)}.purr-card.is-active{box-shadow:0 5px 0 var(--ink);background:#fff4c7;transform:translateY(-3px)}.purr-emoji{font-size:36px}.purr-name{font-family:var(--font-head);font-size:19px;font-weight:800}.purr-blurb{color:var(--ink-2);font-size:13px}.safety-hero{align-items:center;gap:14px;display:flex}.safety-hero .cat-portrait{border:3px solid var(--ink);background:#fff;border-radius:50%}.safety-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.safety-list li{border:2px solid var(--line-2);background:#fff;border-radius:16px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.safety-list li>span:first-child{font-size:24px}.cc{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:18px;display:grid}.cc-compact{grid-template-columns:200px minmax(0,1fr)}.cc-preview{flex-direction:column;align-items:center;gap:8px;display:flex;position:sticky;top:0}.cc-stage{aspect-ratio:1;border:3px solid var(--ink);background:radial-gradient(at 50% 88%,#2b1d4a2e 0 30%,#0000 31%),radial-gradient(circle at 50% 40%,#fff 0,#ffe6f7 70%);border-radius:28px;place-items:center;width:100%;display:grid}.cc-chonk-label{font-family:var(--font-head);background:var(--sun);border:2.5px solid var(--ink);border-radius:999px;padding:2px 14px;font-size:18px;font-weight:800}.cc-controls{flex-direction:column;gap:12px;min-width:0;display:flex}.cc-row{border:0;min-width:0;margin:0;padding:0}.cc-row legend{font-family:var(--font-head);margin-bottom:6px;padding:0;font-size:15px;font-weight:800}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:3px solid var(--ink);width:40px;height:40px;transition:transform .15s var(--ease-bounce);border-radius:50%;box-shadow:inset -4px -5px #00000024}.swatch:hover{transform:scale(1.1)}.swatch.is-active{box-shadow:inset -4px -5px 0 #00000024, 0 0 0 3px #fff, 0 0 0 6px var(--pink);transform:scale(1.12)}.swatch.is-special{border-style:dashed}.chonk{align-items:center;gap:10px;font-size:22px;display:flex}@media (max-width:640px){.cc,.cc-compact{grid-template-columns:minmax(0,1fr)}.cc-preview{flex-direction:row;justify-content:center;position:static}.cc-stage{width:150px}.cc-stage .cat-portrait{width:140px!important;height:140px!important}.title-card{padding:20px 16px 18px}}.shard-card{width:min(620px,100%)}.shard-head{align-items:center;gap:14px;display:flex}.shard-head .cat-portrait{border:3px solid var(--ink);background:#fff;border-radius:50%}.shard-list{flex-direction:column;gap:10px;display:flex}.shard{text-align:left;border:3px solid var(--ink);box-shadow:0 4px 0 var(--line-2);transition:transform .15s var(--ease-bounce);background:#fff;border-radius:20px;align-items:center;gap:12px;padding:12px 14px;display:flex}.shard:hover{transform:translate(3px)}.shard.is-active{box-shadow:0 5px 0 var(--ink);background:#ddf8ec}.shard-emoji{background:var(--cream-2);border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:32px;display:grid}.shard-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.shard-name{font-family:var(--font-head);flex-wrap:wrap;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.shard-blurb{color:var(--ink-3);font-size:13px}.shard-pop{align-items:center;gap:8px;display:flex}.shard-pop .bar{flex:1;max-width:200px}.shard-pop-text{color:var(--ink-2);white-space:nowrap;font-size:12px;font-weight:900}.pop-hot .bar-fill{background:linear-gradient(180deg, #ff9aa4, var(--danger))}.pop-warm .bar-fill{background:linear-gradient(180deg, #ffe58a, var(--sun))}.shard-friends{background:var(--sky);color:#fff;border:2px solid var(--ink);white-space:nowrap;border-radius:999px;padding:2px 10px;font-weight:900}.loading-screen{z-index:150;padding:var(--gutter);background:radial-gradient(circle at 50% 30%, #5b3f8f 0, var(--ink) 70%);color:#fff;place-items:center;display:grid;position:fixed;inset:0}.loading-inner{text-align:center;flex-direction:column;align-items:stretch;gap:16px;width:min(440px,100%);display:flex}.loading-cat{font-size:64px;animation:.6s ease-in-out infinite alternate loading-run}@keyframes loading-run{0%{transform:translateY(0)rotate(-6deg)}to{transform:translateY(-10px)rotate(6deg)}}.loading-title{color:#fff}.loading-screen .bar{background:#ffffff26;border-color:#fff}.loading-tip{color:#e9defc;min-height:3em;font-size:16px;animation:.4s fade-in}.plain-page{padding:24px var(--gutter);color:#fff;font-family:var(--font);height:100%;overflow-y:auto}.game-root{background:var(--ink);position:fixed;inset:0;overflow:hidden}.game-canvas{position:absolute;inset:0}.game-canvas canvas{touch-action:none}@media (max-width:700px) and (orientation:portrait){.game-canvas.world-viewport{top:var(--world-top,calc(144px + env(safe-area-inset-top)));bottom:var(--world-bottom,calc(148px + env(safe-area-inset-bottom)))}}.hud{pointer-events:none;z-index:20;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hud>*{pointer-events:none}.hud button,.hud input,.hud .pop,.hud form{pointer-events:auto}.hud-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.hud-left{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.player-card{border:3px solid var(--ink);background:var(--cream);box-shadow:0 4px 0 var(--ink);text-align:left;max-width:min(320px,62vw);transition:transform .12s var(--ease-bounce);border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.player-card:hover{transform:translateY(-1px)scale(1.02)}.player-card:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.pc-portrait{border:2.5px solid var(--ink);background:radial-gradient(circle at 50% 35%,#fff,#ffe6f7);border-radius:50%;flex:none;width:56px;height:56px;position:relative;overflow:visible}.pc-portrait .cat-portrait{border-radius:50%}.has-aura .pc-portrait{box-shadow:0 0 0 3px var(--sun), 0 0 18px 4px #ffd23fbf;animation:2.4s ease-in-out infinite aura}.aura-5 .pc-portrait,.aura-6 .pc-portrait,.aura-7 .pc-portrait,.aura-8 .pc-portrait{box-shadow:0 0 0 3px var(--grape), 0 0 20px 6px #b46cffbf}.aura-9 .pc-portrait{box-shadow:0 0 0 3px var(--pink), 0 0 24px 8px #ff6fd8d9}@keyframes aura{50%{filter:brightness(1.15)}}.pc-lives{background:var(--ink);color:var(--sun);border-radius:999px;padding:0 5px;font-size:11px;font-weight:900;position:absolute;bottom:-4px;right:-6px}.pc-info{flex-direction:column;gap:1px;min-width:0;display:flex}.pc-name{font-family:var(--font-head);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:800;line-height:1.05;overflow:hidden}.pc-member{margin-left:4px}.pc-title{color:var(--pink-d);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;overflow:hidden}.pc-fame{align-items:center;gap:6px;display:flex}.pc-fame .bar{width:90px}.pc-lvl{background:var(--sun);border:1.5px solid var(--ink);white-space:nowrap;border-radius:999px;padding:0 6px;font-size:11px;font-weight:900}.hud-wallet{flex-wrap:wrap;gap:6px;display:flex}.hud-playtime{border:2.5px solid var(--ink);background:#fff4c7;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:900}.hud-right{align-items:flex-start;gap:8px;display:flex}.world-info{color:#fff;border:3px solid var(--ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2b1d4ad1;border-radius:18px;flex-direction:column;align-items:flex-end;gap:4px;padding:7px 14px;display:flex;box-shadow:0 4px #00000040}.wi-name{font-family:var(--font-head);white-space:nowrap;align-items:center;gap:6px;font-size:17px;font-weight:800;line-height:1;display:flex}.wi-dot{background:var(--sun);border-radius:50%;width:9px;height:9px;animation:1s infinite twinkle}.wi-clock{color:#e9defc;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:800}.wi-weather{margin-left:6px}.hud-bottom{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.hud-bottom>.hud-bar{pointer-events:auto;background:var(--cream);border:3px solid var(--ink);height:auto;box-shadow:0 5px 0 var(--ink);border-radius:26px;align-items:center;gap:10px;min-width:0;max-width:100%;padding:8px 10px;display:flex;overflow:visible}.chat-row{align-items:center;gap:6px;min-width:0;display:flex}.bar-btn{border:2.5px solid var(--ink);width:44px;height:44px;box-shadow:0 3px 0 var(--ink);transition:transform .1s var(--ease-bounce);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.bar-btn:hover{transform:translateY(-1px)}.bar-btn:active,.bar-btn.is-active{box-shadow:0 1px 0 var(--ink);background:var(--sun);transform:translateY(2px)}.bar-safe{background:var(--sky);color:#fff}.bar-send{background:var(--pink);color:#fff}.bar-send:disabled{opacity:.5}.chat-form{align-items:center;gap:6px;min-width:0;display:flex}.chat-input{border:2.5px solid var(--ink);background:#fff;border-radius:999px;width:220px;min-width:0;height:44px;padding:0 14px;font-weight:700}.chat-input:focus{outline:none;box-shadow:0 0 0 4px #6fa8f566}.chat-safe-hint{color:var(--ink-3);white-space:nowrap;padding:0 6px;font-size:13px;font-weight:800}.dock{border-left:3px dotted var(--line-2);gap:4px;padding-left:8px;display:flex}.dock-btn{width:48px;height:48px;transition:transform .15s var(--ease-bounce);background:0 0;border:0;border-radius:16px;place-items:center;display:grid;position:relative}.dock-icon{filter:drop-shadow(0 2px #2b1d4a40);font-size:27px;line-height:1}.dock-label{background:var(--ink);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)}.dock-btn:hover,.dock-btn:focus-visible{background:var(--cream-2);transform:translateY(-4px)scale(1.08)}.dock-btn:hover .dock-label,.dock-btn:focus-visible .dock-label{opacity:1;transform:translate(-50%)}.dock-btn:active{transform:translateY(1px)scale(.94)}.dock-btn.is-active{background:var(--sun)}.pop-scrim{position:fixed;inset:0;pointer-events:auto!important}.pop{z-index:5;background:var(--cream);border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);animation:pop-in .25s var(--ease-bounce);border-radius:22px;max-width:calc(100vw - 24px);position:absolute;bottom:calc(100% + 4px)}.safechat{width:520px;max-height:min(340px,50dvh);display:flex;overflow:hidden}.sc-groups{border-right:3px dotted var(--line-2);flex-direction:column;flex:none;gap:4px;padding:8px;display:flex;overflow-y:auto}.sc-group{min-height:40px;font-family:var(--font-head);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:14px;padding:4px 12px;font-weight:800}.sc-group.is-active{background:var(--sky);color:#fff}.sc-phrases{flex-wrap:wrap;align-content:flex-start;gap:6px;padding:10px;display:flex;overflow-y:auto}.sc-phrase{border:2px solid var(--ink);text-align:left;min-height:40px;transition:transform .12s var(--ease-bounce);background:#fff;border-radius:14px;padding:6px 12px;font-weight:800}.emote-wheel{border-radius:50%;place-items:center;width:260px;height:260px;display:grid}.emote-wheel .emote-btn{position:absolute;top:calc(50% - 26px);left:calc(50% - 26px)}.emote-grid{grid-template-columns:repeat(5,52px);gap:8px;padding:12px;display:grid}.emote-btn{border:2.5px solid var(--ink);width:52px;height:52px;transition:scale .15s var(--ease-bounce);background:#fff;border-radius:50%;place-items:center;display:grid}.emote-btn:hover{background:#fff4c7;scale:1.18}.emote-hub{font-size:34px}.chatlog{flex-direction:column;gap:4px;width:420px;max-height:min(300px,45dvh);padding:12px 14px;font-size:14px;display:flex;overflow-y:auto}.chat-line b{color:var(--sky-d)}.chat-line.is-me b{color:var(--pink-d)}.more-grid{grid-template-columns:repeat(3,1fr);gap:6px;width:min(360px,100vw - 24px);padding:10px;display:grid}.more-btn{border:2px solid var(--line-2);background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;font-size:12px;font-weight:800;display:flex}.more-btn span{font-size:26px}.npc-dialog{z-index:40;text-align:left;border:3px solid var(--ink);background:var(--cream);width:min(560px,100vw - 24px);box-shadow:0 6px 0 var(--ink);animation:toast-in .35s var(--ease-bounce);border-radius:24px;align-items:center;gap:12px;padding:10px 16px 10px 10px;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.npc-dialog .npc-portrait{border:2.5px solid var(--ink);background:radial-gradient(circle at 50% 35%,#fff,#e3efff);border-radius:18px}.npc-body{flex-direction:column;gap:2px;min-width:0;display:flex}.npc-name{font-family:var(--font-head);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:18px;font-weight:800;display:flex}.npc-title{font-family:var(--font);color:var(--pink-d);font-size:12px}.npc-text{font-size:15px}.conn-banner{z-index:60;border:3px solid var(--ink);background:#ffe4e8;border-radius:999px;padding:6px 16px;font-weight:800;position:absolute;top:80px;left:50%;transform:translate(-50%)}.kick-screen{z-index:400;padding:var(--gutter);background:radial-gradient(circle at 50% 20%,#5b3f8f,#160d2c 80%);place-items:center;display:grid;position:fixed;inset:0}.kick-card{background:var(--cream);border:4px solid var(--ink);border-radius:var(--r-xl);text-align:center;width:min(460px,100%);box-shadow:var(--shadow-lg);animation:pop-in .45s var(--ease-bounce);flex-direction:column;align-items:center;gap:14px;padding:28px 22px;display:flex}.kick-icon{font-size:72px;animation:3s ease-in-out infinite floaty}@media (max-width:720px){.hud-bottom>.hud-bar{border-radius:22px;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:8px}.chat-row{width:100%}.chat-form{flex:1}.chat-input{flex:1;width:auto}.chat-safe-hint{white-space:normal;flex:1}.dock{border-left:0;border-top:3px dotted var(--line-2);justify-content:space-around;padding-top:6px;padding-left:0}.dock-label{display:none}.player-card{padding-right:10px}.pc-portrait{width:46px;height:46px}.pc-portrait .cat-portrait{width:46px!important;height:46px!important}.pc-name{font-size:16px}.pc-fame .bar{width:60px}.cur{height:32px;font-size:14px}.cur-icon{width:22px;height:22px;font-size:13px}.world-info{padding:5px 10px}.wi-name{font-size:14px}.safechat{flex-direction:column;width:calc(100vw - 24px);max-height:56dvh}.sc-groups{border-right:0;border-bottom:3px dotted var(--line-2);flex-direction:row;overflow-x:auto}.chatlog{width:calc(100vw - 24px)}.npc-dialog{bottom:150px}}.panel-intro{border:2.5px solid var(--line-2);background:#fff;border-radius:20px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}.panel-intro .npc-portrait,.panel-intro .cat-portrait{background:radial-gradient(circle at 50% 35%,#fff,#ffe6f7);border-radius:16px}.quote{font-style:italic;font-weight:700}.quote b{font-style:normal;font-family:var(--font-head)}.detail{grid-template-columns:140px minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:520px){.detail{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.detail .row{justify-content:center}}.detail-name{font-family:var(--font-head);font-size:26px;font-weight:800}.flavor{color:var(--ink-2);font-size:16px;font-style:italic}.kv{grid-template-columns:auto 1fr;gap:4px 12px;font-size:14px;display:grid}.kv dt{color:var(--ink-3);font-weight:800}.kv dd{margin:0;font-weight:800}.list{flex-direction:column;gap:8px;display:flex}.list-row{border:2.5px solid var(--line-2);background:#fff;border-radius:18px;align-items:center;gap:12px;min-width:0;padding:8px 12px;display:flex}.list-row .grow{flex-direction:column;gap:2px;display:flex}.list-title{font-family:var(--font-head);text-overflow:ellipsis;font-size:17px;font-weight:800;line-height:1.1;overflow:hidden}.list-sub{color:var(--ink-3);font-size:13px}.online-dot{border:2px solid var(--ink);background:#c9c2d6;border-radius:50%;flex:none;width:11px;height:11px;display:inline-block}.online-dot.is-on{background:var(--mint);box-shadow:0 0 8px var(--mint)}.round-portrait{border:2.5px solid var(--ink);background:radial-gradient(circle at 50% 35%,#fff,#ffe6f7);border-radius:50%}.testmode{border:3px dashed var(--ink);text-align:center;background:repeating-linear-gradient(-45deg,#fff4c7 0 14px,#ffe58a 14px 28px);border-radius:16px;padding:10px 14px;font-weight:800}.testmode strong{font-family:var(--font-head);letter-spacing:.04em;font-size:18px}.testmode-sm{padding:6px 10px;font-size:13px}.notice{border:2.5px solid var(--sky-d);background:#e3efff;border-radius:16px;align-items:flex-start;gap:10px;padding:10px 14px;font-weight:700;display:flex}.notice-warn{border-color:var(--sun-d);background:#fff4c7}.notice-pink{border-color:var(--pink-d);background:#ffe6f7}.sticky-actions{background:var(--cream-2);border-top:3px solid var(--line-2);z-index:3;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin:12px -18px -20px;padding:12px 18px;display:flex;position:sticky;bottom:-20px}@media (max-width:640px){.sticky-actions{margin:12px calc(-1 * var(--gutter)) -20px;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom))}}.shop-section+.shop-section{margin-top:16px}.supply-bar .bar-fill{background:linear-gradient(180deg, #ffb3e8, var(--pink))}.pack-card{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.pack-yarn{font-size:44px;line-height:1;animation:3s ease-in-out infinite floaty}.pack-amt{font-family:var(--font-head);font-size:26px;font-weight:800}.pack-bonus{background:var(--mint);color:#fff;border:2px solid var(--ink);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:900}.perks{flex-direction:column;gap:6px;margin:8px 0;padding:0;list-style:none;display:flex}.perks li:before{content:"✦ ";color:var(--pink)}.note-picker{flex-direction:column;gap:6px;display:flex}.note-opt{text-align:left;border:2.5px solid var(--line-2);background:#fff;border-radius:14px;min-height:44px;padding:8px 12px;font-weight:800}.note-opt.is-active{border-color:var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff4c7}.ticker{white-space:nowrap;background:var(--ink);color:#fff;font-variant-numeric:tabular-nums;border-radius:14px;gap:18px;margin-bottom:12px;padding:8px 0;font-weight:800;display:flex;overflow:hidden}.ticker-track{gap:22px;padding-left:100%;animation:30s linear infinite ticker;display:inline-flex}@keyframes ticker{to{transform:translate(-100%)}}.trend-up{color:var(--mint)}.trend-down{color:#ff8a95}.trend-flat{color:#c9c2d6}.card .trend-up{color:var(--mint-d)}.card .trend-down{color:var(--danger-d)}.card .trend-flat{color:var(--ink-3)}.plots{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (max-width:520px){.plots{grid-template-columns:repeat(2,minmax(0,1fr))}}.plot{border:3px solid var(--ink);text-align:center;min-height:190px;box-shadow:0 4px 0 var(--line-2);background:linear-gradient(#e7f6ff 0 45%,#9a6a44 45% 100%);border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 12px;display:flex;position:relative}.plot-plant{filter:drop-shadow(0 3px #2b1d4a40);place-items:end center;height:70px;font-size:46px;line-height:1;display:grid}.plot-plant.is-ready{animation:1.2s ease-in-out infinite wiggle}.plot-info{background:#fff8eff0;border-radius:14px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:6px 8px;font-size:13px;display:flex}.drops{letter-spacing:1px}.leaf{width:44px;height:44px;display:inline-block;position:relative}.leaf:before{content:"";background:var(--leaf,#6dbb5a);border:2.5px solid var(--ink);border-radius:0 60%;position:absolute;inset:4px;transform:rotate(-45deg)}.leaf.is-unknown:before{background:#5a4e70;border-style:dashed}.strain-card{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.strain-card .muted{font-size:12px}.gene{background:var(--cream-2);border-radius:8px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.reveal{text-align:center;border:3px solid var(--ink);animation:pop-in .5s var(--ease-bounce);background:radial-gradient(circle at 50% 0,#fff4c7,#fff 70%);border-radius:24px;padding:16px;position:relative;overflow:hidden}.map{aspect-ratio:16/10;border:4px solid var(--ink);background:radial-gradient(at 10% 75%,#7fd2ff 0 18%,#0000 19%),radial-gradient(at 0 90%,#7fd2ff 0 30%,#0000 31%),radial-gradient(circle at 70% 30%,#c6efb0 0 10%,#0000 11%),linear-gradient(#bfe9a6,#a9dc8e);border-radius:24px;width:100%;position:relative;overflow:hidden}.map svg.map-roads{width:100%;height:100%;position:absolute;inset:0}.map-pin{z-index:2;transition:transform .15s var(--ease-bounce);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:absolute;transform:translate(-50%,-60%)}.map-pin:hover,.map-pin:focus-visible{z-index:3;transform:translate(-50%,-70%)scale(1.12)}.map-pin-icon{border:3px solid var(--ink);width:48px;height:48px;box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:50% 50% 50% 8px;place-items:center;display:grid;transform:rotate(-45deg)}.map-pin-icon>span{font-size:24px;transform:rotate(45deg)}.map-pin.is-here .map-pin-icon{background:var(--sun);animation:1.6s ease-in-out infinite bob}.map-pin-label{background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;margin-top:4px;padding:2px 8px;font-size:12px;font-weight:800}.map-train{z-index:1;font-size:26px;animation:14s linear infinite train;position:absolute;bottom:6%}@keyframes train{0%{left:-10%}to{left:105%}}@media (max-width:520px){.map{aspect-ratio:3/4}.map-pin-icon{width:42px;height:42px}.map-pin-label{text-overflow:ellipsis;max-width:90px;font-size:11px;overflow:hidden}}.paper{color:#1d1d1d;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fdfaf2;border-radius:8px;padding:16px;font-family:Georgia,Times New Roman,serif}.paper-mast{text-align:center;border-bottom:3px double #1d1d1d;margin-bottom:12px;padding-bottom:8px}.paper-mast h2{letter-spacing:.02em;font-family:"Baloo 2",Georgia,serif;font-size:clamp(32px,7vw,52px)}.paper-meta{border-top:1px solid #1d1d1d;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:4px;padding-top:4px;font-size:12px;display:flex}.paper-cols{grid-template-columns:2fr 1fr;gap:16px;display:grid}@media (max-width:640px){.paper-cols{grid-template-columns:1fr}}.paper h3{margin:8px 0 4px;font-family:Georgia,serif;font-size:20px}.headline{border-bottom:1px solid #ccc;padding:6px 0;font-size:18px;font-weight:700}.headline:first-child{font-size:24px}.comic{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}@media (max-width:640px){.comic{grid-template-columns:repeat(2,1fr)}}.comic-panel{background:#fff;border:2px solid #1d1d1d;align-items:flex-end;min-height:90px;padding:8px;font-family:Comic Sans MS,Nunito,sans-serif;font-size:13px;display:flex}.clue-box{background:#eef3ff;border:2px dashed #1d1d1d;padding:10px}.lives{flex-direction:column;gap:12px;display:flex}.life{border:3px solid var(--ink);background:#fff;border-radius:22px;padding:10px 12px}.life.is-locked{opacity:.7}.life-head{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.tiers{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.tier{flex-direction:column;align-items:stretch;gap:4px;display:flex}.tier-n{text-align:center;color:var(--ink-3);font-size:11px;font-weight:900}.reward{border:2px solid var(--line-2);text-align:center;background:var(--cream);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:74px;padding:6px 4px;font-size:11px;font-weight:800;display:flex}.reward.is-premium{background:linear-gradient(#fff4c7,#ffe6f7)}.reward.is-claimed{opacity:.55}.reward.is-ready{border-color:var(--ink);box-shadow:0 0 0 3px var(--sun)}.reward button{border:2px solid var(--ink);background:var(--mint);color:#fff;border-radius:999px;min-height:28px;padding:2px 8px;font-size:11px;font-weight:900}.reward-icon{font-size:20px}@media (max-width:520px){.tiers{grid-template-columns:repeat(5,minmax(56px,1fr));overflow-x:auto}}.banner{border:3px solid var(--ink);color:#fff;background:var(--bc);flex:none;place-items:center;font-size:28px;display:grid;position:relative}.banner:after{content:"";border:2px solid var(--ba);border-radius:inherit;clip-path:inherit;pointer-events:none;position:absolute;inset:5px}.banner-shield{border-radius:12px 12px 50% 50%}.banner-circle{border-radius:50%}.banner-flag{border-radius:6px}.banner-pennant{clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);border-radius:0}.dex{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.dex-cell{border:2.5px solid var(--line-2);text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:12px;font-weight:800;display:flex}.dex-cell.is-missing .art-icon{filter:brightness(0)opacity(.25)}.dex-cell.is-missing{color:var(--ink-3);background:var(--cream-2)}.piano{-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;height:180px;display:flex;position:relative}.key-white{border:3px solid var(--ink);width:48px;height:100%;color:var(--ink-3);box-shadow:inset 0 -8px 0 var(--cream-3);background:#fff;border-radius:0 0 12px 12px;justify-content:center;align-items:flex-end;margin-left:-3px;padding-bottom:8px;font-weight:900;display:flex}.key-white:active,.key-white.is-down{box-shadow:inset 0 -2px 0 var(--cream-3);background:#ffe6f7}.key-black{background:var(--ink);border:3px solid var(--ink);z-index:2;border-radius:0 0 8px 8px;width:32px;height:60%;position:absolute;box-shadow:inset 0 -8px #4a3a6e}.key-black:active,.key-black.is-down{background:var(--pink-d)}@media (max-width:520px){.key-white{width:38px}.key-black{width:24px}}.slot-tabs .tab{min-width:44px}.wardrobe{grid-template-columns:260px minmax(0,1fr);gap:16px;display:grid}.wardrobe-stage{flex-direction:column;align-items:center;gap:10px;display:flex;position:sticky;top:0}@media (max-width:720px){.wardrobe{grid-template-columns:minmax(0,1fr)}.wardrobe-stage{position:static}}.equipped-strip{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.equipped-chip{border:2px solid var(--line-2);background:#fff;border-radius:999px;align-items:center;gap:4px;min-height:32px;padding:2px 8px 2px 2px;font-size:12px;font-weight:800;display:inline-flex}.profile-hero{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.mastery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.mastery{border:2px solid var(--line-2);background:#fff;border-radius:14px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.mastery b{font-family:var(--font-head)}html.reduce-motion *,html.reduce-motion :before,html.reduce-motion :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.realistic-title{background-position:50%;background-size:cover;justify-content:flex-end;padding-right:max(4vw,24px)}.realistic-title .title-sky{display:none}.realistic-title .title-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff8eff0;border-color:#776046;box-shadow:0 20px 80px #140d0980}@media (max-width:720px){.realistic-title{justify-content:center;padding-right:16px}}.story-card{color:#493a2a;background:#fff9ed;border:1px solid #ddc59b;border-radius:16px;margin:16px 0;padding:18px}.story-card h3{margin:8px 0}.story-card progress{accent-color:#ad8450;width:100%}.story-card li{margin:8px 0}:root{--ink:#263d3a;--ink-2:#445c58;--ink-3:#60736d;--bg:#243d3b;--panel:#f5f4ee;--cream:#f5f4ee;--cream-2:#e8ece4;--cream-3:#d8ded3;--accent:#356558;--pink:#356558;--pink-d:#264e43;--mint:#356558;--mint-d:#264e43;--sun:#d6c396;--sun-d:#b3a071;--sky:#426962;--sky-d:#31584f;--grape:#747b82;--danger:#ae4a45;--danger-d:#853c36;--line:#263d3a18;--line-2:#263d3a30;--shadow:0 4px 14px #172a2614;--shadow-lg:0 20px 65px #14242140;--r-sm:6px;--r:10px;--r-lg:14px;--r-xl:18px;--font-head:"Segoe UI", system-ui, sans-serif;--font:"Segoe UI", system-ui, sans-serif;--ease-bounce:cubic-bezier(.2, .7, .3, 1)}body{font-weight:400}h1,h2,h3,h4{letter-spacing:-.025em;font-weight:600}a{font-weight:600}:focus-visible{outline-offset:4px;outline:3px solid #638d7a}.btn,.btn-sm,.btn-lg{box-shadow:none;text-shadow:none;border:1px solid #0000;border-radius:7px;font-size:14px;font-weight:600;transition:background .16s,filter .16s}.btn-lg{min-height:52px;padding:14px 22px;font-size:15px}.btn-sm{min-height:40px}.btn:after{display:none}.btn:hover:not(:disabled),.btn:active:not(:disabled){box-shadow:none;transform:none}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn-secondary{border-color:var(--line-2);--b:transparent}.btn-secondary:hover:not(:disabled){background:var(--cream-2)}.btn-label{align-items:center;gap:12px;display:inline-flex}.icon-btn{border-radius:8px}.icon-btn-solid{border:1px solid var(--line-2);box-shadow:var(--shadow);background:var(--cream)}.icon-btn-solid:active{box-shadow:none;transform:none}.input,.input-lg{box-shadow:none;border-width:1px;border-radius:7px;font-weight:400}.pill,.chip,.tab,.card,.cur,.sc-phrase,.shard{box-shadow:none;border-width:1px}.bar{background:var(--cream-3);border-width:0;height:5px}.bar-fill{background:var(--accent)}.win,.modal,.pop{border:1px solid var(--line-2);box-shadow:var(--shadow-lg);border-radius:14px}.win-head{border-bottom:1px solid var(--line);background:var(--cream);padding:18px 22px}.win-title{color:var(--ink);text-shadow:none;font-size:19px;font-weight:600}.win-body{padding:22px}.win-icon{display:none}.modal{padding:28px}.modal-celebrate{background:var(--cream)}.celebrate-kicker{color:var(--ink-2);box-shadow:none;letter-spacing:.08em;background:0 0;border:0;font-size:12px;font-weight:600}.town-card{border:1px solid var(--line-2);box-shadow:none;border-radius:10px;padding:20px}.town-card b{font-size:17px;font-weight:600}.town-card span{line-height:1.5}.town-card:not(:disabled):hover{outline:2px solid var(--accent);outline-offset:3px}.wardrobe-choice{border-width:1px;border-radius:10px}.title-screen{background:#dde5db}.title-card{border:1px solid var(--line-2);border-radius:16px;gap:20px;padding:32px;animation:none}.h-display{font-size:clamp(26px,5vw,34px);font-weight:600;line-height:1.18}.title-screen.coastal-title{color:#faf9f1;isolation:isolate;padding:max(26px, env(safe-area-inset-top)) clamp(24px, 5.5vw, 88px) max(24px, env(safe-area-inset-bottom));background-color:#243d3b;background-position:58%;background-size:cover;grid-template-rows:auto 1fr auto;justify-content:stretch;align-items:stretch;gap:40px;display:grid}.coastal-title:before{content:"";z-index:-1;background:linear-gradient(90deg,#132b29eb 0%,#162d28b8 36%,#14282124 76%),linear-gradient(#0000 65%,#142820b0);position:fixed;inset:0}.arrival-header,.arrival-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.arrival-brand{letter-spacing:-.02em;align-items:center;gap:12px;font-size:18px;font-weight:600;display:inline-flex}.arrival-login{min-height:44px;color:inherit;background:0 0;border:1px solid #fff5;border-radius:6px;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.arrival-login:hover{background:#ffffff18}.arrival-content{align-self:center;max-width:650px;padding:35px 0 60px}.arrival-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#d8e3d3;margin-bottom:24px;font-size:12px}.arrival-content h1{letter-spacing:-.055em;font-size:clamp(46px,6.3vw,88px);font-weight:500;line-height:1.02}.arrival-description{color:#e1e7dc;max-width:355px;margin-top:25px;font-size:17px;line-height:1.65}.arrival-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.arrival-actions .btn-primary{--b:#f0f0e5;--b-fg:#253f37}.arrival-actions .btn-secondary{--b-fg:#faf9f1;border-color:#ffffff60}.arrival-actions .btn-secondary:hover{background:#ffffff18}.arrival-footer{color:#e0e6d8;font-size:12px}.arrival-footer a{color:inherit;align-items:center;gap:8px;min-height:44px;text-decoration:none;display:inline-flex}.arrival-footer a:hover{text-decoration:underline}.shard{border-color:var(--line-2);background:0 0;border-radius:10px;padding:14px}.shard:hover{background:var(--cream-2);transform:none}.shard.is-active{border-color:var(--accent);background:var(--cream-2);box-shadow:inset 3px 0 var(--accent)}.shard-emoji{box-shadow:none;background:0 0;border:0;width:34px}.shard-name{font-size:16px;font-weight:600}.shard-blurb,.shard-pop-text{font-weight:400}.hud{padding:max(18px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.player-card{box-shadow:var(--shadow);background:#f5f4eef5;border:1px solid #ffffff80;border-radius:10px;gap:10px;padding:8px 14px 8px 8px}.player-card:hover,.player-card:active{box-shadow:var(--shadow);background:#fffdf5;transform:none}.pc-portrait{background:#dce3d5;border:0;border-radius:7px;width:42px;height:42px;overflow:hidden}.pc-portrait .cat-portrait{border-radius:7px;width:42px;height:42px}.pc-name{font-size:14px;font-weight:600;line-height:1.4}.pc-lvl{color:var(--ink-2);background:0 0;border:0;padding:0;font-weight:500}.pc-fame{gap:10px}.pc-fame .bar{height:3px}.hud-wallet{gap:5px}.cur{background:#f5f4eef5;border-color:#ffffff70;border-radius:6px;gap:7px;min-height:32px;padding:4px 9px}.cur-icon{filter:none;font-size:16px;display:inline-flex}.cur-amt{font-size:12px;font-weight:600}.cur-plus{color:var(--ink-2);background:0 0;border:0}.cur-click:hover,.cur-click:active{box-shadow:none;transform:none}.world-info{text-align:right;cursor:pointer;color:var(--ink);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none;background:#f5f4eef5;border:1px solid #ffffff80;border-radius:10px;gap:7px;padding:12px 15px}.wi-name{justify-content:flex-end;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.wi-clock{color:var(--ink-2);align-items:center;gap:6px;font-size:11px;font-weight:400;display:inline-flex}.wi-weather{text-transform:capitalize;margin-left:2px}.hud-gear{background:#f5f4eef5;border-color:#ffffff80}.hud-bottom>.hud-bar{z-index:1;background:#f5f4eef5;border:1px solid #ffffff80;border-radius:12px;gap:12px;padding:7px 9px;position:relative;box-shadow:0 8px 32px #14262135}.bar-btn{box-shadow:none;color:var(--ink);background:0 0;border:0;border-radius:7px}.bar-btn:hover,.bar-btn:active,.bar-btn.is-active{background:var(--cream-3);box-shadow:none;transform:none}.bar-safe,.bar-send{background:var(--accent);color:#fff}.bar-safe:hover,.bar-send:hover,.bar-safe.is-active{background:var(--mint-d)}.chat-safe-hint{color:var(--ink-2);font-size:12px;font-weight:400}.chat-input{border:1px solid var(--line-2);border-radius:6px;font-size:13px;font-weight:400}.dock{border-left:1px solid var(--line-2);gap:2px;padding-left:10px}.dock-btn{border-radius:7px;width:44px;height:44px}.dock-icon{filter:none;color:var(--ink-2);display:flex}.dock-btn:hover,.dock-btn:focus-visible,.dock-btn:active{background:var(--cream-3);transform:none}.dock-label{border-radius:4px;padding:6px 9px;font-weight:400}.pop{border-radius:10px;animation:none}.more-btn span{justify-content:center;align-items:center;display:inline-flex}.sc-groups{border-right:1px solid var(--line-2)}.sc-group,.sc-phrase{border-radius:6px;font-weight:500}.sc-phrase:hover{background:var(--cream-2);transform:none}@media (max-width:1000px){.chat-safe-hint{display:none}.chat-input{width:150px}}@media (max-width:720px){.title-screen.coastal-title{background-position:62%;gap:24px;padding:18px 24px}.coastal-title:before{background:linear-gradient(90deg,#132b29dc,#132b2960),linear-gradient(#0000 50%,#142820b0)}.arrival-content{padding:16px 0}.arrival-content h1{font-size:clamp(44px,10vw,64px)}.arrival-description{max-width:300px;font-size:15px}.arrival-actions{flex-direction:column;gap:10px;max-width:320px;margin-top:26px}.arrival-footer{flex-direction:column;align-items:flex-start;gap:8px}.arrival-footer>span{display:none}.arrival-brand{font-size:16px}.title-card{padding:24px}.hud{padding:10px}.player-card{max-width:48vw;padding-right:9px}.pc-name{max-width:95px;font-size:12px}.pc-fame .bar{width:40px}.world-info{max-width:34vw;padding:10px}.wi-name{white-space:normal;font-size:11px}.wi-weather{display:none}.hud-right{gap:5px}.hud-gear{width:36px;height:40px}.hud-bottom>.hud-bar{gap:4px;padding:6px}.dock{gap:0;padding-left:4px}.dock-btn,.bar-btn{width:40px;min-width:40px;height:44px}.chat-row{gap:0}.chat-input{width:110px}}@media (max-width:520px){.hud-bottom>.hud-bar{flex-wrap:wrap;justify-content:center}.chat-form{flex:1}.chat-input{flex:1;width:100%}.chat-row:has(.chat-form){width:100%}.hud-bottom:has(.chat-form) .dock{border-left:0}}@media (max-height:760px){.arrival-content{padding:0}.arrival-content h1{font-size:clamp(32px,min(6.3vw,8vh),60px)}.arrival-eyebrow{margin-bottom:12px}.arrival-description{margin-top:12px}.arrival-actions{margin-top:18px}.title-screen.coastal-title{gap:16px}}.cur-kibble .cur-icon,.cur-yarn .cur-icon,.cur-tickets .cur-icon{color:var(--ink-2);box-shadow:none;background:0 0;border:0}.room-guide-intro{color:var(--ink);margin:0 0 6px;font-size:18px}.coat-studio{grid-template-columns:minmax(250px,1fr) minmax(250px,1fr);gap:24px;display:grid}.coat-stage{background:radial-gradient(ellipse at 50% 75%, #9caa9440, transparent 65%), var(--cream-2);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:310px;display:flex}.coat-actions{border:0;flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:0;display:flex}.coat-actions button{min-height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 12px}.coat-actions button[aria-pressed=true]{background:var(--panel);color:var(--ink)}.coat-options{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.coat-option{border:1px solid var(--line-2);text-align:left;color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:4px 12px;display:flex}.coat-option[aria-pressed=true]{border-color:var(--accent);background:var(--cream-2);box-shadow:inset 3px 0 var(--accent)}.coat-option small{color:var(--ink-2);margin-top:5px;font-size:12px;display:block}.coat-build{grid-column:1/-1;align-items:center;gap:18px;min-height:44px;display:flex}.coat-build input{min-width:0;accent-color:var(--accent);flex:1}.coat-build span{min-width:65px;color:var(--ink-2);font-size:13px}@media (max-width:600px){.coat-studio{grid-template-columns:1fr;gap:16px}.coat-stage{min-height:290px}}.game-entry{--mg-ink:var(--ink);--mg-card:var(--cream);--mg-cream:var(--cream-2);--mg-pink:var(--cream-2);--mg-teal:var(--cream-2);--mg-yellow:var(--sun);--mg-green:var(--cream-3)}.game-entry .mg-panel-body{padding:16px 0 0}.game-entry .mg-box,.game-entry .mg-btn,.game-entry .mg-pill{border:1px solid var(--line-2);box-shadow:none;font:inherit;border-radius:7px}.game-entry .mg-btn:active{transform:none}.game-entry .mg-play-row .mg-btn{background:var(--accent);color:var(--cream);min-height:48px}.room-guide-help{color:var(--ink-2);margin:0 0 24px;font-size:14px}.room-guide h3{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);margin:22px 0 8px;font-size:12px}.room-guide-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.room-guide-list button{text-align:left;border:0;border-bottom:1px solid var(--line-2);min-height:52px;color:var(--ink);cursor:pointer;background:0 0;align-items:center;gap:10px;padding:10px 0;display:flex}.room-guide-list button:hover{color:var(--accent);background:var(--cream-2)}.room-guide-list button>span{flex:1}.room-guide-list small{color:var(--ink-2);margin-top:3px;font-size:12px;display:block}@media (max-width:520px){.room-guide-list{grid-template-columns:1fr}}@media (max-width:720px){.dock{border-top:1px solid var(--line-2)}.chat-safe-hint{display:block}}.studio-editor{border:0;min-width:0;margin:0;padding:0}.studio-history{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.studio-history button{min-height:44px;color:var(--ink);background:var(--cream);border:1px solid var(--line-2);cursor:pointer;border-radius:7px;padding:8px 12px}.studio-history button:disabled{opacity:.45;cursor:default}.studio-history button[aria-pressed=true]{background:var(--cream-3);border-color:var(--accent)}.studio-history span{color:var(--ink-2);font-size:12px}.cat-details{border-top:1px solid var(--line-2);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;padding-top:12px;display:grid}.cat-details-intro{grid-column:1/-1;margin:0 0 2px;font-weight:600}.cat-details-intro small{color:var(--ink-2);margin-top:4px;font-weight:400;display:block}.cat-detail{gap:6px;font-size:13px;display:grid}.cat-detail select{border:1px solid var(--line-2);background:var(--cream);width:100%;min-height:44px;color:var(--ink);border-radius:7px;padding:8px}.style-collection{grid-template-columns:minmax(240px,.95fr) minmax(280px,1.15fr);align-items:start;gap:24px;display:grid}.style-preview{flex-direction:column;gap:12px;min-width:0;display:flex}.style-preview h3,.style-preview p{margin:0}.style-preview-stage{background:#e5eeeb;border:1px solid #c7d9d4;border-radius:18px;flex-direction:column;align-items:center;padding:12px;display:flex}.style-preview-stage canvas{max-width:100%}.style-catalog{min-width:0}.style-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px;display:grid}.style-card{color:#293f42;cursor:pointer;text-align:center;background:#fbfaf5;border:1px solid #d4d9cf;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:14px 10px;display:flex}.style-card[aria-pressed=true]{background:#edf4ef;border-color:#467e78;box-shadow:inset 0 0 0 1px #467e78}.style-card:focus-visible{outline-offset:2px;outline:3px solid #b7854c}.style-card small{color:#566a69}@media (max-width:720px){.style-collection{grid-template-columns:1fr}.style-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.coat-more{flex-basis:100%;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.coat-more select{border:1px solid var(--border,#c9d0c8);min-width:0;max-width:170px;color:inherit;font:inherit;background:0 0;border-radius:6px;padding:7px}.hud .player-card,.hud .world-info,.hud .hud-gear,.hud .cur,.hud-bottom>.hud-bar{background:linear-gradient(165deg,#fffdf6,#f2ebdc);border-color:#a99573;border-radius:18px;box-shadow:inset 0 0 0 2px #fffdf6b0,0 2px #7b8b77,0 6px 18px #253b3226}.pc-town{color:#627666;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.hud .pc-fame .bar{background:#d9e2d4;height:4px}.hud .player-card{padding:9px 15px 9px 10px}.hud .pc-portrait{outline-offset:2px;background:#c6d6cc;border-radius:50%;outline:2px solid #b39a67}.hud .pc-name,.hud .wi-name{color:#243f3c;font-weight:700}.hud .wi-weather{color:#304d49;background:#365e5710;border-radius:4px;padding:2px 6px}.hud-bottom>.hud-bar{border-top:1px solid #a99573;border-radius:22px;padding:9px 12px}.hud .dock-btn{grid-template-rows:27px 15px;align-content:center;gap:3px;width:58px;height:56px;transition:background .15s}.hud .dock-label,.hud .dock-btn:hover .dock-label,.hud .dock-btn:focus-visible .dock-label{opacity:1;color:#3e5751;background:0 0;padding:0;font-size:10px;font-weight:600;display:block;position:static;transform:none}.hud .dock-icon{color:#355f56;background:#e3ecdf;border:1px solid #c4d3bd;border-radius:10px;justify-content:center;align-items:center;width:34px;height:30px;box-shadow:inset 0 1px #ffffffb0}.hud .dock-btn:nth-child(3n+2) .dock-icon{color:#805b3f;background:#f1e4cc;border-color:#dfcbab}.hud .dock-btn:nth-child(3n) .dock-icon{color:#735969;background:#efe1e6;border-color:#dcc7d0}.hud .bar-btn{border-radius:13px}.hud .dock-btn:hover,.hud .dock-btn:focus-visible{background:#35655817}.hud .bar-safe{border:1px solid #21483f;box-shadow:inset 0 1px #ffffff38}@media (max-width:1100px) and (min-width:721px){.hud .dock-btn{width:44px}.hud .dock-label{font-size:8px}}@media (max-width:720px){.hud .dock-btn{width:48px;height:52px}.hud .wi-weather{background:0 0;padding:0;font-size:9px;display:inline}.hud .wi-clock{flex-wrap:wrap;justify-content:flex-end;gap:3px}}@media (max-width:700px) and (orientation:portrait){.game-root.is-world{background:#e9eee3}.game-root.is-world .world-viewport{border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px #7f968780}.hud-top{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.hud-left{display:contents}.hud .player-card{grid-area:1/1;gap:8px;max-width:100%;padding:7px 9px}.hud-right{grid-area:1/2;align-items:center}.hud-wallet{flex-wrap:nowrap;grid-area:2/1/auto/-1;justify-content:center;gap:8px}.hud .cur{border-radius:12px;min-height:30px;box-shadow:inset 0 1px #fffdf6}.hud .cur-click,.hud .hud-gear{min-height:44px}.hud-playtime{grid-column:1/-1}.hud .pc-town{font-size:8px}.hud .hud-bar{width:100%}}@media (prefers-reduced-motion:reduce){.hud .dock-btn{transition:none}}