.btn{--btn-bg:var(--surface);--btn-fg:var(--text);--btn-shadow:var(--sh-sm);justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-5);border-radius:var(--r-pill);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-md);color:var(--btn-fg);background:var(--btn-bg);box-shadow:var(--btn-shadow);transition:transform var(--d-instant) var(--ease-pop), box-shadow var(--d-fast), filter var(--d-fast), opacity var(--d-fast);white-space:nowrap;display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:translateY(2px)scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{--btn-bg:var(--grad-accent);--btn-fg:var(--accent-ink);--btn-shadow:var(--sh-glow-accent)}.btn--mint{--btn-bg:var(--grad-mint);--btn-fg:#0f3f33;--btn-shadow:var(--sh-glow-mint)}.btn--sky{--btn-bg:var(--grad-sky);--btn-fg:#093553}.btn--coin{--btn-bg:var(--grad-coin);--btn-fg:#4a3200}.btn--ghost{--btn-bg:transparent;--btn-shadow:none;color:var(--text-soft)}.btn--ghost:hover{background:var(--surface-2)}.btn--outline{--btn-bg:transparent;--btn-shadow:none;border:2px solid var(--border-strong)}.btn--soft{--btn-bg:var(--surface-2);--btn-shadow:var(--sh-xs)}.btn--danger{--btn-bg:var(--danger);--btn-fg:#fff}.btn--sm{min-height:44px;padding:0 var(--s-4);font-size:var(--fs-sm)}.btn--lg{min-height:58px;padding:0 var(--s-8);font-size:var(--fs-xl);border-radius:var(--r-2xl)}.btn--xl{min-height:66px;padding:0 var(--s-10);font-size:var(--fs-2xl);border-radius:var(--r-2xl)}.btn--block{width:100%}.btn--pulse{animation:pulse-ring 2.2s var(--ease-out) infinite}.btn__sheen{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.btn--primary .btn__sheen:after,.btn--coin .btn__sheen:after{content:"";width:40%;animation:sheen 3.4s var(--ease-in-out) infinite;background:linear-gradient(90deg,#0000,#ffffff73,#0000);position:absolute;top:0;bottom:0}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-soft);font-size:var(--fs-lg);box-shadow:var(--sh-xs);transition:transform var(--d-instant) var(--ease-pop), background var(--d-fast);flex:none;place-items:center;display:grid}.icon-btn:active{transform:scale(.92)}.icon-btn--bare{box-shadow:none;background:0 0}.card{background:var(--grad-card);border-radius:var(--r-lg);box-shadow:var(--sh-sm);border:1px solid var(--border);padding:var(--s-4);position:relative;overflow:hidden}.card--flat{box-shadow:none}.card--tap{cursor:pointer;transition:transform var(--d-fast) var(--ease-pop), box-shadow var(--d-fast)}.card--tap:active{transform:scale(.978)}.card--tap:hover{box-shadow:var(--sh-md)}.card--locked{filter:grayscale(.75);opacity:.62}.bar{border-radius:var(--r-pill);background:var(--surface-inset);height:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.bar__fill{border-radius:var(--r-pill);background:var(--grad-xp);height:100%;transition:width var(--d-slow) var(--ease-out);position:relative}.bar__fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000) 0 0/200% 100%;animation:2.6s linear infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}.bar--sm{height:8px}.bar--lg{height:18px}.chip{padding:5px var(--s-3);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-soft);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.chip--accent{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent-deep)}.chip--mint{background:var(--success-soft);color:var(--success-text)}.chip--warn{background:var(--warn-soft);color:var(--warn-text)}.chip--xp{background:var(--xp-soft);color:var(--xp-text)}.chip--lg{font-size:var(--fs-sm);padding:7px var(--s-4)}.scrim{background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal);padding:var(--s-4);padding-bottom:calc(var(--s-4) + var(--safe-b));justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@media (min-width:700px){.scrim{align-items:center}}.sheet{background:var(--surface);border-radius:var(--r-xl);width:min(560px,100%);max-height:min(86dvh,760px);box-shadow:var(--sh-lg);padding:var(--s-5);border:1px solid var(--border);overflow-y:auto}.sheet__grip{border-radius:var(--r-pill);background:var(--border-strong);width:44px;height:5px;margin:0 auto var(--s-4)}.toast-stack{left:50%;top:calc(var(--safe-t) + 68px);z-index:var(--z-toast);gap:var(--s-2);pointer-events:none;flex-direction:column;align-items:center;width:min(440px,100% - 32px);display:flex;position:fixed;translate:-50%}.toast{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--sh-md);border:1px solid var(--border);font-weight:var(--fw-bold);font-size:var(--fs-sm);max-width:100%;display:flex}.toast__emoji{font-size:var(--fs-xl);flex:none}.state{align-items:center;gap:var(--s-3);text-align:center;padding:var(--s-10) var(--s-4);color:var(--text-soft);flex-direction:column;display:flex}.state h3{font-size:var(--fs-xl);color:var(--text)}.seg{background:var(--surface-inset);border-radius:var(--r-pill);gap:3px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.seg__item{padding:8px var(--s-4);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-mute);white-space:nowrap;transition:background var(--d-fast), color var(--d-fast);align-items:center;min-height:44px;display:inline-flex}.seg__item[aria-selected=true],.seg__item[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:var(--sh-xs)}.bubble{background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);box-shadow:var(--sh-sm);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-lg);max-width:320px;line-height:var(--lh-snug);position:relative}.bubble:after,.bubble:before{content:"";border:7px solid #0000;border-top-color:var(--surface);border-bottom:0;position:absolute;bottom:-13px;left:34px}.bubble:before{border-width:8px;border-top-color:var(--border-strong);bottom:-16px}.bubble--up:after{border-top-color:#0000;border-bottom-color:var(--surface);border-top:0;border-bottom-width:7px;top:-13px;bottom:auto}.bubble--up:before{border-top-color:#0000;border-bottom-color:var(--border-strong);border-top:0;border-bottom-width:8px;top:-16px;bottom:auto}.bubble__zh{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-normal);color:var(--text-mute);margin-top:4px;display:block}