@font-face{font-family:jf-openhuninn-2\.1;font-display:swap;src:url(https://cdn.statically.io/gh/justfont/open-huninn-font@master/font/jf-openhuninn-2.1.ttf)format("truetype")}:root{--color-gold:#d4a23c;--color-gold-light:#ffd97d;--color-gold-dark:#b88a2a;--color-ink:#4a4a4a;--color-ink-soft:#6b6b6b;--color-paper:#fafafa;--color-paper-warm:#fff5d8;--color-cinnabar:#c0392b;--color-jade:#27ae60;--color-frost:#cfe6ff;--bg-app:var(--color-paper);--bg-card:#fff;--border-subtle:#e5e5e5;--border-emphasis:var(--color-gold);--text-primary:var(--color-ink);--text-secondary:var(--color-ink-soft);--text-on-gold:#fff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--font-sans:"PingFang TC", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"jf-openhuninn-2.1", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--bottom-nav-height:64px;--top-bar-height:48px;--max-content-width:480px;--shadow-card:0 2px 8px #0000000f;--shadow-elevated:0 8px 24px #0000001f;--transition-fast:.15s ease;--transition-base:.25s ease;--tier-bronze:#cd7f32;--tier-bronze-bg:#cd7f321f;--tier-silver:silver;--tier-silver-bg:#c0c0c026;--color-silver-dark:#8a8a8a;--tier-gold-start:#f5d06a;--tier-gold-mid:#d4a23c;--tier-gold-end:#b88a2a;--tier-gold-bg:#d4a23c1f;--shimmer-duration:1.4s;--shimmer-bg:linear-gradient(90deg, var(--border-subtle) 25%, #efefef 50%, var(--border-subtle) 75%);--shimmer-size:400px;--toast-bg:#fffaebbf;--toast-text:var(--color-ink);--toast-success-accent:var(--color-jade);--toast-error-accent:var(--color-cinnabar);--toast-info-accent:var(--color-gold);--overlay-scrim:#1e190f8c;--bottom-sheet-radius:20px 20px 0 0;--chip-streak-bg:#ff57221a;--chip-streak-text:#e64a19;--chip-freeze-bg:#2196f31a;--chip-freeze-text:#1565c0;--pill-advanced-bg:#d4a23c26;--pill-advanced-text:var(--color-gold-dark);--pill-done-bg:#27ae6021;--pill-done-text:var(--color-jade);--pill-expired-bg:#6b6b6b1f;--pill-expired-text:var(--color-ink-soft);--task-chip-bronze-bg:#fbe6c8;--task-chip-silver-bg:#e6e6e6;--card-task-border-default:var(--border-subtle);--card-task-border-done:var(--color-jade);--card-task-check-done:var(--color-jade);--subtab-active-border:var(--color-gold);--subtab-active-text:var(--color-gold-dark);--nav-active-indicator:var(--color-gold);--focus-ring:0 0 0 3px #d4a23c66;--input-bg:#fff;--input-border:var(--border-subtle);--input-border-focus:var(--color-gold);--input-border-error:var(--color-cinnabar);--input-placeholder:#b0b0b0;--input-disabled-bg:#f3f3f3;--input-disabled-text:#b0b0b0;--toggle-off-bg:#d8d8d8;--toggle-on-bg:var(--color-gold);--toggle-thumb:#fff;--rank-self-bg:#d4a23c14;--rank-1-color:var(--tier-gold-mid);--rank-2-color:var(--tier-silver);--rank-3-color:var(--tier-bronze);--color-paper-warm-end:#ffe5b8;--color-paper-warm-hover:#fdebbf;--color-paper-warm-active:#f5dca0;--color-paper-warm-light:#fffaeb;--color-gold-active-bg:#d4a23c40;--color-gold-border-subtle:#d4a23c59;--shadow-gold-btn:#b88a2a40;--shadow-gold-avatar:#b88a2a66;--border-gold-dashed:#b88a2a4d;--color-cinnabar-dark:#962e22;--color-cinnabar-hover:#d34736;--tier-bronze-border:#cd7f3266;--tier-silver-border:#a0a0a08c;--tier-gold-border:#d4a23c8c;--color-gold-art-faded:#d4a23c8c;--color-cinnabar-art-faded:#c0392b8c;--shadow-soft:0 1px 4px #0000000a;--shadow-banner:0 2px 8px #d4a23c1f;--color-ink-deep:#2c1f15;--color-disabled:#ccc;--border-disabled:#eee;--color-disabled-text:#aaa;--color-gold-brown:#5a3a0a;--color-gold-mid:#8a6f3a}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}html,body{overscroll-behavior:none}html{-webkit-tap-highlight-color:transparent}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button{font:inherit;cursor:pointer;transition:scale var(--transition-fast)}button:active:not(:disabled):not([aria-disabled=true]){transition-duration:0s;scale:.96}a{color:var(--color-gold-dark);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{font:inherit;color:inherit}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scalePop{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.07)}to{opacity:1;transform:scale(1)}}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes goldGlow{0%,to{box-shadow:0 0 #d4a23c00}50%{box-shadow:0 0 12px 3px #d4a23c59}}@keyframes spin{to{transform:rotate(360deg)}}.anim-fade-in{animation:fadeIn var(--transition-base) ease both}.anim-scale-pop{animation:.3s cubic-bezier(.175,.885,.32,1.275) both scalePop}.anim-toast-up{animation:.25s both toastSlideUp}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-base);border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;font-weight:600;line-height:1;display:inline-flex}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55;transform:none!important}.btn--primary{background:linear-gradient(180deg, var(--tier-gold-start) 0%, var(--color-gold) 100%);color:var(--text-on-gold);border-color:var(--color-gold-dark);box-shadow:0 1px 0 #fff6 inset, 0 2px 4px var(--shadow-gold-btn)}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg, var(--color-gold-light) 0%, var(--color-gold) 100%);transform:translateY(-1px)}.btn--primary:active:not(:disabled){background:linear-gradient(180deg, var(--color-gold) 0%, var(--color-gold-dark) 100%);transform:translateY(0);box-shadow:inset 0 1px #0000001a}.btn--secondary{background:var(--color-paper-warm);color:var(--color-gold-dark);border-color:var(--color-gold)}.btn--secondary:hover:not(:disabled){background:var(--color-paper-warm-hover);transform:translateY(-1px)}.btn--secondary:active:not(:disabled){background:var(--color-paper-warm-active);transform:translateY(0)}.btn--ghost{color:var(--color-ink);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--pill-advanced-bg);color:var(--color-gold-dark)}.btn--ghost:active:not(:disabled){background:var(--color-gold-active-bg)}.btn--destructive{background:var(--color-cinnabar);color:#fff;border-color:var(--color-cinnabar-dark)}.btn--destructive:hover:not(:disabled){background:var(--color-cinnabar-hover);transform:translateY(-1px)}.btn--destructive:active:not(:disabled){background:var(--color-cinnabar-dark);transform:translateY(0)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--text-lg)}.btn--icon{border-radius:var(--radius-pill);width:40px;height:40px;padding:0}.btn--icon.btn--sm{width:32px;height:32px}.btn--icon.btn--lg{width:48px;height:48px}.btn--ghost-destructive{color:var(--color-cinnabar);border-color:var(--color-cinnabar);background:0 0}.btn--ghost-destructive:hover:not(:disabled){background:var(--color-cinnabar);color:#fff}.btn--dark{background:var(--color-ink);color:#fff;border-color:#0000}.btn--dark:hover:not(:disabled){background:var(--color-ink-soft);transform:translateY(-1px)}.field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field__label{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.field__hint{font-size:var(--text-xs);color:var(--text-secondary)}.input,.select,.textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--input-bg);color:var(--text-primary);border:1px solid var(--input-border);border-radius:var(--radius-sm);font-size:var(--text-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input::placeholder,.textarea::placeholder{color:var(--input-placeholder)}.input:focus,.select:focus,.textarea:focus{border-color:var(--input-border-focus);box-shadow:var(--focus-ring);outline:none}.input:disabled,.select:disabled,.textarea:disabled{background:var(--input-disabled-bg);color:var(--input-disabled-text);cursor:not-allowed}.input--number{font-variant-numeric:tabular-nums}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b6b6b' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.check{align-items:center;gap:var(--space-2);font-size:var(--text-base);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.check input{opacity:0;pointer-events:none;position:absolute}.check__box{border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-card);width:22px;height:22px;transition:background var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.check input:focus-visible+.check__box{box-shadow:var(--focus-ring)}.check input:checked+.check__box{background:var(--color-jade);border-color:var(--color-jade)}.check__box:after{content:"";width:6px;height:11px;transition:transform var(--transition-fast);border-bottom:2px solid #fff;border-right:2px solid #fff;margin-bottom:2px;transform:rotate(45deg)scale(0)}.check input:checked+.check__box:after{transform:rotate(45deg)scale(1)}.check input:disabled+.check__box{background:var(--input-disabled-bg);border-color:var(--border-subtle)}.toggle{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle__track{background:var(--toggle-off-bg);border-radius:var(--radius-pill);width:44px;height:24px;transition:background var(--transition-fast);flex-shrink:0;position:relative}.toggle__track:after{content:"";background:var(--toggle-thumb);width:20px;height:20px;transition:transform var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle__track{background:var(--toggle-on-bg)}.toggle input:checked+.toggle__track:after{transform:translate(20px)}.toggle input:focus-visible+.toggle__track{box-shadow:var(--focus-ring)}.toggle input:disabled+.toggle__track{opacity:.5;cursor:not-allowed}.radio{align-items:center;gap:var(--space-2);cursor:pointer;display:inline-flex}.radio input{opacity:0;pointer-events:none;position:absolute}.radio__circle{border:1.5px solid var(--border-subtle);background:var(--bg-card);width:20px;height:20px;transition:border-color var(--transition-fast);border-radius:50%;flex-shrink:0;position:relative}.radio input:checked+.radio__circle{border-color:var(--color-gold)}.radio input:checked+.radio__circle:after{content:"";background:var(--color-gold);border-radius:50%;position:absolute;inset:4px}.radio input:focus-visible+.radio__circle{box-shadow:var(--focus-ring)}.field-status{font-size:var(--text-xs);margin-top:2px}.field-status--checking{color:var(--text-secondary)}.field-status--available{color:var(--color-jade)}.field-status--taken,.field-status--invalid{color:var(--color-cinnabar)}.form-error{text-align:center;color:var(--color-cinnabar);font-size:var(--text-sm);margin:0}.page-centered{min-height:100vh;padding:var(--space-5);background:linear-gradient(180deg, var(--color-frost) 0%, var(--color-paper-warm) 100%);justify-content:center;align-items:center;display:flex}.page-centered__inner{width:100%;max-width:var(--max-content-width);text-align:center}.page-subtitle{margin:0 0 var(--space-6);color:var(--text-secondary);font-size:var(--text-base)}.list-empty{text-align:center;font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-6) var(--space-4);margin:0}.chip{padding:4px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:600;line-height:1.2;display:inline-flex}.chip--streak{background:var(--chip-streak-bg);color:var(--chip-streak-text)}.chip--freeze{background:var(--chip-freeze-bg);color:var(--chip-freeze-text)}.tier{padding:3px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:600;display:inline-flex}.tier--bronze{background:var(--tier-bronze-bg);color:var(--tier-bronze);border:1px solid var(--tier-bronze-border)}.tier--silver{background:var(--tier-silver-bg);color:var(--color-silver-dark,#8a8a8a);border:1px solid var(--tier-silver-border)}.tier--gold{background:var(--tier-gold-bg);color:var(--color-gold-dark);border:1px solid var(--tier-gold-border)}.badge{width:44px;height:44px;font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.04em;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.badge--bronze{color:#fff;background:radial-gradient(circle at 30% 30%,#e6a877 0%,#cd7f32 60%,#8a5417 100%);box-shadow:0 2px 4px #8a541766,inset 0 1px #ffffff4d}.badge--silver{background:radial-gradient(circle at 30% 30%, #f3f3f3 0%, silver 55%, var(--color-silver-dark,#8a8a8a) 100%);color:#4a4a4a;box-shadow:0 2px 4px #78787866,inset 0 1px #ffffff80}.badge--gold{background:radial-gradient(circle at 30% 30%, var(--tier-gold-start) 0%, var(--tier-gold-mid) 55%, var(--tier-gold-end) 100%);color:#fff;animation:3s ease-in-out infinite goldGlow;box-shadow:0 2px 6px #b88a2a80,inset 0 1px #ffffff73}.badge--xs{width:22px;height:22px;font-size:var(--text-xs);letter-spacing:0;box-shadow:none}.badge--xs.badge--gold{box-shadow:0 1px 3px #b88a2a66}.badge--placeholder{border:1.5px dashed var(--border-subtle);box-shadow:none;color:#0000;background:0 0}.pill{padding:3px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);letter-spacing:.04em;align-items:center;gap:4px;font-weight:600;display:inline-flex}.pill--advanced{background:var(--pill-advanced-bg);color:var(--pill-advanced-text)}.pill--done{background:var(--pill-done-bg);color:var(--pill-done-text)}.pill--expired{background:var(--pill-expired-bg);color:var(--pill-expired-text)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-card)}.task-card{gap:var(--space-3);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.task-card--done{border-color:var(--card-task-border-done);background:linear-gradient(#27ae600a,#0000 80%)}.task-card__header{align-items:center;display:flex}.task-card__check{align-items:center;gap:var(--space-2);cursor:pointer;flex:1;display:flex}.task-card__check input[type=checkbox]{width:22px;height:22px;accent-color:var(--color-gold)}.task-card__title{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:600}.task-card__coin{object-fit:contain;width:22px;height:22px;margin-left:var(--space-2);flex-shrink:0;transition:filter .2s,opacity .2s}.task-card__coin--earned{filter:grayscale();opacity:.45}.task-card__desc,.task-card__description{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.task-card__submit{padding:var(--space-3) var(--space-4);background:var(--color-gold);color:var(--text-on-gold);border:2px solid var(--color-gold-dark);border-radius:var(--radius-pill);font-size:var(--text-base);cursor:pointer;font-weight:600}.task-card__submit:disabled{opacity:.5;cursor:not-allowed}.task-card__submit:focus-visible{box-shadow:var(--focus-ring);outline:none}.task-card__tiers{gap:var(--space-2);flex-wrap:wrap;display:flex}.task-card__action{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--border-subtle);display:flex}.task-card__action .input{width:96px;padding:var(--space-2);text-align:center}.task-card__points{font-family:var(--font-display);color:var(--color-gold-dark);font-size:var(--text-base);margin-left:auto;font-weight:700}.ann-card{padding-left:var(--space-5);position:relative}.ann-card:before{content:"";left:0;top:var(--space-4);bottom:var(--space-4);background:linear-gradient(180deg, var(--color-gold), var(--color-cinnabar));border-radius:2px;width:3px;position:absolute}.ann-card__pin{font-size:var(--text-xs);color:var(--color-cinnabar);margin-bottom:var(--space-1);font-weight:600}.ann-card__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);font-weight:400}.ann-card__body{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.65}.ann-card__body p{white-space:pre-line}.ann-card__time{font-size:var(--text-xs);color:var(--text-secondary)}.profile-card{align-items:center;gap:var(--space-4);background:linear-gradient(135deg, var(--color-paper-warm) 0%, var(--color-paper-warm-light) 100%);border-color:var(--color-gold-border-subtle);display:flex}.profile-card__avatar{background:linear-gradient(135deg, var(--tier-gold-start), var(--color-gold-dark));color:#fff;width:56px;height:56px;font-family:var(--font-display);font-size:var(--text-xl);box-shadow:0 2px 6px var(--shadow-gold-avatar);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.profile-card__name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);margin:0}.profile-card__meta{font-size:var(--text-xs);color:var(--text-secondary);margin:2px 0 0}.profile-card__stats{gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--border-gold-dashed);display:flex}.stat__value{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-gold-dark);font-weight:700}.stat__label{font-size:var(--text-xs);color:var(--text-secondary)}.link-card{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-soft);color:inherit;transition:background var(--transition-fast), box-shadow var(--transition-fast);text-decoration:none;display:flex}.link-card:hover,.link-card:hover .link-card__title{text-decoration:none}.link-card:hover{background:var(--color-paper-warm);box-shadow:0 2px 8px #0000000f}.link-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.link-card--pinned{border:2px solid var(--color-gold);background:var(--color-paper-warm)}.link-card__icon{font-size:24px;line-height:1}.link-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.link-card__title{font-size:var(--text-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;line-height:1.3;overflow:hidden}.link-card__desc{font-size:var(--text-sm);color:var(--text-secondary);white-space:pre-line;margin:0;line-height:1.35}.link-card__host{font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.3}.summary-card{padding:14px var(--space-4);border-radius:var(--radius-md);background:linear-gradient(120deg, var(--color-paper-warm) 0%, var(--color-paper-warm-end) 100%);box-shadow:var(--shadow-soft);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.summary-card__cell{flex-direction:column;align-items:center;gap:2px;display:flex}.summary-card__icon{font-size:22px}.summary-card__label{font-size:var(--text-xs);color:var(--text-secondary)}.summary-card__value{font-size:var(--text-lg);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700}.summary-card__divider{background:#0000001f;width:1px;height:clamp(30px,8cqi,36px)}.ann-card--pinned{border:2px solid var(--color-gold);background:var(--color-paper-warm)}.ann-card__header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.ann-card__header .ann-card__title{margin:0}.ann-card__badge{font-size:var(--text-lg)}.ann-card__footer{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.ann-card__body{position:relative}.ann-card__body--collapsed{max-height:4.8em;overflow:hidden}.ann-card__body--collapsed:after{content:"";background:linear-gradient(to bottom, transparent 0%, var(--bg-card) 100%);pointer-events:none;height:1.6em;position:absolute;bottom:0;left:0;right:0}.ann-card--pinned .ann-card__body--collapsed:after{background:linear-gradient(to bottom, transparent 0%, var(--color-paper-warm) 100%)}.ann-card__expand{color:var(--color-gold-dark);font-size:var(--text-xs);cursor:pointer;padding:var(--space-1) 0;margin-top:calc(-1 * var(--space-1));transition:color var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;font-weight:600;display:inline-flex}.ann-card__expand:hover{color:var(--color-cinnabar)}.ann-card__expand:focus-visible{box-shadow:var(--focus-ring);outline:none}.ann-card__expand-icon{transition:transform var(--transition-base);font-size:9px;line-height:1}.ann-card__expand[aria-expanded=true] .ann-card__expand-icon{transform:rotate(180deg)}.link-card__title-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.link-card__title-row .link-card__title{margin:0}.link-card__badge{font-size:var(--text-base);flex-shrink:0}.task-card--submitted{border-color:var(--color-jade)}.task-card--dirty{border-color:var(--color-gold)}.task-card__thresholds{gap:var(--space-2);flex-wrap:wrap;display:flex}.task-card__tier-chips{display:contents}.task-card__chip{font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-pill);font-weight:600}.task-card__chip--base{color:#2d6a2d;background:#eaf3ea}.task-card__chip--bronze{background:var(--tier-bronze-bg);color:#8b5a16}.task-card__chip--silver{background:var(--tier-silver-bg);color:#555}.task-card__chip--gold{background:var(--color-paper-warm);color:var(--color-gold-dark)}.task-card__input-row{align-items:center;gap:var(--space-2);width:100%;min-width:0;display:flex}.task-card__input-row input{min-width:0;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-base);flex:1 1 0}.task-card__input-row input:focus{border-color:var(--color-gold);outline:none}.task-card__input-row--invalid input{border-color:var(--toast-error-accent,#b32a2a);box-shadow:0 0 0 2px #b32a2a1f}.task-card__input-hint{font-size:var(--text-xs);color:var(--toast-error-accent,#b32a2a);margin:4px 0 0}.task-card__unit{color:var(--text-secondary);font-size:var(--text-sm);flex-shrink:0}.task-card__preview{font-size:var(--text-sm);justify-content:space-between;align-items:center;font-weight:600;display:flex}.task-card__tier{padding:2px var(--space-2);border-radius:var(--radius-pill)}.task-card__tier--bronze{background:var(--tier-bronze-bg);color:#8b5a16}.task-card__tier--silver{background:var(--tier-silver-bg);color:#555}.task-card__tier--gold{background:var(--color-paper-warm);color:var(--color-gold-dark)}.task-card__tier--none{color:var(--text-secondary)}.status-bar{gap:var(--space-2);padding:var(--space-3);flex-direction:column;display:flex}.status-bar__progress{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-soft);font-size:var(--text-sm);display:flex}.status-bar__progress strong{font-weight:700}.profile-bag__item-use{margin-left:var(--space-2);flex-shrink:0}.nudge-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);margin:var(--space-2) 0;align-self:flex-start;font-weight:600;display:inline-block}.nudge-pill--muted{background:var(--color-paper-cool,#0000000a);color:var(--text-secondary)}.nudge-pill--warm{color:#8a6a16;background:#fff4d8}.nudge-pill--gold{background:linear-gradient(120deg, var(--color-gold-light), var(--color-gold));color:var(--color-paper-warm)}.nudge-pill--gold-faded{background:var(--color-paper-warm);color:var(--color-gold-dark);border:1px solid var(--color-gold)}.nudge-row-btn{background:linear-gradient(120deg, var(--color-gold-light), var(--color-gold));color:var(--color-paper-warm);border-radius:var(--radius-sm);padding:2px var(--space-2);font-size:var(--text-xs);letter-spacing:.05em;cursor:pointer;border:none;flex-shrink:0;font-weight:700;line-height:1.4}.nudge-row-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.nudge-banner{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-3);font-weight:500}.nudge-banner--pending{color:#8a6a16;border-left:3px solid var(--color-gold);background:#fff4d8}.nudge-banner--completed{background:var(--color-paper-warm);color:var(--color-gold-dark);border-left:3px solid var(--color-gold)}.cal-month{width:100%;max-width:var(--max-content-width);background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-soft)}.cal-month__header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.cal-month__nav{color:var(--color-gold-brown);border:1px solid var(--color-gold);width:clamp(28px,8cqi,32px);height:clamp(28px,8cqi,32px);font-size:var(--text-lg);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.cal-month__nav-icon{width:50%;height:50%}.cal-month__nav:focus-visible{box-shadow:var(--focus-ring);outline:none}.cal-month__nav:disabled{color:var(--color-disabled);border-color:var(--border-disabled);cursor:not-allowed}.cal-month__label{color:var(--color-ink-deep);font-weight:700;font-size:var(--text-base)}.cal-month__weekdays,.cal-month__grid{gap:var(--space-1);grid-template-columns:repeat(7,1fr);width:100%;display:grid}.cal-month__weekday{text-align:center;font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-1) 0}.cal-cell{border:1px solid var(--border-disabled);border-radius:var(--radius-sm);cursor:default;min-width:0;min-height:clamp(56px,16cqi,64px);color:var(--color-ink-deep);background:var(--bg-card);flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;padding:4px 3px;font-family:inherit;display:flex;position:relative;overflow:hidden}.cal-cell--blank{background:0 0;border:none}.cal-cell--clickable{cursor:pointer}.cal-cell--clickable:focus-visible{box-shadow:var(--focus-ring);outline:none}.cal-cell--today{border:2px solid var(--color-gold)}.cal-cell--future,.cal-cell--past-empty{color:var(--color-disabled-text)}.cal-cell--prebind{background:0 0;border-color:#0000}.cal-cell--rescued{background:var(--color-frost)}.cal-cell__date{font-weight:700;font-size:var(--text-sm);line-height:1.2}.cal-cell__points{color:var(--color-gold-brown);font-size:9px;line-height:1.2}.cal-cell__dots{letter-spacing:0;color:var(--color-gold-brown);overflow-wrap:anywhere;word-break:break-all;text-align:center;max-width:100%;font-size:9px;line-height:1.1}.cal-cell__rescue{font-size:var(--text-sm)}.cal-cell__milestone-badge{z-index:1;pointer-events:none;font-size:9px;line-height:1;position:absolute;top:1px;right:2px}.cal-cell__boost-badge{object-fit:contain;pointer-events:none;width:14px;height:14px;position:absolute;top:2px;left:2px}.heatmap-0{background-color:var(--bg-card)}.heatmap-lo{background-color:#d4a23c26}.heatmap-md{background-color:#d4a23c59}.heatmap-hi{background-color:#d4a23c99}.calendar-day-backdrop{background:var(--overlay-scrim);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}body.dialog-open .shell__slide{overflow:hidden}.calendar-day-dialog{background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);width:min(420px, calc(100vw - var(--space-5) * 2));box-shadow:var(--shadow-elevated)}.calendar-day-dialog__title{margin:0 0 var(--space-3);font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.calendar-day-rescue{background:var(--color-frost);color:var(--color-ink);padding:var(--space-3);border-radius:var(--radius-sm);margin:var(--space-2) 0 var(--space-3)}.calendar-day-rescue__icon{font-size:var(--text-base);margin:0 0 var(--space-1);font-weight:700}.calendar-day-rescue__text{font-size:var(--text-sm);margin:0}.calendar-day-slots{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.calendar-day-milestones{margin:0 0 var(--space-2);gap:var(--space-1);flex-direction:column;padding:0;list-style:none;display:flex}.calendar-day-milestone{background:var(--color-paper-warm);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);flex-direction:column;gap:2px;display:flex}.calendar-day-milestone__line{align-items:center;gap:var(--space-2);display:flex}.calendar-day-milestone__icon{font-size:var(--text-base)}.calendar-day-milestone__title{flex:1;font-weight:600}.calendar-day-milestone__reward{color:var(--color-gold-brown);font-variant-numeric:tabular-nums;font-weight:600}.calendar-day-milestone__narrative{color:var(--text-secondary);font-size:var(--text-xs);padding-left:calc(var(--text-base) + var(--space-2))}.calendar-day-slot{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);align-items:center;display:flex}.slot-title{flex:1;font-weight:600}.slot-value{color:var(--color-gold-brown);text-align:right;font-variant-numeric:tabular-nums;min-width:4em}.slot-value__unit{color:var(--text-secondary);margin-left:1px;font-size:.9em;font-weight:400}.slot-points{color:var(--color-gold-brown);text-align:right;font-variant-numeric:tabular-nums;min-width:2.5em;font-weight:600}.slot-tier-spacer{flex-shrink:0;width:22px}.slot-incomplete{color:var(--text-secondary);font-style:italic}.calendar-day-summary{margin:var(--space-3) 0;padding-top:var(--space-2);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--color-gold-brown);text-align:center}.calendar-day-close{width:100%;padding:var(--space-2);background:var(--bg-card);color:var(--color-gold-brown);border:1px solid var(--color-gold);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;font-weight:600;display:block}.calendar-day-close:hover{background:var(--color-paper-warm)}.calendar-day-close:focus-visible{box-shadow:var(--focus-ring);outline:none}.state{padding:var(--space-6) var(--space-5);text-align:center;background:var(--bg-card);border:1px dashed var(--border-subtle);border-radius:var(--radius-md)}.state__art{font-family:var(--font-display);color:var(--color-gold-art-faded);margin-bottom:var(--space-4);font-size:64px;line-height:1}.state__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary)}.state__desc{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--text-sm)}.state--error .state__art{color:var(--color-cinnabar-art-faded)}.skeleton{background:var(--shimmer-bg);background-size:var(--shimmer-size) 100%;animation:shimmer var(--shimmer-duration) linear infinite;border-radius:var(--radius-sm)}.skeleton-row{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.skeleton-line{height:12px;margin-bottom:var(--space-2)}.skeleton-line:last-child{margin-bottom:0}.task-list,.task-list__items{gap:var(--space-4);flex-direction:column;display:flex}.task-list__empty{text-align:center;padding:var(--space-7) var(--space-4);color:var(--text-secondary)}.task-list__empty-line{font-size:var(--text-base);margin:0}.subtabs{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-paper);display:flex;overflow-x:auto}.subtab{padding:6px var(--space-4);border-radius:var(--radius-pill);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.subtab:hover{border-color:var(--color-gold);color:var(--color-gold-dark)}.subtab:focus-visible{box-shadow:var(--focus-ring);outline:none}.subtab--active{background:var(--color-gold);color:var(--text-on-gold);border-color:var(--color-gold-dark)}.topbar{z-index:5;height:var(--top-bar-height);background:var(--bg-card);border-bottom:1px solid var(--border-subtle);padding:0 clamp(var(--space-3), 4cqi, var(--space-4));align-items:center;gap:clamp(var(--space-2), 3cqi, var(--space-3));display:flex;position:sticky;top:0}.topbar__title{font-family:var(--font-display);font-size:clamp(var(--text-base), 4cqi, var(--text-lg));color:var(--color-gold-dark);margin:0}.topbar__spacer{flex:1}.topbar__action{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;padding:6px}.topbar__action:hover{background:var(--pill-advanced-bg);color:var(--color-gold-dark)}.topbar__action:focus-visible{box-shadow:var(--focus-ring);outline:none}.bottomnav{width:100%;height:clamp(52px, 14cqi, var(--bottom-nav-height));background:var(--bg-card);justify-content:center;display:flex}.bottomnav__inner{width:100%;max-width:var(--max-content-width);grid-template-columns:repeat(4,1fr);display:grid}.bottomnav__tab{padding:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1px,.5cqi,2px);display:flex;position:relative}.bottomnav__tab:hover{color:var(--color-gold-dark)}.bottomnav__tab:focus-visible{box-shadow:var(--focus-ring);outline:none}.bottomnav__tab--active{color:var(--color-gold-dark)}.bottomnav__tab--active:before{content:"";background:var(--nav-active-indicator);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:25%;right:25%}.bottomnav__icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:clamp(28px,8cqi,36px);height:clamp(28px,8cqi,36px);font-size:0;line-height:1}.bottomnav__icon--announcements{background-image:url(/img/icons/nav-announcements.webp)}.bottomnav__icon--tasks{background-image:url(/img/icons/nav-tasks.webp)}.bottomnav__icon--leaderboard{background-image:url(/img/icons/nav-leaderboard.webp)}.bottomnav__icon--profile{background-image:url(/img/icons/nav-profile.webp)}.bottomnav__label{font-size:clamp(10px, 3cqi, var(--text-xs));letter-spacing:.05em;font-weight:600}.segtabs{gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-paper);border-radius:var(--radius-md);display:flex}.segtab{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:none;flex:1;font-weight:600}.segtab--active{background:var(--color-paper-warm);color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--color-gold)}.segtab:focus-visible{box-shadow:var(--focus-ring);outline:none}.page-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-gold-dark);margin:0}.lb-row{gap:var(--space-1);padding:var(--space-3) clamp(var(--space-3), 4cqi, var(--space-4));background:var(--bg-card);border-bottom:1px solid #0000000f;flex-direction:column;display:flex}.lb-row--self{background:var(--color-paper-warm);outline:2px solid var(--color-gold);outline-offset:-2px;border-radius:var(--radius-sm)}.lb-row__line1{align-items:center;gap:var(--space-2);grid-template-columns:auto 1fr auto;display:grid}.lb-row__rank{border-radius:var(--radius-md);min-width:28px;height:24px;font-weight:700;font-size:var(--text-sm);color:var(--text-primary);background:#0000000d;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.lb-row__rank--gold{background:var(--color-gold);color:#fff}.lb-row__rank--silver{background:var(--color-silver-dark,#8a8a8a);color:#fff}.lb-row__rank--bronze{background:var(--tier-bronze);color:#fff}.lb-row__identity{font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-row__right{align-items:center;gap:var(--space-2);display:flex}.lb-row__points{font-weight:700;font-size:var(--text-base);color:var(--text-primary)}.lb-row__secondary,.lb-row__streak{font-size:var(--text-xs);color:var(--text-secondary);margin-left:36px}.lb-row__pet{font-size:var(--text-sm);color:var(--text-secondary);align-items:baseline;gap:0;margin-left:36px;display:flex}.lb-row__pet-icon{flex:none;width:1.5em;margin-left:-1.5em}.lb-row__pet-text{flex:auto}.bottomnav__tab.is-active{color:var(--color-gold-dark)}.bottomnav__tab.is-active:before{content:"";background:var(--nav-active-indicator);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:25%;right:25%}.lb-sticky-self{padding:var(--space-3) var(--space-4);background:var(--color-ink);color:#fff;text-align:center;font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-md);position:sticky;bottom:0}.modal{border-radius:var(--radius-md);max-width:360px;width:calc(100% - var(--space-5) * 2);background:var(--bg-card);box-shadow:var(--shadow-elevated);color:var(--text-primary);border:none;padding:0}.modal::backdrop{background:var(--overlay-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-backdrop{background:var(--overlay-scrim);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__body{padding:var(--space-5)}.modal__title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-gold-dark)}.modal__text{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.65}.aura-confirm__lead{margin-bottom:4px}.aura-confirm__factor{text-align:center;letter-spacing:.02em;color:var(--color-gold-dark);margin:0 0 8px;font-size:2.4rem;font-weight:900;line-height:1.1}.aura-confirm__warn{margin:0 0 var(--space-5);text-align:left;font-size:var(--text-sm);color:#8a3110;background:#fcebd9;border:1px solid #e7a463;border-left:4px solid #c85a1a;border-radius:8px;padding:10px 12px;font-weight:700;line-height:1.6}.modal__actions{gap:var(--space-2);justify-content:flex-end;display:flex}.msg--error{padding:var(--space-3);color:var(--color-cinnabar);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;background:#c0392b14}.tip-host{display:inline-flex;position:relative}.tip-host__target{padding:6px var(--space-3);background:var(--color-paper-warm);border:1px dashed var(--color-gold);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-gold-dark);cursor:help}.tip-host__bubble{padding:6px var(--space-3);background:var(--toast-bg);color:var(--toast-text);font-size:var(--text-xs);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tip-host__bubble:after{content:"";border:5px solid #0000;border-top-color:var(--toast-bg);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tip-host:hover .tip-host__bubble,.tip-host:focus-within .tip-host__bubble{opacity:1}.milestone-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.milestone-modal{width:min(380px,90vw);padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--color-paper-warm) 0%, var(--color-paper-warm-end) 60%, var(--color-gold) 100%);align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex;box-shadow:0 8px 40px #0000004d}.milestone-modal__streak{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.milestone-modal__narrative{font-size:var(--text-xl);color:var(--text-primary);font-weight:600;line-height:1.4}.milestone-modal__reward{font-size:var(--text-lg);color:var(--text-primary);padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:#fff9}.milestone-modal__action{margin-top:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-ink);color:#fff;font-size:var(--text-base);cursor:pointer;border:none;font-weight:600}.milestone-modal__action:hover{background:var(--color-ink-soft)}.milestone-modal__action:focus-visible{box-shadow:var(--focus-ring);outline:none}.purchase-dialog{z-index:1000;padding:var(--space-5);-webkit-backdrop-filter:blur(2px);background:radial-gradient(at 50% 35%,#3c23058c,#0a0500e0 70%),#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.purchase-dialog__panel{width:min(420px,92vw);padding:var(--space-6) var(--space-5) var(--space-5);background:radial-gradient(ellipse at 50% 0%, #fff8e3 0%, var(--color-paper-warm) 45%, #ecd9a8 100%);box-shadow:0 32px 64px #0000008c, 0 8px 16px #00000059, inset 0 0 0 4px var(--color-paper-warm), inset 0 0 0 5px var(--color-gold-dark), inset 0 0 0 8px var(--color-paper-warm), inset 0 0 0 9px #28140066;border:1px solid #2814008c;border-radius:4px;position:relative}.purchase-dialog__icon-wrap{margin:0 0 var(--space-4);justify-content:center;display:flex}.purchase-dialog__icon{filter:drop-shadow(0 2px 3px #00000059)drop-shadow(0 8px 14px #28140066);width:clamp(80px,26%,110px);height:auto;animation:3.6s ease-in-out infinite purchase-dialog-icon-float;display:block}@keyframes purchase-dialog-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.purchase-dialog__icon{animation:none}}.purchase-dialog__eyebrow{margin:0 0 var(--space-3) 0;text-align:center;font-size:var(--text-xs);letter-spacing:.5em;color:var(--color-gold-dark);padding-left:.5em;font-weight:700}.purchase-dialog__title{text-align:center;font-size:var(--text-2xl);color:#5b3a1a;letter-spacing:.08em;text-shadow:0 1px #fff8dc99;margin:0;font-weight:800}.purchase-dialog__divider{margin:var(--space-3) 0;justify-content:center;align-items:center;display:flex}.purchase-dialog__divider span{background:linear-gradient(90deg, transparent 0%, var(--color-gold-dark) 30%, var(--color-gold) 50%, var(--color-gold-dark) 70%, transparent 100%);width:60%;height:1px;display:block}.purchase-dialog__desc{margin:0 0 var(--space-5) 0;text-align:center;font-size:var(--text-base);color:#6b4a26;letter-spacing:.02em;white-space:pre-line;line-height:1.55}.purchase-dialog__qty{justify-content:center;align-items:center;gap:var(--space-4);margin:0 auto var(--space-3);display:flex}.purchase-dialog__qty-btn{width:32px;height:32px;color:var(--color-gold-dark);font-size:var(--text-lg);cursor:pointer;background:linear-gradient(#2814000a,#2814001a);border:1px solid #5b3a1a4d;border-radius:999px;font-weight:800;line-height:1}.purchase-dialog__qty-btn:disabled{opacity:.4;cursor:not-allowed}.purchase-dialog__qty-btn:active:not(:disabled){transform:scale(.92)}.purchase-dialog__qty-val{text-align:center;min-width:2ch;font-size:var(--text-lg);color:#6b4a26;font-weight:800}.purchase-dialog__price{align-items:center;gap:var(--space-2);width:fit-content;padding:var(--space-2) var(--space-4);margin:0 auto var(--space-5);background:linear-gradient(#2814000a,#2814001a);border:1px solid #5b3a1a2e;border-radius:999px;display:flex}.purchase-dialog__coin{object-fit:contain;filter:drop-shadow(0 1px 1px #2814004d);width:22px;height:22px}.purchase-dialog__cost{font-size:var(--text-lg);color:var(--color-gold-dark);letter-spacing:.03em;font-weight:800}.purchase-dialog__balance{font-size:var(--text-sm);color:var(--color-ink-soft);letter-spacing:.05em;font-weight:600}.purchase-dialog__error{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);color:#8b2f1f;font-size:var(--text-sm);text-align:center;letter-spacing:.03em;background:#b43c2814;border-radius:8px;font-weight:600}.purchase-dialog__actions{gap:var(--space-3);display:flex}.purchase-dialog__btn{padding:var(--space-3) var(--space-4);font-size:var(--text-base);cursor:pointer;letter-spacing:.15em;border:none;border-radius:999px;flex:1;font-family:inherit;font-weight:700;transition:transform .12s,box-shadow .18s,opacity .18s,background .18s}.purchase-dialog__btn:active:not(:disabled){transform:scale(.97)}.purchase-dialog__btn:disabled{cursor:not-allowed}.purchase-dialog__btn--cancel{color:#5b3a1a;background:0 0;border:1.5px solid #5b3a1a73}.purchase-dialog__btn--cancel:not(:disabled):hover{background:#5b3a1a0f;border-color:#5b3a1abf}.purchase-dialog__btn--cancel:disabled{opacity:.5}.purchase-dialog__btn--confirm{background:linear-gradient(180deg, var(--color-gold-light) 0%, var(--color-gold) 45%, var(--color-gold-dark) 100%);color:#fff3c8;text-shadow:0 1px 1px #281400b3;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff5c880,inset 0 -1px #28140059,0 3px 6px #0000004d}.purchase-dialog__btn--confirm:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff73 50%,#0000 65%);position:absolute;inset:0;transform:translate(-100%)}.purchase-dialog__btn--confirm:not(:disabled):hover{box-shadow:inset 0 1px #fff5c8bf,inset 0 -1px #28140059,0 6px 12px #0006,0 0 18px #d4a23c8c}.purchase-dialog__btn--confirm:not(:disabled):hover:before{animation:.8s ease-out forwards purchase-dialog-shimmer}@keyframes purchase-dialog-shimmer{to{transform:translate(100%)}}.purchase-dialog__btn--confirm:disabled{color:#fff3c8a6;text-shadow:none;background:linear-gradient(#c5b486 0%,#a89765 50%,#8a7a4a 100%);box-shadow:inset 0 1px #fff5c833,inset 0 -1px #28140033}.purchase-dialog-enter-active,.purchase-dialog-leave-active{transition:opacity .25s}.purchase-dialog-enter-active .purchase-dialog__panel,.purchase-dialog-leave-active .purchase-dialog__panel{transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .25s}.purchase-dialog-enter-from,.purchase-dialog-leave-to{opacity:0}.purchase-dialog-enter-from .purchase-dialog__panel,.purchase-dialog-leave-to .purchase-dialog__panel{opacity:0;transform:scale(.85)translateY(8px)}@media (prefers-reduced-motion:reduce){.purchase-dialog-enter-active,.purchase-dialog-leave-active,.purchase-dialog-enter-active .purchase-dialog__panel,.purchase-dialog-leave-active .purchase-dialog__panel{transition:opacity .18s}.purchase-dialog-enter-from .purchase-dialog__panel,.purchase-dialog-leave-to .purchase-dialog__panel{transform:none}.purchase-dialog__btn--confirm:not(:disabled):hover:before{animation:none}}.nudge-dialog{z-index:1000;padding:var(--space-5);-webkit-backdrop-filter:blur(3px);background:radial-gradient(at 50% 40%,#50320a73,#0f0a00c7 75%),#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nudge-dialog__panel{width:min(380px,92vw);padding:var(--space-6) var(--space-5) var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(155deg, #fff7e3 0%, var(--color-paper-warm) 55%, #f0dfb0 100%);border:1px solid #5b3a1a38;position:relative;box-shadow:0 20px 48px #00000073,0 6px 12px #0000004d,inset 0 0 0 1px #ffffff73,inset 0 1px 2px #fff0c8b3}.nudge-dialog__panel:before{content:"";top:0;left:var(--space-5);right:var(--space-5);background:linear-gradient(90deg, transparent 0%, var(--color-gold-dark) 30%, var(--color-gold) 50%, var(--color-gold-dark) 70%, transparent 100%);border-radius:0 0 2px 2px;height:3px;position:absolute}.nudge-dialog__title{margin:0 0 var(--space-3);text-align:center;font-family:var(--font-display);font-size:var(--text-3xl);color:#5b3a1a;letter-spacing:.12em;text-shadow:0 1px #fff8dca6;padding-left:.12em;font-weight:800;line-height:1.2}.nudge-dialog__divider{margin:0 0 var(--space-4);justify-content:center;align-items:center;display:flex}.nudge-dialog__divider span{background:linear-gradient(90deg, transparent 0%, var(--color-gold-dark) 30%, var(--color-gold) 50%, var(--color-gold-dark) 70%, transparent 100%);width:65%;height:1px;display:block}.nudge-dialog__body{margin:0 0 var(--space-4);text-align:center;font-size:var(--text-base);color:#6b4a26;letter-spacing:.02em;line-height:1.7}.nudge-dialog__body--preline{white-space:pre-line}.nudge-dialog__body+.nudge-dialog__body{margin-top:calc(var(--space-2) * -1)}.nudge-dialog__body b{color:var(--color-gold-dark);font-weight:700}.nudge-dialog__body--lead{font-size:var(--text-lg);color:#5b3a1a;margin-bottom:var(--space-2);font-weight:700}.nudge-dialog__body--caption{font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.03em;margin-bottom:var(--space-5)}.nudge-dialog__reward{width:fit-content;padding:6px var(--space-4) 6px var(--space-3);margin:0 auto var(--space-5);font-size:var(--text-lg);color:var(--color-gold-dark);letter-spacing:.08em;background:linear-gradient(#fff5c8bf,#ffe8a08c);border:1px solid #5b3a1a38;border-radius:999px;align-items:center;gap:8px;font-weight:800;display:flex}.nudge-dialog__reward-coin{object-fit:contain;filter:drop-shadow(0 1px 1px #5b3a1a59);flex-shrink:0;width:24px;height:24px}.nudge-dialog__actions{gap:var(--space-3);display:flex}.nudge-dialog__btn{padding:var(--space-3) var(--space-4);font-size:var(--text-base);cursor:pointer;letter-spacing:.12em;border:none;border-radius:999px;flex:1;font-family:inherit;font-weight:700;transition:transform .12s,box-shadow .18s,background .18s,border-color .18s}.nudge-dialog__btn:active{transform:scale(.97)}.nudge-dialog__btn:focus-visible{outline:none;box-shadow:0 0 0 3px #d4a23c8c}.nudge-dialog__btn--ghost{color:#5b3a1a;background:0 0;border:1.5px solid #5b3a1a66}.nudge-dialog__btn--ghost:hover{background:#5b3a1a0f;border-color:#5b3a1ab3}.nudge-dialog__btn--gold{background:linear-gradient(180deg, var(--color-gold-light) 0%, var(--color-gold) 50%, var(--color-gold-dark) 100%);color:#fff3c8;text-shadow:0 1px 1px #281400b3;box-shadow:inset 0 1px #fff5c880,inset 0 -1px #28140059,0 3px 6px #00000047}.nudge-dialog__btn--gold:hover{box-shadow:inset 0 1px #fff5c8bf,inset 0 -1px #28140059,0 5px 10px #00000061,0 0 16px #d4a23c8c}.nudge-dialog--success .nudge-dialog__panel{background:linear-gradient(155deg,#fff5cf 0%,#f5dfa0 60%,#e6c476 100%)}.nudge-dialog--success .nudge-dialog__panel:before{background:linear-gradient(90deg, transparent 0%, var(--color-gold-dark) 25%, #ffd86b 50%, var(--color-gold-dark) 75%, transparent 100%);height:4px}.nudge-dialog-enter-active,.nudge-dialog-leave-active{transition:opacity .22s}.nudge-dialog-enter-active .nudge-dialog__panel,.nudge-dialog-leave-active .nudge-dialog__panel{transition:transform .36s cubic-bezier(.34,1.56,.64,1),opacity .22s}.nudge-dialog-enter-from,.nudge-dialog-leave-to{opacity:0}.nudge-dialog-enter-from .nudge-dialog__panel,.nudge-dialog-leave-to .nudge-dialog__panel{opacity:0;transform:scale(.85)translateY(8px)}@media (prefers-reduced-motion:reduce){.nudge-dialog-enter-active .nudge-dialog__panel,.nudge-dialog-leave-active .nudge-dialog__panel{transition:opacity .18s}.nudge-dialog-enter-from .nudge-dialog__panel,.nudge-dialog-leave-to .nudge-dialog__panel{transform:none}}.nudge-dialog__footer-date{font-size:var(--text-xs);color:var(--text-tertiary,#aaa);text-align:right;margin-top:var(--space-3);letter-spacing:.01em}.nudge-dialog__system-image{justify-content:center;align-items:center;width:144px;height:144px;margin:12px auto;display:flex;position:relative}.nudge-dialog__system-image-art{object-fit:contain;width:100%;height:100%}@keyframes pet-recede{0%,8%{opacity:0;transform:translate(-20px,10px)scale(1)rotate(-3deg)}18%{opacity:1;transform:translate(-20px,10px)scale(1)rotate(-3deg)}78%{opacity:.3;transform:translate(34px,-18px)scale(.45)rotate(-3deg)}to{opacity:0;transform:translate(50px,-30px)scale(.3)rotate(-3deg)}}@keyframes coin-recede{0%,14%{opacity:0;transform:translate(-46px,30px)rotate(0)scale(.95)}24%{opacity:1;transform:translate(-46px,30px)rotate(25deg)scale(.95)}80%{opacity:.45;transform:translate(18px,-3px)rotate(200deg)scale(.5)}to{opacity:0;transform:translate(30px,-12px)rotate(260deg)scale(.3)}}.nudge-dialog__system-image--steal .nudge-dialog__system-image-art{filter:brightness(.6)contrast(1.05);transform-origin:50%;width:80px;height:80px;animation:4.5s ease-in forwards pet-recede}.nudge-dialog__system-image--steal:after{content:"";background:var(--coin-url) center/contain no-repeat;filter:drop-shadow(0 1px 2px #00000059);transform-origin:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:4.5s ease-in .15s forwards coin-recede;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce){.nudge-dialog__system-image--steal .nudge-dialog__system-image-art,.nudge-dialog__system-image--steal:after{opacity:0;animation:none}}.nudge-dialog__system-image--coin{width:auto;height:64px;margin:12px auto 8px}.nudge-dialog__system-image--coin:after{content:"";background:var(--coin-url) center/contain no-repeat;filter:drop-shadow(0 2px 4px #b4823273);width:64px;height:64px;margin:0 auto;display:block;position:static;transform:none}.nudge-dialog__disguise-badge{filter:drop-shadow(0 1px 2px #00000059);pointer-events:none;transform-origin:50%;margin:-38px 0 0 6px;font-size:18px;line-height:1;position:absolute;top:50%;left:50%}.nudge-dialog__system-image--steal .nudge-dialog__disguise-badge{animation:4.5s ease-in forwards pet-recede}@media (prefers-reduced-motion:reduce){.nudge-dialog__disguise-badge{opacity:0;animation:none}}.insight-reveal__line{text-align:center;color:#6b5b3e;margin:4px 0 0;font-size:14px}.insight-reveal__branch{text-align:center;color:#6b5b3e;margin:2px 0 0;font-size:13px}.insight-reveal__name{text-align:center;color:#3a2f1c;letter-spacing:2px;margin:4px 0 6px;font-size:26px;font-weight:700}.insight-reveal__hint{text-align:center;color:#9b8a6a;margin:0;font-size:12px}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--toast-bg);color:var(--toast-text);border-radius:var(--radius-sm);font-size:var(--text-sm);box-shadow:var(--shadow-elevated);border-left:3px solid var(--toast-info-accent);-webkit-backdrop-filter:blur(6px);animation:.25s toastSlideUp;display:inline-flex}.toast--success{border-left-color:var(--toast-success-accent)}.toast--error{border-left-color:var(--toast-error-accent)}.toast__icon{font-family:var(--font-display);font-weight:700}img.toast__icon{object-fit:contain;width:1.4em;height:1.4em;display:block}.toast--warm{background:linear-gradient(120deg, var(--color-paper-warm) 0%, var(--color-paper-warm-end) 100%);color:var(--text-primary);border-left-color:var(--color-gold)}.toast--frost{background:var(--color-frost);color:var(--color-ink);border-left-color:var(--chip-freeze-text)}.toast__body{flex:1;font-weight:600}.toast__close{color:inherit;opacity:.6;font-size:var(--text-lg);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;line-height:1}.toast__close:hover{opacity:1}.toast__close:focus-visible{box-shadow:var(--focus-ring);outline:none}.celebration-root{top:var(--space-4);gap:var(--space-2);z-index:999;pointer-events:auto;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.update-toast-anchor{bottom:calc(var(--space-4) + 64px);z-index:999;pointer-events:auto;position:fixed;left:50%;transform:translate(-50%)}.profile-sync-toast-anchor{bottom:calc(var(--space-4) + 64px + 60px);z-index:999;pointer-events:auto;position:fixed;left:50%;transform:translate(-50%)}.update-toast-action{background:var(--color-gold);color:var(--color-paper-warm);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;font-weight:600;font-size:var(--text-sm);border:none;flex-shrink:0}.update-toast-action:hover{filter:brightness(1.08)}.update-toast-action:focus-visible{box-shadow:var(--focus-ring);outline:none}.shell{background:var(--bg-app);--bg-offset:0vw;flex-direction:column;width:100%;height:100dvh;display:flex;container-type:inline-size}.shell__top-bar{width:100%;height:clamp(40px,12cqi,48px);padding:clamp(var(--space-2), 3cqi, var(--space-3)) clamp(var(--space-3), 4cqi, var(--space-4));z-index:2;background-image:url(/img/bar-top.jpg);background-repeat:no-repeat;background-size:100% 100%;justify-content:center;align-items:center;display:flex;position:sticky;top:0}.shell__title{font-size:clamp(var(--text-base), 4cqi, var(--text-lg));color:var(--text-primary);font-weight:600}.shell__content{z-index:1;touch-action:pan-y;flex:1;width:100%;min-height:0;position:relative;overflow:hidden;container-type:inline-size}.shell__strip{will-change:transform;flex-shrink:0;width:400%;height:100%;transition:transform .32s ease-out;display:flex}.shell--dragging .shell__strip,.shell--dragging .shell-bg{transition:none}.shell__slide{width:25%;height:100%;padding:clamp(var(--space-3), 4cqi, var(--space-4));touch-action:pan-y;overscroll-behavior:none;scrollbar-width:none;flex-direction:column;flex-shrink:0;align-items:center;display:flex;overflow:hidden auto}.shell__slide::-webkit-scrollbar{display:none}.shell__slide>*{width:100%;max-width:var(--max-content-width);flex-shrink:0}.shell__nav{z-index:2;background-image:url(/img/bar-bottom.jpg);background-repeat:no-repeat;background-size:100% 100%;width:100%;position:sticky;bottom:0}.shell-bg{pointer-events:none;z-index:0;width:200vw;height:100dvh;transform:translateX(var(--bg-offset));will-change:transform;background-image:url(/img/bg-hero.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .32s ease-out;position:fixed;top:0;left:-12.5vw}.app-loading{height:100vh;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.update-overlay{justify-content:center;align-items:center;gap:var(--space-3);background:var(--color-paper-warm);z-index:10000;flex-direction:column;display:flex;position:fixed;inset:0}.update-overlay__spinner{border:4px solid var(--color-gold-soft,#d4a23c4d);border-top-color:var(--color-gold);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.update-overlay__text{color:var(--text-primary);font-weight:600;font-size:var(--text-base)}.update-overlay__hint{color:var(--text-secondary);font-size:var(--text-sm)}.collapsible>summary{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;list-style:none;display:flex}.collapsible>summary::-webkit-details-marker{display:none}.collapsible>summary:after{content:"▾";color:var(--text-secondary);margin-left:var(--space-2);flex-shrink:0;font-size:1.1em;font-weight:700;line-height:1;transition:transform .2s}.collapsible[open]>summary:after{transform:rotate(180deg)}.collapsible>summary:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px;border-radius:var(--radius-sm)}:root{--pet-color-metal:#d4af37;--pet-color-wood:#4a8a3a;--pet-color-water:#6fa3c8;--pet-color-fire:#c8643a;--pet-color-earth:#a89270}.pet--metal{--pet-color:var(--pet-color-metal)}.pet--wood{--pet-color:var(--pet-color-wood)}.pet--water{--pet-color:var(--pet-color-water)}.pet--fire{--pet-color:var(--pet-color-fire)}.pet--earth{--pet-color:var(--pet-color-earth)}.pet-placeholder{border:3px dashed var(--pet-color,#b07f3a);background:color-mix(in srgb, var(--pet-color,#b07f3a) 30%, transparent);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:inline-flex}.pet-placeholder--lg{width:96px;height:96px;font-size:38px}.pet-placeholder--larva{border-radius:50% 50% 45% 45%/60% 60% 40% 40%}.hover-pet{z-index:30;cursor:grab;touch-action:none;transition:transform .3s ease-out;position:fixed;top:0;left:0}.hover-pet--dragging{cursor:grabbing;transition:none}.hover-pet__name-chip{color:#5a3a1a;white-space:nowrap;pointer-events:none;background:#fff8e88c;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:-28px;left:50%;transform:translate(-50%)}@keyframes pet-egg-fade-out{0%{opacity:1}to{opacity:0}}@keyframes pet-larva-reveal{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.hatch-stage{width:96px;height:96px;margin:0 auto;position:relative}.hatch-stage__shell{justify-content:center;align-items:center;animation:1.6s ease-out .2s forwards pet-egg-fade-out;display:flex;position:absolute;inset:0}.hatch-stage__larva{opacity:0;justify-content:center;align-items:center;animation:.8s ease-out 1.4s forwards pet-larva-reveal;display:flex;position:absolute;inset:0}.pet-dialog__species-eyebrow{text-align:center;color:#888;letter-spacing:.05em;margin-top:2px;font-size:11px}.pet-dialog__progress{background:#f0e6d2;border-radius:8px;height:18px;margin:12px 0;position:relative;overflow:hidden}.pet-dialog__progress-bar{background:linear-gradient(90deg, color-mix(in srgb, var(--pet-color) 60%, white), var(--pet-color));border-radius:8px;height:100%;transition:width .4s ease-out}.pet-dialog__progress-label{color:#3a3a3a;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:absolute;inset:0}.pet-dialog__hint{text-align:center;color:#777;margin-top:4px;font-size:12px}.hover-pet__art{pointer-events:none;-webkit-user-select:none;user-select:none;width:90px;height:auto;animation:2.6s ease-in-out infinite pet-idle-float;display:block}@keyframes pet-idle-float{0%,to{translate:0}50%{translate:0 -6px}}.hover-pet--mirror .hover-pet__art{scale:-1 1}.hover-pet--adult .hover-pet__art{width:158px}.hover-pet__shadow{pointer-events:none;filter:blur(.5px);background:radial-gradient(#0000006b 0%,#0003 50%,#0000 75%);width:60%;height:8px;animation:2.6s ease-in-out infinite pet-shadow-pulse;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}@keyframes pet-shadow-pulse{0%,to{opacity:1;transform:translate(-50%)scale(1)}50%{opacity:.55;transform:translate(-50%)scale(.78,.7)}}@media (prefers-reduced-motion:reduce){.hover-pet__art,.hover-pet__shadow{animation:none}}.pet-dialog__art{object-fit:contain;width:144px;height:144px;margin:12px auto;display:block}.pet-dialog__art--adult{width:252px;height:252px}.hatch-stage__shell-art,.hatch-stage__larva-art{object-fit:contain;width:96px;height:96px;display:block}.pet-egg-shop-row{grid-template-columns:repeat(5,1fr);gap:8px;padding:12px 0;display:grid}.pet-egg-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;padding:8px 4px;transition:transform .15s ease-out,box-shadow .15s ease-out}.pet-egg-card:hover:not(.pet-egg-card--disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.pet-egg-card--disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.pet-egg-card__label{color:#5a3a1a;margin-top:4px;font-size:11px}.pet-egg-card__cost{color:#b07f3a;font-size:11px;font-weight:600}.pet-egg-card__art{object-fit:contain;width:56px;height:56px;margin:0 auto;display:block}.dialogue-bubble{z-index:31;color:#2a2a2a;word-break:break-word;white-space:normal;cursor:pointer;-webkit-user-select:none;user-select:none;transform-origin:50%;background:#fff8e8eb;border-radius:12px;max-width:12ch;padding:8px 12px;font-size:14px;line-height:1.4;animation:.3s ease-out dialogue-bubble-pop;box-shadow:0 2px 8px #0000001f}.dialogue-bubble:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.dialogue-bubble--tail-right:after{border-left:8px solid #fff8e8eb;right:-8px}.dialogue-bubble--tail-left:after{border-right:8px solid #fff8e8eb;left:-8px}@keyframes dialogue-bubble-pop{0%{opacity:0;transform:translateY(-50%)scale(.85)}to{opacity:1;transform:translateY(-50%)scale(1)}}.evolve-stage{width:252px;height:252px;margin:16px auto;position:relative}.evolve-stage__larva,.evolve-stage__adult{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.evolve-stage__larva{animation:1.6s ease-in forwards evolve-larva-fade-out}.evolve-stage__adult{opacity:0;animation:1.4s ease-out .6s forwards evolve-adult-fade-in}.evolve-stage__larva-art{width:144px;height:auto}.evolve-stage__adult-art{width:252px;height:auto}@keyframes evolve-larva-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes evolve-adult-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pet-ceremony__name{text-align:center;margin-top:8px;font-weight:600}.pet-ceremony__body{text-align:center}.pet-ceremony__error{margin:8px 0}.hatch-name-input{text-align:center;color:#3a3a3a;box-sizing:border-box;background:#fff8e8;border:1px solid #d4b07a;border-radius:8px;width:100%;margin:12px 0;padding:10px 12px;font-size:14px;display:block}.hatch-name-input:focus{border-color:var(--pet-color,#b07f3a);box-shadow:0 0 0 3px color-mix(in srgb, var(--pet-color,#b07f3a) 30%, transparent);outline:none}.activity-energy-block{margin:12px 0 4px;position:relative}.activity-energy-block__label{color:#6b4a26;margin-bottom:4px;font-size:12px}.pet-dialog__progress-bar--energy{background:linear-gradient(90deg,#f8e3b3,#d4a86e);transition:width .6s}.pet-dialog__steal-cta{border:1px solid var(--color-gold-dark,#b07f3a);color:#5a3a1a;cursor:pointer;background:linear-gradient(#f5deaf,#d4a86e);border-radius:8px;width:100%;margin:12px 0 4px;padding:10px;font-weight:600;display:block}.pet-dialog__steal-cta:hover{filter:brightness(1.05)}.pet-dialog__steal-cta--disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.6)}.pet-dialog__art-wrap{width:fit-content;margin:0 auto;position:relative}.pet-dialog__art-epod{pointer-events:none;filter:drop-shadow(0 2px 4px #00000040);width:44px;height:auto;position:absolute;bottom:8px;right:-52px}.pet-dialog__art--adult+.pet-dialog__art-epod{right:-20px}.pet-out-of-house .pet-dialog__art-epod{opacity:.6}.activity-energy-block__reserve{align-items:center;gap:6px;margin-top:6px;display:flex}.activity-energy-block__reserve-label{color:#6b4a26;flex-shrink:0;font-size:11px}.activity-energy-block__reserve-bar{background:#efe3c8;border-radius:4px;flex:1;height:8px;overflow:hidden}.activity-energy-block__reserve-fill{background:linear-gradient(90deg,#bfe3d2,#6fbf9a);border-radius:4px;height:100%;transition:width .6s;position:relative;overflow:hidden}.activity-energy-block__reserve-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:40%;height:100%;animation:2.4s linear infinite etank-shimmer;position:absolute;top:0;left:0}@keyframes etank-shimmer{0%{transform:translate(-100%)}to{transform:translate(350%)}}.activity-energy-block__reserve-count{color:#6b4a26;white-space:nowrap;flex-shrink:0;font-size:11px}.activity-energy-block__reserve-btn{background:linear-gradient(120deg, var(--color-gold-light), var(--color-gold));color:var(--color-paper-warm);border-radius:var(--radius-sm);letter-spacing:.05em;cursor:pointer;border:none;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.4}.activity-energy-block__reserve-btn:disabled{opacity:.55;cursor:not-allowed}.activity-energy-block__reserve-error{color:#b0432f;margin:4px 0 0;font-size:11px}.etank-coin-burst{pointer-events:none;align-items:center;gap:3px;animation:1.4s ease-out forwards etank-coin-pop;display:flex;position:absolute;top:-6px;right:8px}.etank-coin-burst__coin{width:20px;height:20px}.etank-coin-burst__label{color:#b8860b;text-shadow:0 1px #fffc;font-size:13px;font-weight:700}@keyframes etank-coin-pop{0%{opacity:0;transform:translateY(6px)scale(.6)}18%{opacity:1;transform:translateY(-6px)scale(1.15)}35%{transform:translateY(-12px)scale(1)}70%{opacity:1;transform:translateY(-20px)scale(1)}to{opacity:0;transform:translateY(-30px)scale(.95)}}.pet-dialog__etank-hint{color:#a08a64;opacity:.8;text-align:center;margin:4px 0 0;font-size:11px}.pet-out-of-house{justify-content:center;align-items:center;width:144px;height:144px;margin:12px auto;display:flex;position:relative}.pet-out-of-house__art{object-fit:contain;filter:brightness(0)invert(.55);opacity:.7;width:110px;height:110px}.pet-out-of-house__label{color:#6b4a26;letter-spacing:.32em;text-shadow:0 1px 2px #ffffffb3;white-space:nowrap;pointer-events:none;font-size:19px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pet-out-of-house__label:after{content:"";text-align:left;width:1.2em;animation:1.6s step-end infinite pet-out-dots;display:inline-block}@keyframes pet-out-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media (prefers-reduced-motion:reduce){.pet-out-of-house__label:after{content:"...";animation:none}}.pet-skin-toggle{z-index:2;gap:5px;position:absolute;top:14px;right:14px}.pet-skin-toggle__label{color:#6b5b3e;font-size:11px}.profile-summary{width:100%;max-width:var(--max-content-width);padding:var(--space-4);border-radius:var(--radius-md);background:linear-gradient(120deg, var(--color-paper-warm) 0%, var(--color-paper-warm-end) 100%);box-shadow:var(--shadow-soft)}.profile-summary__heading{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:700}details.profile-summary[open]>.profile-summary__list,details.profile-summary[open]>.profile-bag__items,details.profile-summary[open]>.profile-bag__empty{margin-top:var(--space-3)}.profile-summary__list{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.profile-summary__row{font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.profile-summary__row dt{color:var(--text-primary);margin:0}.profile-summary__row dd{color:var(--text-primary);margin:0;font-weight:700}.profile-info{width:100%;max-width:var(--max-content-width);gap:var(--space-2);flex-direction:column;margin:0;display:flex}.profile-bag__items{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.profile-bag__item{align-items:center;gap:var(--space-3);font-size:var(--text-sm);display:flex}.profile-bag__item-icon{object-fit:contain;flex-shrink:0;width:22px;height:22px}.profile-bag__item-name{color:var(--text-primary);flex:1}.profile-bag__item-hint{color:#9b8a6a;margin-left:6px;font-size:11px}.profile-bag__item-qty{color:var(--text-primary);font-weight:700}.profile-bag__empty{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;padding:var(--space-2) 0;margin:0}.profile{padding:var(--space-4) 0;gap:var(--space-4);flex-direction:column;align-items:center;display:flex;container-type:inline-size}.profile__body,.profile__hint{color:var(--text-secondary);font-size:var(--text-sm);text-align:center;margin:0}.profile-sync-flag{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:linear-gradient(120deg, var(--color-paper-warm) 0%, var(--color-paper-warm-end) 100%);border-left:3px solid var(--toast-error-accent,#b32a2a);color:var(--text-primary);font-size:var(--text-sm);margin:0}.profile-footer{align-items:stretch;gap:var(--space-2);width:100%;margin-top:var(--space-2);flex-direction:column;display:flex}.profile-footer__logout{align-self:center}.profile-footer__version{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-xs);color:var(--text-secondary);opacity:.55;-webkit-user-select:text;user-select:text;letter-spacing:.02em;cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:4px 6px;transition:opacity .18s}.profile-footer__version:hover{opacity:.8}.profile-footer__version:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.profile-footer__version--copied{opacity:.95;color:var(--color-jade,#2c8c4e)}.profile-shop-link{align-items:center;gap:var(--space-3);width:100%;max-width:var(--max-content-width);padding:var(--space-3) var(--space-4);border:1px solid var(--color-gold-dark,#c89c5e);border-radius:var(--radius-md,8px);color:var(--color-ink,#4a3520);font-size:var(--text-base);background:linear-gradient(135deg,#fff5d8 0%,#f0d4a0 100%);align-self:stretch;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.profile-shop-link:hover,.profile-shop-link:hover .profile-shop-link__title{text-decoration:none}.profile-shop-link:hover{box-shadow:var(--shadow-elevated,0 4px 10px #00000014);transform:translateY(-1px)}.profile-shop-link:focus-visible{box-shadow:var(--focus-ring);outline:none}.profile-shop-link__title{flex:1;font-weight:600}.profile-shop-link__arrow{opacity:.6}.install-banner{bottom:var(--bottom-nav-height);z-index:50;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--bg-card);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);display:flex;position:relative;left:0;right:0;box-shadow:0 -2px 8px #00000014}.install-banner__copy{flex:1;min-width:0}.install-banner__title{color:var(--text-primary);font-weight:600}.install-banner__hint{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.install-banner__btn-install{background:var(--color-gold);color:#fff;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);cursor:pointer;border:none;flex-shrink:0;font-weight:600}.install-banner__btn-install:hover{background:var(--color-gold-dark)}.install-banner__btn-install:focus-visible{box-shadow:var(--focus-ring);outline:none}.install-banner__actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.install-banner__btn-dismiss-permanent{color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;text-decoration:underline}.install-banner__btn-dismiss-session{color:var(--text-secondary);font-size:var(--text-lg);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.install-banner__btn-dismiss-session:hover{background:var(--pill-advanced-bg)}.install-banner__btn-dismiss-permanent:focus-visible,.install-banner__btn-dismiss-session:focus-visible{box-shadow:var(--focus-ring);outline:none}.install-banner{position:fixed;bottom:56px}.scene-pill{align-items:center;gap:var(--space-2);border:1.5px solid var(--color-gold-dark);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-gold-dark);letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(2px);background:linear-gradient(#fffae8f0 0%,#fceac6e6 100%);padding:6px 14px;font-family:Noto Serif TC,Songti TC,PingFang TC,serif;font-weight:600;transition:transform .14s,box-shadow .14s;display:inline-flex;box-shadow:inset 0 1px #ffffffb3,0 4px 10px #50320038}.scene-pill:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffb3,0 6px 14px #50320047}.scene-pill:active{transform:translateY(0);box-shadow:inset 0 1px #fff9,0 2px 6px #5032002e}.scene-pill:focus-visible{outline:none;box-shadow:inset 0 1px #ffffffb3,0 0 0 3px #d4a23c73,0 4px 10px #50320038}.scene-pill__icon{object-fit:contain;flex-shrink:0;width:18px;height:18px;display:inline-block}.scene-pill__value{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-base);letter-spacing:.02em;color:var(--color-gold-dark)}.scene-callout{border-radius:var(--radius-md);box-shadow:inset 0 0 0 4px #fffae8f2, inset 0 0 0 5px var(--color-gold-dark), 0 8px 20px #50320052;border:1px solid var(--color-gold-dark);text-align:center;pointer-events:none;background:radial-gradient(at 50% 30%,#fffae8f7 0%,#f5e6c6f0 100%);flex-direction:column;align-items:center;gap:4px;padding:12px 22px;display:inline-flex}.scene-callout__title{font-family:Noto Serif TC,Songti TC,PingFang TC,serif;font-size:var(--text-base);color:var(--color-gold-dark);letter-spacing:.08em;text-shadow:0 1px #ffffffb3;white-space:nowrap;margin:0;font-weight:700}.scene-callout__sub{font-size:var(--text-xs);color:var(--color-gold-dark);opacity:.7;letter-spacing:.18em;white-space:nowrap;margin:0;font-family:Noto Serif TC,Songti TC,PingFang TC,serif}.tasks-tab{padding:var(--space-2) 0;container-type:inline-size}.tasks-tab__loading{text-align:center;color:var(--text-secondary);padding:var(--space-6) 0}.tasks-tab__boost-banner{color:#2f7d4f;background:linear-gradient(90deg,#e8f5ec,#d6efdd);border-radius:10px;justify-content:center;align-items:center;gap:6px;margin:8px 12px;padding:8px 12px;font-size:.9rem;font-weight:700;display:flex}.tasks-tab__boost-icon{object-fit:contain;flex-shrink:0;width:20px;height:20px}.ann-tab{gap:var(--space-3);flex-direction:column;display:flex;container-type:inline-size}.ann-tab__list{gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-6);flex-direction:column;display:flex}.bind__title{font-family:var(--font-display);font-size:var(--text-2xl);margin:0 0 var(--space-2);color:var(--color-gold-dark)}.bind__form{text-align:left}.bind-form{gap:var(--space-4);width:100%;max-width:var(--max-content-width);flex-direction:column;margin:0 auto;display:flex}:root,.login{--aura-warm:255, 215, 130}.login{color:#2a1810;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#1a0e07;width:100%;height:100dvh;font-family:Noto Serif TC,Songti TC,PingFang TC,Microsoft JhengHei,serif;position:relative;overflow:hidden}.login__bg{z-index:0;transform-origin:50%;background-position:50%;background-repeat:no-repeat;background-size:cover;animation:24s ease-in-out infinite alternate bgDrift;position:fixed;inset:0}.login__bg:after{content:"";pointer-events:none;background:radial-gradient(at 50% 65%,#0000 35%,#0000002e 75%,#00000052 100%);position:absolute;inset:0}@keyframes bgDrift{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.08)translate(-1.5%,-1%)}}.login__loader{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#140c068c;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.login__loader-disc{border:3px solid #ffdc8240;border-top-color:#ffdc82f2;border-radius:50%;width:64px;height:64px;animation:1.2s linear infinite spin}.login__loader-text{color:#fff0c8d9;letter-spacing:.2em;margin:0;font-size:14px}.login__loader-track{background:#ffdc822e;border-radius:2px;width:200px;height:4px;overflow:hidden}.login__loader-bar{background:linear-gradient(90deg,#ffe696f2,#ffc850d9);height:100%;transition:width .2s ease-out}.fade-enter-active,.fade-leave-active{transition:opacity .28s}.fade-enter-from,.fade-leave-to{opacity:0}.fade-slow-enter-active{transition:opacity .6s 80ms}.fade-slow-leave-active{transition:opacity .24s}.fade-slow-enter-from,.fade-slow-leave-to{opacity:0}.login__stage{z-index:1;width:100%;max-width:540px;height:100dvh;margin:0 auto;position:relative}.login__logo{filter:drop-shadow(0 4px 14px #5028008c);pointer-events:none;width:78%;max-width:480px;animation:5.5s ease-in-out infinite logoBob;position:absolute;top:5%;left:50%;transform:translate(-50%)}@keyframes logoBob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}.login__subtitle{pointer-events:none;width:60%;max-width:360px;position:absolute;top:22%;left:50%;transform:translate(-50%)}.login__subtitle-bg{filter:drop-shadow(0 3px 8px #50280066);width:100%;display:block}.login__subtitle-text{letter-spacing:.18em;color:#6a3e10;text-shadow:0 1px #fff0c899;justify-content:center;align-items:center;font-size:clamp(13px,3.6vw,18px);font-weight:600;display:flex;position:absolute;inset:0}.login__pet-left{filter:drop-shadow(0 6px 14px #0006);pointer-events:none;z-index:6;width:26%;max-width:150px;animation:4.2s ease-in-out infinite petFloatL;position:absolute;top:36%;left:18%;transform:translate(-50%,-50%)}@keyframes petFloatL{0%,to{transform:translate(-50%,-50%)translateY(0)rotate(-2deg)}50%{transform:translate(-50%,-50%)translateY(-12px)rotate(2deg)}}.login__pet-right{filter:drop-shadow(0 5px 12px #0006);pointer-events:none;z-index:5;width:16%;max-width:100px;animation:3.8s ease-in-out .4s infinite petFloatR;position:absolute;bottom:32%;left:75%;transform:translate(-50%)}@keyframes petFloatR{0%,to{transform:translate(-50%)translateY(0)rotate(2deg)}50%{transform:translate(-50%)translateY(-8px)rotate(-2deg)}}.login__floor{filter:drop-shadow(0 14px 26px #2814008c);pointer-events:none;z-index:2;width:116%;max-width:660px;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.login__aura{aspect-ratio:1;background:radial-gradient(circle, rgba(var(--aura-warm), .55) 0%, rgba(var(--aura-warm), .3) 28%, rgba(var(--aura-warm), .1) 50%, transparent 70%);filter:blur(14px);pointer-events:none;z-index:3;width:64%;animation:3.6s ease-in-out infinite auraPulse;position:absolute;bottom:26%;left:56%;transform:translate(-50%,50%)}@keyframes auraPulse{0%,to{opacity:.7;transform:translate(-50%,50%)scale(1)}50%{opacity:1;transform:translate(-50%,50%)scale(1.08)}}.login__gshadow{filter:blur(3px);pointer-events:none;z-index:3;background:radial-gradient(#0000008c 0%,#00000052 35%,#0000 75%);position:absolute;transform:translate(-50%)}.login__gshadow--drum{width:38%;height:4%;bottom:25%;left:56%}.login__gshadow--hit1{width:26%;height:3%;bottom:13%;left:25%}.login__gshadow--old{width:14%;height:2.5%;bottom:23%;left:79%}.login__drum{filter:drop-shadow(0 14px 14px #3c1e008c);cursor:pointer;z-index:4;will-change:transform;width:44%;max-width:290px;position:absolute;bottom:26%;left:56%;transform:translate(-50%)}.login__drum.struck{animation:.42s cubic-bezier(.22,.9,.36,1.2) drumShake}@keyframes drumShake{0%{transform:translate(-50%)scale(1)rotate(0)}18%{transform:translate(-50%)scale(1.05)rotate(-1.2deg)}40%{transform:translate(-50%)scale(.97)rotate(.6deg)}70%{transform:translate(-50%)scale(1.02)rotate(-.3deg)}to{transform:translate(-50%)scale(1)rotate(0)}}.login__hit1{filter:drop-shadow(0 10px 10px #28140080);pointer-events:none;z-index:5;width:34%;max-width:220px;position:absolute;bottom:14%;left:25%;transform:translate(-50%)}.login__old{filter:drop-shadow(0 8px 8px #28140080);pointer-events:none;z-index:5;width:16%;max-width:100px;position:absolute;bottom:24%;left:79%;transform:translate(-50%)}.login__arcs{aspect-ratio:1;pointer-events:none;z-index:4;width:62%;position:absolute;overflow:visible;transform:translate(-50%,-50%)rotate(-45deg)scaleY(.7)}.login .ring{pointer-events:none;z-index:9;border:3px solid #ffebb4b3;border-radius:50%;width:0;height:0;animation:1.05s cubic-bezier(.18,.65,.32,1) forwards ringExpand;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 16px 1px #ffdc8266,inset 0 0 8px #fff0c84d}@keyframes ringExpand{0%{opacity:.9;border-width:4px;width:0;height:0}45%{opacity:.75}to{opacity:0;border-width:1px;width:380px;height:380px}}.login .spark{pointer-events:none;z-index:7;background:radial-gradient(circle,#fff5c8 0%,#ffd25ae6 40%,#ffaa2800 100%);border-radius:50%;width:8px;height:8px;animation:.75s ease-out forwards sparkFly;position:absolute;box-shadow:0 0 8px #ffdc78e6}@keyframes sparkFly{0%{opacity:1;transform:translate(-50%,-50%)scale(.6)}to{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(.15);opacity:0}}.login .petal{pointer-events:none;z-index:6;background:radial-gradient(circle at 30% 30%,#ffc8dc 0%,#ff96b4cc 60%,#0000 100%);border-radius:60% 20%;width:12px;height:12px;animation:1.6s ease-out forwards petalDrift;position:absolute}@keyframes petalDrift{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.6)}30%{opacity:1}to{transform:translate(calc(-50% + var(--px)), calc(-50% + var(--py))) rotate(var(--rot)) scale(1);opacity:0}}.login__cta{aspect-ratio:862/194;cursor:pointer;color:#5a3010;letter-spacing:.4em;text-shadow:0 1px #fff0c88c;filter:drop-shadow(0 4px 10px #50280066);z-index:8;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;justify-content:center;align-items:center;width:80%;max-width:460px;padding-left:.4em;font-family:inherit;font-size:clamp(20px,5.2vw,30px);font-weight:700;transition:transform .12s ease-out;animation:2.6s ease-in-out infinite btnGlow;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}@keyframes btnGlow{0%,to{filter:drop-shadow(0 4px 10px #50280066)drop-shadow(0 0 6px #ffd26466)}50%{filter:drop-shadow(0 4px 10px #50280066)drop-shadow(0 0 16px #ffd264f2)}}.login__cta:not(:disabled):active{transform:translate(-50%)scale(.97)}.login__cta:disabled{opacity:.85;cursor:progress}.login__error{font-size:var(--text-sm,13px);color:#c63030;z-index:10;background:#fff5ebd9;border-radius:6px;margin:0;padding:4px 10px;position:absolute;bottom:1.5%;left:50%;transform:translate(-50%)}.login__idle-notice{top:var(--space-5);z-index:100;max-width:calc(100% - var(--space-5) * 2);pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.blocked{color:#2a1810;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#1a0e07;width:100%;height:100dvh;font-family:Noto Serif TC,Songti TC,PingFang TC,Microsoft JhengHei,serif;position:relative;overflow:hidden}.blocked__bg{z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.blocked__bg:after{content:"";pointer-events:none;background:radial-gradient(at 50% 60%,#0000 35%,#00000052 80%,#0000008c 100%);position:absolute;inset:0}.blocked__stage{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:540px;height:100dvh;margin:0 auto;display:flex;position:relative}.blocked__logo{filter:drop-shadow(0 4px 14px #5028008c);pointer-events:none;width:70%;max-width:420px;position:absolute;top:6%}.blocked__banner{aspect-ratio:3;pointer-events:none;filter:drop-shadow(0 6px 14px #28140080);width:80%;max-width:460px;position:absolute;top:34%}.blocked__banner-bg{object-fit:fill;width:100%;height:100%;display:block;position:absolute;inset:0}.blocked__banner-text{text-align:center;letter-spacing:.06em;color:#6a3e10;text-shadow:0 1px #fff0c8a6;flex-direction:column;justify-content:center;align-items:center;gap:.35em;padding:0 clamp(20px,6vw,44px);font-size:clamp(13px,3.4vw,17px);font-weight:600;line-height:1.4;display:flex;position:absolute;inset:0}.blocked__banner-text p{margin:0}.blocked__cta{aspect-ratio:862/194;cursor:pointer;color:#5a3010;letter-spacing:.2em;text-shadow:0 1px #fff0c88c;filter:drop-shadow(0 4px 10px #50280066);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;justify-content:center;align-items:center;width:80%;max-width:460px;font-family:inherit;font-size:clamp(16px,4.2vw,22px);font-weight:600;transition:transform .12s ease-out;display:flex;position:absolute;bottom:8%}.blocked__cta:not(:disabled):active{transform:scale(.97)}.blocked__cta:disabled{opacity:.7;cursor:progress}.dev-login{z-index:50;color:#f0e8d0;background:#141418eb;border:1px solid #ffdc8266;border-radius:8px;width:220px;max-height:70vh;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;position:fixed;top:12px;right:12px;overflow-y:auto;box-shadow:0 6px 18px #00000080}.dev-login__header{border-bottom:1px solid #ffdc8233;align-items:center;gap:6px;margin-bottom:6px;padding-bottom:6px;display:flex}.dev-login__badge{color:#2a1810;letter-spacing:.1em;background:#d4a23c;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:700}.dev-login__title{color:#d0c8b0;font-size:11px}.dev-login__loading,.dev-login__error{color:#b89c50;padding:8px 4px}.dev-login__error{color:#e57373}.dev-login__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.dev-login__item{text-align:left;color:#f0e8d0;width:100%;font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;transition:background .12s,border-color .12s;display:flex}.dev-login__item:hover{background:#d4a23c1f;border-color:#d4a23c66}.dev-login__item:disabled{opacity:.5;cursor:progress}.dev-login__dao{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.dev-login__uid{color:#888070;font-size:10px}.dev-login__sigil{color:#d4a23c;font-size:10px}.lb-tab{flex-direction:column;display:flex;position:relative;container-type:inline-size}.lb-tab__subtabs{border-bottom:1px solid #0000000f;align-items:center;display:flex}.lb-tab__loading,.lb-tab__empty{padding:var(--space-5);text-align:center;color:var(--color-ink-soft);font-size:var(--text-sm)}.lb-tab__list{margin:0;padding:0;list-style:none}.lb-panel{border-radius:var(--radius-md);overflow:hidden}.lb-refresh-btn{color:var(--color-ink-soft);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:clamp(8px,2.5cqi,10px) clamp(10px,3cqi,12px);transition:color .18s,opacity .18s;display:inline-flex}.lb-refresh-btn:hover{color:var(--color-ink)}.lb-refresh-btn:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.lb-refresh-btn--cooldown{opacity:.4;cursor:not-allowed}.lb-refresh-icon{width:16px;height:16px;display:block}.lb-refresh-btn--spinning .lb-refresh-icon{animation:.8s linear infinite lbRefreshSpin}@keyframes lbRefreshSpin{to{transform:rotate(360deg)}}.lb-cooldown-toast-root{top:var(--space-4);z-index:999;pointer-events:auto;position:fixed;left:50%;transform:translate(-50%)}.lb-cooldown-fade-enter-active,.lb-cooldown-fade-leave-active{transition:opacity .2s,transform .2s}.lb-cooldown-fade-enter-from,.lb-cooldown-fade-leave-to{opacity:0;transform:translate(-50%,-8px)}.steal-pill--ready{color:#5a3a1a;background:linear-gradient(#f5deaf,#d4a86e);font-weight:700}.steal-pill--sent{color:#6b4a26;background:#d8c9aa;font-weight:600}.steal-pill--needs_energy,.steal-pill--no_pet_or_egg{color:#888;background:#ebe2cc;font-weight:500}.steal-row-btn{background:linear-gradient(120deg, var(--color-gold-light), var(--color-gold));color:var(--color-paper-warm);border-radius:var(--radius-sm);padding:2px var(--space-2);font-size:var(--text-xs);letter-spacing:.05em;cursor:pointer;border:none;flex-shrink:0;font-weight:700;line-height:1.4}.steal-row-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.insight-row-btn{background:linear-gradient(120deg, var(--color-gold-light), var(--color-gold));color:var(--color-paper-warm);border-radius:var(--radius-sm);padding:2px var(--space-2);font-size:var(--text-xs);letter-spacing:.05em;cursor:pointer;border:none;flex-shrink:0;font-weight:700;line-height:1.4}.insight-row-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.lb-pills{flex-wrap:wrap;gap:8px;display:flex}.lb-row__boost{color:#2f7d4f;align-items:center;gap:2px;font-size:.78rem;font-weight:700;display:inline-flex}.lb-row__boost-icon{object-fit:contain;vertical-align:middle;width:16px;height:16px}.shop-view{background-color:#f5e0c0;background-image:url(/assets/floor_bg-C8olQavN.webp),url(/img/bg-hero.jpg);background-position:bottom,bottom;background-repeat:no-repeat,no-repeat;background-size:cover,cover;background-attachment:fixed,fixed;width:100%;height:100dvh;position:relative;overflow:hidden}.shop-view .shop-view__header{z-index:5;position:absolute;top:0;left:0;right:0}.shop-view__scene{z-index:2;flex-direction:column;align-items:center;width:min(clamp(280px,132vw,1100px),65dvh);display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.shop-view__case-wrap{z-index:2;width:75%;margin-bottom:-12%;position:relative}.shop-view__case-wrap .shop-case,.shop-view__case-wrap .shop-case__bg{width:100%;display:block}.shop-view .shop-view__floor{z-index:1;width:100%;display:block;position:relative}.shop-header{width:100%;max-width:720px;padding:var(--space-3) var(--space-4) 0;box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:flex-start;margin:0 auto;display:flex;position:relative}.shop-header__back{font-size:var(--text-sm);border:none;padding:6px 14px}.shop-header__back-arrow{font-size:var(--text-base);line-height:1}.shop-header__back-label{letter-spacing:.2em}.shop-header__balance{cursor:default}.shop-header__balance:hover{transform:none}.shop-header__coin{width:20px;height:20px}.shop-floor{flex-shrink:0;width:100%;position:relative}.shop-floor__base{z-index:1;width:100%;height:auto;display:block;position:relative}.shop-floor__flower{pointer-events:none;z-index:3;filter:drop-shadow(0 4px 6px #28140066);width:42%;position:absolute;bottom:14%}.shop-floor__flower--left{left:-8%}.shop-floor__flower--right{right:-8%}.shop-empty-overlay{z-index:4;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:22% 8% 12%}.shop-case{width:100%;margin-top:var(--space-4);position:relative}.shop-case__bg{width:100%;height:auto;display:block}.shop-slot{width:100%;height:100%;container-type:size}.shop-case__slot{width:18.07%;height:22.81%;position:absolute}.shop-case__slot--1,.shop-case__slot--5,.shop-case__slot--9{left:15.55%}.shop-case__slot--2,.shop-case__slot--6,.shop-case__slot--10{left:32.14%}.shop-case__slot--3,.shop-case__slot--7,.shop-case__slot--11{left:50%}.shop-case__slot--4,.shop-case__slot--8,.shop-case__slot--12{left:66.6%}.shop-case__slot--1,.shop-case__slot--2,.shop-case__slot--3,.shop-case__slot--4{top:24.73%}.shop-case__slot--5,.shop-case__slot--6,.shop-case__slot--7,.shop-case__slot--8{top:48.93%}.shop-case__slot--9,.shop-case__slot--10,.shop-case__slot--11,.shop-case__slot--12{top:72.74%}.product-display{width:100%;height:100%;transition:transform .1s;position:relative}:is(.product-display:has(.product-display__hit:active),.product-display--pressed){transform:scale(.93)}.product-display__platform{pointer-events:none;width:100%;height:85%;position:absolute;top:0;left:0}.product-display__platform-img{object-fit:contain;width:100%;height:100%;display:block}.product-display__icon{pointer-events:none;width:75%;height:28.5%;animation:3.2s ease-in-out infinite product-display-book-float;position:absolute;top:19%;left:50%;transform:translate(-50%)}.product-display__icon img{object-fit:contain;width:100%;height:100%;display:block}.product-display__icon--pet_rename_token{width:64%;height:24%;top:23.5%}@keyframes product-display-book-float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-8%)}}.product-display__icon-shadow{transform-origin:50%;pointer-events:none;background:radial-gradient(#0000008c 0%,#00000040 45%,#0000 75%);width:50%;height:6%;animation:3.2s ease-in-out infinite product-display-shadow-pulse;position:absolute;top:47.5%;left:50%;transform:translate(-50%)}@keyframes product-display-shadow-pulse{0%,to{opacity:1;transform:translate(-50%)scale(1)}50%{opacity:.65;transform:translate(-50%)scale(.82,.75)}}@media (prefers-reduced-motion:reduce){.product-display__icon,.product-display__icon-shadow{animation:none}}.product-display__title{text-align:center;color:#f0c876;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 1px #281400b3,0 0 2px #3c1e0099;margin:0;font-size:12.8cqw;font-weight:800;position:absolute;top:55%;left:6%;right:6%;overflow:hidden}.product-display__price{color:#fff3c8;z-index:3;text-shadow:0 0 2px #2a1606,0 1px 2px #000000b3;white-space:nowrap;align-items:center;gap:.2em;font-size:11.6cqw;font-weight:800;display:inline-flex;position:absolute;top:66%;left:50%;transform:translate(-50%)}.product-display__coin{object-fit:contain;width:.9em;height:.9em}.product-display__buy{z-index:3;pointer-events:none;width:72%;height:38.4%;position:absolute;top:63%;left:50%;transform:translate(-49.7%)}.product-display__hit{cursor:pointer;z-index:5;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.product-display__hit:disabled{cursor:default}.product-display__buy-bg{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.product-display__buy-text{object-fit:contain;pointer-events:none;width:67.6%;height:67.6%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.product-display__buy-buyed{object-fit:contain;pointer-events:none;width:111.5%;height:111.5%;position:absolute;top:54.5%;left:50%;transform:translate(-50%,-50%)}.shop-header__right{align-items:center;gap:8px;display:flex}.shop-header__help{justify-content:center;align-items:center;width:36px;min-width:36px;padding:0;font-size:16px;font-weight:700;line-height:1;display:inline-flex}.shop-info{width:calc(100vw - 32px);max-width:380px}.shop-info__tabs-wrap{margin:12px 0;position:relative}.shop-info__tab-arrow{cursor:pointer;color:#888;z-index:1;-webkit-tap-highlight-color:transparent;border:0;align-items:center;width:32px;margin:0;padding:0;font-size:18px;font-weight:600;transition:color .15s;display:flex;position:absolute;top:0;bottom:0}.shop-info__tab-arrow--right{background:linear-gradient(90deg,#f8f5ee00 0%,#f8f5eef2 60%);justify-content:flex-end;padding-right:6px;right:0}.shop-info__tab-arrow--left{background:linear-gradient(270deg,#f8f5ee00 0%,#f8f5eef2 60%);justify-content:flex-start;padding-left:6px;left:0}.shop-info__tab-arrow:hover{color:#5a4322}.shop-info__tab-arrow:active{color:#d4a23c}.shop-info__tabs{overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:4px;display:flex;overflow-x:auto}.shop-info__tabs::-webkit-scrollbar{height:0}.shop-info__tab{cursor:pointer;scroll-snap-align:start;background:#fff8e866;border:1px solid #0000;border-radius:8px;flex-direction:column;flex:none;align-items:center;gap:2px;min-width:64px;padding:6px 4px;transition:background .15s,border-color .15s;display:flex}.shop-info__tab:hover{background:#fff8e8b3}.shop-info__tab--active{background:#fff8e8f2;border-color:#b07f3a}.shop-info__tab-icon{object-fit:contain;width:32px;height:32px}.shop-info__tab-label{color:#3a3a3a;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:600;line-height:1.1;overflow:hidden}.shop-info__content{text-align:center}.shop-info__carousel{width:144px;height:144px;margin:16px auto 8px;position:relative}.shop-info__frame{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.shop-info__frame--active{opacity:1}.shop-info__frame--adult{transform-origin:50%;transform:scale(1.56)}.shop-info__title{color:#2a2a2a;margin:8px 0 12px;font-size:16px;font-weight:700}.shop-info__bullets{text-align:left;color:#3a3a3a;margin:0;padding-left:1.4em;font-size:14px;line-height:1.6;list-style:outside}.shop-info__bullets li{margin-bottom:2px}.shop-info__footer{text-align:center;color:#888;margin:16px 0 8px;font-size:12px}