:root{--bg: #f3edff;--bg-2: #ffffff;--card: #ffffff;--panel: #ffffff;--panel-2: #fbf7ff;--ink: #2f2a4a;--text: #2f2a4a;--muted: #8a83a8;--line: #ece6fb;--border: #ece6fb;--accent: #8b5cf6;--accent-2: #ec4899;--accent-3: #34d399;--sun: #fbbf24;--grad: linear-gradient(135deg, #8b5cf6, #ec4899);--grad-mint: linear-gradient(135deg, #34d399, #22d3ee);--grad-sun: linear-gradient(135deg, #fbbf24, #fb7185);--radius: 22px;--shadow: 0 14px 34px rgba(120, 86, 200, .16);--shadow-sm: 0 6px 16px rgba(120, 86, 200, .12);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);font-weight:600;background:radial-gradient(900px 620px at 85% -8%,rgba(236,72,153,.18),transparent 60%),radial-gradient(820px 620px at 12% 0%,rgba(139,92,246,.2),transparent 58%),radial-gradient(900px 700px at 50% 115%,rgba(52,211,153,.16),transparent 60%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3,.brand-name{font-family:Fredoka,Nunito,system-ui,sans-serif;font-weight:700;letter-spacing:.2px}.lab{max-width:1180px;margin:0 auto;padding:22px clamp(14px,3vw,32px) 48px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-size:26px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 4px rgba(139,92,246,.3))}.brand-name{font-weight:700;font-size:22px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:0;color:var(--muted);font-size:14px}.stage{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start}.viewer{display:grid;grid-template-rows:auto auto;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.creature,.mini-creature,.memory-card,.detail-stage,.home-stage .creature{background:radial-gradient(120% 120% at 50% 18%,rgba(255,255,255,.9),transparent 60%),radial-gradient(70% 70% at 50% 58%,rgba(139,92,246,.12),transparent 72%),linear-gradient(180deg,#f7f2ff,#eef4ff)}.creature{width:100%;aspect-ratio:1 / 1;display:block;border-radius:20px;border:1px solid var(--border);touch-action:none}.canvas-error{display:grid;gap:6px;place-content:center;text-align:center;aspect-ratio:1 / 1;color:var(--muted);padding:24px}.card{display:grid;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.card-name h1{margin:0;font-size:clamp(26px,6vw,32px);line-height:1.05}.card-name .title{margin:4px 0 0;color:var(--muted);font-weight:700}.badges{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:2px solid var(--border);background:#fff;font-size:13px;font-weight:800;text-transform:capitalize;color:var(--ink)}.badge-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 3px #0000000a}.badge.ghost{color:var(--muted)}.badge.species{border-color:transparent;background:var(--grad);color:#fff;letter-spacing:.3px}.badge.purebred{border-color:var(--sun);background:#fff7e6;color:#b8860b}.blurb{margin:0;color:var(--muted);font-size:14px;line-height:1.55;font-weight:600}.stats{display:grid;gap:8px}.stat{display:grid;grid-template-columns:44px 1fr 34px;align-items:center;gap:10px;font-size:13px}.stat-label{color:var(--muted);font-weight:800}.stat-bar{height:12px;border-radius:999px;background:#f0ebfb;overflow:hidden;border:1px solid var(--border)}.stat-fill{display:block;height:100%;border-radius:999px;transition:width .35s ease}.stat-val{text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.stat.total{grid-template-columns:1fr auto;margin-top:2px;padding-top:10px;border-top:2px dashed var(--border);font-size:15px}.traits{display:flex;flex-wrap:wrap;gap:6px}.traits span{font-size:12px;color:var(--accent);background:#f4f0ff;border:1px solid #e7defc;padding:4px 10px;border-radius:999px;font-weight:800;text-transform:capitalize}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#fff;color:var(--ink);padding:11px 16px;border-radius:14px;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 4px #e3daf6;transition:transform .08s ease,box-shadow .08s ease,filter .15s ease}.btn:hover{filter:brightness(1.02)}.btn:active{transform:translateY(3px);box-shadow:0 1px #e3daf6}.btn.primary{background:var(--grad);color:#fff;box-shadow:0 5px #7c3aed,0 10px 22px #8b5cf659}.btn.primary:active{box-shadow:0 1px #7c3aed,0 5px 12px #8b5cf64d}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:0 4px #e3daf6}.btn.ghost-btn{background:#f7f3ff}.btn.block,.btn.primary.block{width:100%;display:block;padding:14px;font-size:16px}.controls{display:grid;gap:16px}.mixer,.presets{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm)}.mixer-head h2,.presets h2{margin:0;font-size:18px}.hint{margin:4px 0 14px;color:var(--muted);font-size:13px}.sliders{display:grid;gap:12px}.slider-row{display:grid;gap:6px}.slider-label{display:flex;align-items:center;gap:8px;font-size:13px}.slider-label .dot{width:11px;height:11px;border-radius:50%;box-shadow:0 0 10px currentColor}.slider-label .emotion{font-weight:800}.slider-label .essence{color:var(--muted)}.slider-label .val{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--muted)}input[type=range]{width:100%;height:22px;cursor:pointer;accent-color:var(--accent)}.seed-row{display:flex;align-items:flex-end;gap:10px;margin-top:16px;flex-wrap:wrap}.seed-field{display:grid;gap:5px;flex:1 1 130px;font-size:12px;color:var(--muted)}.seed-field input{background:#faf7ff;border:2px solid var(--border);border-radius:12px;color:var(--text);padding:10px 12px;font-size:14px;font-family:ui-monospace,SF Mono,Menlo,monospace}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.preset{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--border);background:#fff;color:var(--text);padding:11px;border-radius:14px;font-size:13px;font-weight:800;cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease}.preset:hover{border-color:var(--accent);background:#faf7ff}.memories{background:transparent}.memories-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.memories-head h2{margin:0;font-size:22px}.memory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.memory{position:relative;border-radius:18px;overflow:hidden}.memory-open{display:block;width:100%;padding:0;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff;cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);transition:border-color .15s ease,transform .1s ease}.memory-open:hover{transform:translateY(-2px)}.memory-open img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.memory-meta{display:flex;flex-direction:column;gap:1px;padding:8px 10px 10px}.memory-caption{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.memory-date{font-size:11px;color:var(--muted)}.memory-del{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:#ffffffe6;color:#e4416a;font-size:13px;font-weight:900;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s ease}.memory-del:hover{background:#ffe1ea}.memory-date-badge{position:absolute;top:8px;left:8px;font-size:10px;font-weight:800;color:var(--accent);background:#ffffffeb;padding:4px 9px;border-radius:999px;box-shadow:var(--shadow-sm)}.memory-caption-btn{display:block;width:100%;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text);font-size:12px;font-weight:800;padding:7px 2px 2px;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.memory-caption-btn:empty:before{content:"Add a caption";color:var(--muted)}.memory-caption-input{width:100%;background:#faf7ff;border:2px solid var(--accent);border-radius:10px;color:var(--text);font:inherit;font-weight:700;font-size:12px;padding:7px 9px;margin-top:6px}.memory-caption-input:focus{outline:none}.memory-share{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--accent);font-size:12px;font-weight:800;cursor:pointer;padding:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#3c286e6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px;z-index:50}.modal{width:min(520px,100%);max-height:90vh;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:26px;padding:20px 22px 22px;box-shadow:0 30px 70px #3c286e59}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modal-head h2{margin:0;font-size:21px}.icon-btn{width:34px;height:34px;border-radius:50%;border:none;background:#f3eeff;color:var(--accent);cursor:pointer;font-size:14px;font-weight:900}.icon-btn:hover{background:#e9e0ff}.modal-error{margin:8px 0;padding:9px 12px;border-radius:12px;background:#ffe6ec;border:1px solid #ffc6d4;color:#c5305a;font-size:13px;font-weight:700}.camera-frame{margin:12px 0;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#f4f0ff;aspect-ratio:4 / 3;display:grid;place-items:center}.camera-video{width:100%;height:100%;object-fit:cover}.camera-placeholder{font-size:64px;color:#8b5cf638}.capture-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.file-btn{display:inline-flex;align-items:center;cursor:pointer}.file-btn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.capture-summoning{display:grid;justify-items:center;gap:8px;padding:32px 8px 24px;text-align:center}.capture-summoning-orb{font-size:64px;color:#8b5cf68c;animation:summon-pulse 1.1s ease-in-out infinite}@keyframes summon-pulse{0%,to{transform:scale(1) rotate(0);opacity:.55}50%{transform:scale(1.18) rotate(12deg);opacity:1}}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.review-photo,.review-monster{margin:0;display:grid;gap:6px}.review-photo img,.mini-creature{width:100%;aspect-ratio:1 / 1;border-radius:16px;object-fit:cover;border:1px solid var(--border)}.mini-creature{display:block}.review-photo figcaption,.review-monster figcaption{font-size:12px;color:var(--muted);text-align:center;font-weight:800;text-transform:lowercase}.detected{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 12px}.detected-label{font-size:13px;color:var(--muted);font-weight:800}.detected-chips{display:flex;gap:7px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:2px solid var(--border);background:#fff;font-size:12px;font-weight:800}.chip .dot{width:9px;height:9px;border-radius:50%}.caption-field{display:grid;gap:5px;margin-bottom:14px;font-size:12px;color:var(--muted);font-weight:800}.caption-field input{background:#faf7ff;border:2px solid var(--border);border-radius:12px;color:var(--text);padding:11px 13px;font-size:14px;font-weight:700}@media (max-width: 900px){.stage{grid-template-columns:1fr}}@media (max-width: 520px){.preset-grid{grid-template-columns:1fr}.tagline{width:100%}}.splash{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--muted);text-align:center;padding:24px}.splash .brand-mark{font-size:60px;animation:bounce 1.1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}.auth-screen{min-height:100vh;min-height:100dvh;display:grid;place-content:center;padding:24px}.auth-card{width:min(420px,92vw);background:var(--card);border:1px solid var(--border);border-radius:28px;padding:30px 28px;box-shadow:0 26px 60px #7856c847}.auth-brand{justify-content:center;margin-bottom:10px}.auth-brand .brand-mark{font-size:40px}.auth-brand .brand-name{font-size:28px}.auth-tagline{color:var(--muted);text-align:center;margin:0 0 22px;font-size:14px;line-height:1.55;font-weight:700}.auth-social{display:grid;gap:10px;margin-bottom:18px}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800}.social-btn svg{flex:none}.social-discord{color:#5865f2}.auth-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px;font-size:13px;color:var(--muted);font-weight:800}.auth-form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#faf7ff;border:2px solid var(--border);border-radius:14px;color:var(--text);padding:12px 14px;font-size:15px;font-weight:700}.auth-form input:focus{outline:none;border-color:var(--accent)}.auth-submit{margin-top:4px}.display-name-hint{margin:-6px 0 0;font-size:12px}.auth-error{color:#d6336c;font-size:13px;font-weight:800;margin:0}.auth-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;font-weight:800;margin-top:18px;width:100%;text-align:center}.topbar-right{display:flex;align-items:center;gap:10px}.who{color:var(--muted);font-size:13px;font-weight:800}.allowance-pill{font-size:12px;font-weight:900;padding:6px 12px;border-radius:999px;border:none;background:var(--grad-sun);color:#fff;box-shadow:var(--shadow-sm)}.journal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.journal h2{margin:0 0 4px;font-size:18px}.journal-input{width:100%;resize:vertical;background:#faf7ff;border:2px solid var(--border);border-radius:14px;color:var(--text);font:inherit;font-weight:700;font-size:14px;padding:12px 13px;margin:8px 0}.journal-input:focus{outline:none;border-color:var(--accent)}.journal-quota{margin:0 0 10px;font-size:12px;font-weight:800;color:var(--muted)}.journal-result{margin:0 0 10px}.journal-felt{margin:0 0 8px;font-size:13px;color:var(--accent);font-weight:800}.journal-chips{display:flex;flex-wrap:wrap;gap:8px}.essence-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#faf7ff;border:1.5px solid var(--border);font-size:13px;font-weight:800;color:var(--text)}.essence-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #ffffffb3 inset}.inventory{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.inventory-head{display:flex;align-items:baseline;justify-content:space-between}.inventory-head h2{margin:0;font-size:18px}.inventory-count{color:var(--accent);font-size:14px;font-weight:900}.inventory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.inv-cell{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:14px;border:2px solid var(--border);background:#fbf9ff;opacity:.55}.inv-cell.has{opacity:1;background:#fff;border-color:#e2d7fb;box-shadow:var(--shadow-sm)}.inv-dot{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:0 0 0 3px #0000000a}.inv-name{font-size:12px;font-weight:800;flex:1}.inv-amt{font-size:13px;font-weight:900;color:var(--accent)}.allowance{margin:0 0 12px;font-size:13px;font-weight:800;color:var(--accent)}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;background:#ffffff8c;box-shadow:0 0 60px #7856c81f}.appbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.appbar .brand-name{font-size:20px}.appbar .brand-mark{font-size:24px}.tab-content{flex:1;overflow-y:auto;padding:16px 14px calc(100px + env(safe-area-inset-bottom))}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;align-items:flex-end;justify-content:space-around;padding:10px 6px calc(12px + env(safe-area-inset-bottom));background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);box-shadow:0 -8px 24px #7856c81a;z-index:20}.tab-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--muted);font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:6px;border-radius:14px;transition:color .15s ease,background .15s ease,transform .1s ease}.tab-btn.active{color:var(--accent);background:#f4eeff}.tab-btn:disabled{opacity:.4;cursor:not-allowed}.home{display:grid;gap:14px}.essence-hero{text-align:center;padding:22px 18px 18px;border-radius:var(--radius);background:radial-gradient(120% 120% at 50% 0%,rgba(255,255,255,.9),transparent 60%),linear-gradient(180deg,#f3ecff,#e9f0ff);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.essence-hero-label{margin:0;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.essence-hero-total{margin:2px 0 0;font-size:52px;line-height:1;font-weight:900;color:var(--accent)}.essence-hero-sub{margin:4px 0 0;font-size:13px;color:var(--muted);font-weight:700}.essence-hero-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px;text-align:left}.ess-pill{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#ffffff8c;border:1.5px solid transparent;opacity:.5}.ess-pill.has{opacity:1;background:#fff;border-color:#e2d7fb;box-shadow:var(--shadow-sm)}.ess-pill-dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 0 3px #0000000a}.ess-pill-name{font-size:12px;font-weight:800;flex:1}.ess-pill-amt{font-size:13px;font-weight:900;color:var(--accent)}.recruit-actions{display:grid;gap:10px}.home-stage{position:relative}.home-stage .creature{border-radius:24px;box-shadow:var(--shadow)}.reroll{position:absolute;right:12px;bottom:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--accent);border-radius:999px;padding:9px 14px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-sm)}.reroll:active{transform:translateY(1px)}.profile-tab{display:grid;gap:16px}.profile-head{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.profile-head h2{margin:0;font-size:20px}.avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:Fredoka,sans-serif;font-weight:700;font-size:24px;color:#fff;background:var(--grad);box-shadow:0 6px 16px #8b5cf666;flex:none}.friends{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.friends h2{margin:0 0 10px;font-size:18px}.friend-search input{width:100%;background:#faf7ff;border:2px solid var(--border);border-radius:14px;color:var(--text);padding:11px 13px;font-size:15px}.friend-search input:focus{outline:none;border-color:var(--accent)}.friend-results{margin-top:10px;display:grid;gap:6px}.friend-group{margin-top:16px;display:grid;gap:6px}.friend-group h3{margin:0 0 2px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.friend-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;border:1.5px solid var(--border);background:#fbf9ff}.friend-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:Fredoka,sans-serif;font-weight:700;font-size:15px;color:#fff;background:var(--grad);flex:none}.friend-name{flex:1;font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-tag{font-size:12px;font-weight:800;color:var(--muted);flex:none}.btn.small{padding:7px 12px;font-size:13px;flex:none}.inbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.inbox-item{margin:0;display:grid;gap:6px}.inbox-thumb{width:100%;aspect-ratio:1 / 1;border:2px solid var(--border);border-radius:14px;overflow:hidden;padding:0;cursor:pointer;background:#faf7ff;display:grid;place-items:center}.inbox-thumb img{width:100%;height:100%;object-fit:cover}.inbox-item figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.inbox-from{font-size:13px;font-weight:800}.inbox-date{font-size:11px;color:var(--muted);font-weight:700}.inbox-caption{flex-basis:100%;font-size:12px;color:var(--text)}.friend-unread-total{font-size:12px;font-weight:800;color:#ff4d6d}.chat-list{display:flex;flex-direction:column;gap:6px}.chat-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border-radius:16px;border:1.5px solid var(--border);background:#fbf9ff;cursor:pointer}.chat-row:active{transform:scale(.99)}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-name{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-preview{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-preview.unread{color:var(--text);font-weight:800}.chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.chat-time{font-size:11px;font-weight:700;color:var(--muted)}.chat-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ff4d6d;color:#fff;font-size:11px;font-weight:900;line-height:20px;text-align:center}.thread-modal{display:flex;flex-direction:column;width:min(460px,96vw);height:88vh;height:88dvh;padding:0;overflow:hidden}.thread-head{display:flex;align-items:center;gap:8px;padding:12px 14px;margin:0;border-bottom:1px solid var(--border)}.thread-head .icon-btn{flex:none}.thread-title{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.thread-title h2{margin:0;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-feed{flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:14px}.thread-empty{margin:auto;text-align:center}.thread-compose{border-top:1px solid var(--border);padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:#fff}.thread-remove{border:none;background:none;color:#c2362f;font-size:12.5px;font-weight:800;cursor:pointer;padding:2px}.adv-result-backdrop{z-index:60}.adv-result{width:min(360px,92vw);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.adv-result-place{font-size:12.5px;font-weight:800;color:var(--muted);margin:0}.adv-result-emoji{font-size:56px;line-height:1;margin:6px 0 2px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.adv-result-title{margin:0;font-size:20px}.adv-result-name{margin:0;font-size:16px;font-weight:900;color:var(--accent)}.adv-result-blurb{margin:0;font-size:13.5px;color:var(--text)}.adv-result-mediums{display:flex;justify-content:center;margin:4px 0}.adv-result-mediums .ability-battle{align-items:center}.adv-result-mediums .ability-battle-top{justify-content:center}.adv-result-mediums .ability-power{margin-left:8px}.adv-result-hint{margin:0}.adv-result-essence{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 2px}.adv-result .btn.block{margin-top:6px}.thread-msg{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:78%;align-self:flex-start}.thread-msg.mine{align-self:flex-end;align-items:flex-end}.thread-photo{padding:0;border:2px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;background:#faf7ff;line-height:0}.thread-msg.mine .thread-photo{border-color:#e2d7fb}.thread-photo img{display:block;max-width:220px;width:100%;height:auto;object-fit:cover}.thread-caption{font-size:13px;font-weight:600;color:var(--text);background:#f3eefc;padding:6px 10px;border-radius:12px}.thread-msg.mine .thread-caption{background:var(--grad);color:#fff}.thread-time{font-size:11px;font-weight:700;color:var(--muted)}.onboard{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:20px}.onboard-card{width:min(440px,94vw);background:var(--card);border:1px solid var(--border);border-radius:28px;padding:28px 24px 26px;box-shadow:0 26px 60px #7856c847}.onboard-dots{display:flex;gap:6px;justify-content:center;margin-bottom:18px}.onboard-dots .dot{width:8px;height:8px;border-radius:999px;background:#e4dafb;transition:width .2s ease,background .2s ease}.onboard-dots .dot.on{width:24px;background:var(--grad)}.onboard-step{display:grid;gap:14px;text-align:center;justify-items:center}.onboard-step h1{margin:0;font-size:26px}.onboard-step .journal-input{text-align:left;margin:0}.onboard-lead{margin:0;color:var(--muted);line-height:1.6;font-weight:700}.onboard-sub{margin:0;color:var(--muted);font-size:13px;line-height:1.55;font-weight:600}.onboard-felt{margin:0;color:var(--accent);font-weight:800}.onboard-monster{width:100%}.onboard-monster .creature{width:100%;aspect-ratio:1 / 1;border-radius:22px;box-shadow:var(--shadow)}.brand-mark.big{font-size:52px}.memories-actions{display:flex;gap:8px}.collect-btn{margin-top:4px}.collection-tabs{display:flex;gap:6px;padding:4px;margin-bottom:14px;border-radius:14px;background:var(--border)}.collection-tab{flex:1;padding:8px 10px;border:none;border-radius:11px;background:transparent;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}.collection-tab.active{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}.collection-summary{margin-bottom:16px}.collection-tally{display:flex;align-items:baseline;gap:10px}.collection-count{font-size:34px;font-weight:800;line-height:1;color:var(--ink)}.collection-count-total{font-size:20px;font-weight:700;color:var(--muted)}.collection-label{font-size:13px;font-weight:600;color:var(--muted)}.collection-bar{margin:10px 0 6px;height:10px;border-radius:999px;background:var(--border);overflow:hidden}.collection-bar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s ease}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dex-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 9px;border-radius:16px;border:2px solid var(--border);background:#fbf9ff;text-align:center}.dex-cell.found{background:#fff;box-shadow:var(--shadow-sm)}.dex-cell.locked{opacity:.7}.dex-img{display:block;width:100%;aspect-ratio:1 / 1;border-radius:12px;object-fit:cover}.dex-img.locked{display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;color:var(--muted);background:repeating-linear-gradient(45deg,#f1ecfb,#f1ecfb 6px,#e8e1f7 6px,#e8e1f7 12px)}.dex-name{margin-top:4px;font-size:12px;font-weight:700;color:var(--ink)}.dex-cell.locked .dex-name{color:var(--muted);letter-spacing:1px}.dex-role{font-size:10px;font-weight:600;color:var(--muted)}.dex-count{position:absolute;top:6px;right:6px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;color:#fff;background:var(--accent);box-shadow:0 1px 4px #3c286e4d}.variation-legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:12px;font-size:11px;font-weight:600;color:var(--muted)}.variation-legend-item{display:inline-flex;align-items:center;gap:5px}.variation-legend-dot{width:10px;height:10px;border-radius:50%}.variation-rows{display:flex;flex-direction:column;gap:6px}.variation-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;border:1px solid var(--border);background:#fbf9ff}.variation-thumb{width:34px;height:34px;flex:none;border-radius:9px;object-fit:cover;background:#f1ecfb}.variation-thumb.locked{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--muted)}.variation-name{flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--ink)}.variation-dots{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;flex:none}.variation-dot{width:13px;height:13px;border-radius:50%;background:transparent;border:1.5px solid var(--border);box-sizing:border-box}.variation-dot.on{border-color:transparent;box-shadow:0 0 0 1.5px #ffffffb3,0 1px 3px #3c286e4d}.craft-essences{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.essence-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:2px solid var(--border);background:#fff;color:var(--text);font-size:13px;font-weight:800;cursor:pointer;transition:border-color .15s,background .15s,transform .08s}.essence-chip .dot{width:12px;height:12px;border-radius:50%}.essence-chip.on{border-color:var(--accent);background:#f4eeff}.essence-amt{font-size:11px;opacity:.6}.craft-preview{display:grid;justify-items:center;gap:8px;margin-bottom:14px}.craft-preview .mini-creature{max-width:220px}.craft-name{font-size:16px;font-weight:800}.craft-reveal{position:relative;overflow:hidden;display:grid;justify-items:center;gap:8px;text-align:center}.craft-reveal .mini-creature{max-width:240px}.reveal-tag{margin:4px 0 0;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.reveal-name{font-size:22px}.craft-reveal .capture-actions{width:100%}.craft-reveal .capture-actions .btn{flex:1}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:2}.confetti-piece{position:absolute;top:-16px;width:8px;height:14px;border-radius:2px;opacity:0;animation-name:confetti-fall;animation-timing-function:ease-in;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(460px) rotate(720deg);opacity:0}}@media (prefers-reduced-motion: reduce){.confetti-piece{animation:none;display:none}}.craft-type{font-size:13px;font-weight:800;color:var(--accent)}.detail-recipe{margin:4px 0 2px}.detail-recipe-label{display:block;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.detail-recipe-chips{display:flex;flex-wrap:wrap;gap:8px}.btn.danger{background:#ffe2e2;color:#c2362f}.btn.danger:hover{background:#ffd1d1}.detail-free{display:grid;gap:8px;margin-top:4px}.detail-free .hint{margin:0}.memory-toast{position:sticky;top:8px;z-index:5;margin:0 auto 10px;max-width:max-content;background:var(--accent);color:#fff;font-weight:800;font-size:13px;padding:8px 16px;border-radius:999px;box-shadow:0 6px 18px #7856c84d}.friends-tab{display:grid;gap:14px}.detail-tabs{display:flex;flex-wrap:wrap;gap:4px;background:#0000000d;border-radius:16px;padding:4px;margin:4px 0 10px}.detail-tab{flex:1 1 auto;border:none;background:transparent;border-radius:12px;padding:8px 10px;font-size:12.5px;font-weight:800;letter-spacing:.01em;color:var(--muted);cursor:pointer;white-space:nowrap}.detail-tab.on{background:#fff;color:var(--accent);box-shadow:0 1px 4px #0000001f}.detail-stats{display:flex;flex-direction:column;gap:10px;margin:2px 0 4px}.stat-row{display:flex;align-items:center;gap:10px}.stat-label{width:38px;font-size:12px;font-weight:800;letter-spacing:.03em;color:var(--muted)}.stat-bar{flex:1;height:10px;border-radius:999px;background:#00000014;overflow:hidden}.stat-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#ffb454)}.stat-val{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:4px;min-width:30px;text-align:right;font-size:13px;font-weight:800;color:var(--text, #222)}.stat-gain{font-size:11px;font-weight:800;color:#1aa251;background:#1aa25124;border-radius:999px;padding:1px 5px}.stat-growth-note{margin:-2px 0 2px}.stat-total{display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;border-top:1px solid rgba(0,0,0,.08);font-size:13px;font-weight:800;letter-spacing:.03em;color:var(--muted)}.stat-total strong{display:inline-flex;align-items:baseline;gap:6px;font-size:18px;color:var(--accent)}.learn-intro{margin:-2px 0 4px}.stat-role{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.stat-role strong{font-size:14px;color:var(--accent);text-transform:none}.detail-abilities{display:grid;gap:10px;margin:2px 0 4px}.ability-row{display:flex;gap:10px;align-items:flex-start;background:#0000000a;border-radius:14px;padding:10px 12px}.ability-row.is-locked{opacity:.7}.ability-row.is-known{background:#1aa2511a}.ability-row.is-ready{background:#ffa85429;outline:1px solid rgba(255,168,84,.5)}.ability-emoji{font-size:22px;line-height:1.2}.ability-text{display:grid;gap:3px;flex:1}.ability-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ability-status{flex:none;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:2px 7px;white-space:nowrap}.ability-status.st-ready{color:#9a5b00;background:#ffa85459}.ability-status.st-known{color:#1aa251;background:#1aa2512e}.ability-status.st-locked{color:var(--muted);background:#00000012}.ability-needs{font-size:11px;font-weight:700;color:#9a5b00}.ability-name{font-size:14px;font-weight:800;color:var(--text, #222)}.ability-blurb{font-size:12px;color:var(--muted)}.ability-mediums{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:5px}.medium-rate{display:inline-flex;align-items:center;gap:4px}.medium-emoji{font-size:12px}.medium-dots{display:inline-flex;gap:2px}.medium-dot{width:6px;height:6px;border-radius:50%;background:#00000029}.medium-rate.m-battle .medium-dot.on{background:#e0584f}.medium-rate.m-race .medium-dot.on{background:#2f9bd6}.medium-rate.m-puzzle .medium-dot.on{background:#8a6bd8}.medium-rate.m-dance .medium-dot.on{background:#e066a8}.ability-battle{display:flex;flex-direction:column;gap:5px;margin-top:6px}.ability-battle-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.ability-effects{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 6px}.ability-effects li{font-size:11px;font-weight:600;color:var(--muted, #667);background:#7d7da024;border-radius:6px;padding:2px 7px}.ability-role{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:999px;color:#fff;background:#6b7280}.ability-role.role-applicator{background:#2f9bd6}.ability-role.role-detonator{background:#e0584f}.ability-role.role-utility{background:#8a6bd8}.ability-emotion{font-size:12px;font-weight:700;color:var(--text, #222);display:inline-flex;align-items:center;gap:3px}.ability-power{margin-left:auto;font-size:11px;letter-spacing:1px;color:#f0a500}.ability-recipe{display:inline-flex;align-items:center;gap:3px}.ability-recipe-block{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;font-size:11px;background:var(--panel-2, rgba(0, 0, 0, .06));border:1px solid var(--border)}.adventure{margin:12px 0 6px;padding:12px;border-radius:16px;background:#7856c812;border:1px solid var(--border)}.adv-label{display:block;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.adv-picker-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.adv-picker-head .adv-label{margin-bottom:0}.adv-cost{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;color:var(--text, #222)}.adv-cost.short{color:#c2362f}.adv-have{margin-left:4px;padding:2px 8px;border-radius:999px;background:#26a65b29;color:#1f8f4e;font-size:11.5px;font-weight:800;white-space:nowrap}.adv-cost.short .adv-have{background:#c2362f24;color:#c2362f}.adv-cost-hint{margin:8px 0 0}.adv-forage-hint{margin:10px 0 0}.adv-forager-panel{margin-top:14px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.adv-forager-intro{margin:6px 0 10px}.adv-forager-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.adv-forager-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) auto;align-items:center;gap:8px;font-size:11px;font-weight:700}.adv-forager-snack{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adv-forager-bar-track{height:8px;border-radius:999px;background:#0000000f;overflow:hidden}.adv-forager-bar{display:block;height:100%;border-radius:999px;min-width:2px}.adv-forager-pct{font-size:10px;font-weight:800;color:var(--muted);min-width:2.5rem;text-align:right}.adv-result-snacks{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.adv-result-snack-label{margin:0 0 8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.adv-result-snack-hint{margin:8px 0 0;text-align:center}.adv-kinds{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.adv-kind-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;transition:transform .1s ease,border-color .15s ease}.adv-kind-btn:active{transform:translateY(1px)}.adv-kind-btn:disabled{opacity:.5;cursor:not-allowed}.adv-kind-emoji{font-size:22px}.adv-kind-name{font-size:12px;font-weight:800;color:var(--text, #222);text-align:center}.adv-kind-dur{font-size:11px;font-weight:700;color:var(--muted)}.adv-active{display:grid;gap:10px}.adv-active-head{display:flex;justify-content:space-between;align-items:center}.adv-kind{font-size:13px;font-weight:800;color:var(--text, #222)}.adv-timer{font-size:13px;font-weight:800;color:var(--accent)}.adv-active.ready .adv-timer{color:var(--accent-2, #e8a33d)}.memory-adv-badge{position:absolute;top:8px;left:8px;font-size:10px;font-weight:800;letter-spacing:.02em;padding:3px 8px;border-radius:999px;background:#281e46c7;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.memory-adv-badge.ready{background:var(--accent)}.craft-reels{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:4px 2px 12px;margin:4px 0 6px}.reel{display:grid;justify-items:center;gap:6px;flex:none}.reel-btn{width:52px;height:34px;display:grid;place-items:center;border:2px solid var(--border);background:#faf7ff;border-radius:12px;font-size:20px;font-weight:900;color:var(--accent);cursor:pointer;line-height:1}.reel-btn:active{transform:scale(.94)}.reel-btn:disabled{opacity:.35;cursor:default}@media (max-width: 374px){.reel-face{width:58px}.reel-btn{width:46px}}.reel-face{width:64px;height:70px;display:grid;justify-items:center;align-content:center;gap:2px;border-radius:14px;border:2.5px solid var(--border);background:#fff;box-shadow:inset 0 2px 8px #0000000d;color:var(--muted)}.reel-face.on{box-shadow:var(--shadow-sm)}.reel-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px #0000000a}.reel-val{font-family:Fredoka,sans-serif;font-size:26px;font-weight:800;line-height:1}.reel-name{font-size:10px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.reel-have{font-size:9px;font-weight:700;color:var(--muted);opacity:.8}.craft-empty{width:100%;aspect-ratio:1 / 1;max-width:220px;display:grid;place-items:center;border-radius:18px;border:2px dashed var(--border);color:var(--muted);font-size:13px;font-weight:800}.memory-figure{position:relative}.memory-photo-thumb{position:absolute;left:8px;bottom:8px;width:44px;height:44px;padding:0;border-radius:12px;overflow:hidden;border:3px solid #fff;box-shadow:var(--shadow-sm);background:#f4f0ff;cursor:pointer}.memory-photo-thumb img{display:block;width:100%;height:100%;object-fit:cover}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#3c286e99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.photo-lightbox img{width:auto;height:auto;max-width:92vw;max-height:92vh;max-height:92dvh;object-fit:contain;border-radius:18px;box-shadow:0 20px 50px #0006}.lightbox-close{position:absolute;top:16px;right:16px}.memory-card{position:relative;display:block;width:100%;padding:0;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .1s ease}.memory-card:hover{transform:translateY(-2px)}.memory-card-img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.memory-card-caption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px 12px 9px;font-size:12px;font-weight:800;text-align:left;color:#fff;background:linear-gradient(to top,rgba(47,30,80,.78),transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.memory-card-badges{position:absolute;top:8px;left:8px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:calc(100% - 56px)}.memory-card-badges .memory-adv-badge{position:static}.memory-card-stats{display:flex;flex-wrap:wrap;gap:4px}.memory-stat-badge{font-size:10px;font-weight:800;letter-spacing:.02em;padding:3px 8px;border-radius:999px;background:#ffffffeb;color:var(--accent);box-shadow:var(--shadow-sm);white-space:nowrap}.memory-stat-badge.bond{color:#b54a7a}.memory-card .memory-photo-thumb{pointer-events:none;cursor:default}.detail-stage{position:relative;width:100%;padding:0;border-radius:20px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer}.detail-stage .creature{display:block;width:100%;aspect-ratio:1 / 1;border:none;box-shadow:none}.detail-stage-cta{position:absolute;right:10px;bottom:10px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;background:#4c1d95c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.detail-stage:hover .detail-stage-cta,.detail-stage:focus-visible .detail-stage-cta{opacity:1;transform:translateY(0)}@media (hover: none){.detail-stage-cta{opacity:1;transform:translateY(0)}}.studio-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:#1c10369e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.studio{width:min(560px,100%);max-height:92vh;overflow-y:auto;padding:18px;border-radius:22px;background:linear-gradient(180deg,#f6f1ff,#eaf1ff);border:1px solid var(--border);box-shadow:var(--shadow)}.studio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.studio-head h2{margin:0;font-size:20px}.studio-species{margin:2px 0 0;font-size:13px;color:var(--muted)}.studio-stage-wrap{position:relative;margin:12px 0 6px;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:radial-gradient(120% 120% at 50% 14%,rgba(255,255,255,.92),transparent 60%),linear-gradient(180deg,#f7f2ff,#e9f0ff)}.studio-floor{position:absolute;left:50%;bottom:13%;width:56%;height:26px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(76,29,149,.22),transparent 70%);pointer-events:none}.studio-stage{width:78%;margin:0 auto;transform-origin:50% 82%;will-change:transform,filter,opacity}.studio-stage .creature{width:100%;aspect-ratio:1 / 1;border:none;box-shadow:none;background:none}.studio-hint{margin:6px 2px 12px;font-size:12.5px;line-height:1.4;color:var(--muted)}.studio-moves{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.studio-move{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:14px;border:1px solid var(--border);background:#ffffffb3;cursor:pointer;transition:transform .08s ease,border-color .12s ease,background .12s ease}.studio-move:hover{transform:translateY(-1px);border-color:#8b5cf68c}.studio-move.on{border-color:#8b5cf6e6;background:#8b5cf624}.studio-move-emoji{font-size:22px;line-height:1}.studio-move-label{font-size:12px;font-weight:700;color:var(--text)}.studio-actions{margin-top:14px;display:flex;justify-content:center}.detail-sub{margin:12px 0 2px;font-weight:800;font-size:16px}.detail-meta{margin:0 0 6px;font-size:12px;color:var(--muted);font-weight:700}.type-matchups{display:flex;flex-direction:column;gap:5px;margin:0 0 10px}.type-matchup-row{display:flex;align-items:flex-start;gap:8px}.type-matchup-label{flex:0 0 56px;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;padding-top:3px}.type-matchup-label.weak{color:#f85149}.type-matchup-label.resist{color:#56d364}.type-matchup-chips{display:flex;flex-wrap:wrap;gap:4px}.type-chip{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;border:1.5px solid var(--border);background:var(--panel-2)}.detail-memory{margin:12px 0 4px}.detail-memory-label{display:block;font-size:12px;color:var(--muted);font-weight:800;margin-bottom:6px}.detail-memory-thumb{width:92px;height:92px;padding:0;border-radius:14px;overflow:hidden;border:2px solid var(--border);background:#f4f0ff;cursor:pointer}.detail-memory-thumb img{display:block;width:100%;height:100%;object-fit:cover}.detail-actions{margin-top:16px}.stat-role{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-level{font-size:12px;font-weight:800;color:#fff;background:var(--grad);padding:3px 10px;border-radius:999px}.detail-xp{display:flex;flex-direction:column;gap:5px}.detail-xp-head{display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:var(--muted)}.detail-xp-num{font-variant-numeric:tabular-nums}.stat-fill.xp{background:linear-gradient(90deg,#34d399,#22d3ee);transition:width .4s ease}.stat-record{font-size:13px;font-weight:700;color:var(--muted)}.stat-record strong{color:var(--text)}.memory-lv-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:800;letter-spacing:.02em;padding:3px 8px;border-radius:999px;background:var(--grad);color:#fff;box-shadow:var(--shadow-sm)}.arena{display:flex;flex-direction:column;gap:16px}.arena-head h2{margin:0 0 2px}.arena-mediums{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.arena-medium{display:flex;flex-direction:column;gap:6px;text-align:left;padding:12px;border-radius:18px;border:2px solid var(--border);background:var(--card);cursor:pointer;transition:transform .1s ease,border-color .15s ease}.arena-medium:hover{transform:translateY(-2px)}.arena-medium.on{border-color:var(--accent);box-shadow:var(--shadow-sm)}.arena-medium-emoji{font-size:24px}.arena-medium-label{font-size:16px;font-weight:800;font-family:Fredoka,Nunito,sans-serif}.arena-medium-stats{display:flex;flex-wrap:wrap;gap:4px}.arena-stat-tag{font-size:10px;font-weight:800;letter-spacing:.03em;padding:2px 7px;border-radius:999px;background:#f0ebfb;color:var(--muted)}.arena-stat-tag.primary{background:#8b5cf629;color:var(--accent)}.arena-medium-blurb{font-size:12px;font-weight:600;color:var(--muted)}.arena-pick-head h3{margin:0;font-size:15px}.arena-picker{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px}.arena-pick{position:relative;flex:0 0 auto;width:116px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:16px;border:2px solid var(--border);background:var(--card);cursor:pointer;transition:transform .1s ease,border-color .15s ease}.arena-pick:hover{transform:translateY(-2px)}.arena-pick.on{border-color:var(--accent);box-shadow:var(--shadow-sm)}.arena-pick.away{opacity:.5;cursor:not-allowed}.arena-pick-img{width:88px;height:88px;border-radius:12px;object-fit:cover;background:#f4f0ff}.arena-pick-lv{position:absolute;top:6px;left:6px;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;background:var(--grad);color:#fff}.arena-pick-name{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.arena-pick-cost{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:var(--muted)}.arena-pick-cost.short{color:#c5305a}.arena-compete{margin-top:4px}.match-view{max-width:460px}.match-arena{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:8px 0 4px}.arena-vs{position:absolute;top:38px;left:50%;transform:translate(-50%);font-family:Fredoka,Nunito,sans-serif;font-weight:800;font-size:14px;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:999px;padding:2px 9px}.arena-fighter{display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .25s ease}.arena-fighter.side-1{text-align:right}.arena-fighter-stage{position:relative;width:100%}.arena-fighter-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:16px;background:#f4f0ff;border:2px solid var(--border)}.arena-fighter.winner .arena-fighter-img{border-color:var(--sun);box-shadow:0 0 0 3px #fbbf2459}.arena-fighter-info{display:flex;align-items:baseline;gap:6px}.arena-fighter-name{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92px}.arena-fighter-lv{font-size:11px;font-weight:800;color:var(--accent)}.arena-bar{width:100%;height:10px;border-radius:999px;background:#f0ebfb;overflow:hidden;border:1px solid var(--border)}.arena-bar.meter{height:6px}.arena-bar-fill{display:block;height:100%;border-radius:999px;transition:width .5s ease}.meter-fill{background:linear-gradient(90deg,#fbbf24,#fb7185)}.arena-score-val{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.arena-fighter.acting{transform:translateY(-4px) scale(1.03)}.arena-fighter.side-0.cue-strike{transform:translate(8px) scale(1.04)}.arena-fighter.side-1.cue-strike{transform:translate(-8px) scale(1.04)}.arena-fighter.cue-guard{transform:scale(.97)}.arena-fighter.cue-dash,.arena-fighter.cue-leap{transform:translateY(-8px) scale(1.04)}.arena-fighter.cue-stumble{transform:rotate(-4deg) translateY(2px)}.arena-fx{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;pointer-events:none;animation:arena-fx-pop .7s ease-out forwards}@keyframes arena-fx-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}.race-circuit{display:flex;flex-direction:column;gap:10px;padding:6px 0 2px}.race-track-wrap{position:relative;width:100%;border-radius:18px;background:radial-gradient(circle at 50% 35%,#eef7ee,#dcefe0);border:2px solid var(--border);overflow:hidden}.race-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.race-line-bg{fill:none;stroke:#2f3a4a;stroke-width:16;stroke-linejoin:round;stroke-linecap:round}.race-line{fill:none;stroke:#fff;stroke-width:1.6;stroke-dasharray:5 6;stroke-linecap:round;opacity:.85}.race-flag{position:absolute;transform:translate(-50%,-50%);font-size:18px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));pointer-events:none;z-index:2}.race-runner{position:absolute;left:0;top:0;width:11%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;will-change:left,top}.race-runner.leading{z-index:5}.race-runner.acting{z-index:6}.race-runner-img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));transition:transform .18s ease}.race-rank{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);font-family:Fredoka,Nunito,sans-serif;font-size:9px;font-weight:800;line-height:1;padding:2px 5px;border-radius:999px;color:#fff;white-space:nowrap;pointer-events:none;z-index:1}.race-rank.rank-1{background:var(--sun);color:#5a3b00;box-shadow:0 1px 3px #0000004d}.race-rank.rank-2{background:#2d3a4ad9}.race-runner.winner .race-runner-img{filter:drop-shadow(0 0 4px rgba(251,191,36,.95)) drop-shadow(0 2px 3px rgba(0,0,0,.45))}.race-runner.acting .race-runner-img{transform:scale(1.12)}.race-runner.cue-leap .race-runner-img{transform:scale(1.18) translateY(-8%)}.race-runner.cue-dash .race-runner-img{transform:scale(1.1);animation:race-dash .4s ease-out}.race-runner.cue-stumble .race-runner-img{animation:race-wobble .5s ease-in-out}@keyframes race-dash{0%{filter:blur(1.5px)}to{filter:blur(0)}}@keyframes race-wobble{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-12deg) scale(.96)}75%{transform:rotate(10deg) scale(.98)}}.race-fx{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:22px;pointer-events:none;animation:arena-fx-pop .7s ease-out forwards}.race-hud{display:flex;flex-direction:column;gap:6px}.race-hud-row{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.race-pos{min-width:30px;color:var(--accent);font-family:Fredoka,Nunito,sans-serif}.race-hud-name{flex:0 1 auto;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.race-stamina{flex:1;height:7px;border-radius:999px;background:#f0ebfb;border:1px solid var(--border);overflow:hidden}.race-stamina-fill{display:block;height:100%;border-radius:999px;transition:width .4s ease}.battle-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:10px 0 4px;align-items:start}.battle-fighter{display:flex;flex-direction:column;gap:8px}.battle-bars{display:flex;flex-direction:column;gap:4px}.battle-name-row{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.battle-name{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-lv{font-size:11px;font-weight:800;color:var(--accent)}.battle-hp{position:relative;height:15px;border-radius:999px;background:#efe7e7;border:1px solid var(--border);overflow:hidden}.battle-hp-fill{display:block;height:100%;border-radius:999px;transition:width .4s ease,background .4s ease}.battle-hp-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:800;color:#1f2937;text-shadow:0 1px 1px rgba(255,255,255,.55);font-variant-numeric:tabular-nums}.battle-hp-max{opacity:.7;font-weight:700}.battle-hp-pct{margin-left:4px;padding-left:5px;border-left:1px solid rgba(31,41,55,.35);opacity:.85}.battle-meter{height:5px;border-radius:999px;background:#f0ebfb;border:1px solid var(--border);overflow:hidden}.battle-meter-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#a78bfa);transition:width .3s ease}.battle-monster-wrap{position:relative;width:84%;margin:0 auto;transition:transform .25s ease}.battle-fighter.side-1 .battle-monster-wrap{margin-left:auto;margin-right:0}.battle-fighter.side-0 .battle-monster-wrap{margin-left:0}.battle-monster{display:block;width:100%;aspect-ratio:1 / 1;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.battle-fighter.side-1 .battle-monster{transform:scaleX(-1)}.battle-fighter.winner .battle-monster{filter:drop-shadow(0 0 5px rgba(251,191,36,.95)) drop-shadow(0 3px 4px rgba(0,0,0,.35))}.battle-fighter.acting.cue-strike.side-0 .battle-monster-wrap,.battle-fighter.acting.cue-guard.side-0 .battle-monster-wrap,.battle-fighter.acting.cue-dash.side-0 .battle-monster-wrap{transform:translate(28%) scale(1.04)}.battle-fighter.acting.cue-strike.side-1 .battle-monster-wrap,.battle-fighter.acting.cue-guard.side-1 .battle-monster-wrap,.battle-fighter.acting.cue-dash.side-1 .battle-monster-wrap{transform:translate(-28%) scale(1.04)}.battle-fighter.acting.cue-ko.side-0 .battle-monster-wrap{transform:translate(40%) scale(1.1)}.battle-fighter.acting.cue-ko.side-1 .battle-monster-wrap{transform:translate(-40%) scale(1.1)}.battle-fighter.hit .battle-monster-wrap{animation:battle-hit .42s ease}@keyframes battle-hit{0%{transform:translate(0)}18%{transform:translate(7%);filter:brightness(2.2) saturate(3) hue-rotate(-25deg)}45%{transform:translate(-5%)}70%{transform:translate(3%)}to{transform:translate(0)}}.battle-fighter.down .battle-monster-wrap{animation:battle-ko .6s ease forwards}@keyframes battle-ko{to{transform:rotate(78deg) translateY(18%);opacity:.4}}.battle-pop{position:absolute;top:8%;left:50%;transform:translate(-50%);font-family:Fredoka,Nunito,sans-serif;font-weight:800;font-size:19px;pointer-events:none;z-index:4;text-shadow:0 1px 2px rgba(0,0,0,.45);animation:battle-pop .9s ease-out forwards}@keyframes battle-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.7)}25%{opacity:1;transform:translate(-50%,-2px) scale(1.12)}to{opacity:0;transform:translate(-50%,-28px) scale(1)}}.battle-pop.pop-dmg{color:#fff}.battle-pop.pop-crit{color:#fde047;font-size:27px}.battle-pop.pop-dodge{color:#e2e8f0;font-size:14px}.battle-pop.pop-heal{color:#34d399}.battle-pop.pop-dot{color:#fb923c}.battle-pop.pop-stun{color:#c084fc;font-size:14px}.battle-callout{position:absolute;top:-6px;left:50%;transform:translate(-50%);z-index:6;font-family:Fredoka,Nunito,sans-serif;font-weight:800;font-size:15px;padding:3px 11px;border-radius:999px;white-space:nowrap;animation:battle-callout-pop .9s ease-out forwards}.battle-callout.super{background:#fbbf24f2;color:#5a3b00}.battle-callout.resisted{background:#94a3b8eb;color:#1e293b}@keyframes battle-callout-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.8)}20%{opacity:1;transform:translate(-50%) scale(1.1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-6px)}}.battle-abilities{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:6px;min-height:22px}.battle-ability-chip{display:inline-flex;align-items:center;gap:3px;max-width:100%;padding:2px 7px;border-radius:999px;background:#f0ebfb;border:1px solid var(--border);font-size:10px;font-weight:700;line-height:1.3;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.battle-ability-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.battle-ability-chip.active{background:var(--sun);color:#5a3b00;transform:scale(1.08);box-shadow:0 0 0 2px #fbbf2473}.battle-ability-none{font-size:10px;font-weight:700;color:var(--muted)}.battle-vs{position:absolute;top:8px;left:50%;transform:translate(-50%);font-family:Fredoka,Nunito,sans-serif;font-weight:800;font-size:14px;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:999px;padding:2px 9px;z-index:5}.match-feed{min-height:52px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.match-round{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.match-narration{margin:0;font-size:14px;font-weight:700}.match-result{display:flex;flex-direction:column;gap:12px}.match-banner{text-align:center;font-family:Fredoka,Nunito,sans-serif;font-weight:800;font-size:22px;padding:10px;border-radius:16px}.match-banner.win{background:#34d3992e;color:#0f9d6b}.match-banner.loss{background:#ffe6ec;color:#c5305a}.match-banner.draw{background:#f0ebfb;color:var(--muted)}.match-xp{display:flex;flex-direction:column;gap:6px}.match-xp-head{display:flex;justify-content:space-between;font-size:13px;font-weight:800}.match-xp-gain{color:#0f9d6b}.arena-bar.xp{height:12px}.xp-fill{background:linear-gradient(90deg,#34d399,#22d3ee)}.match-levelup{margin:0;text-align:center;font-size:13px;font-weight:800;color:var(--accent)}.detail-arena-panel{display:flex;flex-direction:column;gap:10px;margin:2px 0 4px}.arena-mediums.in-detail{margin:2px 0}.arena-mediums.in-detail .arena-medium{padding:10px}.dance-match-view{max-width:520px}.dance-stage{display:flex;flex-direction:column;gap:10px}.dance-fighters{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end;min-height:120px}.dance-fighter{display:flex;flex-direction:column;gap:6px;transition:filter .15s ease}.dance-fighter.flash-hit{filter:brightness(1.2) saturate(1.3)}.dance-fighter.side-1{align-items:flex-end;text-align:right}.dance-fighter-head{display:flex;justify-content:space-between;gap:6px;font-size:12px;font-weight:800}.dance-fighter.side-1 .dance-fighter-head{flex-direction:row-reverse}.dance-fighter-lv{color:var(--accent);font-size:11px}.dance-hp{position:relative;width:100%;height:14px;border-radius:999px;background:#efe7e7;border:1px solid var(--border);overflow:hidden}.dance-hp-fill{display:block;height:100%;border-radius:999px;transition:width .15s ease}.dance-hp-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}.dance-hp-max{opacity:.65}.dance-fighter-img{width:72px;height:72px;object-fit:contain}.dance-pulse{position:absolute;top:55%;width:18px;height:18px;border-radius:50%;box-shadow:0 0 12px currentColor;animation:dance-pulse-fly .45s ease-out forwards;pointer-events:none;z-index:2}.dance-pulse.from-0{left:28%}.dance-pulse.from-0.lane-0,.dance-pulse.from-0.lane-1,.dance-pulse.from-0.lane-2,.dance-pulse.from-0.lane-3{animation-name:dance-pulse-fly-right}@keyframes dance-pulse-fly-right{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(140px,-8px) scale(.4);opacity:0}}.dance-hud{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:20px}.dance-combo{font-size:13px;font-weight:800;color:#e066a8}.dance-meter{flex:1;max-width:160px;height:8px;border-radius:999px;background:#f0ebfb;border:1px solid var(--border);overflow:hidden}.dance-meter-fill{display:block;height:100%;background:linear-gradient(90deg,#e066a8,#f472b6);transition:width .15s ease}.dance-highway-wrap{position:relative;border-radius:16px;background:linear-gradient(180deg,#1a1028,#2a1840);border:2px solid #e066a8;padding:8px;min-height:280px}.dance-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:900;color:#fff;z-index:3;text-shadow:0 2px 16px rgba(224,102,168,.8)}.dance-highway{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;height:260px}.dance-lane{position:relative;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);overflow:hidden}.dance-note{position:absolute;left:50%;width:28px;height:28px;margin-left:-14px;border-radius:9px;background:linear-gradient(135deg,#f9a8d4,#e066a8);border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #00000059;transform:translateY(-50%)}.dance-note.special{background:linear-gradient(135deg,#fde68a,#f59e0b);border-color:#fff;box-shadow:0 0 12px #f59e0b99}.dance-hit-zone{position:absolute;left:0;right:0;top:82%;height:30px;margin-top:-15px;border-radius:8px;background:#e066a829;border-top:2px solid rgba(255,255,255,.85);border-bottom:2px solid rgba(255,255,255,.85);box-shadow:0 0 10px #e066a899;pointer-events:none;z-index:1}.dance-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dance-pad{padding:14px 0;border-radius:12px;border:2px solid #e066a8;background:#fff;font-size:20px;font-weight:900;color:#9d174d;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.dance-pad:active{background:#fce7f3;transform:scale(.96)}.dance-hint{text-align:center;margin:0}.dance-error{padding:16px;text-align:center}.dance-submitting{text-align:center;margin:0}.dance-result-card{max-width:420px}.dance-result-vs{text-align:center;font-weight:700;margin:0 0 8px}.dance-result-hp{display:flex;flex-direction:column;gap:4px;font-size:13px;margin-bottom:12px;color:var(--muted)}.battle-incoming{display:flex;flex-direction:column;gap:8px;padding:10px 14px;margin:8px 12px 0;border-radius:16px;background:var(--grad-sun);box-shadow:var(--shadow-sm)}.battle-incoming-row{display:flex;align-items:center;gap:10px}.battle-incoming-row.waiting{opacity:.92}.battle-incoming-row.waiting .battle-incoming-emoji{animation:incoming-wait-pulse 1.4s ease-in-out infinite}@keyframes incoming-wait-pulse{0%,to{opacity:.45}50%{opacity:1}}.battle-incoming-emoji{font-size:22px}.battle-incoming-text{flex:1;font-size:13px;color:#5b3b00;line-height:1.25}.battle-incoming-actions{display:flex;gap:6px}.gift-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:8px 12px 0;border-radius:16px;background:linear-gradient(135deg,#ffd6e8,#e6d6ff);box-shadow:var(--shadow-sm)}.gift-banner-emoji{font-size:22px;animation:gift-bounce 1.6s ease-in-out infinite}@keyframes gift-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.gift-banner-text{flex:1;font-size:13px;font-weight:700;color:#5b2a5e;line-height:1.25}.gift-counter{font-weight:600;opacity:.75}.gift-photo{margin:4px 0 0;display:flex;flex-direction:column;align-items:center;gap:3px}.gift-photo img{width:96px;height:96px;object-fit:cover;border-radius:12px;border:3px solid #fff;box-shadow:var(--shadow-sm);transform:rotate(-2deg)}.gift-photo figcaption{font-size:10px;color:var(--muted)}.gift-caption{margin:2px 0 0;font-size:13px;font-style:italic;color:var(--muted);text-align:center}.battle-setup{display:flex;flex-direction:column;gap:12px}.battle-pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.battle-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border-radius:14px;border:2px solid var(--border);background:var(--panel-2);cursor:pointer;transition:border-color .15s ease,transform .1s ease}.battle-pick.on{border-color:var(--accent);transform:translateY(-1px)}.battle-pick-img{width:100%;aspect-ratio:1 / 1;object-fit:contain}.battle-pick-name{font-size:11px;font-weight:700;text-align:center;line-height:1.2}.battle-known-list{display:flex;flex-wrap:wrap;gap:6px}.battle-known-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:var(--surface-2, #f0ebfb);border:1px solid var(--border);font-size:12px;font-weight:700}.battle-equip-list{display:flex;flex-direction:column;gap:6px}.battle-equip-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:2px solid var(--border);background:#fff;cursor:pointer;text-align:left}.battle-equip-row.on{border-color:var(--accent);background:var(--panel-2)}.battle-equip-row:disabled{opacity:.45;cursor:not-allowed}.battle-equip-emoji{font-size:20px}.battle-equip-text{flex:1;display:flex;flex-direction:column}.battle-equip-name{font-size:13px;font-weight:800}.battle-equip-range{font-size:11px;color:var(--muted)}.battle-equip-check{font-weight:900;color:var(--accent);width:16px;text-align:center}.battle-waiting{text-align:center;display:flex;flex-direction:column;gap:8px;padding:8px 0}.battle-waiting-emoji{font-size:40px}.battle-pvp-note{margin:0 0 8px}.battle-arena-backdrop{display:flex;align-items:center;justify-content:center;z-index:60}.battle-arena{width:min(540px,96vw);max-height:94vh;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.battle-arena-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.battle-timer-big{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--accent)}.battle-arena-band{font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.ba-bars{display:grid;grid-template-columns:1fr 1fr;gap:12px}.battle-bar-side{display:flex;flex-direction:column;gap:4px}.battle-bar-side.mine .battle-bar-name{color:var(--accent)}.battle-bar-name{font-size:12px;font-weight:800;display:flex;justify-content:space-between;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-bar-tag{font-size:10px;font-weight:700;color:var(--muted)}.battle-hpbar{position:relative;height:16px;border-radius:999px;background:#efe7e7;border:1px solid var(--border);overflow:hidden}.battle-hpbar-fill{display:block;height:100%;border-radius:999px;transition:width .25s ease,background .25s ease}.battle-hpbar-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#1f2937;text-shadow:0 1px 1px rgba(255,255,255,.55);font-variant-numeric:tabular-nums}.battle-gutsbar{position:relative;height:9px;border-radius:999px;background:#f0ebfb;border:1px solid var(--border);overflow:hidden}.battle-gutsbar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#fbbf24,#fb7185);transition:width .2s linear}.battle-gutsbar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:900;letter-spacing:.08em;color:#7c4a02}.battle-field{position:relative;height:232px;border-radius:16px;overflow:hidden;background:#2b2350;border:1px solid var(--border)}.battle-stage{position:absolute;top:0;right:0;bottom:0;left:0}.stage-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#271f4a,#43367c 40%,#6f5cb3 58%,#c3b2ec)}.stage-ground{position:absolute;left:-12%;right:-12%;bottom:0;height:48%;background:linear-gradient(180deg,#4a3d7e,#2a2350);transform:perspective(240px) rotateX(48deg);transform-origin:bottom center;box-shadow:inset 0 2px #ffffff24}.stage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 38%,transparent 52%,rgba(0,0,0,.4))}.battle-zones{position:absolute;left:0;right:0;bottom:0;top:64%;display:grid;grid-template-columns:repeat(4,1fr);z-index:1}.battle-zone{position:relative;border-right:1px dashed rgba(255,255,255,.08);transition:opacity .25s ease}.battle-zone:last-child{border-right:none}.battle-zone.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 76% 64% at 50% 100%,rgba(139,92,246,.34),transparent 72%)}.ba-fighter{position:absolute;bottom:18px;width:96px;transform:translate(-50%);transition:left .2s linear;z-index:2;--dir: 1}.ba-fighter.side-1{--dir: -1}.bf-anim{position:relative;width:100%;transform-origin:50% 100%}.bf-flip{width:100%}.ba-fighter.side-1 .bf-flip{transform:scaleX(-1)}.bf-canvas{display:block;width:100%;aspect-ratio:1 / 1;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.4))}.ba-fighter.mine .bf-canvas{filter:drop-shadow(0 0 6px rgba(139,92,246,.65)) drop-shadow(0 4px 4px rgba(0,0,0,.4))}.bf-shadow{position:absolute;bottom:4px;left:50%;width:66px;height:14px;transform:translate(-50%);background:radial-gradient(ellipse at center,#00000061,#0000 70%);z-index:-1}.bf-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fffffff2,#fff0 62%);opacity:0;pointer-events:none}.ba-fighter.stunned .bf-anim{animation:ba-stun .5s ease-in-out infinite}@keyframes ba-stun{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.bf-anim.act-attack{animation:bf-attack .42s ease}@keyframes bf-attack{0%{transform:translate(0)}35%{transform:translate(calc(var(--dir) * 26px)) scale(1.06)}to{transform:translate(0)}}.bf-anim.act-hurt{animation:bf-hurt .34s ease}@keyframes bf-hurt{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(calc(var(--dir) * -14px)) rotate(calc(var(--dir) * -7deg))}}.bf-anim.act-hurt .bf-flash{animation:bf-flash .34s ease}@keyframes bf-flash{0%{opacity:0}25%{opacity:.9}to{opacity:0}}.bf-anim.act-bump{animation:bf-bump .4s ease}@keyframes bf-bump{0%,to{transform:translate(0)}40%{transform:translate(calc(var(--dir) * -22px))}}.bf-anim.act-ko{animation:bf-ko .7s ease forwards}@keyframes bf-ko{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(12px) rotate(calc(var(--dir) * 74deg));opacity:.45}}.ba-fighter.charging .bf-anim{animation:bf-charge .5s ease-in-out infinite}@keyframes bf-charge{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(1px) scale(1.04,.97)}}.ba-fighter.charging .bf-canvas{filter:drop-shadow(0 0 10px #fbbf24) drop-shadow(0 0 4px #fbbf24) drop-shadow(0 4px 4px rgba(0,0,0,.4))}.ba-fighter.charging:before{content:"";position:absolute;left:50%;bottom:6px;width:84px;height:84px;transform:translate(-50%);border-radius:50%;border:3px solid #fb7185;opacity:0;z-index:-1;pointer-events:none;animation:ba-charge-ring .85s ease-out infinite}.ba-fighter.charging.mine:before{border-color:var(--accent, #a78bfa)}@keyframes ba-charge-ring{0%{transform:translate(-50%) scale(.45);opacity:.75}to{transform:translate(-50%) scale(1.3);opacity:0}}.ba-cast{position:absolute;bottom:128px;left:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;width:92px;z-index:3;pointer-events:none}.ba-cast-name{font-size:10px;font-weight:800;color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.65)}.ba-cast-bar{position:relative;width:100%;height:6px;border-radius:999px;background:#00000073;border:1px solid rgba(255,255,255,.25);overflow:hidden}.ba-cast-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#fbbf24,#fb7185);transition:width .08s linear}.ba-cast.mine .ba-cast-fill{background:linear-gradient(90deg,#a78bfa,#58a6ff)}.ba-callout{position:absolute;top:8px;left:50%;transform:translate(-50%);max-width:90%;padding:5px 12px;border-radius:999px;background:#2f2a4ae6;color:#fff;font-size:12px;font-weight:700;text-align:center;z-index:5;animation:ba-callout-in .2s ease}@keyframes ba-callout-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.battle-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.fx{position:absolute;bottom:56px;transform:translate(-50%)}.fx-slash{width:56px;height:56px;border:4px solid var(--fx-color, #fff);border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;opacity:0;animation:fx-slash .34s ease}@keyframes fx-slash{0%{opacity:0;transform:translate(-50%) rotate(-45deg) scale(.6)}40%{opacity:.95}to{opacity:0;transform:translate(-50%) rotate(60deg) scale(1.2)}}.fx-projectile{width:16px;height:16px;bottom:66px;border-radius:50%;background:var(--fx-color, #fff);box-shadow:0 0 10px 3px var(--fx-color, #fff);animation:fx-projectile .36s ease-in forwards}@keyframes fx-projectile{0%{opacity:.2}12%{opacity:1}to{left:var(--fx-to);opacity:1}}.fx-spark{width:32px;height:32px;bottom:66px;border-radius:50%;background:radial-gradient(circle,var(--fx-color, #fff),transparent 65%);opacity:0;animation:fx-pop .6s ease}.fx-spark.big{width:56px;height:56px}@keyframes fx-pop{0%{opacity:0;transform:translate(-50%) scale(.3)}30%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1.5)}}.fx-ember{width:11px;height:15px;bottom:56px;border-radius:50%;background:var(--fx-color, #fb7185);box-shadow:0 0 8px var(--fx-color, #fb7185);opacity:0;animation:fx-ember .72s ease-out}@keyframes fx-ember{0%{opacity:0;transform:translate(-50%) scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-36px) scale(1.1)}}.fx-stars{width:44px;height:18px;bottom:100px;background:radial-gradient(circle 3px at 12% 50%,#ffe066 60%,transparent),radial-gradient(circle 3px at 50% 26%,#ffe066 60%,transparent),radial-gradient(circle 3px at 88% 50%,#ffe066 60%,transparent);opacity:0;animation:fx-stars .82s ease}@keyframes fx-stars{0%{opacity:0}20%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-6px)}}.fx-dust{width:42px;height:18px;bottom:18px;border-radius:50%;background:radial-gradient(ellipse,rgba(196,186,214,.85),transparent 70%);opacity:0;animation:fx-pop .5s ease}.fx-text{position:absolute;bottom:96px;transform:translate(-50%);font-weight:900;font-size:22px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.85),0 0 10px rgba(0,0,0,.5);pointer-events:none;animation:fx-dmg 1s ease forwards}.fx-dmg{color:#ffd166}.fx-dmg.big{font-size:34px;color:#fb7185}.fx-miss{color:#cbd5e1;font-size:16px}@keyframes fx-dmg{0%{opacity:0;transform:translate(-50%,8px) scale(.7)}18%{opacity:1;transform:translate(-50%) scale(1.15)}30%{transform:translate(-50%,-4px) scale(1)}to{opacity:0;transform:translate(-50%,-52px) scale(1)}}.battle-arena.shaking{animation:ba-shake .32s ease}.battle-arena.shaking-big{animation:ba-shake-big .5s ease}@keyframes ba-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(3px,-1px)}}@keyframes ba-shake-big{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-8px,4px) rotate(-.6deg)}35%{transform:translate(8px,-4px) rotate(.6deg)}55%{transform:translate(-6px,3px) rotate(-.4deg)}75%{transform:translate(6px,-2px) rotate(.3deg)}}@media (prefers-reduced-motion: reduce){.battle-arena.shaking,.battle-arena.shaking-big,.bf-anim.act-attack,.bf-anim.act-hurt,.bf-anim.act-bump,.bf-anim.act-ko,.ba-fighter.stunned .bf-anim,.ba-fighter.charging .bf-anim{animation:none}.ba-fighter.charging:before{animation:none;opacity:.55}.battle-fx{display:none}}.battle-controls{display:flex;flex-direction:column;gap:10px}.battle-slider{position:relative;height:16px;margin:2px 6px 0}.battle-slider-track{position:absolute;top:50%;left:0;right:0;height:6px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,#f85149,#e3b341 38%,#56d364 68%,#58a6ff);opacity:.85}.battle-slider-ticks{position:absolute;top:0;right:0;bottom:0;left:0}.battle-slider-tick{position:absolute;top:50%;width:2px;height:10px;transform:translate(-50%,-50%);background:#ffffff8c;border-radius:2px}.battle-slider-knob{position:absolute;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 0 6px #8b5cf6b3;transition:left .2s linear}@media (prefers-reduced-motion: reduce){.battle-slider-knob{transition:none}}.battle-techs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.battle-tech{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;border:2px solid var(--border);background:var(--panel-2);cursor:pointer;opacity:.6;transition:opacity .15s ease,border-color .15s ease,transform .1s ease}.battle-tech:disabled{cursor:default;opacity:.35}.battle-tech.empty{cursor:default;opacity:.4;border-style:dashed;justify-content:center;gap:4px;min-height:64px}.battle-tech.empty.at-range{opacity:.7;border-color:var(--accent)}.battle-tech-empty-dash{font-size:18px;color:var(--muted);line-height:1}.battle-tech.at-range{opacity:1}.battle-tech.ready{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf62e}.battle-tech:active{transform:scale(.95)}.battle-tech-emoji{font-size:20px}.battle-tech-name{font-size:11px;font-weight:800;text-align:center;line-height:1.1}.battle-tech-meta{display:flex;flex-direction:column;align-items:center;gap:1px}.battle-tech-range{font-size:9px;color:var(--muted)}.battle-tech-cost{font-size:10px;font-weight:800;color:#b45309}.battle-tech-cost.short{color:var(--muted);opacity:.6}.battle-tech-power{font-size:9px;letter-spacing:.5px;color:#f5a623;line-height:1}.battle-tech-effect{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-2, #fbbf24)}.battle-move-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.battle-move{font-weight:800;touch-action:none;-webkit-user-select:none;user-select:none}.battle-move:active{background:var(--panel-2);transform:scale(.97)}.battle-bump{font-weight:800;opacity:.5}.battle-bump.ready{opacity:1;border-color:var(--accent-2);color:var(--accent-2)}.battle-result{text-align:center;display:flex;flex-direction:column;gap:8px;padding:6px 0 2px}.battle-result-emoji{font-size:48px}.match-result-xp{margin:0;font-weight:800;font-size:16px;color:#0f9d6b}.match-result-xp.dim{color:var(--muted);font-weight:600}.match-result-emoji{font-size:44px;line-height:1}.dance-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;text-align:center;background:#1a1028d1;border-radius:14px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff}.dance-result-overlay .match-banner{background:transparent;color:#fff;font-size:24px;padding:0}.thread-head-actions{display:flex;gap:4px}.eb-arena{width:min(560px,96vw)}.eb-turn{font-size:15px;font-weight:900;color:var(--accent)}.eb-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px}.eb-panel{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:12px;background:var(--panel-2);border:1px solid var(--border)}.eb-panel.mine{border-color:var(--accent)}.eb-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.eb-panel-name{font-weight:800;font-size:14px}.eb-panel-tag{font-size:11px;color:var(--muted)}.eb-stack{display:flex;gap:4px}.eb-chip{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--panel);border:1px dashed var(--border);box-shadow:inset 0 0 0 1px #ffffff0a}.eb-chip.on{border-style:solid;border-color:#00000040;text-shadow:0 1px 2px rgba(0,0,0,.5)}.eb-mon{display:flex;flex-direction:column;gap:4px}.eb-mon.down{opacity:.55;filter:saturate(.4)}.eb-cast-group{display:flex;flex-direction:column;gap:6px}.eb-cast-group+.eb-cast-group{margin-top:4px}.eb-cast-owner{font-size:10px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.eb-status{display:flex;flex-wrap:wrap;gap:4px}.eb-badge{font-size:10px;font-weight:800;padding:2px 6px;border-radius:999px;background:var(--panel);border:1px solid var(--border)}.eb-badge.buff{color:#0f9d6b}.eb-badge.debuff,.eb-badge.dot{color:#f85149}.eb-badge.stun{color:#e3b341}.eb-field.eb-field{min-height:180px}.eb-log{display:flex;flex-direction:column;gap:2px;max-height:84px;overflow:hidden;font-size:12px;color:var(--muted)}.eb-log-line{line-height:1.3}.eb-log-line:last-child{color:var(--text);font-weight:600}.eb-controls{display:flex;flex-direction:column;gap:8px}.eb-section-label{margin:2px 0 0;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.eb-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.eb-channel{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border);border-bottom-width:3px;cursor:pointer;transition:transform .08s ease,filter .08s ease}.eb-channel:disabled{opacity:.4;cursor:not-allowed}.eb-channel:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.08)}.eb-channel-emoji{font-size:20px}.eb-channel-name{font-size:10px;font-weight:800}.eb-channel-passive{font-size:8.5px;font-weight:700;line-height:1.15;color:var(--muted);text-align:center}.eb-casts{display:flex;flex-direction:column;gap:6px;max-height:184px;overflow-y:auto}.eb-cast{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border);cursor:pointer;text-align:left;transition:transform .08s ease,border-color .08s ease}.eb-cast:disabled{opacity:1;cursor:not-allowed}.eb-cast:disabled .eb-cast-name,.eb-cast:disabled .eb-cast-role{color:var(--muted)}.eb-cast:disabled .eb-cast-emoji{opacity:.8}.eb-cast.ready{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--panel-2))}.eb-cast.ready:hover{transform:translateY(-1px)}.eb-cast-emoji{font-size:20px}.eb-cast-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.eb-cast-name{font-size:13px;font-weight:800}.eb-cast-recipe{display:flex;gap:3px}.eb-cast-block{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;font-size:11px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.eb-cast-role{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.eb-cast-effects{display:flex;flex-wrap:wrap;gap:3px}.eb-cast-fx{font-size:9px;font-weight:700;padding:1px 6px;border-radius:999px;background:#8b5cf61a;color:#7c5bd1;white-space:nowrap}.eb-cast:disabled .eb-cast-fx{color:var(--muted)}.eb-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.eb-guard,.eb-clear{font-weight:800}@media (max-width: 560px){.battle-arena-backdrop{padding:0}.battle-arena.eb-arena{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:6px}.battle-arena-head{flex-wrap:nowrap}.eb-turn{flex:1 1 auto;min-width:0;font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eb-panels{gap:8px}.eb-panel{padding:6px 8px;gap:4px}.eb-chip{width:22px;height:22px;font-size:12px}.eb-field.eb-field{min-height:0;height:15dvh;flex:0 0 auto}.eb-log{display:none}.eb-controls{flex:1 1 auto;min-height:0;gap:6px}.eb-section-label{font-size:10px;margin:0}.eb-channels{gap:5px}.eb-channel{padding:5px 1px;border-bottom-width:2px}.eb-channel-emoji{font-size:18px}.eb-channel-name{font-size:9px}.eb-casts{flex:1 1 auto;min-height:0;max-height:none;gap:5px}.eb-cast{padding:6px 8px;gap:8px}.eb-cast-emoji{font-size:18px}.eb-cast-name{font-size:12px}}.rarity-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:800;letter-spacing:.02em;padding:2px 8px;border-radius:999px;border:1.5px solid currentColor;background:#ffffffdb}.detail-rarity{margin-left:8px;vertical-align:middle}.memory-rarity-badge{position:absolute;right:8px;top:8px;left:auto;bottom:auto;font-size:10px;font-weight:800;letter-spacing:.02em;padding:3px 8px;border-radius:999px;border:1.5px solid currentColor;background:#ffffffeb;box-shadow:var(--shadow-sm);z-index:2}.capture-reveal{display:grid;justify-items:center;gap:12px;padding:8px 4px 4px;text-align:center}.reveal-stage{width:min(72%,280px)}.reveal-stage .creature{width:100%;aspect-ratio:1 / 1;box-shadow:var(--shadow)}.reveal-badge{font-size:14px;padding:5px 14px;animation:reveal-pop .5s ease}.reveal-title{margin:2px 0 0;font-size:20px}.reveal-hint{max-width:320px;margin:0}@keyframes reveal-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.memory-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.memory-control{display:inline-flex;align-items:center;gap:6px}.memory-control-label{font-size:12px;font-weight:800;color:var(--muted, #6b7280)}.memory-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;font-size:13px;font-weight:700;padding:7px 30px 7px 12px;border:1px solid var(--border);border-radius:999px;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 14px center,right 9px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;color:var(--text, #1f2937);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s ease}.memory-select:hover{border-color:#c084fc}.memory-select:focus-visible{outline:2px solid #8b5cf6;outline-offset:1px}.memory-card.shiny{border-color:#fbbf24;box-shadow:0 0 0 1.5px #fbbf248c,0 6px 20px #fbbf2447,var(--shadow-sm)}.detail-stage.shiny{box-shadow:0 0 0 2px #fbbf2480,0 10px 34px #fbbf2440}.shiny-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:3}.shiny-star{position:absolute;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,#fff,#fde68a,#fbbf2400 70%);border-radius:50%;opacity:0;animation-name:shiny-twinkle;animation-iteration-count:infinite;animation-timing-function:ease-in-out;filter:drop-shadow(0 0 3px rgba(255,236,158,.9))}.shiny-sheen{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);transform:translate(-120%);animation:shiny-sheen 3.4s ease-in-out infinite;mix-blend-mode:screen}@keyframes shiny-twinkle{0%,to{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1) rotate(90deg);opacity:1}}@keyframes shiny-sheen{0%{transform:translate(-120%)}55%,to{transform:translate(120%)}}@media (prefers-reduced-motion: reduce){.shiny-star{animation:none;transform:translate(-50%,-50%) scale(.85);opacity:.9}.shiny-sheen{animation:none;transform:none;opacity:.18}}.quest-open-btn{display:flex;align-items:center;justify-content:center;gap:8px}.quest-open-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:inline-grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:var(--grad-sun);box-shadow:var(--shadow-sm)}.quest-list{display:grid;gap:10px}.quest-group-title{margin:6px 0 0;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.quest-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1.5px solid var(--border);background:#fbf9ff}.quest-row.claimed{opacity:.6}.quest-info{flex:1;min-width:0}.quest-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quest-title{font-weight:800;font-size:15px;color:var(--ink)}.quest-desc{margin:2px 0 8px;font-size:13px;color:var(--muted)}.quest-bar{height:8px;border-radius:6px;background:var(--line);overflow:hidden}.quest-bar-fill{display:block;height:100%;border-radius:6px;background:var(--grad);transition:width .3s ease}.quest-count{display:inline-block;margin-top:4px;font-size:12px;font-weight:700;color:var(--muted)}.quest-reward{display:inline-flex;gap:5px;flex-wrap:wrap}.quest-reward-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:10px;font-size:12px;font-weight:800;color:var(--ink);background:#fff;border:1.5px solid var(--border)}.quest-reward-dot{width:9px;height:9px;border-radius:50%}.quest-action{flex:none}.quest-done-tag{font-size:12px;font-weight:800;color:var(--muted)}.quest-footnote{margin-top:4px}.referral-card{padding:12px;border-radius:16px;border:1.5px solid var(--border);background:#fbf9ff}.referral-invite{margin:0 0 8px}.referral-done{margin:4px 0 0;font-size:14px;font-weight:700;color:var(--ink)}.referral-form{display:grid;gap:6px}.referral-label{font-size:13px;color:var(--muted)}.referral-input-row{display:flex;gap:8px}.referral-input-row input{flex:1;min-width:0}.fusion-modal{width:min(680px,100%)}.fusion-parents{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:10px 0}.fusion-parent{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px;border:1.5px solid var(--border);border-radius:16px;background:#fbf9ff}.fusion-parent-head{display:flex;align-items:center;gap:8px}.fusion-parent-head .icon-btn{flex:none}.fusion-select{flex:1;min-width:0;padding:8px 10px;border-radius:12px;border:1.5px solid var(--border);background:var(--card);color:var(--ink);font:inherit;font-size:14px;font-weight:700}.fusion-parent .mini-creature{aspect-ratio:1 / 1}.fusion-stage{position:relative;margin:2px 0 12px;border:1.5px solid var(--border);border-radius:20px;background:radial-gradient(circle at 50% 42%,rgba(139,92,246,.14),transparent 65%),#fbf9ff;overflow:hidden}.fusion-canvas{display:block;width:min(100%,42vh);width:min(100%,42dvh);aspect-ratio:1 / 1;margin:0 auto}.fusion-name{position:absolute;left:12px;bottom:10px;font-size:13px;font-weight:800;color:var(--muted);background:#ffffffbf;border-radius:10px;padding:3px 9px}.fusion-controls{display:grid;gap:8px}.fusion-slider-row{display:flex;align-items:center;gap:10px}.fusion-slider-row input[type=range]{flex:1;min-width:0}.fusion-slider-label{flex:none;min-width:56px;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:800;color:var(--muted)}.fusion-slider-label:last-child{text-align:right}.fusion-actions{display:flex;gap:8px}.fusion-actions .btn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){.fusion-modal{padding:16px 14px 18px}.fusion-parents{gap:8px}.fusion-parent{padding:8px}.fusion-actions{display:grid;grid-template-columns:1fr 1fr}.fusion-actions .btn.primary{grid-column:1 / -1}.fusion-slider-label{max-width:76px}}.fusion-baked-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;color:var(--accent)}.fusion-tokens{margin-left:auto;margin-right:10px;padding:4px 11px;border:1.5px solid var(--border);border-radius:999px;background:#fbf9ff;font-size:13px;font-weight:800;white-space:nowrap}.fusion-token-hint{margin:0}.adv-result-token{margin:10px 0;padding:9px 12px;border-radius:12px;border:1.5px dashed var(--accent);background:#f6f1ff;font-size:13px;font-weight:700}.detail-tree-btn{margin-left:10px;padding:3px 10px;font-size:12px;vertical-align:middle}.family-tree-modal{width:min(640px,100%)}.family-tree-scroll{overflow:auto;padding:10px 4px 14px}.tree-branch{display:flex;flex-direction:column;align-items:center}.tree-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;border:1.5px solid var(--border);border-radius:14px;background:#fbf9ff;min-width:96px}.tree-card.root{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.tree-canvas{display:block;width:76px;height:76px}.tree-card.root .tree-canvas{width:104px;height:104px}.tree-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}.tree-connector{display:flex;flex-direction:column;align-items:center;padding:2px 0}.tree-connector:before,.tree-connector:after{content:"";width:2px;height:8px;background:var(--border)}.tree-blend{font-size:11px;font-weight:800;color:var(--muted);border:1.5px solid var(--border);border-radius:999px;padding:1px 8px;background:#fff}.tree-parents{display:flex;align-items:flex-start;gap:14px;padding:8px 10px 2px;border-top:2px solid var(--border)}.family-tree-origin{margin:4px 2px 0}.playground{display:flex;flex-direction:column;gap:10px}.pg-rooms-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.pg-room-chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:2px solid #e8e2f7;background:var(--card);font:inherit;font-size:13px;font-weight:800;color:var(--muted);cursor:pointer}.pg-room-chip.active{border-color:var(--accent);color:var(--accent);background:#f3eeff}.pg-room-chip-count{font-size:11px;font-weight:800;opacity:.75}.pg-room-chip.build{border-style:dashed}.pg-room-chip:disabled{opacity:.55;cursor:default}.pg-stage{position:relative;height:min(58vh,420px);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);isolation:isolate}.pg-stage.editing{outline:3px dashed var(--accent);outline-offset:-3px}.pg-floor{position:absolute;left:0;right:0;bottom:0;height:46%}.pg-scene{position:absolute;left:4%;right:4%;top:42%;bottom:4%}.pg-prop{position:absolute;transform:translate(-50%,-80%);background:none;border:none;padding:0;line-height:1;cursor:default;touch-action:none;filter:drop-shadow(0 6px 6px rgba(40,25,80,.25))}.pg-prop-art{display:inline-block}.prop-art-wrap{display:inline-block;line-height:0}.pa-sway{transform-origin:50% 62%;animation:pa-sway 3.4s ease-in-out infinite}@keyframes pa-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.pa-boing{transform-origin:50% 90%;animation:pa-boing 3.2s ease-in-out infinite}@keyframes pa-boing{0%,to{transform:scale(1)}50%{transform:scale(1.015,.97)}}.pg-prop.in-use .pa-boing{animation:pa-boing-big .9s ease-in-out infinite}@keyframes pa-boing-big{0%,to{transform:scale(1)}40%{transform:scale(1.05,.9)}70%{transform:scale(.97,1.04)}}.pa-glint{animation:pa-glint 2.2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.pa-glint2{animation-delay:1.1s}@keyframes pa-glint{0%,55%,to{opacity:0;transform:scale(.4)}72%{opacity:1;transform:scale(1.15)}86%{opacity:.6;transform:scale(.9)}}.pa-flame{transform-origin:50% 84%;animation:pa-flame .55s ease-in-out infinite alternate}@keyframes pa-flame{0%{transform:scale(1) skew(0)}to{transform:scale(1.04,1.07) skew(-2deg)}}.pa-spark{animation:pa-spark 1.6s ease-out infinite}.pa-spark2{animation-delay:.8s}@keyframes pa-spark{0%{opacity:0;transform:translateY(6px)}25%{opacity:1}to{opacity:0;transform:translateY(-16px)}}.pa-glow{animation:pa-glow 2.4s ease-in-out infinite}@keyframes pa-glow{0%,to{opacity:.28}50%{opacity:.5}}.pa-water-arc{stroke-dasharray:10 14;animation:pa-water-flow 1.1s linear infinite}.pa-water-arc2{animation-delay:.55s}@keyframes pa-water-flow{to{stroke-dashoffset:-24}}.pa-bubble{animation:pa-bubble 1.4s ease-in-out infinite}@keyframes pa-bubble{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pa-ripple{transform-origin:50% 55%;transform-box:view-box;animation:pa-ripple 2.6s ease-in-out infinite}@keyframes pa-ripple{0%,to{transform:scaleX(1);opacity:.9}50%{transform:scaleX(1.12);opacity:.55}}.pa-breathe{transform-origin:50% 92%;animation:pa-breathe 3.6s ease-in-out infinite}@keyframes pa-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,.985)}}.pa-swing{transform-origin:50% 0%;animation:pa-swing 3.8s ease-in-out infinite}@keyframes pa-swing{0%,to{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}.pa-candle{transform-origin:50% 100%;transform-box:fill-box;animation:pa-flame .4s ease-in-out infinite alternate}.pa-sticks{transform-origin:50% 34%;transform-box:view-box;animation:pa-sticks 1.4s ease-in-out infinite}@keyframes pa-sticks{0%,70%,to{transform:rotate(0)}80%{transform:rotate(3deg)}90%{transform:rotate(-3deg)}}.pg-prop.in-use .pa-sticks{animation:pa-sticks-fast .42s ease-in-out infinite}@keyframes pa-sticks-fast{0%,to{transform:rotate(4deg)}50%{transform:rotate(-4deg)}}.pg-prop.in-use .pa-drumbody{transform-origin:50% 90%;transform-box:view-box;animation:pa-drumbody .42s ease-in-out infinite}@keyframes pa-drumbody{0%,to{transform:scale(1)}50%{transform:scale(1.03,.96)}}.pa-facets{animation:pa-facets 3.2s linear infinite}@keyframes pa-facets{to{transform:translate(-45px)}}.pg-prop.in-use .pa-facets{animation-duration:1.1s}.pg-prop.in-use .pa-swing{animation-duration:1.6s}.pa-shimmer{stroke-dasharray:26 160;animation:pa-shimmer 3.4s linear infinite}@keyframes pa-shimmer{0%{stroke-dashoffset:0}to{stroke-dashoffset:-186}}.pg-prop.in-use .pa-shimmer{animation-duration:1.4s}.pa-cloudbob{animation:pa-cloudbob 3s ease-in-out infinite}.pa-cloudbob2{animation-delay:1.5s}@keyframes pa-cloudbob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}.pg-prop.in-use{filter:drop-shadow(0 6px 6px rgba(40,25,80,.25)) brightness(1.05)}.pg-fx{position:absolute;transform:translate(-50%,-50%);font-size:15px;font-weight:900;color:#6a5bc7;text-shadow:0 1px 0 rgba(255,255,255,.8);pointer-events:none;z-index:400;animation:pg-fx-rise 1.5s ease-out forwards}.pg-fx-dance{color:#d648a0;font-size:17px}.pg-fx-nap{color:#7a86b8;font-style:italic;font-size:14px}.pg-fx-admire{color:#e8a51c}.pg-fx-puff{width:12px;height:12px;border-radius:50%;background:#ffffffd9;border:2px solid rgba(43,35,68,.3);animation:pg-fx-puff .6s ease-out forwards}@keyframes pg-fx-rise{0%{opacity:0;transform:translate(-50%,-50%) translateY(6px) scale(.6)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate(var(--dx, 0px),-44px) scale(1.05)}}@keyframes pg-fx-puff{0%{opacity:.9;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}.quest-reward-art{font-size:15px;vertical-align:-2px}@media (prefers-reduced-motion: reduce){.pa-sway,.pa-boing,.pa-glint,.pa-flame,.pa-spark,.pa-glow,.pa-water-arc,.pa-bubble,.pa-ripple,.pa-breathe,.pa-swing,.pa-candle,.pa-sticks,.pa-drumbody,.pa-facets,.pa-shimmer,.pa-cloudbob,.pg-fx{animation:none!important}}.pg-prop.editable{cursor:grab}.pg-prop.dragging{cursor:grabbing;filter:drop-shadow(0 10px 10px rgba(40,25,80,.35)) brightness(1.05)}.pg-prop-remove{position:absolute;top:-10px;right:-10px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#fff;border:2px solid #e8e2f7;color:var(--muted);font-size:11px;font-weight:900;cursor:pointer;filter:none}.pg-monster{position:absolute;left:0;top:0;width:92px;height:92px;margin-left:-46px;margin-top:-84px;pointer-events:auto;cursor:pointer;will-change:transform}.pg-monster-inner,.pg-monster-canvas{width:100%;height:100%}.pg-monster.care-glowing .pg-monster-inner{filter:drop-shadow(0 0 8px rgba(255,213,74,.55))}.pg-care-dot{position:absolute;top:-4px;right:-4px;z-index:10;font-size:12px;line-height:1;background:#ffffffe6;border-radius:999px;padding:2px 4px;box-shadow:0 2px 6px #28195033}.pg-empty-hint{position:absolute;inset:auto 8% 12%;margin:0;text-align:center;font-size:13px;font-weight:700;color:#2f2a4aa6;background:#ffffffb3;border-radius:14px;padding:10px 12px}.pg-toolbar{display:flex;gap:8px;flex-wrap:wrap}.pg-toolbar .btn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-drawer{display:flex;gap:8px;overflow-x:auto;padding:10px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.pg-drawer-hint{margin:0;padding:4px 6px}.pg-drawer-item{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:8px 10px;border-radius:14px;border:2px solid #e8e2f7;background:#fbf9ff;font:inherit;cursor:pointer}.pg-drawer-item:active{border-color:var(--accent)}.pg-drawer-emoji{font-size:26px;line-height:1}.pg-drawer-name{font-size:11px;font-weight:800;color:var(--text)}.pg-drawer-count{font-size:11px;font-weight:800;color:var(--muted)}.pg-cost{display:inline-flex;gap:4px;align-items:center}.pg-cost-pill{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:10px;background:#f4f0ff;font-size:11px;font-weight:800;color:var(--text)}.pg-cost-dot{width:8px;height:8px;border-radius:50%}.pg-sheet{max-height:78vh;overflow-y:auto}.pg-resident-list{display:flex;flex-direction:column;gap:8px}.pg-resident-row{display:flex;align-items:center;gap:10px}.pg-resident-thumb{width:46px;height:46px;border-radius:12px;background:#f4f0ff;object-fit:cover;flex:none}.pg-resident-name{flex:1;min-width:0;font-size:14px;font-weight:800;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-resident-where{display:block;font-size:11px;font-weight:700;font-style:normal;color:var(--muted)}.pg-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pg-style-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:14px;border:2px solid #e8e2f7;background:var(--card);font:inherit;cursor:pointer}.pg-style-card.active{border-color:var(--accent)}.pg-style-card:disabled{cursor:default;opacity:.85}.pg-style-preview{width:100%;height:52px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.pg-style-preview span:first-child{flex:1.2}.pg-style-preview span:last-child{flex:1}.pg-style-name{font-size:12px;font-weight:800;color:var(--text)}.pg-style-tag{font-size:11px;font-weight:800;color:var(--accent)}.pg-shop-list{display:flex;flex-direction:column;gap:10px}.pg-shop-row{display:flex;align-items:center;gap:10px}.pg-shop-emoji{font-size:28px;line-height:1;flex:none;width:38px;text-align:center}.pg-shop-info{flex:1;min-width:0;display:flex;flex-direction:column}.pg-shop-name{font-size:14px;font-weight:800;display:flex;align-items:baseline;gap:6px}.pg-shop-owned{font-size:11px;font-weight:700;font-style:normal;color:var(--muted)}.pg-shop-hint{font-size:12px;color:var(--muted)}.pg-shop-buy{flex:none}.pg-shop-quest-tag{flex:none;font-size:11px;font-weight:800;color:var(--muted);border:2px dashed #e8e2f7;border-radius:999px;padding:4px 9px}.pg-shop-footnote{margin:4px 0 0}.quest-reward-prop{background:#fff4d6}.memory-adv-badge.injured{background:color-mix(in srgb,#f85149 24%,var(--panel));border-color:#f85149}.detail-injured{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:color-mix(in srgb,#f85149 10%,var(--panel-2));border:1px dashed #f85149}.detail-injured-text{font-size:12px;font-weight:700}.gauntlet-modal{display:flex;flex-direction:column;gap:12px;width:min(560px,96vw);max-height:92dvh;overflow-y:auto}.gnt-blurb{margin:0}.gnt-run-head{display:flex;align-items:baseline;justify-content:space-between}.gnt-stage{font-size:20px;font-weight:900;color:var(--accent)}.gnt-cleared{font-size:12px;font-weight:700;color:var(--muted)}.gnt-next,.gnt-roster{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:var(--panel-2);border:1px solid var(--border)}.gnt-next-label{margin:0;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.gnt-next-duo{display:flex;gap:10px}.gnt-rival{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;border-radius:10px;background:var(--panel);border:1px solid var(--border);flex:1}.gnt-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gnt-pick-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border-radius:10px;background:var(--panel);border:1px solid var(--border);cursor:pointer;text-align:center}.gnt-pick-card:disabled{opacity:.45;cursor:not-allowed}.gnt-pick-card.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel))}.gnt-pick-card.hurt{border-style:dashed}.gnt-pick-card.gone{opacity:.4;justify-content:center;min-height:90px}.gnt-pick-img{width:56px;height:56px;object-fit:contain;display:block}.gnt-pick-name{font-size:12px;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gnt-pick-tag{font-size:10px;color:var(--muted);font-weight:700}.gnt-heal{margin-top:2px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;background:color-mix(in srgb,#56d364 18%,var(--panel));border:1px solid #56d364;cursor:pointer}.gnt-run-actions{display:flex;flex-direction:column;gap:6px}.gnt-summary{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;text-align:center}.gnt-summary-emoji{font-size:40px}.gnt-summary h3{margin:0}.gnt-summary-best{margin:0;font-weight:800;color:var(--accent)}.gnt-board{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:var(--panel-2);border:1px solid var(--border)}.gnt-board-title{margin:0;font-size:13px;font-weight:900}.gnt-board-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.gnt-board-row{display:flex;align-items:baseline;gap:8px;font-size:12px;padding:3px 6px;border-radius:6px}.gnt-board-row.me{background:color-mix(in srgb,var(--accent) 14%,transparent);font-weight:800}.gnt-board-rank{font-weight:800;color:var(--muted);min-width:28px}.gnt-board-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gnt-board-best{font-weight:800}.gnt-board-mine{margin:0;font-size:11px;color:var(--muted)}.room-mood{margin:0 0 16px;padding:14px 16px;border-radius:var(--radius);background:linear-gradient(135deg,#f8f4ff,#eef8f0);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}.room-mood-label{margin:0 0 4px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.room-mood-line{margin:0;font-size:15px;font-weight:700}.room-mood-nudge{margin:6px 0 0}.mood-status-compact{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:#ffffffeb;border-top:1px solid rgba(43,35,68,.08);font-size:11px;font-weight:700;text-align:left}.mood-status-line{display:flex;align-items:center;gap:4px}.mood-status-expanded{display:flex;flex-direction:column;align-items:center;gap:2px}.mood-status-pill{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800}.mood-status-sep{color:var(--muted);font-weight:400}.status-glowing{color:#9a6b00}.status-miss_you{color:#6b5a8a}.detail-care-head{display:flex;flex-direction:column;gap:10px;padding:0 0 12px}.detail-care-head .visit-home-btn{margin:0}.visit-home-btn{margin:0 16px 12px}.den-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;background:var(--bg);overflow-y:auto;padding:12px 14px 24px}.den-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.den-title{flex:1;margin:0;font-size:17px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.den-stage{position:relative;height:min(64vh,520px);flex-shrink:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);isolation:isolate}.den-stage.editing{outline:3px dashed var(--accent);outline-offset:-3px}.den-stage.glowing{box-shadow:0 0 0 2px color-mix(in srgb,#ffd54a 45%,transparent),var(--shadow)}.den-interior{background:#2a2438}.den-room-back{position:absolute;top:0;right:0;bottom:34%;left:0;background:var(--den-wall);box-shadow:inset 0 -18px 28px #1e14321f}.den-room-window{position:absolute;top:10%;left:50%;transform:translate(-50%);width:34%;height:26%;border:5px solid rgba(55,40,75,.28);border-bottom-width:8px;border-radius:6px 6px 2px 2px;background:linear-gradient(165deg,#b8e4ff,#e8f7ff 55%,#fff8d8);box-shadow:inset 0 0 24px #ffffff8c,0 6px 16px #1e143226}.den-room-window:before,.den-room-window:after{content:"";position:absolute;background:#37284b38}.den-room-window:before{left:50%;top:0;bottom:0;width:4px;transform:translate(-50%)}.den-room-window:after{left:0;right:0;top:50%;height:4px;transform:translateY(-50%)}.den-room-shelf{position:absolute;top:42%;left:10%;width:22%;height:6px;border-radius:2px;background:linear-gradient(180deg,#c9a87a,#9a7048);box-shadow:0 4px 8px #1e143233}.den-room-shelf:after{content:"🪴";position:absolute;left:50%;bottom:100%;transform:translate(-50%);font-size:1.1rem;line-height:1;margin-bottom:2px}.den-room-molding{position:absolute;left:0;right:0;bottom:34%;height:10px;background:linear-gradient(180deg,#ffffff59,#46375f2e);border-top:2px solid rgba(70,55,95,.12)}.den-room-floor{position:absolute;left:0;right:0;bottom:0;height:36%;background:var(--den-floor);box-shadow:inset 0 12px 20px #1e143214}.den-room-floor:before{content:"";position:absolute;top:8%;right:12%;bottom:0;left:12%;border-radius:50% 50% 0 0/18% 18% 0 0;background:#ffffff14;pointer-events:none}.den-scene{position:absolute;left:6%;right:6%;top:46%;bottom:5%;z-index:2}.den-monster{position:absolute;left:0;top:0;width:min(58vw,260px);height:min(58vw,260px);margin-left:calc(min(58vw,260px)/-2);margin-top:calc(min(58vw,260px)*-.885);pointer-events:none;will-change:transform}.den-monster-inner,.den-monster-canvas{width:100%;height:100%}.den-stage.glowing .den-monster-inner{filter:drop-shadow(0 0 10px rgba(255,213,74,.55))}.den-interior[data-style=night] .den-room-window{background:linear-gradient(165deg,#1a2848,#2d3a68 60%,#4a5890)}.den-interior[data-style=night] .den-room-window:before,.den-interior[data-style=night] .den-room-window:after{background:#140f2880}.den-interior[data-style=night] .den-room-window:after{box-shadow:0 0 12px 2px #fff8c859}.den-interior[data-style=candy] .den-room-back{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.5) 0 6px,transparent 7px),radial-gradient(circle at 72% 22%,rgba(255,255,255,.45) 0 5px,transparent 6px),var(--den-wall)}.den-interior[data-style=ocean] .den-room-window{background:linear-gradient(165deg,#5ec8e8,#a8e8ff,#fff4c8)}.den-interior[data-style=ember] .den-room-shelf:after{content:"🕯️"}.den-interior[data-style=cloud] .den-room-back{box-shadow:inset 0 -24px 36px #b4c8e640}.den-hud{margin:12px 0 8px;text-align:center}.den-greeting{margin:8px 0 4px;font-size:14px;font-style:italic;color:var(--muted)}.den-buff-timer{margin:0;font-size:12px;font-weight:700;color:#9a6b00}.den-bond{margin:4px 0 0;font-size:12px;font-weight:800}.den-bond-xp{font-weight:600;color:var(--muted)}.den-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.den-error{text-align:center;margin:8px 0}.den-flash{position:fixed;bottom:96px;left:50%;transform:translate(-50%);z-index:210;margin:0;max-width:calc(100% - 32px);font-size:13px;font-weight:700;color:var(--text);text-align:center;background:#fffffff5;padding:10px 16px;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);pointer-events:none;animation:den-flash-life 1.8s ease forwards}@keyframes den-flash-life{0%{opacity:0;transform:translate(-50%) translateY(8px)}12%,72%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-6px)}}.den-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;background:#140c2873;display:flex;flex-direction:column;justify-content:flex-end;padding:0}.den-sheet{width:100%;max-width:100%;max-height:min(52vh,380px);overflow-y:auto;background:var(--card);border:1px solid var(--border);border-bottom:none;border-radius:20px 20px 0 0;padding:0 14px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 40px #28195033}.den-sheet .modal-head{position:sticky;top:0;z-index:1;background:var(--card);padding:14px 0 8px;margin-bottom:0}.den-overlay.sheet-open{overflow:hidden}.den-sheet-handle{width:36px;height:4px;margin:8px auto 4px;border-radius:999px;background:#2b23442e}.den-sheet .modal-head h3{margin:0;font-size:17px}.den-prop-pick svg,.den-prop-pick .prop-art{font-size:26px}.den-sheet>.hint{margin:0 0 10px;font-size:12px}.den-snack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.den-snack{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1.5px solid rgba(43,35,68,.1);border-radius:12px;background:var(--bg);cursor:pointer;min-height:0}.den-snack.favorite{border-color:color-mix(in srgb,#ffd54a 50%,transparent)}.den-snack:disabled{opacity:.45;cursor:default}.den-snack-emoji{font-size:20px;line-height:1}.den-snack-name{font-size:9px;font-weight:800;text-align:center;line-height:1.15}.den-snack-cost{font-size:8px;font-weight:700;text-align:center;line-height:1.1}.den-style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding-bottom:4px}.den-style-chip{position:relative;height:48px;border:2px solid rgba(43,35,68,.15);border-radius:12px;font-size:11px;font-weight:800;color:#2b2344}.den-style-chip.on{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent)}.den-style-lock{position:absolute;top:4px;right:6px;font-size:10px}.den-prop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.den-prop-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:1px solid rgba(43,35,68,.12);border-radius:var(--radius-sm);background:var(--bg);font-size:10px;font-weight:700}.den-prop-free{color:var(--muted)}.den-edit-hint{text-align:center;margin-top:8px}.journal-resonance{margin:10px 0 0;color:#5a7a4a;font-weight:600}