.theme-pet,:root{--paper: #f7f1e3;--card: #fffdf8;--card-2: #fbf6ea;--line: #e9dfcb;--ink: #4a3e33;--ink-2: #5e5246;--muted: #8a7d6c;--faint: #b3a792;--primary: #6f8f67;--primary-2: #587a52;--primary-soft: #e6eedf;--primary-ink: #ffffff;--accent: #e2a93b;--accent-2: #cf9325;--accent-soft: #fcefd2;--accent-ink: #5c4100;--plus: #5e86a8;--plus-bg: #e8f0f5;--minus: #c7745f;--minus-bg: #f8e7e0;--display: "Noto Serif SC", "Songti SC", serif;--bg-img: url(/bg/bg_book.webp);--card-border: 1px solid #ece2cf;--card-shadow: 0 1px 0 rgba(74, 62, 51, .04), 0 12px 26px -18px rgba(74, 62, 51, .45);--card-shadow-hover: 0 2px 0 rgba(74, 62, 51, .04), 0 22px 40px -20px rgba(74, 62, 51, .5);--stage-bg: radial-gradient(120% 90% at 50% 0%, rgba(255, 250, 240, .88) 0%, rgba(251, 244, 230, .94) 75%), var(--tint, #e2a93b);--radius: 20px;--radius-lg: 28px;--overlay: rgba(74, 62, 51, .35);--accent-rgb: 226, 169, 59;--accent-soft-rgb: 252, 239, 210;--card-rgb: 255, 253, 248;--ink-rgb: 74, 62, 51;--line-rgb: 233, 223, 203;--minus-rgb: 199, 116, 95;--paper-rgb: 247, 241, 227;--plus-rgb: 94, 134, 168;--primary-rgb: 111, 143, 103;--line-on-card: #f0e8d8;--card2-line-80: #f7f1e4;--card2-line-70: #f6efe1;--primary-line: #b8bfa3;--primary-dark: #53694d;--accent-light: #f3ddb1}.theme-beast{--paper: #f1e6cf;--card: #fbf6ea;--card-2: #f4ead6;--line: #ddc9a0;--ink: #2b2520;--ink-2: #3d342b;--muted: #7a6a55;--faint: #a8977c;--primary: #a8322a;--primary-2: #8c271f;--primary-soft: #f3ddd5;--primary-ink: #fbf3e4;--accent: #b8924a;--accent-2: #9c7a36;--accent-soft: #f1e3c2;--accent-ink: #45320f;--plus: #3f6b5e;--plus-bg: #e2ece6;--minus: #a8322a;--minus-bg: #f5e2db;--display: "Ma Shan Zheng", "Noto Serif SC", serif;--bg-img: url(/bg/bg_scroll.webp);--card-border: 1px solid #d9c49a;--card-shadow: 0 1px 0 rgba(43, 37, 32, .05), 0 14px 28px -20px rgba(43, 37, 32, .6);--card-shadow-hover: 0 2px 0 rgba(43, 37, 32, .05), 0 24px 40px -22px rgba(43, 37, 32, .65);--stage-bg: linear-gradient(180deg, rgba(251, 246, 234, .15), rgba(251, 246, 234, .55)), url(/bg/stage_scroll.webp) center / cover;--radius: 10px;--radius-lg: 14px;--overlay: rgba(43, 37, 32, .45);--accent-rgb: 184, 146, 74;--accent-soft-rgb: 241, 227, 194;--card-rgb: 251, 246, 234;--ink-rgb: 43, 37, 32;--line-rgb: 221, 201, 160;--minus-rgb: 168, 50, 42;--paper-rgb: 241, 230, 207;--plus-rgb: 63, 107, 94;--primary-rgb: 168, 50, 42;--line-on-card: #e6d6b6;--card2-line-80: #efe3cb;--card2-line-70: #ede0c6;--primary-line: #c88d71;--primary-dark: #7b2822;--accent-light: #e3d3b7}.app,:root{--navy: var(--primary);--sun: var(--accent);--sun-2: var(--accent-2);--cream: var(--card-2);--ground: var(--card-2)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;background:#f7f1e3;color:#4a3e33;font-family:Noto Sans SC,system-ui,sans-serif}.app{position:relative;min-height:100vh;color:var(--ink);background:var(--paper);isolation:isolate}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 62% 58% at 50% 46%,rgba(var(--paper-rgb),.88) 0%,rgba(var(--paper-rgb),.55) 60%,transparent 100%),var(--bg-img) center / cover no-repeat,var(--paper)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}button,a,label,.pet-card,.seat,.chip{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn:active,.chip:active,.seat:active,.rule-btn:active{transform:scale(.96)}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid rgba(var(--primary-rgb),.55);outline-offset:2px}h1,h2,h3{margin:0;font-weight:700;letter-spacing:.01em}.display{font-family:var(--display);font-weight:900}.num{font-family:Fredoka,Noto Sans SC,sans-serif;font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--accent-2)}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.spacer{flex:1 1 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .14s ease,box-shadow .2s ease,background-color .15s ease,border-color .15s ease}.theme-beast .btn{border-radius:8px}@media (hover: hover){.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px -12px #00000073}}.btn:active:not(:disabled){transform:translateY(1px) scale(.98);box-shadow:none}.btn-primary{background:var(--primary);border-color:var(--primary-2);color:var(--primary-ink);box-shadow:inset 0 1px #ffffff2e,0 6px 14px -8px rgba(var(--primary-rgb),.8)}@media (hover: hover){.btn-primary:hover:not(:disabled){background:var(--primary-2)}}.btn-sun{background:var(--accent);border-color:var(--accent-2);color:var(--accent-ink);font-weight:900;box-shadow:inset 0 1px #ffffff59,0 6px 14px -8px rgba(var(--accent-rgb),.9)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}@media (hover: hover){.btn-ghost:hover:not(:disabled){background:rgba(var(--ink-rgb),.06);box-shadow:none}}.btn-lg{min-height:54px;padding:0 26px;font-size:17px}.btn-icon{width:44px;padding:0}.chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:rgba(var(--card-rgb),.85);font-weight:700;font-size:14px;color:var(--ink-2);transition:background-color .15s ease,color .15s ease,transform .12s ease}.theme-beast .chip{border-radius:6px}@media (hover: hover){.chip:hover{transform:translateY(-1px)}}.chip[aria-pressed=true]{background:var(--primary);color:var(--primary-ink);border-color:var(--primary-2)}.chip .count{font-family:Fredoka,sans-serif;font-size:12px;padding:1px 7px;border-radius:999px;background:rgba(var(--ink-rgb),.08)}.chip[aria-pressed=true] .count{background:#ffffff38}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto}.card{background:var(--card);border-radius:var(--radius);padding:22px;box-shadow:var(--card-shadow);border:var(--card-border)}.theme-beast .card{outline:1px solid rgba(var(--accent-rgb),.35);outline-offset:-6px}.card-title{display:flex;align-items:center;gap:10px;margin-bottom:4px;color:var(--ink)}.card-title svg{color:var(--accent-2)}.card-title h2{font-size:19px}.input{min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fffefa;width:100%;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.theme-beast .input{border-radius:6px}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.16)}textarea.input{padding:12px 14px;resize:vertical;line-height:1.6}select.input{-webkit-appearance:none;appearance:none;padding-right:36px;background:#fffefa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a7d6c' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--accent-soft);color:var(--accent-ink)}.theme-beast .tag{border-radius:4px}.tag.grey{background:rgba(var(--ink-rgb),.07);color:var(--muted)}.tag.blue{background:var(--plus-bg);color:var(--plus)}.tag.red{background:var(--minus-bg);color:var(--minus)}.topbar{position:sticky;top:0;z-index:20;background:rgba(var(--paper-rgb),.78);-webkit-backdrop-filter:saturate(1.2) blur(14px);backdrop-filter:saturate(1.2) blur(14px);border-bottom:1px solid rgba(var(--line-rgb),.7)}.theme-beast .topbar{border-bottom:2px solid rgba(var(--accent-rgb),.45)}.topbar-inner{max-width:1400px;margin:0 auto;padding:10px 28px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.brand{display:flex;align-items:center;gap:10px}.logo{width:44px;height:44px;border-radius:14px;background:var(--primary);color:var(--primary-ink);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff40,0 8px 16px -10px rgba(var(--primary-rgb),.9)}.theme-beast .logo{border-radius:6px;font-family:var(--display);font-size:26px}.class-switch{position:relative}.class-switch>button,.class-switch>.static{display:flex;flex-direction:column;align-items:flex-start;min-height:46px;padding:2px 12px 2px 4px;border:0;border-radius:12px;background:transparent;text-align:left}@media (hover: hover){.class-switch>button:hover{background:rgba(var(--ink-rgb),.05)}}.class-switch .label{font-size:11px;color:var(--faint);font-weight:700;letter-spacing:.08em}.class-switch .name{display:flex;align-items:center;gap:6px;font-size:19px;font-weight:900;font-family:var(--display)}.theme-beast .class-switch .name{font-size:24px;font-weight:400}.class-menu{position:absolute;left:0;top:58px;z-index:60;min-width:270px;background:var(--card);border:var(--card-border);border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:2px;box-shadow:0 30px 60px -24px #00000073}.class-menu button{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 14px;border:0;border-radius:10px;background:transparent;font-size:15px;text-align:left}@media (hover: hover){.class-menu button:hover{background:var(--card-2)}}.class-menu button[aria-current=true]{background:var(--primary-soft);color:var(--primary-2);font-weight:900}.nav{display:flex;flex:1 1 auto;justify-content:center}.nav-inner{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:rgba(var(--card-rgb),.75);border:1px solid var(--line)}.theme-beast .nav-inner{border-radius:8px;padding:3px}.nav button{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:15px;font-weight:700;transition:color .15s ease,background-color .15s ease}.theme-beast .nav button{border-radius:6px}@media (hover: hover){.nav button:hover{color:var(--ink)}}.nav button[aria-current=page]{background:var(--primary);color:var(--primary-ink);box-shadow:0 6px 14px -8px rgba(var(--primary-rgb),.8)}.big-title{flex:1 1 auto;text-align:center;font-size:32px;font-family:var(--display);font-weight:900;letter-spacing:.08em}.theme-beast .big-title{font-weight:400;font-size:38px}main{max-width:1400px;margin:0 auto;padding:24px 28px 64px}.big main,.big .topbar-inner{max-width:1720px}.hero{display:flex;flex-wrap:wrap;align-items:stretch;gap:14px;margin-bottom:22px}.hero-main{position:relative;flex:1 1 320px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:4px 6px}.hero-main:before{content:"";position:absolute;z-index:-1;top:-36px;right:-60px;bottom:-30px;left:-50px;background:radial-gradient(closest-side,rgba(var(--paper-rgb),.94) 55%,transparent)}.hero-main h1{font-family:var(--display);font-size:38px;line-height:1.15;font-weight:900;display:flex;align-items:center;gap:14px}.theme-beast .hero-main h1{font-weight:400;font-size:46px}.seal{display:none;width:46px;height:46px;border:2px solid var(--primary);color:var(--primary);border-radius:4px;font-family:var(--display);font-size:18px;line-height:19px;text-align:center;padding-top:3px;transform:rotate(-4deg);background:rgba(var(--primary-rgb),.06)}.theme-beast .seal{display:inline-block}.hero-stat{flex:0 1 180px;min-width:150px;background:rgba(var(--card-rgb),.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--card-border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--card-shadow);display:flex;align-items:center;gap:12px}.hero-stat .ic{width:42px;height:42px;flex:0 0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-2)}.theme-beast .hero-stat .ic{background:var(--primary-soft);color:var(--primary)}.hero-stat .k{font-size:12px;font-weight:700;color:var(--muted)}.hero-stat .v{font-family:Fredoka,sans-serif;font-size:28px;font-weight:600;line-height:1.1}.hero-stat .avatars{display:flex;margin-top:2px}.hero-stat .avatars img{width:34px;height:34px;object-fit:contain;border-radius:50%;background:var(--card-2);border:2px solid var(--card);margin-left:-8px}.hero-stat .avatars img:first-child{margin-left:0}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px}.wall-layout{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.pet-grid{flex:999 1 640px;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:16px}.big .pet-grid{grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:18px}.pet-card{--tint: #e2a93b;position:relative;display:flex;flex-direction:column;gap:10px;padding:10px 10px 14px;border:var(--card-border);border-radius:22px;background:var(--card);text-align:left;color:var(--ink);box-shadow:var(--card-shadow);transition:transform .22s cubic-bezier(.3,1.5,.5,1),box-shadow .25s ease}.theme-beast .pet-card{border-radius:8px;padding:8px 8px 12px;outline:1px solid rgba(var(--accent-rgb),.45);outline-offset:-5px}@media (hover: hover){.pet-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}}.pet-card:active{transform:translateY(-1px) scale(.99)}.pet-card[aria-pressed=true]{box-shadow:0 0 0 3px var(--accent),var(--card-shadow-hover)}.pet-stage{position:relative;height:152px;border-radius:16px;display:flex;align-items:flex-end;justify-content:center;padding-top:26px;background:var(--stage-bg)}.theme-beast .pet-stage{border-radius:4px;height:160px}.big .pet-stage{height:204px}.pet-stage:after{content:"";position:absolute;left:50%;bottom:10px;width:60%;height:14px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(90,70,30,.2),transparent)}.pet-stage img{position:relative;z-index:1;width:84%;height:92%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(80,60,20,.14))}.pet-stage.empty{align-items:center;padding-top:0;flex-direction:column;justify-content:center;gap:6px;color:var(--muted);font-size:13px;font-weight:700;background:repeating-linear-gradient(-45deg,var(--card-2) 0 10px,var(--card2-line-70) 10px 20px);border:2px dashed var(--line)}.pet-stage.empty:after{display:none}.pet-stage.empty .egg{width:44px;height:44px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--accent-2);box-shadow:var(--card-shadow)}.lv-pill{position:absolute;left:8px;top:8px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 4px;border-radius:999px;background:rgba(var(--card-rgb),.92);font-size:12px;font-weight:700;color:var(--ink-2);box-shadow:0 2px 6px -2px #0003}.lv-pill b{font-family:Fredoka,sans-serif;color:#fff;background:var(--tint);border-radius:999px;padding:0 7px;font-size:12px;line-height:18px}.theme-beast .lv-pill{border-radius:3px;background:var(--primary);color:var(--primary-ink);box-shadow:none}.theme-beast .lv-pill b{background:#fff3;border-radius:2px}.big .lv-pill{font-size:15px}.plate-label{display:none}.theme-beast .plate-label{display:flex;position:absolute;right:8px;top:0;z-index:2;writing-mode:vertical-rl;padding:8px 5px 12px;background:var(--ink);color:var(--paper);font-family:var(--display);font-size:16px;letter-spacing:.1em;clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%)}.theme-beast .check{top:auto;bottom:8px}.check{position:absolute;top:8px;right:8px;z-index:3;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px -4px #0006}.pet-info{padding:0 6px;display:flex;flex-direction:column;gap:8px}.pet-name{display:flex;align-items:center;justify-content:space-between;gap:6px}.pet-name b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--display);font-weight:900}.theme-beast .pet-name b{font-weight:400;font-size:21px}.big .pet-name b{font-size:23px}.big.theme-beast .pet-name b{font-size:27px}.pet-name .who{display:inline-flex;align-items:center;gap:6px;min-width:0}.avatar{width:26px;height:26px;flex:0 0 auto;border-radius:50%;object-fit:cover;border:2px solid var(--card);box-shadow:0 0 0 1px var(--line)}.theme-beast .avatar{border-radius:4px}.big .avatar{width:34px;height:34px}.pts-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px 2px 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-family:Fredoka,sans-serif;font-weight:600;font-size:15px}.theme-beast .pts-pill{border-radius:3px}.pts-pill svg{color:var(--accent-2)}.big .pts-pill{font-size:19px}.bar{position:relative;height:8px;border-radius:99px;background:var(--line-on-card);overflow:hidden}.theme-beast .bar{border-radius:1px;height:6px}.bar>div{height:100%;border-radius:inherit;background:var(--primary);transition:width .6s cubic-bezier(.3,1.5,.5,1)}.theme-pet .bar>div{background:linear-gradient(90deg,#9fbb93,var(--primary))}.bar>div.max{background:linear-gradient(90deg,#f0c46a,var(--accent))}.pet-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.pet-meta .grp{display:inline-flex;align-items:center;gap:5px}.bubble{position:absolute;left:50%;top:6px;transform:translate(-50%);z-index:4;width:max-content;max-width:94%;padding:6px 11px;border-radius:14px;background:#fffef9;color:var(--ink);font-size:12px;font-weight:700;line-height:1.4;text-align:center;box-shadow:0 8px 20px -8px #00000059,0 0 0 1.5px var(--ink-2);animation:bub .4s cubic-bezier(.3,1.5,.5,1) both}.theme-beast .bubble{border-radius:4px;font-family:"Noto Serif SC",serif}.bubble:after{content:"";position:absolute;left:50%;bottom:-6px;width:11px;height:11px;background:#fffef9;transform:translate(-50%) rotate(45deg);box-shadow:1.5px 1.5px 0 var(--ink-2);border-radius:0 0 3px}.big .bubble{font-size:15px}.bubble.lg{font-size:15px;padding:9px 15px;max-width:280px}.fx{position:absolute;left:50%;bottom:34%;z-index:5;font-size:32px;font-weight:700;color:var(--plus);text-shadow:0 2px 0 #fff,0 6px 14px rgba(0,0,0,.2);animation:floatUp 1.2s ease-out both}.fx.neg{color:var(--minus)}.sparkle{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.sparkle i{position:absolute;width:8px;height:8px;border-radius:50%;animation:spark .9s ease-out both}.idle{animation:breathe 3.4s ease-in-out infinite;transform-origin:50% 92%}.hopA{animation:hopA .7s cubic-bezier(.3,1.5,.5,1) both;transform-origin:50% 92%}.hopB{animation:hopB .7s cubic-bezier(.3,1.5,.5,1) both;transform-origin:50% 92%}.sad{animation:sad .8s ease both}.pop{animation:pop .6s cubic-bezier(.2,1.6,.4,1) both}.rise{animation:rise .3s ease both}.shuffle{animation:shuffle .12s linear infinite}@keyframes breathe{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-4px) scale(1.015,.985)}55%{transform:translateY(-4px) scale(.99,1.01)}}@keyframes hopA{0%{transform:none}25%{transform:translateY(4px) scale(1.12,.86)}55%{transform:translateY(-28px) scale(.94,1.08) rotate(-4deg)}80%{transform:scale(1.06,.94)}to{transform:none}}@keyframes hopB{0%{transform:none}25%{transform:translateY(4px) scale(1.12,.86)}55%{transform:translateY(-28px) scale(.94,1.08) rotate(4deg)}80%{transform:scale(1.06,.94)}to{transform:none}}@keyframes sad{30%{transform:translate(-5px) rotate(-3deg)}60%{transform:translate(5px) rotate(3deg)}to{transform:translateY(3px)}}@keyframes bub{0%{transform:translate(-50%,8px) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes floatUp{0%{transform:translate(-50%) scale(.6);opacity:0}15%{opacity:1;transform:translate(-50%,-6px) scale(1.1)}to{transform:translate(-50%,-64px) scale(1);opacity:0}}@keyframes pop{0%{transform:scale(.4) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}@keyframes rise{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}@keyframes shuffle{0%{transform:translate(-3px) rotate(-2deg)}50%{transform:translate(3px) rotate(2deg)}to{transform:translate(-3px) rotate(-2deg)}}@keyframes spark{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}@keyframes glow{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.idle,.hopA,.hopB,.sad,.shuffle,.rays{animation:none!important}}.multi-bar{position:sticky;bottom:18px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding:12px 14px 12px 20px;border-radius:22px;background:rgba(var(--ink-rgb),.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;box-shadow:0 30px 60px -24px #00000080}.theme-beast .multi-bar{border-radius:10px}.multi-bar .btn{background:#ffffff1f;border-color:transparent;color:#fff;box-shadow:none}.multi-bar .btn-sun{background:var(--accent);color:var(--accent-ink)}.banner{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px 14px 20px;border-radius:var(--radius);background:rgba(var(--accent-soft-rgb),.9);border:1px solid rgba(var(--accent-rgb),.35);margin-bottom:16px;color:var(--ink)}.side{flex:1 1 320px;max-width:100%;display:flex;flex-direction:column;gap:18px}.rank-row{display:flex;align-items:center;gap:12px}.rank-no{width:34px;height:34px;border-radius:50%;background:var(--card-2);color:var(--ink-2);display:flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 auto;border:1px solid var(--line)}.rank-no.gold{background:linear-gradient(145deg,#f6d98a,#d9a43a);color:#4a3200;border:0}.rank-no.silver{background:linear-gradient(145deg,#eef0f2,#c3c9d1);border:0}.rank-no.bronze{background:linear-gradient(145deg,#f3d2bb,#c9875c);color:#4a2410;border:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:30;animation:fade .2s ease both}.dialog{width:100%;background:var(--card);color:var(--ink);border-radius:var(--radius-lg);max-height:92vh;overflow-y:auto;box-shadow:0 40px 90px -30px #0000008c;border:var(--card-border);animation:rise .28s cubic-bezier(.3,1.5,.5,1) both}.theme-beast .dialog{outline:1px solid rgba(var(--accent-rgb),.45);outline-offset:-8px}.panel{max-width:1000px;height:min(700px,92vh);display:flex;overflow:hidden}.panel-left{flex:0 0 330px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;overflow-y:auto;background:var(--stage-bg);border-right:1px solid var(--line)}.panel-right{flex:1 1 auto;padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0;overflow-y:auto}@media (max-width: 760px){.panel{flex-direction:column;height:92vh;overflow-y:auto}.panel-left,.panel-right{flex:0 0 auto;overflow:visible}}.spot{position:relative;width:230px;height:230px;margin-top:36px;display:flex;align-items:center;justify-content:center}.spot:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,255,255,.5) 45%,transparent 70%)}.spot:after{content:"";position:absolute;left:50%;bottom:18px;width:58%;height:20px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(90,70,30,.22),transparent)}.spot img{position:relative;z-index:1;width:210px;height:210px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(80,50,10,.16))}.spot .bubble{top:-38px}.spot .fx{font-size:46px;bottom:42%}.panel-left h2{font-family:var(--display);font-size:30px;font-weight:900}.theme-beast .panel-left h2{font-weight:400;font-size:36px}.avatar-edit{position:relative;width:46px;height:46px;flex:0 0 auto;border-radius:50%;border:2px dashed var(--line);background:var(--card);color:var(--faint);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color .15s ease}@media (hover: hover){.avatar-edit:hover{border-color:var(--primary);color:var(--primary)}}.avatar-edit:focus-within{outline:3px solid rgba(var(--primary-rgb),.55);outline-offset:2px}.avatar-edit img{width:100%;height:100%;object-fit:cover}.avatar-edit input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.theme-beast .avatar-edit{border-radius:6px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.stat-grid>div{border-radius:12px;background:rgba(var(--card-rgb),.9);padding:10px 8px;border:1px solid var(--line)}.stat-grid .k{font-size:11px;color:var(--muted);font-weight:700}.stat-grid .v{font-family:Fredoka,sans-serif;font-size:22px;font-weight:600}.search{position:relative;flex:1 1 auto}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--faint)}.search input{padding-left:42px;min-height:50px;font-size:16px;border-radius:999px;background:var(--card-2);border-color:transparent}.theme-beast .search input{border-radius:6px}.section-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900;letter-spacing:.08em}.section-label.plus{color:var(--plus)}.section-label.minus{color:var(--minus)}.rule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.rule-btn{position:relative;display:flex;align-items:center;gap:12px;min-height:62px;padding:0 14px 0 10px;border:1px solid transparent;border-radius:16px;font-size:15px;font-weight:700;text-align:left;transition:transform .12s ease,box-shadow .2s ease,background-color .15s ease}.theme-beast .rule-btn{border-radius:6px}@media (hover: hover){.rule-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -12px #0006}}.rule-btn:active{transform:scale(.96)}.rule-btn .seal{display:flex;position:static;transform:none;flex:0 0 auto;width:40px;height:40px;border:0;border-radius:12px;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-size:18px;font-weight:700;color:#fff;padding:0}.theme-beast .rule-btn .seal{border-radius:4px}.rule-btn.plus{background:var(--plus-bg);color:var(--ink);border-color:rgba(var(--plus-rgb),.18)}.rule-btn.plus .seal{background:var(--plus)}.rule-btn.minus{background:var(--minus-bg);color:var(--ink);border-color:rgba(var(--minus-rgb),.18)}.rule-btn.minus .seal{background:var(--minus)}.log-mini{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(var(--card-rgb),.9);font-size:13px;width:100%;border:1px solid var(--line)}.celebrate{position:relative;width:270px;height:270px;margin-top:30px;display:flex;align-items:center;justify-content:center}.celebrate .rays{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(var(--accent-rgb),.35) 0deg 10deg,transparent 10deg 30deg);mask:radial-gradient(circle,#000 30%,transparent 70%);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);animation:spin 14s linear infinite}.celebrate .halo{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:50%;background:radial-gradient(circle,#fffbea,var(--accent-light) 70%);animation:glow 2.4s ease-in-out infinite}.celebrate img{position:relative;width:240px;height:240px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(80,50,10,.2))}.celebrate .bubble{top:-20px;white-space:nowrap;max-width:none}.toast-wrap{position:fixed;left:50%;bottom:22px;transform:translate(-50%);width:min(560px,calc(100% - 32px));z-index:50}.toast-wrap.raised{bottom:100px}.toast{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 10px 10px 14px;border-radius:18px;background:rgba(var(--ink-rgb),.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;box-shadow:0 30px 60px -24px #00000080}.theme-beast .toast{border-radius:8px}.toast .ok{width:30px;height:30px;border-radius:10px;background:rgba(var(--accent-rgb),.3);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.overlay.shout{background:radial-gradient(circle at 50% 40%,var(--primary-dark),rgba(20,16,12,.95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.shout-card{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;color:#fff;max-width:min(1100px,92vw)}.shout-card img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}.shout-label{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#ffffff24;color:var(--accent);font-weight:900;letter-spacing:.12em}.shout-text{font-family:var(--display);font-size:clamp(44px,7vw,104px);font-weight:900;line-height:1.2;letter-spacing:.04em;text-shadow:0 6px 30px rgba(0,0,0,.35)}.theme-beast .shout-text{font-weight:400}.shout-card .muted{color:#ffffff8c}.pin-dots{display:flex;gap:16px}.pin-dots span{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);transition:all .15s ease}.pin-dots span.on{background:var(--primary);border-color:var(--primary);transform:scale(1.1)}.pin-dots.shake{animation:shakeX .35s ease}@keyframes shakeX{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.pin-grid{display:grid;grid-template-columns:repeat(3,76px);gap:12px}.pin-grid button{height:64px;border-radius:20px;border:1px solid var(--line);background:var(--card-2);font-size:26px;font-weight:600;transition:transform .1s ease,background-color .15s ease}.theme-beast .pin-grid button{border-radius:6px}@media (hover: hover){.pin-grid button:hover{background:var(--card2-line-80)}}.pin-grid button:active{transform:scale(.94)}.pin-grid .pin-text{font-size:15px;font-weight:700;color:var(--muted);background:transparent;border-color:transparent;display:flex;align-items:center;justify-content:center}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;width:100%}.theme-card{position:relative;display:flex;flex-direction:column;padding:0;border-radius:18px;overflow:hidden;text-align:left;background:#fffdf8;color:#4a3e33;border:2px solid #e9dfcb;transition:transform .18s cubic-bezier(.3,1.5,.5,1),box-shadow .2s ease,border-color .15s ease}@media (hover: hover){.theme-card:hover{transform:translateY(-3px);box-shadow:0 22px 40px -22px #00000073}}.theme-card[aria-checked=true]{border-color:#e2a93b;box-shadow:0 18px 36px -18px #e2a93be6}.theme-pets{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:2px;padding:16px 14px 8px}.theme-card.pet .theme-pets{background:url(/bg/bg_book.webp) center / cover}.theme-card.beast .theme-pets{background:url(/bg/stage_scroll.webp) center / cover}.theme-pets img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.18))}.theme-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}.theme-card.beast .theme-body b{font-family:Ma Shan Zheng,serif;font-weight:400;font-size:22px!important}.theme-card.pet .theme-body b{font-family:"Noto Serif SC",serif}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px}.page-head h1,h1.page-title{font-family:var(--display);font-size:34px;font-weight:900}.theme-beast .page-head h1,.theme-beast h1.page-title{font-weight:400;font-size:40px}.settings{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start}.settings-nav{flex:1 1 210px;max-width:100%;background:rgba(var(--card-rgb),.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--card-border);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--card-shadow);position:sticky;top:92px}.settings-nav button{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:0;border-radius:12px;background:transparent;color:var(--muted);text-align:left;font-size:15px;font-weight:700}.theme-beast .settings-nav button{border-radius:4px}@media (hover: hover){.settings-nav button:hover{color:var(--ink);background:rgba(var(--ink-rgb),.05)}}.settings-nav button[aria-current=page]{background:var(--primary);color:var(--primary-ink)}.settings-body{flex:999 1 600px;min-width:0;display:flex;flex-direction:column;gap:18px}.table-scroll{overflow-x:auto}.list-row{display:flex;align-items:center;gap:12px;padding:12px 6px;border-bottom:1px solid rgba(var(--line-rgb),.7)}.list-row:last-child{border-bottom:0}.list-row.undone{opacity:.45;text-decoration:line-through}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:min(980px,100%);display:flex;flex-wrap:wrap;background:var(--card);border-radius:30px;overflow:hidden;box-shadow:0 40px 90px -30px #4a3e3380;border:var(--card-border)}.auth-art{flex:1 1 380px;min-height:380px;position:relative;padding:36px;color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;background:url(/bg/bg_book.webp) center / cover;overflow:hidden}.auth-art h1{font-family:var(--display);font-size:32px;font-weight:900;line-height:1.3;position:relative;text-wrap:balance}.auth-art p{color:var(--ink-2);margin:10px 0 0;position:relative;line-height:1.8}.auth-pets{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end}.auth-pets img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.18))}.auth-form{flex:1 1 360px;padding:40px 36px;display:flex;flex-direction:column;gap:16px;justify-content:center}.auth-form h2{font-family:var(--display);font-size:28px;font-weight:900}.seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--card-2);gap:2px;border:1px solid var(--line);align-self:flex-start}.seg button{min-height:40px;padding:0 18px;border:0;border-radius:999px;background:transparent;font-weight:700;color:var(--muted)}.error{color:var(--minus);font-size:14px;font-weight:700;padding:10px 12px;border-radius:12px;background:var(--minus-bg)}.center-page{min-height:70vh;display:flex;align-items:center;justify-content:center}.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.cert-thumb{display:flex;flex-direction:column;gap:8px;padding:8px;border:var(--card-border);border-radius:14px;background:var(--card);box-shadow:var(--card-shadow);text-align:left;transition:transform .18s ease,box-shadow .2s ease}@media (hover: hover){.cert-thumb:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover)}}.cert-thumb img,.cert-thumb .ph{width:100%;aspect-ratio:3 / 4;border-radius:8px;object-fit:cover;background:var(--card-2)}.cert-thumb .ph{display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:13px}.cert-preview{width:min(460px,100%);aspect-ratio:3 / 4;border-radius:12px;box-shadow:0 30px 60px -28px #00000080;background:var(--card-2)}@media (max-width: 720px){main,.topbar-inner{padding-left:16px;padding-right:16px}.pet-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.nav{justify-content:flex-start;order:3;flex-basis:100%;overflow-x:auto}.nav button span{display:none}.hero-main h1{font-size:28px}.settings-nav{position:static}}.sticky-cta{position:sticky;bottom:0;z-index:2;box-shadow:0 -18px 24px -6px var(--card),inset 0 1px #ffffff59}.sticky-cta:disabled{opacity:1;background:var(--card-2);color:var(--muted);border-color:var(--line)}.panel-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.panel-actions .btn{min-height:38px;padding:0 14px;font-size:14px;background:var(--card);cursor:pointer}.panel-actions .btn:not(.btn-ghost){border-color:var(--primary-line);color:var(--primary-2)}.panel-actions .btn svg{color:var(--primary)}.avatar-ph{display:flex;flex-direction:column;align-items:center;font-size:10px;font-weight:700;line-height:1.1}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:999px;border:1px solid var(--line);background:rgba(var(--card-rgb),.85)}.theme-beast .seg{border-radius:6px}.seg button{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 14px;border-radius:999px;font-weight:700;color:var(--muted)}.theme-beast .seg button{border-radius:4px}.seg button[aria-pressed=true]{background:var(--primary);color:var(--primary-ink)}.seat-room{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:var(--radius);background:rgba(var(--card-rgb),.82);border:var(--card-border);box-shadow:var(--card-shadow)}.podium{align-self:center;width:min(320px,60%);text-align:center;padding:8px 0;border-radius:10px;background:var(--primary);color:var(--primary-ink);font-family:var(--display);font-weight:900;letter-spacing:.4em;box-shadow:0 8px 18px -12px #00000080}.theme-beast .podium{border-radius:2px;font-weight:400}.seat-grid{display:grid;gap:10px 8px}.seat{--tint: #e2a93b;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;border-radius:14px;background:var(--card);border:var(--card-border);border-bottom:4px solid var(--tint);box-shadow:var(--card-shadow);color:var(--ink);transition:transform .2s cubic-bezier(.3,1.5,.5,1),opacity .2s ease}.theme-beast .seat{border-radius:4px;border-bottom-width:4px}@media (hover: hover){.seat:hover{transform:translateY(-3px)}}.seat[aria-pressed=true]{box-shadow:0 0 0 3px var(--accent),var(--card-shadow-hover)}.seat.dim{opacity:.28}.seat.vacant{min-height:90px;background:repeating-linear-gradient(-45deg,transparent 0 8px,rgba(var(--line-rgb),.45) 8px 10px);border:1px dashed var(--line);box-shadow:none}.seat-pet{position:relative;width:100%;height:72px;display:flex;align-items:flex-end;justify-content:center;border-radius:10px;background:var(--stage-bg)}.big .seat-pet{height:104px}.seat-pet img{width:86%;height:96%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(80,60,20,.14))}.seat-pet .bubble{top:-8px;font-size:11px;max-width:160px}.seat-pet .fx{font-size:24px}.seat-pet .check{width:22px;height:22px;top:4px;right:4px}.seat-egg{align-self:center;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card);color:var(--accent-2);border:1px dashed var(--line)}.seat-lv{position:absolute;left:4px;top:4px;padding:0 6px;border-radius:99px;font-size:11px;line-height:17px;color:#fff;background:var(--tint)}.theme-beast .seat-lv{border-radius:2px;background:var(--primary);color:var(--primary-ink)}.seat-today{position:absolute;right:4px;bottom:4px;padding:0 6px;border-radius:99px;font-size:12px;font-weight:700;color:var(--plus);background:var(--plus-bg)}.seat-name{max-width:100%;font-family:var(--display);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-beast .seat-name{font-weight:400;font-size:17px}.big .seat-name{font-size:20px}.big.theme-beast .seat-name{font-size:23px}.seat-rest{gap:6px;align-items:center}.seat-empty{flex:999 1 640px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.seat-empty>svg{color:var(--accent-2)}.seat-empty>div{flex:1 1 260px}.theme-beast .stepper{display:inline-flex;align-items:center;gap:6px;font-weight:700}.stepper .btn-icon{width:36px;min-height:36px;padding:0;font-size:18px}.stepper b{min-width:22px;text-align:center;font-size:18px}@media (max-width: 640px){.seat-room{padding:10px}.seat-grid{gap:6px 4px}.seat-pet{height:52px}.seat-name{font-size:12px}}.no-pill{display:inline-flex;align-items:center;padding:1px 7px;border-radius:6px;font-size:13px;font-weight:700;background:var(--primary);color:var(--primary-ink);white-space:nowrap}.big main,.big .topbar-inner{max-width:none;padding-left:28px;padding-right:28px}.big .chip,.big .seg button,.big .btn{min-height:48px;font-size:17px}.big .seat-pet{height:clamp(52px,calc((100vh - 330px) / var(--rows, 6) - 46px),150px)}.big .seat-grid{gap:12px 10px}@media (min-width: 2500px){.big{zoom:1.5}}@media (min-width: 3400px){.big{zoom:2}}.seat-ghost{position:fixed;z-index:80;pointer-events:none;transform:translate(-50%,-60%) rotate(-3deg);padding:10px 18px;border-radius:12px;background:var(--card);border:2px solid var(--accent);font-weight:700;font-size:16px;color:var(--ink);box-shadow:0 18px 30px -12px #00000073;white-space:nowrap}.theme-beast .seat-ghost{border-radius:3px;font-family:var(--display);font-size:19px}body:has(.seat-ghost){cursor:grabbing}.seat-editor{max-width:1240px;padding:0;display:flex;flex-direction:column;overflow:hidden}.seat-editor>*{flex-shrink:0}.se-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 26px 14px}.se-head h2{font-size:28px}.se-hint{margin-top:6px;display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:13px;font-weight:700;animation:fade .25s ease both}.theme-beast .se-hint{border-radius:4px}.se-body{flex:1 1 auto;min-height:0;display:flex;gap:18px;padding:0 26px;overflow:auto}.se-room{flex:1 1 auto;min-width:0;align-self:flex-start;display:flex;flex-direction:column;gap:18px;padding:18px 18px 22px;border-radius:18px;background:linear-gradient(180deg,rgba(var(--line-rgb),.35),rgba(var(--line-rgb),.15));border:1px solid var(--line)}.theme-beast .se-room{border-radius:6px}.se-board{align-self:center;width:min(420px,70%);padding:10px 0;border-radius:10px;text-align:center;background:#3f5a4a;color:#f3f0e2;font-family:var(--display);letter-spacing:.3em;font-size:15px;box-shadow:inset 0 0 0 4px #8a6a45,0 10px 18px -12px #0009}.theme-beast .se-board{background:#2b2520;border-radius:3px;box-shadow:inset 0 0 0 4px var(--accent),0 10px 18px -12px #0009}.se-grid{display:grid;gap:10px 8px;align-items:stretch}.se-rowno{align-self:center;justify-self:center;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);background:var(--card);border:1px solid var(--line)}.desk{--tint: transparent;position:relative;min-width:0;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;border-radius:12px;background:var(--card);border:1px solid var(--line);border-bottom:4px solid var(--tint);box-shadow:0 6px 12px -10px #00000073;color:var(--ink);touch-action:none;cursor:grab;transition:transform .16s cubic-bezier(.3,1.5,.5,1),box-shadow .16s ease,background .16s ease,opacity .16s ease}.theme-beast .desk{border-radius:4px}.desk img{width:36px;height:36px;object-fit:contain;pointer-events:none}.desk b{max-width:100%;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-beast .desk b{font-family:var(--display);font-weight:400;font-size:17px}.desk-egg{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-2);background:var(--accent-soft)}.desk.empty{cursor:pointer;background:rgba(var(--card-rgb),.45);border:1.5px dashed var(--line);box-shadow:none;color:var(--faint);font-size:12px;font-weight:700}.desk.off{cursor:pointer;background:repeating-linear-gradient(-45deg,rgba(var(--ink-rgb),.06) 0 6px,transparent 6px 12px);border:1.5px solid rgba(var(--ink-rgb),.12);box-shadow:none;color:var(--muted);font-size:12px;font-weight:700}.desk.on{box-shadow:0 0 0 3px var(--accent),0 10px 18px -10px #0006;transform:translateY(-2px)}.desk.lifting{opacity:.3}.desk.over{background:var(--primary-soft);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary);transform:scale(1.06)}@media (hover: hover){.desk:hover:not(.lifting){transform:translateY(-2px)}.desk.empty:hover{color:var(--muted);border-color:var(--faint)}}.se-side{flex:0 0 270px;display:flex;flex-direction:column;gap:14px}.se-side section{padding:14px;border-radius:16px;background:var(--card-2);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.theme-beast .se-side section{border-radius:4px}.se-label{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--accent-2)}.se-size{display:flex;flex-direction:column;gap:8px}.se-size .stepper{justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px}.se-stats{display:flex;gap:6px}.se-stats span{flex:1 1 0;display:flex;flex-direction:column;align-items:center;padding:6px 0;border-radius:10px;background:var(--card);font-size:12px;color:var(--muted)}.se-stats b{font-size:20px;color:var(--ink)}.se-auto{display:flex;flex-direction:column;gap:6px}.se-auto button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line);text-align:left;color:var(--ink);transition:border-color .15s ease,transform .15s ease}.se-auto button svg{flex:0 0 auto;color:var(--accent-2)}.se-auto button span{display:flex;flex-direction:column}.se-auto button small{font-size:12px;color:var(--muted)}@media (hover: hover){.se-auto button:hover{border-color:var(--accent)}}.se-auto button:active{transform:scale(.97)}.se-clear{align-self:flex-start;background:none;border:0;font-size:13px;font-weight:700;color:var(--minus);padding:4px 2px}.se-pool{transition:border-color .15s ease,background .15s ease}.se-pool.over{border:2px dashed var(--primary);background:var(--primary-soft)}.se-pool-list{display:flex;flex-wrap:wrap;gap:6px;min-height:36px;align-items:center}.se-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:14px;color:var(--ink);touch-action:none;cursor:grab}.theme-beast .se-chip{border-radius:4px}.se-chip[aria-pressed=true]{box-shadow:0 0 0 3px var(--accent)}.se-chip.lifting{opacity:.3}.se-foot{display:flex;align-items:center;gap:10px;padding:14px 26px;margin-top:18px;border-top:1px solid var(--line);background:var(--card-2)}@media (max-width: 860px){.se-body{flex-direction:column}.se-side{flex:none}.desk{height:60px}.desk img{width:26px;height:26px}.desk b{font-size:12px}}.seat.vacant.blocked{background:repeating-linear-gradient(-45deg,rgba(var(--ink-rgb),.07) 0 6px,transparent 6px 12px);border:1px solid rgba(var(--ink-rgb),.1)}.theme-space{--paper: #eef0fb;--card: #ffffff;--card-2: #f3f4fd;--line: #dcdff3;--ink: #232a4d;--ink-2: #343c66;--muted: #6f7598;--faint: #a3a8c6;--primary: #5b5bd6;--primary-2: #4646b8;--primary-soft: #e6e6fb;--primary-ink: #ffffff;--accent: #f5b13d;--accent-2: #dd9620;--accent-soft: #fdf0d4;--accent-ink: #4d3400;--plus: #2f8fb8;--plus-bg: #e2f2f9;--minus: #d0566b;--minus-bg: #fbe4e8;--display: "Noto Serif SC", "Songti SC", serif;--bg-img: url(/bg/bg_space.webp);--card-border: 1px solid #dcdff3;--card-shadow: 0 1px 0 rgba(35, 42, 77, .04), 0 12px 26px -18px rgba(35, 42, 77, .45);--card-shadow-hover: 0 2px 0 rgba(35, 42, 77, .04), 0 22px 40px -20px rgba(35, 42, 77, .5);--stage-bg: radial-gradient(120% 90% at 50% 0%, #f4f2ff 0%, #e3e6fb 75%);--radius: 20px;--radius-lg: 28px;--overlay: rgba(20, 24, 60, .45);--accent-rgb: 245, 177, 61;--accent-soft-rgb: 253, 240, 212;--card-rgb: 255, 255, 255;--ink-rgb: 35, 42, 77;--line-rgb: 220, 223, 243;--minus-rgb: 208, 86, 107;--paper-rgb: 238, 240, 251;--plus-rgb: 47, 143, 184;--primary-rgb: 91, 91, 214;--line-on-card: #e6e9f7;--card2-line-80: #eef0fb;--card2-line-70: #eceefa;--primary-line: #a8aae7;--primary-dark: #45459b;--accent-light: #fbe0b1}.theme-card.space .theme-pets{background:url(/bg/bg_space.webp) center / cover,#eef0fb}.theme-forest{--paper: #f1f6e8;--card: #fffef8;--card-2: #f6f9ec;--line: #dbe6c8;--ink: #34432c;--ink-2: #45563b;--muted: #78866b;--faint: #a9b59a;--primary: #5f9a4a;--primary-2: #4b8138;--primary-soft: #e3f0d9;--primary-ink: #ffffff;--accent: #f0a63c;--accent-2: #d98d22;--accent-soft: #fdefd5;--accent-ink: #573800;--plus: #4a8db0;--plus-bg: #e3f0f6;--minus: #c96a52;--minus-bg: #f8e5df;--display: "Noto Serif SC", "Songti SC", serif;--bg-img: url(/bg/bg_forest.webp);--card-border: 1px solid #dbe6c8;--card-shadow: 0 1px 0 rgba(52, 67, 44, .04), 0 12px 26px -18px rgba(52, 67, 44, .45);--card-shadow-hover: 0 2px 0 rgba(52, 67, 44, .04), 0 22px 40px -20px rgba(52, 67, 44, .5);--stage-bg: radial-gradient(120% 90% at 50% 0%, #fbfdf2 0%, #eef5df 75%);--radius: 20px;--radius-lg: 28px;--overlay: rgba(40, 56, 32, .38);--accent-rgb: 240, 166, 60;--accent-soft-rgb: 253, 239, 213;--card-rgb: 255, 254, 248;--ink-rgb: 52, 67, 44;--line-rgb: 219, 230, 200;--minus-rgb: 201, 106, 82;--paper-rgb: 241, 246, 232;--plus-rgb: 74, 141, 176;--primary-rgb: 95, 154, 74;--line-on-card: #e6edd6;--card2-line-80: #f1f5e5;--card2-line-70: #eef3e1;--primary-line: #a9c896;--primary-dark: #487139;--accent-light: #f9dbb1}.theme-card.forest .theme-pets{background:url(/bg/bg_forest.webp) center / cover,#f1f6e8}.theme-ocean{--paper: #e9f5f7;--card: #fdffff;--card-2: #f0f8fa;--line: #cfe5ea;--ink: #1f3e4c;--ink-2: #2d5262;--muted: #678896;--faint: #9cb8c2;--primary: #1f8fa8;--primary-2: #17768c;--primary-soft: #dbf0f4;--primary-ink: #ffffff;--accent: #ff9b6a;--accent-2: #ec7f4b;--accent-soft: #ffeadf;--accent-ink: #5a2508;--plus: #2a8a7a;--plus-bg: #def2ee;--minus: #d0606a;--minus-bg: #fbe3e5;--display: "Noto Serif SC", "Songti SC", serif;--bg-img: url(/bg/bg_ocean.webp);--card-border: 1px solid #cfe5ea;--card-shadow: 0 1px 0 rgba(31, 62, 76, .04), 0 12px 26px -18px rgba(31, 62, 76, .45);--card-shadow-hover: 0 2px 0 rgba(31, 62, 76, .04), 0 22px 40px -20px rgba(31, 62, 76, .5);--stage-bg: radial-gradient(120% 90% at 50% 0%, #f4fcfd 0%, #ddf0f4 75%);--radius: 20px;--radius-lg: 28px;--overlay: rgba(16, 48, 60, .42);--accent-rgb: 255, 155, 106;--accent-soft-rgb: 255, 234, 223;--card-rgb: 253, 255, 255;--ink-rgb: 31, 62, 76;--line-rgb: 207, 229, 234;--minus-rgb: 208, 96, 106;--paper-rgb: 233, 245, 247;--plus-rgb: 42, 138, 122;--primary-rgb: 31, 143, 168;--line-on-card: #ddedf0;--card2-line-80: #e9f4f7;--card2-line-70: #e6f2f5;--primary-line: #89c3d0;--primary-dark: #1b697b;--accent-light: #ffd7c3}.theme-card.ocean .theme-pets{background:url(/bg/bg_ocean.webp) center / cover,#e9f5f7}.theme-zodiac{--paper: #fbf1e4;--card: #fffaf2;--card-2: #fdf1e1;--line: #f0d9b8;--ink: #4a2a1c;--ink-2: #5c3626;--muted: #8f6b55;--faint: #c4a48b;--primary: #c8352b;--primary-2: #a82920;--primary-soft: #fbe1dc;--primary-ink: #fff7ea;--accent: #e8a83a;--accent-2: #cf8f22;--accent-soft: #fcecd0;--accent-ink: #4f3200;--plus: #2f7d62;--plus-bg: #e0f1ea;--minus: #b83a30;--minus-bg: #f9e0dc;--display: "Noto Serif SC", "Songti SC", serif;--bg-img: url(/bg/bg_zodiac.webp);--card-border: 1px solid #f0d9b8;--card-shadow: 0 1px 0 rgba(74, 42, 28, .04), 0 12px 26px -18px rgba(74, 42, 28, .45);--card-shadow-hover: 0 2px 0 rgba(74, 42, 28, .04), 0 22px 40px -20px rgba(74, 42, 28, .5);--stage-bg: radial-gradient(120% 90% at 50% 0%, #fff8ec 0%, #fbe9d2 75%);--radius: 20px;--radius-lg: 28px;--overlay: rgba(74, 42, 28, .4);--accent-rgb: 232, 168, 58;--accent-soft-rgb: 252, 236, 208;--card-rgb: 255, 250, 242;--ink-rgb: 74, 42, 28;--line-rgb: 240, 217, 184;--minus-rgb: 184, 58, 48;--paper-rgb: 251, 241, 228;--plus-rgb: 47, 125, 98;--primary-rgb: 200, 53, 43;--line-on-card: #f4e3c9;--card2-line-80: #faecd9;--card2-line-70: #f9ead5;--primary-line: #e09780;--primary-dark: #912a23;--accent-light: #f6dcb0}.theme-card.zodiac .theme-pets{background:url(/bg/bg_zodiac.webp) center / cover,#fbf1e4}.theme-space .bar>div{background:linear-gradient(90deg,#8fb3ff,var(--primary))}.theme-ocean .bar>div{background:linear-gradient(90deg,#7fd6e3,var(--primary))}.theme-forest .bar>div{background:linear-gradient(90deg,#b5d98f,var(--primary))}.theme-zodiac .bar>div{background:linear-gradient(90deg,#f3b26b,var(--primary))}.collect-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.collect{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px 14px;border-radius:20px;background:var(--card-2);border:2px solid transparent;text-align:center;color:var(--ink);transition:transform .18s cubic-bezier(.3,1.5,.5,1),box-shadow .2s ease,border-color .15s ease}.theme-beast .collect{border-radius:6px}.collect[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-2);box-shadow:0 14px 30px -18px #0006}@media (hover: hover){.collect:not(:disabled):hover{transform:translateY(-3px)}}.collect:disabled{cursor:not-allowed;opacity:1}.collect-art{position:relative;width:100%;height:120px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--stage-bg)}.collect-art img{width:92%;height:100%;object-fit:contain}.collect.sealed .collect-art{background:radial-gradient(circle at 50% 60%,rgba(var(--accent-rgb),.18),transparent 70%)}.collect.locked .collect-art{background:rgba(var(--ink-rgb),.05)}.collect.locked .collect-art img{filter:grayscale(1) brightness(1.15) contrast(.7);opacity:.45}.collect.locked b,.collect.locked .muted{color:var(--faint)}.collect b{font-size:16px}.collect-lock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card);color:var(--muted);box-shadow:0 4px 10px -4px #00000059}.collect-tag{position:absolute;left:6px;top:6px;padding:1px 8px;border-radius:99px;font-size:11px;font-weight:700;background:var(--primary);color:var(--primary-ink)}.collect-tag.soft{background:var(--accent-soft);color:var(--accent-ink)}.share-page{display:flex;flex-direction:column;gap:16px;max-width:1100px}.share-head{display:flex;flex-direction:column;gap:6px}.share-head .page-title{margin:0}.share-stars{display:flex;flex-direction:column;gap:10px;padding:16px}.share-stars h2{font-size:18px}.share-stars-list{display:flex;flex-wrap:wrap;gap:8px}.share-star{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--card-2);border:1px solid var(--line);color:var(--ink)}.share-star img{width:40px;height:40px;object-fit:contain}.share-star .rank-no{width:26px;height:26px;font-size:13px}.plus{color:var(--plus);font-weight:700}.share-search{max-width:420px}.share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.share-card{display:flex;flex-direction:column;gap:8px;padding:8px 8px 12px;border-radius:18px;background:var(--card);border:var(--card-border);box-shadow:var(--card-shadow);text-align:left;color:var(--ink);transition:transform .18s cubic-bezier(.3,1.5,.5,1)}.theme-beast .share-card{border-radius:6px}.share-card:active{transform:scale(.97)}.share-art{position:relative;height:130px;border-radius:12px;background:var(--stage-bg);display:flex;align-items:flex-end;justify-content:center}.share-art img{width:82%;height:92%;object-fit:contain}.share-lv{position:absolute;left:6px;top:6px;padding:0 7px;border-radius:99px;font-size:12px;line-height:19px;color:var(--primary-ink);background:var(--primary)}.share-week{position:absolute;right:6px;top:6px;padding:0 7px;border-radius:99px;font-size:12px;line-height:19px;font-weight:700;color:var(--plus);background:var(--plus-bg)}.share-name{display:flex;align-items:center;gap:6px;padding:0 4px;min-width:0}.share-name b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lvbar{display:flex;flex-direction:column;gap:6px;width:100%}.lvbar.compact{padding:0 4px}.lvbar-ends{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted)}.lvbar-ends span{display:inline-flex;align-items:center;gap:5px}.lvbar-ends b{padding:0 7px;border-radius:99px;font-size:12px;line-height:19px;color:var(--primary-ink);background:var(--primary)}.lvbar-ends span:last-child b{background:rgba(var(--ink-rgb),.1);color:var(--ink-2)}.lvbar-track{position:relative;height:14px;border-radius:99px;background:rgba(var(--ink-rgb),.08);box-shadow:inset 0 1px 2px rgba(var(--ink-rgb),.12);overflow:hidden}.lvbar.compact .lvbar-track{height:8px}.lvbar-fill{position:relative;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--primary));box-shadow:0 0 10px rgba(var(--accent-rgb),.45);transition:width .8s cubic-bezier(.3,1.3,.5,1)}.lvbar-fill:after{content:"";position:absolute;left:6px;right:6px;top:2px;height:35%;border-radius:99px;background:#ffffff73}.lvbar.compact .lvbar-fill:after{display:none}.lvbar.max .lvbar-fill{background:linear-gradient(90deg,#f6c453,#e89a2c)}.lvbar-note{text-align:right}.share-detail{max-width:520px;padding:22px;display:flex;flex-direction:column;gap:14px}.share-detail h3{font-size:15px;margin:2px 0 -4px}.sheet-grip{display:none}.share-detail-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.share-detail-head h2{display:flex;align-items:center;gap:8px;font-size:22px}.share-hero{display:flex;gap:16px;align-items:center}.share-hero-art{flex:0 0 132px;height:132px;border-radius:18px;background:var(--stage-bg);display:flex;align-items:center;justify-content:center}.share-hero-art img{width:90%;height:90%;object-fit:contain}.share-hero-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:10px}.share-pet{font-size:20px;font-family:var(--display)}.share-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.share-stats div{display:flex;flex-direction:column;align-items:center;padding:10px 0;border-radius:14px;background:var(--card-2)}.share-stats .num{font-size:22px;font-weight:700}.share-stats small{font-size:12px;color:var(--muted)}.share-rules{display:flex;flex-wrap:wrap;gap:6px}.share-rules .tag{font-size:13px;padding:5px 12px;gap:6px}.share-recent{list-style:none;margin:0;padding:0;border-radius:14px;background:var(--card-2)}.share-recent li{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:15px}.share-recent li+li{border-top:1px solid var(--line)}.share-recent .t{flex:1 1 auto}@media (max-width: 640px){.share-page{gap:12px}.share-head .page-title{font-size:26px}.share-search{max-width:none}.share-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.share-art{height:112px}.share-name b{font-size:15px}.share-overlay{align-items:flex-end;padding:0}.share-detail{max-width:none;max-height:88vh;border-radius:22px 22px 0 0;padding:10px 16px 24px;animation:sheetUp .3s cubic-bezier(.3,1.2,.5,1) both}.sheet-grip{display:block;align-self:center;width:40px;height:5px;border-radius:99px;background:rgba(var(--ink-rgb),.18)}.share-hero-art{flex-basis:104px;height:104px}.share-recent li{padding:9px 12px;font-size:14px}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}
