@keyframes bt-spin{to{transform:rotate(360deg)}}@keyframes bt-sheen{0%{transform:translate(-130%) skew(-18deg)}to{transform:translate(320%) skew(-18deg)}}@keyframes bt-twinkle{0%,to{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1)}}@keyframes bt-glow{0%,to{filter:drop-shadow(0 0 3px rgba(217,119,87,.5))}50%{filter:drop-shadow(0 0 10px rgba(217,119,87,.95))}}@keyframes bt-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(16px,-12px) scale(1.1)}}@keyframes bt-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bt-shimmer{0%{background-position:0 0}to{background-position:200% 0}}@keyframes bt-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes bt-prog{0%{width:8%}70%{width:82%}to{width:92%}}@keyframes bt-indeterminate{0%{transform:translate(-100%)}to{transform:translate(320%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}:root{--bg: #F6F1E8;--surface: #FFFCF6;--border: #EAE2D3;--text: #2A221B;--muted: #8A7B66;--primary: #D97757;--secondary: #E0995E;--highlight: #F2C57E;--primary-dark: #BE5D38;--success: #7E8B55;--error: #C24D3A;--grad-btn: linear-gradient(110deg, #D97757, #E0995E);--grad-gem: linear-gradient(135deg, #F6D08A, #E89A5C 50%, #C75D38);--grad-sheen:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);--font-display: "Bricolage Grotesque", sans-serif;--font-ui: "Space Grotesk", sans-serif;--font-body: "Manrope", sans-serif;--r-sm: 11px;--r-md: 13px;--r-lg: 16px;--r-pill: 999px;--shadow-btn: 0 14px 30px -12px rgba(217,119,87,.55);--shadow-card: 0 2px 10px rgba(42,34,27,.07), 0 1px 3px rgba(42,34,27,.05);--shadow-lg: 0 8px 28px rgba(42,34,27,.12), 0 2px 8px rgba(42,34,27,.08)}html[data-theme=dark]{--bg: #1E1813;--surface: #241D15;--border: #3A2F22;--text: #F1EAE0;--muted: #A99A86;--shadow-btn: 0 14px 30px -12px rgba(217,119,87,.65);--shadow-card: 0 4px 20px rgba(0,0,0,.3), 0 1px 4px rgba(0,0,0,.2);--shadow-lg: 0 10px 36px rgba(0,0,0,.5), 0 3px 10px rgba(0,0,0,.3)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:var(--primary-dark)}::selection{background:#d97757;color:#2a1708}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:0;height:0}.app{height:100dvh;width:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--text);overflow:hidden}.app-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen{display:flex;flex-direction:column;min-height:100%;position:relative}.body{flex:1;padding:20px 18px 32px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.aurora{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.aurora:before{content:"";position:absolute;top:-15%;left:-25%;width:80%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(217,119,87,.32) 0%,transparent 65%);filter:blur(48px);animation:bt-float 9s ease-in-out infinite}.aurora:after{content:"";position:absolute;bottom:-10%;right:-20%;width:65%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(224,153,94,.2) 0%,transparent 65%);filter:blur(56px);animation:bt-float 12s ease-in-out infinite reverse}html:not([data-theme=dark]) .aurora{display:none}.glass{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}html:not([data-theme=dark]) .glass{background:#ffffffbf;border-color:#eae2d3cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.head{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:12px 16px;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.head.between{justify-content:space-between}.head .grow{flex:1;min-width:0}.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1}.title-1{font-family:var(--font-display);font-weight:700;font-size:20px;margin:0;line-height:1.1;letter-spacing:-.015em}.title-sm{font-family:var(--font-display);font-weight:700;font-size:17px;line-height:1.1;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overline{font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--primary)}.label{font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:.06em}.hint{color:var(--muted);font-size:13px;line-height:1.55}.muted{color:var(--muted)}.err{color:var(--error)}.num{font-family:var(--font-ui);font-weight:700}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;border:none;border-radius:var(--r-md);padding:13px 16px;font-family:var(--font-ui);font-weight:600;font-size:14px;background:var(--grad-btn);color:#2a1708;box-shadow:var(--shadow-btn);transition:transform .12s,opacity .15s;cursor:pointer}.btn:before{content:"";position:absolute;top:0;left:0;width:34%;height:100%;background:var(--grad-sheen);animation:bt-sheen 3.6s ease-in-out infinite}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;pointer-events:none}html[data-theme=dark] .btn:not(.outline):not(.ghost):not(.danger){color:#2a1708}html:not([data-theme=dark]) .btn:not(.outline):not(.ghost):not(.danger){color:#fff}.btn.outline{background:transparent;border:1px solid var(--border);color:var(--text);box-shadow:none}.btn.outline:before{display:none}.btn.ghost{background:transparent;border:none;color:var(--muted);box-shadow:none;font-size:13px}.btn.ghost:before{display:none}.btn.sm{min-height:40px;padding:9px 14px;font-size:13px}.btn.danger{background:var(--error);box-shadow:none;color:#fff}.btn.danger:before{display:none}.icon-btn{cursor:pointer;width:40px;height:40px;display:grid;place-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:var(--r-pill);color:var(--muted);flex:0 0 auto;transition:background .15s}.icon-btn:active{background:#ffffff1f}html:not([data-theme=dark]) .icon-btn{background:var(--surface);box-shadow:var(--shadow-card)}.bal{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:var(--r-md);background:#d9775721;border:1px solid rgba(217,119,87,.4);cursor:pointer}.bal b{font-family:var(--font-ui);font-weight:700;font-size:15px;color:var(--text)}html:not([data-theme=dark]) .bal{background:#d977571a;border-color:#d9775759}.field{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(241,234,224,.12);border-radius:var(--r-md);padding:12px 14px;min-height:48px}html:not([data-theme=dark]) .field{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-card)}.field input{border:none;outline:none;background:transparent;color:var(--text);font-family:var(--font-body);font-size:15px;width:100%}.field input::placeholder{color:var(--muted)}.field .ic{color:var(--primary);flex:0 0 auto}.input-box{width:100%;border:1px solid var(--border);outline:none;background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:14px;padding:11px 13px;border-radius:var(--r-sm);min-height:44px}textarea.input-box{min-height:76px;resize:none;line-height:1.5}.lbl{display:block;font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.chip{cursor:pointer;display:inline-flex;align-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--r-pill);padding:8px 14px;min-height:36px;font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--muted);transition:background .15s,color .15s,border-color .15s}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}html[data-theme=dark] .chip.active{color:#2a1708}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow-card)}.card.raised{box-shadow:var(--shadow-lg)}.card.flat{box-shadow:none}.card.danger-border{border-color:var(--error);border-width:1.5px}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.col{display:flex;flex-direction:column;gap:8px}.spin{width:22px;height:22px;border:2.5px solid rgba(217,119,87,.25);border-top-color:var(--primary);border-radius:50%;display:inline-block;animation:bt-spin .9s linear infinite}.spin.lg{width:32px;height:32px;border-width:3px}.skel{background:linear-gradient(100deg,var(--surface),var(--border),var(--surface));background-size:200% 100%;animation:bt-shimmer 1.6s linear infinite}.portrait-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.portrait-card{position:relative;border-radius:var(--r-md);overflow:hidden;aspect-ratio:3/4;background:var(--surface);border:1px solid var(--border)}.portrait-card img{display:block;width:100%;height:100%;object-fit:cover}.mystery{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(125% 90% at 50% 22%,#2a3840,#161e22,#060b0e);overflow:hidden}html[data-theme=dark] .mystery{background:radial-gradient(125% 90% at 50% 22%,#241e16,#141008,#030100)}.mystery:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;filter:blur(10px);opacity:.7;background:radial-gradient(35% 28% at 72% 82%,rgba(217,119,87,.28),transparent 70%),radial-gradient(30% 24% at 26% 26%,rgba(224,153,94,.22),transparent 72%)}.mystery .glyph{position:relative;z-index:1;font-family:var(--font-display);font-weight:800;font-size:52px;line-height:1;color:#f1eae059;text-shadow:0 3px 22px rgba(0,0,0,.55)}.mystery .cue{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#f1eae0;background:#00000057;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(241,234,224,.25);border-radius:var(--r-pill);padding:6px 12px}.gen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:column;gap:8px}.gen-overlay .label{font-family:var(--font-ui);font-size:11px;color:#f1eae0b3;letter-spacing:.06em}.portrait-actions{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.portrait-badge{position:absolute;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--r-sm);color:#fff;cursor:pointer}.portrait-badge:active{opacity:.7}.portrait-badge.tl{top:8px;left:8px}.portrait-badge.tr{top:8px;right:8px}.portrait-badge.bl{bottom:8px;left:8px}.portrait-badge.br{bottom:8px;right:8px}.cover-badge{position:absolute;bottom:8px;right:8px;font-family:var(--font-ui);font-size:10px;font-weight:600;background:var(--grad-btn);color:#2a1708;border-radius:var(--r-pill);padding:3px 9px}.tabbar{flex:0 0 auto;display:flex;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:8px 8px max(8px,env(safe-area-inset-bottom))}.tab{cursor:pointer;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;color:var(--muted);background:none;border:none;transition:color .15s}.tab.active{color:var(--primary)}html:not([data-theme=dark]) .tab.active{color:var(--primary-dark)}.tab span{font-family:var(--font-ui);font-size:9px;font-weight:600;letter-spacing:.04em}.dock{position:sticky;bottom:0;z-index:8;padding:12px 18px 18px;background:linear-gradient(0deg,var(--bg) 65%,transparent)}.dock-plank{display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,var(--surface) 95%,transparent);border:1px solid var(--border);border-radius:var(--r-lg);padding:12px 14px;box-shadow:var(--shadow-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}html[data-theme=dark] .dock-plank{border-color:#d977574d;background:linear-gradient(135deg,#2a2117f2,#1b150efa)}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:60px 20px;flex:1}.rise{animation:bt-rise .35s cubic-bezier(.2,.7,.2,1) both}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.lightbox img{max-width:100%;max-height:80dvh;border-radius:var(--r-md);object-fit:contain}.lightbox-actions{display:flex;gap:12px}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 20px;border-radius:var(--r-pill);font-family:var(--font-ui);font-size:13px;font-weight:600;white-space:nowrap;z-index:200;animation:bt-rise .25s ease both}.gem-glow{animation:bt-glow 3s ease-in-out infinite}.gem-spark{position:absolute;top:-2px;right:-3px;width:7px;height:7px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff;animation:bt-twinkle 2.4s ease-in-out infinite}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.filter-row::-webkit-scrollbar{display:none}.filter-row .chip{flex:0 0 auto;white-space:nowrap;padding:6px 12px;min-height:30px;font-size:11.5px}.pack-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;box-shadow:var(--shadow-card);cursor:pointer;transition:transform .12s}.pack-card:active{transform:scale(.99)}.pack-card.featured{border-color:var(--primary);border-width:2px}.pack-card .pack-badge{position:absolute;top:-11px;left:16px;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--grad-btn);color:#2a1708;padding:3px 11px;border-radius:var(--r-pill);overflow:hidden}.pack-card .pack-badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grad-sheen);animation:bt-sheen 4s ease-in-out infinite}.pack-buy{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);padding:9px 16px;min-height:42px;font-family:var(--font-ui);font-weight:600;font-size:14px;background:#d977571f;border:1px solid rgba(217,119,87,.35);color:var(--text)}.pack-card.featured .pack-buy{background:var(--grad-btn);color:#2a1708;border:none;position:relative;overflow:hidden}.pack-card.featured .pack-buy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grad-sheen);animation:bt-sheen 3.6s ease-in-out infinite}.ledger-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.ledger-row:last-child{border-bottom:none}.ledger-delta.pos{color:var(--success);font-weight:700}.ledger-delta.neg{color:var(--error);font-weight:700}.mission-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.mission-row:first-child{padding-top:0}.mission-row:last-child{border-bottom:none;padding-bottom:0}.mission-icon{width:40px;height:40px;border-radius:var(--r-sm);display:grid;place-items:center;background:#d977571f;font-size:20px;flex:0 0 auto}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.style-card{border-radius:var(--r-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .12s;position:relative;aspect-ratio:1;background:var(--surface)}.style-card.selected{border-color:var(--primary)}.style-card:active{transform:scale(.97)}.style-card img{display:block;width:100%;height:100%;object-fit:cover}.style-card .style-name{position:absolute;bottom:0;left:0;right:0;padding:20px 8px 7px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:.04em;color:#fff;text-align:center}.style-card.add{border:2px dashed var(--border);background:transparent;display:flex;align-items:center;justify-content:center}.book-cover-card{position:relative;aspect-ratio:3/4;border-radius:var(--r-md);overflow:hidden;cursor:pointer;flex:0 0 auto}.char-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.char-card{position:relative;aspect-ratio:3/4;border-radius:var(--r-md);overflow:hidden;cursor:pointer;background:var(--surface);border:1px solid var(--border)}.char-card img{display:block;width:100%;height:100%;object-fit:cover}.char-scrim{position:absolute;bottom:0;left:0;right:0;padding:24px 10px 10px;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 100%)}.char-name{font-family:var(--font-display);font-weight:700;font-size:13px;color:#fff;line-height:1.1}.char-sub{font-family:var(--font-ui);font-size:10px;font-weight:500;color:#ffffffa6;margin-top:2px;letter-spacing:.04em}.char-heart{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;border-radius:var(--r-sm);background:#00000059;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;cursor:pointer}.char-check{position:absolute;top:8px;left:8px;z-index:2;width:22px;height:22px;border-radius:6px;border:1.8px solid rgba(255,255,255,.65);background:transparent;display:grid;place-items:center}.char-check.on{background:var(--primary);border-color:var(--primary)}.phrase-card{position:relative;aspect-ratio:3/4;border-radius:var(--r-md);overflow:hidden;cursor:pointer;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:14px}.phrase-text{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text);text-align:center;line-height:1.4}html[data-theme=dark] .phrase-text{color:var(--text)}.entity-field{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(241,234,224,.12);border-radius:var(--r-md);padding:12px 14px}html:not([data-theme=dark]) .entity-field{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-card)}.entity-field .ic{color:var(--primary)}.entity-field input{border:none;outline:none;background:transparent;color:var(--text);font-family:var(--font-body);font-size:14px;width:100%}.entity-field input::placeholder{color:var(--muted)}.seg{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:4px}.seg-btn{flex:1;font-family:var(--font-ui);font-size:12px;font-weight:600;padding:7px 10px;border-radius:var(--r-sm);color:var(--muted);background:transparent;cursor:pointer;transition:background .15s,color .15s}.seg-btn.active{background:var(--primary);color:#fff}html[data-theme=dark] .seg-btn.active{color:#2a1708}.onb-dots{display:flex;gap:8px;align-items:center;justify-content:center}.onb-dot{width:7px;height:7px;border-radius:50%;background:#d977574d;transition:background .2s,width .2s}.onb-dot.active{background:var(--primary);width:20px;border-radius:var(--r-pill)}.invite-link{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 12px;font-family:var(--font-ui);font-size:12px;color:var(--muted);overflow:hidden}html:not([data-theme=dark]) .invite-link{background:var(--surface)}.invite-link span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}