:root{--bg:#f3ede1;--surface:#fbf8f2;--raised:#fffdf8;--ink:#221d17;--muted:#695c4b;--line:#d9cdb6;--line-strong:#9a8869;--accent:#a3301c;--accent-ink:#fff8ef;--gold:#8a6217;--jade:#2f6b5c;--shadow:0 1px 2px #3c28140f, 0 8px 24px #3c281414;--ease:cubic-bezier(.2, .7, .2, 1);--story:"Literata", "Noto Serif", Georgia, serif;--display:"Cormorant Garamond", "Noto Serif", Georgia, serif;--error:#b3261e;--ok:#3f7a4f;--qi:#2f6f8f;--life:#a8402f;--crit:#8a5a00;--fail-deep:#7d1d16;--overlay:#140f0a8c;--serif:"Noto Serif", Georgia, serif;--sans:"Be Vietnam Pro", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#100e0c;--surface:#181512;--raised:#211d18;--ink:#e9e0d0;--muted:#a69a86;--line:#342d25;--line-strong:#776a58;--accent:#e2795a;--accent-ink:#1a0f08;--gold:#d8b064;--jade:#7cc0ac;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--error:#f08a80;--ok:#7cbf8a;--qi:#6fb3d6;--life:#e0735e;--crit:#f0c46a;--fail-deep:#ff7a6e;--overlay:#000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#100e0c;--surface:#181512;--raised:#211d18;--ink:#e9e0d0;--muted:#a69a86;--line:#342d25;--line-strong:#776a58;--accent:#e2795a;--accent-ink:#1a0f08;--gold:#d8b064;--jade:#7cc0ac;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--error:#f08a80;--ok:#7cbf8a;--qi:#6fb3d6;--life:#e0735e;--crit:#f0c46a;--fail-deep:#ff7a6e;--overlay:#000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;line-height:1.6}h1,h2{font-family:var(--serif);font-weight:700}h2{margin:0 0 4px;font-size:1.35rem}.splash{min-height:100vh;color:var(--muted);font-family:var(--serif);place-items:center;font-style:italic;display:grid}.brand{font-family:var(--serif);letter-spacing:.18em;color:var(--gold);margin:0;font-size:clamp(2.6rem,9vw,4rem)}.brand.small{letter-spacing:.15em;font-size:1.25rem;font-weight:700}.tagline{color:var(--muted);font-family:var(--serif);text-align:center;margin:4px 0 28px;font-style:italic}.auth{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;padding:20px}.google-login{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:380px;margin-top:16px;display:flex}.google-button{min-height:44px}.or-line{width:100%;color:var(--muted);align-items:center;gap:12px;font-size:.85rem;display:flex}.or-line:before,.or-line:after{content:"";border-top:1px solid var(--line);flex:1}.auth-card{flex-direction:column;gap:14px;max-width:380px;display:flex}.tabs{border-bottom:1px solid var(--line);display:flex}.tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:8px;font-weight:600}.tab.active{color:var(--accent-text,var(--accent));border-bottom-color:var(--accent-text,var(--accent))}label{flex-direction:column;gap:4px;font-size:.9rem;font-weight:500;display:flex}input,select,textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font:inherit;border-radius:6px;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}textarea{resize:vertical}button.primary{background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;border:0;border-radius:6px;padding:10px 18px;font-weight:600}button.primary:disabled{opacity:.6;cursor:progress}button.link{color:var(--accent-text,var(--accent));font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.error{color:var(--error);margin:0;font-size:.9rem}.muted{color:var(--muted);margin:0 0 14px;font-size:.92rem}.topbar{white-space:nowrap;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.who{align-items:center;gap:10px;font-size:.92rem;display:flex}.badge{border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:1px 8px;font-size:.75rem}.content{flex-direction:column;gap:20px;max-width:760px;margin:0 auto;padding:24px 16px 48px;display:flex}.oracle-form{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.prose{border-top:1px solid var(--line);font-family:var(--serif);white-space:pre-wrap;margin-top:18px;padding-top:16px;font-size:1.08rem;line-height:1.85}.caret{vertical-align:text-bottom;background:var(--gold);width:.5em;height:1.1em;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.notice{font-family:var(--serif);color:var(--muted);margin:14px 0 0;font-style:italic}.invites{margin:16px 0 0;padding:0;list-style:none}.invites li{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;display:flex}.invites li.used{color:var(--muted);text-decoration:line-through}.invites code{font-size:.95rem}h3,h4{font-family:var(--serif);margin:0}p,li,dd,blockquote{overflow-wrap:anywhere}button.ghost,button.danger{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:8px 14px;font-weight:500}button.ghost:hover:not(:disabled){border-color:var(--gold)}button.danger{border-color:var(--error);background:var(--error);color:var(--surface)}button:disabled{opacity:.55;cursor:not-allowed}button.ghost.icon{padding:6px 12px;font-size:1.1rem;line-height:1}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hint{color:var(--muted);margin:0;font-size:.82rem}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.topbar-title{color:var(--muted);font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}button.link.back{color:var(--gold);align-items:center;gap:6px;padding:0;font-size:1.25rem;text-decoration:none;display:inline-flex}.who-name{align-items:center;gap:8px;display:inline-flex}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.section-head .muted{margin:0}.campaign-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.campaign-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:16px 18px;display:flex}.campaign-card.status-da_chet{opacity:.85}.cc-main{flex:260px;min-width:0}.cc-head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.cc-head h3{font-size:1.2rem}.cc-title{font-family:var(--serif);color:var(--muted);margin:2px 0 0;font-style:italic}.cc-meta{margin:6px 0 0;font-size:.92rem}.cc-time{color:var(--muted);margin:4px 0 0;font-size:.8rem}.cc-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cc-confirm{color:var(--error);font-size:.9rem}.status-pill{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:1px 9px;font-size:.75rem}.status-pill.s-dang_choi{border-color:var(--gold);color:var(--gold)}.status-pill.s-da_chet{border-color:var(--error);color:var(--error)}.card.empty{text-align:center}.card.empty .notice{margin:0}.extras{flex-direction:column;gap:12px;margin-top:12px;display:flex}.extras summary{font-family:var(--serif);cursor:pointer;font-size:1.1rem;font-weight:700}.extra-body{margin-top:12px}.wizard{gap:16px}.steps{gap:4px;margin:0;padding:0;list-style:none;display:flex}.steps li{flex:1;min-width:0}.steps button{border:0;border-bottom:2px solid var(--line);width:100%;color:var(--muted);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:6px 4px 8px;font-size:.88rem;display:flex}.steps li.done button{border-bottom-color:var(--gold);color:var(--ink)}.steps li.current button{border-bottom-color:var(--accent-text,var(--accent));color:var(--accent-text,var(--accent));font-weight:600}.step-n{border:1px solid;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.75rem;display:inline-grid}.step-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wizard-body{flex-direction:column;gap:16px;display:flex}.wizard-body h2{margin:0}.wizard-body>.muted{margin:-10px 0 0}.wizard-nav{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:12px;display:flex}.form-grid{grid-template-columns:2fr 1fr;gap:12px;display:grid}.picker{border:0;min-width:0;margin:0;padding:0}.picker legend{margin-bottom:8px;padding:0;font-size:.9rem;font-weight:600}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.picker.compact .picker-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.opt{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex;position:relative}.opt input{opacity:0;pointer-events:none;width:auto;position:absolute}.opt:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:1px}.opt.selected{border-color:var(--accent-text,var(--accent));box-shadow:inset 0 0 0 1px var(--accent)}.opt.off{opacity:.4;cursor:not-allowed}.opt-name{font-family:var(--serif);font-size:1rem;font-weight:600}.opt-sum{color:var(--muted);font-size:.84rem;font-weight:400;line-height:1.45}.diban-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.diban-list li{gap:8px;display:flex}.summary{margin:0}.summary-row{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;gap:4px 16px;padding:10px 0;display:grid}.summary-row dt{color:var(--muted);font-size:.9rem}.summary-row dd{flex-direction:column;gap:2px;margin:0;display:flex}.summary-row dd ul{margin:0;padding-left:18px}.play{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.play-body{flex:1;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"story sheet";min-height:0;display:grid}.play-body.has-system{grid-template-columns:minmax(0,1fr) 320px 320px;grid-template-areas:"story system sheet"}.story-col{flex-direction:column;grid-area:story;min-width:0;min-height:0;display:flex}.story-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.story{max-width:720px;margin:0 auto;padding:32px 24px 40px}.story-head{text-align:center;margin-bottom:28px}.story-world{color:var(--gold);margin:0;font-size:.8rem}.story-title{margin:4px 0 0;font-size:clamp(1.6rem,4vw,2.2rem)}.chapter{color:var(--gold);text-align:center;letter-spacing:.08em;margin:36px 0 20px;font-size:1.15rem}.chapter:before,.chapter:after{content:"—";color:var(--line);margin:0 12px}.turn{margin-bottom:28px}.turn-input{border-left:2px solid var(--accent);color:var(--muted);white-space:pre-wrap;margin:0 0 14px;padding:6px 0 6px 14px;font-size:.92rem;line-height:1.55}.turn-input-who{color:var(--accent-text,var(--accent));margin-bottom:2px;font-size:.72rem;font-weight:600;display:block}.narration{font-family:var(--story);font-size:var(--story-size,1.1875rem);max-width:36em;margin-inline:auto;line-height:1.75}.narration>p:first-child:first-letter{font-family:var(--display);float:left;color:var(--accent-text,var(--accent));margin:.06em .08em 0 0;font-size:2.6em;font-weight:600;line-height:.9}.narration p{white-space:pre-line;margin:0 0 1em}.phase-line{color:var(--muted);font-family:var(--serif);margin:8px 0;font-style:italic}.story-notice{border-left:2px solid var(--gold);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px 16px;margin:8px 0 24px;padding:12px 16px;display:flex}.story-notice p{font-family:var(--serif);flex:240px;margin:0;font-style:italic}.epitaph{border-top:1px solid var(--line);font-family:var(--serif);text-align:center;margin:40px 0 16px;padding:24px 16px}.epitaph p{margin:0 0 6px;font-size:1.05rem;font-style:italic}.epitaph-mark{color:var(--error);margin-bottom:8px;font-size:.8rem;display:block}.epitaph .epitaph-sub{color:var(--muted);font-size:.85rem;font-style:normal}.composer{border-top:1px solid var(--line);background:var(--bg);flex:none;width:100%;max-width:768px;margin:0 auto;padding:10px 24px 14px}.composer textarea{resize:none;min-height:64px;max-height:40vh;font-size:1rem;line-height:1.6}.composer textarea:disabled{opacity:.6}.composer-bar{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.verdict{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin:0 0 16px;padding:10px 14px;font-size:.88rem;line-height:1.5}.verdict-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.verdict-tag{color:var(--gold);flex:none;font-size:.72rem;font-weight:600}.v-bac_bo .verdict-tag{color:var(--error)}.v-chap_nhan_tra_gia .verdict-tag,.v-mot_phan .verdict-tag{color:var(--accent-text,var(--accent))}.verdict-sum{font-family:var(--serif);font-style:italic}.dice{border-top:1px dashed var(--line);align-items:flex-start;gap:12px;margin-top:8px;padding-top:8px;display:flex}.dice-face{border:1px solid var(--gold);width:52px;height:52px;color:var(--gold);border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;display:inline-flex}.dice-kind{letter-spacing:.1em;font-size:.6rem;line-height:1}.dice-num{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700;line-height:1.2}@keyframes dice-shake{0%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}to{transform:rotate(-6deg)}}.dice-detail{flex-wrap:wrap;flex:1;align-items:center;gap:6px 12px;min-width:0;animation:.25s ease-out fade-in;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.mods{flex-wrap:wrap;gap:4px 6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.mods:empty{display:none}.mod{border:1px solid var(--line);border-radius:999px;gap:4px;padding:0 8px;font-size:.8rem;display:inline-flex}.mod-val{white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-weight:600}.mod.plus .mod-val{color:var(--ok)}.mod.minus .mod-val{color:var(--error)}.mod-why{min-width:0;color:var(--muted)}.dice-total{font-variant-numeric:tabular-nums}.dice-result{font-family:var(--display);box-shadow:inset 0 0 0 2px color-mix(in srgb, currentColor 35%, transparent);animation:stamp .42s var(--ease) both;border-radius:6px;margin-left:auto;padding:4px 12px;font-size:1.15rem;font-weight:700;transform:rotate(-6deg)}@keyframes stamp{0%{opacity:0;transform:scale(1.6)rotate(-14deg)}60%{opacity:1;transform:scale(.94)rotate(-6deg)}to{transform:scale(1)rotate(-6deg)}}.verdict:has(.r-dai_thanh_cong){box-shadow:0 0 0 6px color-mix(in srgb, var(--gold) 22%, transparent), var(--shadow)}@media (prefers-reduced-motion:reduce){.dice-result{animation:none}}.r-dai_thanh_cong{background:var(--crit);color:var(--surface)}.r-thanh_cong{border:1px solid var(--ok);color:var(--ok)}.r-that_bai{border:1px solid var(--error);color:var(--error)}.r-dai_that_bai{background:var(--fail-deep);color:var(--surface)}.sheet-col{border-left:1px solid var(--line);background:var(--surface);grid-area:sheet;min-height:0;overflow-y:auto}.sheet-toggle,.drawer-close,.backdrop,button.ghost.sheet-toggle,button.ghost.drawer-close{display:none}.sheet-tabs{z-index:1;background:var(--surface);position:sticky;top:0}.sheet-tabs .tab{white-space:nowrap;padding:10px 1px;font-size:.78rem}.sheet-body{flex-direction:column;gap:14px;padding:16px;display:flex}.sheet-body .notice,.phase-line p{margin:0}.phase-bar{background:var(--line);border-radius:2px;max-width:320px;height:3px;margin:10px 0 6px;overflow:hidden}.phase-bar span{background:var(--gold);height:100%;transition:width .5s linear;display:block}.phase-eta{color:var(--muted);font-size:.8rem;font-style:normal}@media (prefers-reduced-motion:reduce){.phase-bar span{transition:none}}.mascot{z-index:40;pointer-events:none;flex-direction:column-reverse;align-items:flex-end;gap:8px;display:flex;position:fixed;top:64px;right:16px}.mascot>*{pointer-events:auto}@media (width>=769px){.mascot{right:364px}}.mascot-body{cursor:pointer;filter:drop-shadow(0 4px 6px #3c28142e);background:0 0;border:0;padding:0;animation:3.2s ease-in-out infinite mascot-float}.mascot-body:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:50%}@keyframes mascot-float{50%{transform:translateY(-5px)rotate(-2deg)}}.mascot-hac{--hac-line:#a8977b;--hac-down:#fffdf8;--hac-shade:#efe7d8;--hac-ink:#2b2a2e;--hac-jade:#5cc9a7;--hac-jade-deep:#2f7f69;--hac-red:#d6402a;overflow:visible}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mascot-hac{--hac-line:#7d7262;--hac-shade:#e6ddcd;--hac-ink:#1c1b1f;--hac-jade:#7fe0c0;filter:drop-shadow(0 0 6px #7fe0c047)}}:root[data-theme=dark] .mascot-hac{--hac-line:#7d7262;--hac-shade:#e6ddcd;--hac-ink:#1c1b1f;--hac-jade:#7fe0c0;filter:drop-shadow(0 0 6px #7fe0c047)}.hac-outline{fill:var(--hac-line);stroke:var(--hac-line);stroke-width:2.2px}.hac-down{fill:var(--hac-down)}.hac-belly{fill:var(--hac-shade);opacity:.7}.hac-wing-fill{fill:var(--hac-down);stroke:var(--hac-line);stroke-width:1px}.hac-tip,.hac-tail{fill:var(--hac-ink)}.hac-jade-edge{fill:none;stroke:var(--hac-jade);stroke-width:1.4px;stroke-linecap:round}.hac-leg{fill:none;stroke:#4a4540;stroke-width:1.4px;stroke-linecap:round}.hac-tuft{fill:none;stroke:var(--hac-jade);stroke-width:2.2px;stroke-linecap:round}.hac-crown{fill:var(--hac-red)}.hac-beak{fill:#a9dcc9;stroke:var(--hac-jade-deep);stroke-width:.8px;stroke-linejoin:round}.hac-string{fill:none;stroke:var(--hac-red);stroke-width:1px;stroke-linecap:round}.hac-jade{fill:var(--hac-jade);stroke:var(--hac-jade-deep);stroke-width:.7px}.hac-jade-hole{fill:var(--hac-down)}.mascot-eye{fill:#2a2320}.mascot-glint{fill:#fff}.mascot-blush{fill:#f08f86;opacity:.5}.mascot-shadow{fill:#3c281426}.hac-eyes,.hac-wing,.hac-tuft{transform-box:fill-box}.hac-eyes{transform-origin:50%;animation:5.2s ease-in-out infinite hac-blink}.hac-wing{transform-origin:70% 15%;animation:3.2s ease-in-out infinite hac-flutter}.hac-tuft{transform-origin:0 100%;animation:3.2s ease-in-out infinite hac-sway}@keyframes hac-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}@keyframes hac-flutter{0%,70%,to{transform:rotate(0)}78%{transform:rotate(9deg)}86%{transform:rotate(2deg)}92%{transform:rotate(7deg)}}@keyframes hac-sway{50%{transform:rotate(-12deg)}}@media (prefers-reduced-motion:reduce){.hac-eyes,.hac-wing,.hac-tuft{animation:none}}.mascot-bubble{text-align:left;max-width:280px;font:inherit;color:var(--ink,inherit);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:14px 4px 14px 14px;padding:10px 14px;font-size:.88rem;line-height:1.5;animation:.28s cubic-bezier(.2,.7,.2,1) bubble-in;box-shadow:0 1px 2px #3c28140f,0 8px 24px #3c28141f}.mascot-cta{color:var(--accent-text,var(--accent));margin-top:6px;font-weight:600;display:block}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)scale(.97)}}.mascot-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;width:min(340px,100vw - 32px);max-height:min(460px,70vh);animation:.24s cubic-bezier(.2,.7,.2,1) bubble-in;display:flex;overflow:hidden;box-shadow:0 1px 2px #3c28140f,0 12px 32px #3c281429}.mascot-panel header{border-bottom:1px solid var(--line);align-items:baseline;gap:8px;padding:10px 12px;display:flex}.mascot-panel header .muted{flex:1;font-size:.75rem}.mascot-lines{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.mascot-line{border-radius:12px;max-width:85%;margin:0;padding:8px 12px;font-size:.9rem;line-height:1.5}.mascot-line.he_thong{background:color-mix(in srgb, var(--gold) 14%, var(--surface));border-bottom-left-radius:4px}.mascot-line.nguoi_choi{background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-bottom-right-radius:4px;align-self:flex-end}.mascot-line.typing{color:var(--muted);font-style:italic}.mascot-notice{color:var(--accent-text,var(--accent));margin:0 12px 8px;font-size:.82rem}.mascot-panel form{border-top:1px solid var(--line);gap:8px;padding:10px 12px;display:flex}.mascot-panel input{flex:1;min-width:0}.mascot-mute{align-self:center;margin-bottom:8px;font-size:.78rem}@media (prefers-reduced-motion:reduce){.mascot-body,.mascot-bubble,.mascot-panel{animation:none}}.mascot-line p{margin:0}.mascot-line.canh_bao{background:color-mix(in srgb, var(--accent) 10%, var(--surface));max-width:100%;color:var(--accent-text,var(--accent));text-align:center;align-self:center;font-weight:600}.draft-card{background:var(--raised);border:1px dashed var(--line-strong);border-radius:10px;margin-top:8px;padding:10px 12px}.draft-text{font-family:var(--story);font-style:italic;line-height:1.6}.draft-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.draft-actions button{padding:4px 10px;font-size:.82rem}.quick-picks{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mascot-foot{justify-content:space-between;padding:0 12px 10px;font-size:.82rem;display:flex}.mascot-body.sealed{filter:grayscale(.85)drop-shadow(0 4px 6px #3c28142e);opacity:.75}@media (width<=768px){.mascot{top:auto;bottom:calc(215px + env(safe-area-inset-bottom));flex-direction:column;right:10px}.topbar .back .brand{display:none}.topbar-left{min-width:0;overflow:hidden}.mascot-body svg{width:42px;height:47px}.mascot-bubble{border-radius:14px 14px 4px;max-width:min(260px,100vw - 80px)}.mascot.open{inset:auto 0 0}.mascot.open .mascot-body{display:none}.mascot-panel{width:100vw;max-height:78vh;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0}}.violators{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.violation-list{margin:6px 0 0;padding-left:16px;font-size:.85rem}.violation-list q{font-style:italic;display:block}.badge.danger{color:var(--accent-text,var(--accent));border-color:var(--accent-text,var(--accent))}.guide-hero{align-items:flex-start;gap:20px;display:flex}.guide-hero-mascot{flex:none;animation:3.2s ease-in-out infinite mascot-float}.guide-hero-bubble{background:var(--raised);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:4px 16px 16px;margin:8px 0 0;padding:14px 18px;line-height:1.7;position:relative}.guide-head h1{font-family:var(--display);font-size:2.6rem;font-weight:700}.step-art{width:64px;height:48px;margin-bottom:6px;display:block}.art-paper{fill:var(--raised);stroke:var(--line-strong)}.art-wood{fill:#8a5a22}.art-ink{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.art-ink.thick{stroke-width:4px}.art-seal{fill:var(--accent)}.art-seal-text{fill:var(--accent-ink);font-family:Noto Serif,serif;font-size:18px;font-weight:700}.guide-sample{pointer-events:none;margin:8px 0 16px}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.tips-grid li{background:var(--raised);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.93rem;line-height:1.55;display:flex}.tip-seal{background:var(--accent);width:26px;height:26px;color:var(--accent-ink);font-family:var(--display);border-radius:6px;flex:none;place-items:center;font-weight:700;display:inline-grid;transform:rotate(-6deg)}@media (width<=600px){.guide-hero{flex-direction:column;align-items:center}}@media (prefers-reduced-motion:reduce){.guide-hero-mascot{animation:none}}.guide-invite{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.guide-invite h3{margin:0 0 4px}.guide-invite p{margin:0}.guide{flex-direction:column;gap:18px;max-width:760px;display:flex}.guide-head h1{margin:0 0 8px}.guide-head p{margin:0;line-height:1.7}.guide-steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.guide-step{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:14px 16px}.guide-step h3{margin:8px 0 6px}.guide-step p{margin:0;font-size:.92rem;line-height:1.6}.guide-num{background:var(--accent);width:28px;height:28px;color:var(--accent-ink);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.guide-card h2{margin-top:0}.guide-compare{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px;display:grid}.guide-label{margin:0 0 4px;font-size:.78rem;font-weight:700}.guide-label.bad{color:var(--muted)}.guide-label.good{color:var(--gold)}.guide-quote{border-left:3px solid var(--line);margin:0;padding:10px 12px;font-style:italic;line-height:1.6}.guide-list{flex-direction:column;gap:8px;margin:0;padding-left:20px;line-height:1.65;display:flex}.guide-dl{margin:0}.guide-dl dt{margin-top:10px;font-weight:700}.guide-dl dt:first-child{margin-top:0}.guide-dl dd{margin:2px 0 0;line-height:1.65}.guide-cta{flex-wrap:wrap;gap:12px;display:flex}kbd{font:inherit;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-size:.85em}.starters{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:4px;display:flex;overflow-x:auto}.starters::-webkit-scrollbar{display:none}.starters .chip{white-space:nowrap;text-overflow:ellipsis;scroll-snap-align:start;flex:none;max-width:80vw;overflow:hidden}.chip{border:1px solid var(--line);background:var(--surface);color:inherit;font:inherit;cursor:pointer;text-align:left;border-radius:999px;padding:4px 10px;font-size:.82rem}.chip:hover{border-color:var(--accent-text,var(--accent))}.memories{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.memory{align-items:baseline;gap:8px;font-size:.9rem;line-height:1.5;display:flex}.memory em{color:var(--muted);font-size:.8rem;font-style:normal}.memory-kind{color:var(--gold,var(--accent));text-align:center;flex:none;width:1.1em}.memory.major{font-weight:600}.memory.done{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent)}.chron-text{white-space:pre-line;margin:0;font-size:.9rem;line-height:1.65}.chron.volume h4{color:var(--gold,var(--accent))}.chapter-lead{text-align:center;max-width:34em;color:var(--muted);margin:28px auto 0;font-style:italic;line-height:1.6}.recap{border:1px solid var(--line);border-left:3px solid var(--gold);background:var(--surface);border-radius:8px;margin:18px 0;padding:12px 16px}.recap p{margin:0 0 6px;line-height:1.6}.recap .recap-title{color:var(--gold);font-size:.78rem;font-weight:700}.chapter-name{letter-spacing:.04em;opacity:.85;margin-top:4px;font-size:.62em;font-weight:500;display:block}.sh-id h3{font-size:1.25rem}.sh-sub{color:var(--muted);margin:0;font-size:.85rem}.sh-realm{flex-direction:column;gap:4px;display:flex}.sh-realm-name{color:var(--gold);font-family:var(--serif);font-size:1.1rem;font-weight:700}.sh-block{flex-direction:column;gap:8px;display:flex}.sh-block h4{color:var(--muted);font-family:var(--sans);font-size:.75rem;font-weight:600}.meter-head{justify-content:space-between;gap:8px;font-size:.82rem;display:flex}.meter-num{color:var(--muted);font-variant-numeric:tabular-nums}.meter-track{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.meter-fill{background:var(--gold);border-radius:3px;height:100%;transition:width .6s}.tone-qi .meter-fill{background:var(--qi)}.tone-life .meter-fill{background:var(--life)}.tone-skill .meter-fill{background:var(--accent)}.tone-demon .meter-fill{background:var(--fail-deep)}.item-desc.flaw{color:var(--error)}.tags{flex-wrap:wrap;gap:4px 6px;margin:0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line);border-radius:999px;padding:0 8px;font-size:.8rem}.tags.warn li{border-color:var(--error);color:var(--error)}.tags.small{margin-top:6px}.tags.small li{color:var(--muted);font-size:.72rem}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.stats div{border:1px solid var(--line);text-align:center;border-radius:6px;padding:8px}.stats dt{color:var(--muted);font-size:.72rem}.stats dd{font-family:var(--serif);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.facts{flex-direction:column;gap:8px;margin:0;display:flex}.facts dt{color:var(--muted);font-size:.75rem}.facts dd{margin:0;font-size:.92rem}.gold-line{color:var(--gold);margin:0}.items{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.items>li{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding-bottom:10px;display:flex}.item-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.item-name{font-family:var(--serif);font-weight:600}.item-qty,.grade{color:var(--muted);flex:none;font-size:.8rem}.grade{color:var(--gold)}.item-desc{color:var(--muted);margin:0;font-size:.84rem;line-height:1.5}.affinity{background:var(--line);border-radius:3px;height:6px;position:relative}.affinity-mid{background:var(--muted);width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.affinity-fill{border-radius:3px;position:absolute;top:0;bottom:0}.affinity-fill.pos{background:var(--ok)}.affinity-fill.neg{background:var(--error)}.aff-num{font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}.aff-num.pos{color:var(--ok)}.aff-num.neg{color:var(--error)}.death-screen{z-index:50;background:var(--overlay);place-items:center;padding:16px;animation:.8s ease-out fade-in;display:grid;position:fixed;inset:0}.death-inner{border:1px solid var(--line);border-top:3px solid var(--error);background:var(--surface);text-align:center;border-radius:10px;width:100%;max-width:520px;padding:36px 24px}.death-kicker{color:var(--error);margin:0;font-size:.78rem}.death-inner h2{margin:10px 0 4px;font-size:2rem}.death-meta{color:var(--muted);margin:0;font-size:.9rem}.death-msg{font-family:var(--serif);margin:20px 0 0;font-size:1.1rem;font-style:italic;line-height:1.8}.death-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.reveal .mod,.reveal .power-lines li,.reveal .dice-total,.reveal .dice-crush,.reveal-item,.verdict-changes.reveal li{animation:rise .32s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.delta{font-variant-numeric:tabular-nums;animation:delta-pop 9s var(--ease) both;border-radius:999px;margin-left:4px;padding:0 6px;font-size:.74rem;font-weight:700;display:inline-block}.delta.up{color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, transparent)}.delta.down{color:var(--error);background:color-mix(in srgb, var(--error) 12%, transparent)}@keyframes delta-pop{0%{opacity:0;transform:translateY(4px)scale(.8)}6%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.meter.changed.up .meter-fill{box-shadow:0 0 8px color-mix(in srgb, var(--ok) 60%, transparent)}.meter.changed.down .meter-track{animation:.5s ease-out 2 hurt}@keyframes hurt{50%{background:color-mix(in srgb, var(--error) 35%, var(--line))}}.sh-realm-name.ascended{animation:ascend 2.4s var(--ease) both}@keyframes ascend{0%{color:var(--gold);text-shadow:0 0 #0000;letter-spacing:.2em}40%{color:var(--gold);text-shadow:0 0 14px color-mix(in srgb, var(--gold) 70%, transparent)}to{letter-spacing:normal}}.tab{position:relative}.tab-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}@media (prefers-reduced-motion:reduce){.reveal .mod,.reveal .power-lines li,.reveal .dice-total,.reveal .dice-crush,.reveal-item,.verdict-changes.reveal li,.sh-realm-name.ascended,.meter.changed.down .meter-track,.delta{animation:none}}.auth-hero{justify-items:center;gap:4px;display:grid}.auth-hero svg{animation:4s ease-in-out infinite mascot-float}.auth-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:720px;margin:8px 0 20px;padding:0;list-style:none;display:grid}.auth-features li{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:10px;gap:4px;padding:12px 14px;font-size:.86rem;line-height:1.5;display:grid}.auth-features strong{color:var(--ink);font-family:var(--display);font-size:1.05rem}.auth-feature-icon{color:var(--accent-text,var(--accent));font-size:1.2rem}@media (prefers-reduced-motion:reduce){.auth-hero svg{animation:none}}@media (width<=640px){.auth-features{grid-template-columns:1fr}}.pal-avatar{background:var(--raised);box-shadow:0 0 0 2px color-mix(in srgb, var(--pal) 70%, transparent);border-radius:50%;flex:none;display:inline-block;position:relative;overflow:hidden}.pal-avatar img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.18)}.pal-avatar.ring{box-shadow:0 0 0 2px var(--pal), 0 0 14px 2px color-mix(in srgb, var(--pal) 55%, transparent), 0 6px 14px #00000040;animation:3.6s ease-in-out infinite pal-glow}@keyframes pal-glow{50%{box-shadow:0 0 0 2px var(--pal), 0 0 22px 6px color-mix(in srgb, var(--pal) 45%, transparent), 0 6px 14px #00000040}}.mascot-body.sealed .pal-avatar{filter:grayscale();animation:none}.mascot-panel header .pal-avatar{margin-right:8px}.pal-screen{z-index:60;background:var(--overlay);place-items:center;padding:16px;animation:.25s ease-out fade-in;display:grid;position:fixed;inset:0}.pal-picker{border:1px solid var(--line);background:var(--surface);width:min(680px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:14px;padding:16px 18px;overflow-y:auto}.pal-picker-head{justify-content:space-between;align-items:center;display:flex}.pal-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px;display:grid}.pal-card{border:1px solid var(--line);background:var(--raised);color:var(--ink);font:inherit;text-align:center;cursor:pointer;border-radius:10px;justify-items:center;gap:4px;padding:10px 8px;display:grid;position:relative}.pal-card.on{border-color:var(--accent-text,var(--accent));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent)}.pal-card:disabled{cursor:not-allowed}.pal-card:disabled .pal-avatar{filter:grayscale(.7)brightness(.9)}.pal-tag{background:color-mix(in srgb, var(--gold) 18%, transparent);color:var(--gold);border-radius:999px;padding:1px 8px;font-size:.7rem;font-weight:700}.pal-tag.locked{background:var(--line);color:var(--muted)}.auth-pals{align-items:flex-end;gap:10px;margin-bottom:6px;display:flex}@media (prefers-reduced-motion:reduce){.pal-avatar.ring{animation:none}}.portrait{margin-bottom:12px}.portrait-main{border:1px solid var(--line-strong);background:var(--raised);cursor:zoom-in;border-radius:10px;width:100%;padding:0;display:block;overflow:hidden}.portrait-main img{aspect-ratio:3/4;object-fit:cover;object-position:top;width:100%;display:block}.portrait-empty{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:10px;justify-items:center;padding:18px 12px;font-size:.88rem;display:grid}.portrait-empty span{color:var(--gold);font-size:1.6rem}.portrait-thumbs{gap:6px;margin-top:6px;display:flex;overflow-x:auto}.portrait-thumbs button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:6px;flex:none;width:44px;height:58px;padding:0;overflow:hidden}.portrait-thumbs button.on{border-color:var(--accent-text,var(--accent))}.portrait-thumbs img{object-fit:cover;width:100%;height:100%}.portrait-btn{width:100%;margin-top:8px}.portrait-form{gap:8px;margin-top:8px;display:grid}.portrait-form .row{gap:8px;display:flex}.portrait-zoom{z-index:60;background:var(--overlay);cursor:zoom-out;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.portrait-zoom img{max-width:100%;max-height:100%;box-shadow:var(--shadow);border-radius:10px}.keep-pick{margin-bottom:8px}.keep-row{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.keep-row input{flex:1;min-width:160px}a.button{border:1px solid var(--line-strong);color:var(--ink);border-radius:6px;align-items:center;padding:6px 12px;font-size:.88rem;text-decoration:none;display:inline-flex}.keep-links{margin:6px 0 0;padding:0;font-size:.85rem;list-style:none}.keep-links button{margin-left:8px}.reader{background:var(--bg);min-height:100vh;padding:16px}.reader-gate{text-align:center;max-width:420px;margin:20vh auto 0}.reader-foot{text-align:center;color:var(--muted);margin:48px 0 16px}.content.admin{max-width:1100px}.admin-tabs{margin-bottom:12px;display:flex;overflow-x:auto}.admin-body{padding:16px}.member-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px;display:grid}.member-stats div{border:1px solid var(--line);background:var(--raised);border-radius:8px;padding:10px 12px;display:grid}.member-stats strong{font-family:var(--display);color:var(--accent-text,var(--accent));font-size:1.6rem}.member-stats span{color:var(--muted);font-size:.8rem}.member-tools{gap:8px;margin-bottom:10px;display:flex}.member-tools input{flex:1}.table-wrap{overflow-x:auto}table.players tr.open td{background:color-mix(in srgb, var(--accent) 6%, transparent)}.small{font-size:.8rem}.member-detail{border:1px solid var(--line-strong);background:var(--raised);border-radius:10px;margin-top:16px;padding:16px}.member-detail header{justify-content:space-between;align-items:flex-start;display:flex}.member-detail h3{margin:0}.member-detail h4{margin:16px 0 6px}.activity{grid-template-columns:repeat(14,1fr);gap:4px;height:90px;display:grid}.activity-day{flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;display:flex}.activity-bar{background:var(--accent);border-radius:3px 3px 0 0;width:100%;min-height:2px}.activity-label{color:var(--muted);font-size:.65rem}.member-worlds{margin:0;padding:0;list-style:none}.member-worlds li{border-bottom:1px solid var(--line);padding:8px 0}.member-worlds p{margin:2px 0}.older-turns{border:1px dashed var(--line-strong);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin:0 0 24px;padding:12px;font-size:.9rem;display:flex}.older-collapse{margin:8px auto 0;font-size:.85rem;display:block}.reading{position:relative}.reading-btn{font-family:var(--display);font-weight:700}.reading-pop{z-index:45;white-space:normal;border:1px solid var(--line);background:var(--raised);width:min(300px,100vw - 32px);box-shadow:var(--shadow);border-radius:10px;padding:12px 14px;position:absolute;top:calc(100% + 6px);right:0}.reading-label{color:var(--muted);margin:8px 0 6px;font-size:.78rem;font-weight:700}.reading-label:first-child{margin-top:0}.reading-seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.reading-seg button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:6px 8px;font-size:.85rem}.reading-seg button.on{border-color:var(--accent-text,var(--accent));color:var(--accent-text,var(--accent));font-weight:700}.reading-note{margin:8px 0 0;font-size:.78rem}@media (width<=768px){.reading-pop{width:auto;position:fixed;top:56px;left:16px;right:16px}.who:has(.reading) .topbar-guide{display:none}}.savepoint{border:1px solid var(--line);background:var(--raised);border-radius:10px;margin:0 0 12px;padding:12px 14px}.savepoint-head{align-items:center;gap:10px;display:flex}.savepoint-head>div{flex:1;min-width:0}.savepoint-head p{margin:2px 0 0;font-size:.85rem}.savepoint-mark{border:1px dashed var(--line-strong);width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.savepoint-mark.on{border:1px solid var(--jade);color:var(--jade);box-shadow:0 0 0 3px color-mix(in srgb, var(--jade) 18%, transparent)}.savepoint-count{color:var(--gold);white-space:nowrap;font-size:.78rem}.savepoint-btn{width:100%;margin-top:10px}.savepoint-why{color:var(--muted);margin:6px 0 0;font-size:.8rem}.savepoint-confirm p{margin:10px 0;font-size:.88rem;line-height:1.55}.savepoint-confirm .row{gap:8px;display:flex}.death-revive{border:1px solid var(--jade);text-align:left;border-radius:8px;align-items:flex-start;gap:12px;margin:22px 0 0;padding:14px 16px;display:flex}.death-revive p{margin:0 0 12px;font-size:.92rem;line-height:1.6}.epitaph .primary{margin:10px 0}table.players{border-collapse:collapse;width:100%;font-size:.9rem}table.players th,table.players td{border-bottom:1px solid var(--line);text-align:left;padding:6px 8px}table.players .badge{margin-left:6px}.players-act{white-space:nowrap}.players-act button{margin-left:4px;padding:2px 10px}@media (width<=768px){.who-name,.topbar-title{display:none}.play-body,.play-body.has-system{grid-template-columns:minmax(0,1fr);grid-template-areas:"story"}.story{padding:20px 16px 28px}.narration{font-size:1.08rem;line-height:1.85}.composer{padding:8px 16px max(12px, env(safe-area-inset-bottom))}.composer .hint{display:none}.composer-bar{justify-content:flex-end}button.ghost.sheet-toggle{padding:6px 10px;font-size:.85rem;display:inline-block}.sheet-col{z-index:40;visibility:hidden;width:min(360px,88vw);transition:transform .25s,visibility 0s linear .25s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 24px #0000002e}.sheet-col.open{visibility:visible;transition:transform .25s;transform:none}button.ghost.drawer-close{margin:10px 12px 0 auto;padding:4px 12px;display:block}.backdrop{z-index:39;background:var(--overlay);display:block;position:fixed;inset:0}.steps .step-label{display:none}.steps li.current .step-label{display:inline}.form-grid,.summary-row,.picker-grid{grid-template-columns:1fr}.picker.compact .picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-actions{width:100%}.cc-actions .primary{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.caret{animation:none}}.verdict-changes{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.verdict-changes .change{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:.82rem}.verdict-changes .change.gain{border-color:var(--gold);color:var(--gold);font-weight:600}.power-lines{color:var(--muted);flex-basis:100%;margin:2px 0 0;padding:0;font-size:.8rem;line-height:1.5;list-style:none}.power-lines li:before{content:"· "}.dice-crush{background:var(--accent);color:var(--accent-ink);letter-spacing:.04em;border-radius:4px;padding:1px 10px;font-size:.82rem;font-weight:700}.power-total{color:var(--gold);margin-left:6px;font-weight:700}.sh-power .tags li.neg{border-color:var(--error);color:var(--error)}.grade.ready{color:var(--ok)}.grade.cooling{color:var(--muted)}.seg{flex-wrap:wrap;gap:8px;margin:4px 0 12px;display:flex}.seg button{flex:200px}.next-step strong{color:var(--gold,#d4a24c)}.badge-self{color:var(--gold,#d4a24c);margin-left:4px;font-size:.75em}.dao-tam-pick{border:1px solid var(--gold,#d4a24c);border-radius:8px;padding:8px}.dao-tam-opt{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-top:6px;display:flex}.dao-tam-opt span{opacity:.85;font-size:.85em}.gate{margin:4px 0 0;padding:0;list-style:none}.gate li{margin:2px 0;font-size:.9em}.gate li.done{opacity:.7}.gate em{opacity:.7;font-style:normal}.fate-row{gap:16px;margin:4px 0 8px;font-size:.9em;display:flex}.fate-toggles{flex-wrap:wrap;gap:6px;display:flex}.toggle{border:1px solid var(--line,#8884);color:inherit;background:0 0;border-radius:999px;padding:4px 8px;font-size:.8em}.toggle.on{border-color:var(--gold);color:var(--gold);font-weight:600}.toggle:disabled{opacity:.4}.boss-clock{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;font-size:.9em;display:flex}.boss-clock .pips{gap:3px;display:inline-flex}.boss-clock .pip{border:1px solid var(--gold);border-radius:2px;width:10px;height:10px}.boss-clock .pip.on{background:var(--gold)}.composer-bar{flex-wrap:wrap;gap:6px}@media (pointer:coarse){.toggle,.chip,.tab,button.ghost.icon{min-height:44px}}input,textarea,select{border-color:var(--line-strong)}.verdict{background:var(--raised);box-shadow:var(--shadow);border-radius:14px}:root{--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.1875rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.75rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--r-sm:6px;--r-md:10px;--r-lg:16px;--gold-leaf:#b8892b;--seal:#b22a1a;--wood-1:#2a1a12;--wood-2:#3b2418;--paper-grain:.05;--btn-h:40px;--accent-text:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1116;--surface:#151a21;--raised:#1c222b;--ink:#e8e1d2;--muted:#aaa392;--line:#2a313b;--line-strong:#5f6875;--accent:#c8402f;--accent-text:#ef7a69;--accent-ink:#fff6ee;--gold:#d9b062;--gold-leaf:#d9b062;--seal:#c8402f;--jade:#6fbfa6;--paper-grain:.035}}:root[data-theme=dark]{--bg:#0e1116;--surface:#151a21;--raised:#1c222b;--ink:#e8e1d2;--muted:#aaa392;--line:#2a313b;--line-strong:#5f6875;--accent:#c8402f;--accent-text:#ef7a69;--accent-ink:#fff6ee;--gold:#d9b062;--gold-leaf:#d9b062;--seal:#c8402f;--jade:#6fbfa6;--paper-grain:.035}body{font-variant-numeric:lining-nums;background-color:var(--bg);background-blend-mode:normal;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .15 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");background-size:220px}body:before{content:"";z-index:-1;background:var(--bg);opacity:calc(1 - var(--paper-grain) * 6);pointer-events:none;position:fixed;inset:0}button.primary,button.ghost,button.danger,a.button{min-height:var(--btn-h);border-radius:var(--r-sm);font:500 var(--fs-sm) / 1.25 var(--sans);justify-content:center;align-items:center;gap:6px;padding:8px 16px;text-decoration:none;transition:background-color .15s,border-color .15s,filter .15s,transform 80ms;display:inline-flex}button.primary{border:1px solid color-mix(in srgb, var(--accent) 70%, black);background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 86%, black));color:var(--accent-ink);letter-spacing:.01em;font-weight:600;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #3c140a40}button.primary:hover:not(:disabled){filter:brightness(1.07)}button.ghost,a.button{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--raised) 70%, transparent);color:var(--ink)}button.ghost:hover:not(:disabled),a.button:hover{border-color:var(--gold);background:var(--raised)}button.primary:active:not(:disabled),button.ghost:active:not(:disabled),a.button:active{transform:translateY(1px)}button.ghost.icon{min-width:32px;min-height:32px;font-size:var(--fs-lg);padding:4px 10px}button.link{color:var(--accent-text,var(--accent));font-size:inherit;text-underline-offset:3px}.toggle{min-height:32px;font-size:var(--fs-xs);padding:4px 12px}.chip{min-height:32px;font-size:var(--fs-sm);background:var(--raised);padding:6px 12px}select{appearance:none;background-color:var(--bg);background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:34px}.card{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow)}.ink-hero{min-height:210px;padding:var(--sp-6) var(--sp-5) var(--sp-5);border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--gold-leaf) 10%, var(--surface)), var(--surface));box-shadow:var(--shadow);position:relative;overflow:hidden}.ink-hero-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:auto 0 0}.ink-sun{fill:var(--seal);opacity:.82}.ink-far{fill:color-mix(in srgb, var(--ink) 14%, transparent);animation:26s ease-in-out infinite alternate ink-drift}.ink-mid{fill:color-mix(in srgb, var(--ink) 24%, transparent);animation:34s ease-in-out infinite alternate-reverse ink-drift}.ink-near{fill:color-mix(in srgb, var(--ink) 42%, transparent)}.ink-mist{fill:var(--surface);opacity:.7;animation:18s ease-in-out infinite alternate ink-mist}@keyframes ink-drift{to{transform:translate(-14px)}}@keyframes ink-mist{to{opacity:.45;transform:translate(40px)}}.ink-hero-text{max-width:420px;position:relative}.ink-hero-text h1{font-family:var(--display);font-size:clamp(var(--fs-2xl), 6vw, var(--fs-3xl));color:var(--ink);margin:0;font-weight:700;line-height:1.05}.ink-hero-text p{margin:var(--sp-2) 0 var(--sp-4);color:var(--muted);font-family:var(--serif);font-style:italic}.ink-hero-text .keep-row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.campaign-card{transition:border-color .2s, transform .2s var(--ease);padding-left:76px;position:relative}.campaign-card:hover{border-color:var(--gold);transform:translateY(-1px)}.cc-seal{background:var(--seal);width:42px;height:42px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--seal) 60%, white), inset 0 0 0 4px var(--seal), inset 0 0 0 5px #ffffff73;color:#fff4ea;font-family:var(--display);border-radius:4px;place-items:center;font-size:1.45rem;font-weight:700;display:grid;position:absolute;top:18px;left:18px;transform:rotate(-4deg)}.status-da_chet .cc-seal{background:#5b5650;box-shadow:inset 0 0 0 2px #8a847c}.opt{background:var(--raised);transition:border-color .15s, box-shadow .15s, transform .15s var(--ease);padding-right:26px}.opt:hover:not(.off){border-color:var(--gold)}.opt.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--raised));box-shadow:inset 0 0 0 1px var(--accent), 0 4px 14px color-mix(in srgb, var(--accent) 16%, transparent)}.opt.selected:after{content:"";background:var(--seal);border-radius:2px;width:10px;height:10px;position:absolute;top:8px;right:8px;transform:rotate(45deg)}.wizard-missing{text-align:right}@media (width<=640px){.steps .step-label{display:none}.steps button{justify-content:center}.summary-row{grid-template-columns:1fr}}.chapter{justify-content:center;align-items:center;gap:var(--sp-3);font-family:var(--display);font-size:var(--fs-xl);letter-spacing:.06em;display:flex}.chapter:before,.chapter:after{content:"";background:var(--gold-leaf);opacity:.7;flex:none;width:64px;height:16px;margin:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 16'%3E%3Cpath d='M2 8h18M44 8h18M20 8c0-4 5-6 8-3 2-4 8-4 9 1 4-2 7 2 5 5-2 3-6 2-6-1 0 3-5 4-7 1-3 3-9 2-9-3z' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 16'%3E%3Cpath d='M2 8h18M44 8h18M20 8c0-4 5-6 8-3 2-4 8-4 9 1 4-2 7 2 5 5-2 3-6 2-6-1 0 3-5 4-7 1-3 3-9 2-9-3z' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.chapter:after{transform:scaleX(-1)}.chapter-name{font-family:var(--serif);font-size:var(--fs-md);letter-spacing:0}.narration>p:first-child:first-letter{float:none;font:inherit;color:inherit;line-height:inherit;margin:0}.turn.opens .narration>p:first-child:first-letter{float:left;font-family:var(--display);color:var(--seal);margin:.08em .1em 0 0;font-size:3.2em;font-weight:700;line-height:.8}@supports (initial-letter:2){.turn.opens .narration>p:first-child:first-letter{float:none;initial-letter:2;font-size:inherit;line-height:inherit;margin-right:.12em}}.turn-input{border-left-color:var(--gold-leaf);background:linear-gradient(90deg, color-mix(in srgb, var(--gold-leaf) 8%, transparent), transparent 70%);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:var(--sp-2) var(--sp-3)}.turn-input-who{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.story-notice{border-radius:0 var(--r-sm) var(--r-sm) 0}.composer-count{color:var(--muted);font-size:var(--fs-xs);text-align:right;margin:4px 0 0}@media (pointer:fine){.starters{flex-wrap:wrap;overflow:visible}.starters .chip{max-width:100%}}@media (pointer:coarse){.starters{padding-right:24px;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}}.verdict{border-color:color-mix(in srgb, var(--gold-leaf) 35%, var(--line));background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--gold-leaf) 7%, transparent), transparent 60%), var(--raised)}.verdict-tag{letter-spacing:.08em;text-transform:uppercase}.dice-face{color:#2b1b05;background:radial-gradient(circle at 35% 30%,#f6dc9a 0 12%,#0000 13%),radial-gradient(circle,#c99a3f 0 52%,#8a6217 53% 58%,#c99a3f 59% 64%,#6e4c10 65% 100%);border:0;border-radius:50%;width:56px;height:56px;box-shadow:inset 0 -3px 6px #00000040,0 2px 6px #50320a4d}.dice-kind{opacity:.7}.dice.rolling .dice-face{animation:.32s linear infinite coin-spin}@keyframes coin-spin{0%{transform:rotateY(0)scale(1)}50%{transform:rotateY(90deg)scale(1.05)}to{transform:rotateY(180deg)scale(1)}}.mod{border-color:color-mix(in srgb, var(--gold-leaf) 40%, var(--line));background:color-mix(in srgb, var(--gold-leaf) 6%, var(--raised));border-radius:3px}.reveal .mod:nth-child(odd){rotate:-.6deg}.reveal .mod:nth-child(2n){rotate:.5deg}.dice-result{font-size:var(--fs-lg);letter-spacing:.04em;box-shadow:inset 0 0 0 2px currentColor, inset 0 0 0 4px transparent, inset 0 0 0 5px color-mix(in srgb, currentColor 55%, transparent);background-image:radial-gradient(circle at 20% 30%, color-mix(in srgb, currentColor 10%, transparent) 0 30%, transparent 31%), radial-gradient(circle at 80% 70%, color-mix(in srgb, currentColor 8%, transparent) 0 22%, transparent 23%);border:0;border-radius:3px;padding:6px 14px;position:relative}.r-thanh_cong,.r-that_bai{border:0}.r-dai_thanh_cong,.r-dai_that_bai{box-shadow:inset 0 0 0 2px #ffffff8c,0 0 #0000}.r-dai_thanh_cong:after,.r-dai_that_bai:after{content:"";animation:seal-ring .9s var(--ease) both;animation-delay:inherit;pointer-events:none;border:2px solid;border-radius:6px;position:absolute;inset:-4px}.r-dai_thanh_cong:after{border-color:var(--gold)}.r-dai_that_bai:after{border-color:var(--fail-deep)}@keyframes seal-ring{0%{opacity:0;transform:scale(.9)}30%{opacity:1}to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.r-dai_thanh_cong:after,.r-dai_that_bai:after,.ink-far,.ink-mid,.ink-mist{animation:none}}.sheet-tabs{scrollbar-width:none;border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.sheet-tabs::-webkit-scrollbar{display:none}.sheet-tabs .tab{font-size:var(--fs-sm);flex:1 0 auto;padding:12px 10px}.sheet-col{scrollbar-gutter:stable;overflow-y:auto}.play.is-dead .story{filter:grayscale(.85);transition:filter 1.2s}.death-screen{background:radial-gradient(60% 50% at 50% 40%,#28181099,#0000 70%),#060504e6;animation:1.2s ease-out both ink-fall;overflow-y:auto}@keyframes ink-fall{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#06050400}to{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.death-inner{background:repeating-linear-gradient(92deg, #ffffff04 0 2px, transparent 2px 7px), linear-gradient(180deg, var(--wood-2), var(--wood-1));max-width:440px;box-shadow:inset 0 0 0 2px #8a6a2a, inset 0 0 0 7px var(--wood-1), inset 0 0 0 8px #c9a24b, 0 30px 80px #0009;color:#ead9b8;animation:tablet-rise 1.1s .4s var(--ease) both;border:0;border-radius:200px 200px 10px 10px/70px 70px 10px 10px;padding:56px 28px 32px;position:relative}@keyframes tablet-rise{0%{opacity:0;transform:translateY(24px)scale(.97)}}.death-inner:before,.death-inner:after{content:"";filter:blur(6px);background:radial-gradient(closest-side,#e6dcc847,#0000);border-radius:50%;width:14px;height:90px;animation:5s ease-in-out infinite smoke;position:absolute;top:-70px;left:50%}.death-inner:after{margin-left:14px;animation-duration:6s;animation-delay:1.6s}@keyframes smoke{0%{opacity:0;transform:translate(-50%,40px)scaleX(.6)}30%{opacity:1}to{opacity:0;transform:translate(-30%,-60px)scaleX(1.8)rotate(8deg)}}.death-kicker{color:#d26b55;letter-spacing:.3em;text-transform:uppercase;font-size:var(--fs-xs)}.death-inner h2{margin:var(--sp-3) 0 var(--sp-1);color:#f0d79a;font-family:var(--display);font-size:var(--fs-3xl);text-shadow:0 2px #0006;line-height:1.05}.death-meta{color:#b9a585}.death-msg{color:#ead9b8}.death-revive{margin-top:var(--sp-5);padding:var(--sp-4);border-radius:var(--r-md);text-align:left;color:#ead9b8;background:#00000040;box-shadow:inset 0 0 0 1px #c9a24b59}.death-screen button.ghost{color:#ead9b8;background:#0003;border-color:#8a6a2a}.death-screen button.link{color:#d9b062}@media (prefers-reduced-motion:reduce){.death-inner,.death-inner:before,.death-inner:after{animation:none}}.mascot-bubble{max-width:min(280px,70vw)}.member-tools input{min-width:0}.member-tools select{flex:none;width:auto}.member-stats strong{font-variant-numeric:lining-nums tabular-nums}.splash.broken{gap:var(--sp-4);text-align:center;padding:var(--sp-5);flex-direction:column;display:flex}.mascot-body{touch-action:none;cursor:grab}.mascot-body:active{cursor:grabbing}.mascot.at-top{flex-direction:column-reverse}.mascot.at-bottom{flex-direction:column}.mascot.at-left{align-items:flex-start}.mascot.at-right{align-items:flex-end}.mascot.moved:not(.docked) .mascot-panel{max-height:var(--room,460px)}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.portrait-main,.portrait-thumbs button,.pal-avatar{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative}.portrait-main:after,.portrait-zoom:after,.pal-avatar:after{content:"";position:absolute;inset:0}.mascot-foot{flex-wrap:wrap;justify-content:flex-start;gap:6px 16px}.mascot-foot button{white-space:nowrap;padding:0}.fb-screen{z-index:70;background:var(--overlay);place-items:start center;padding:6vh 16px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.fb-box{gap:var(--sp-3);width:100%;max-width:560px;padding:var(--sp-5);flex-direction:column;display:flex}.fb-head{justify-content:space-between;align-items:center;display:flex}.fb-head h2{font-family:var(--display);font-size:var(--fs-xl);margin:0}.fb-box>.muted{margin:0}.fb-actions{justify-content:space-between;align-items:center;display:flex}.fb-ok{color:var(--ok);margin:0}.fb-mine h3{margin:var(--sp-2) 0;font-size:var(--fs-md)}.fb-mine ul,.fb-list{gap:var(--sp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.fb-mine li,.fb-item{padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised)}.fb-item{gap:var(--sp-2);border-left:3px solid var(--line-strong);flex-direction:column;display:flex}.fb-item.lv-cao{border-left-color:var(--error)}.fb-item.lv-thap{border-left-color:var(--jade)}.fb-row{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.fb-row .fb-status{margin-left:auto}.fb-text{white-space:pre-wrap;margin:4px 0 0}.fb-reply{color:var(--jade);margin:6px 0 0;font-style:italic}.fb-status,.fb-tag{border:1px solid var(--line-strong);font-size:var(--fs-xs);white-space:nowrap;border-radius:999px;padding:1px 8px}.fb-status.s-da_sua,.fb-status.s-da_ap_dung{border-color:var(--ok);color:var(--ok)}.fb-status.s-bo_qua{opacity:.7}.fb-tag.lv-cao,.fb-tag.fix{border-color:var(--error);color:var(--error)}.fb-ai{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:color-mix(in srgb, var(--gold-leaf) 8%, transparent);font-size:var(--fs-sm)}.fb-ai p{margin:2px 0}.fb-ctx pre,.fb-digest pre{max-height:320px;padding:var(--sp-3);border-radius:var(--r-sm);background:var(--bg);font-size:var(--fs-xs);white-space:pre-wrap;overflow:auto}.fb-tools{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.fb-digest{margin-bottom:var(--sp-4)}@media (width<=640px){.topbar-feedback{font-size:var(--fs-sm)}}.bell{width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:relative}.bell:hover{background:var(--raised)}.bell-dot{background:var(--seal);color:#fff6ee;min-width:17px;height:17px;animation:dot-pop .4s var(--ease);border-radius:9px;padding:0 4px;font-size:.66rem;font-weight:700;line-height:17px;position:absolute;top:1px;right:0}@keyframes dot-pop{0%{transform:scale(.3)}}.inbox{max-width:600px}.inbox .fb-head{gap:var(--sp-3)}.merit{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-weight:600}.inbox-readall{font-size:var(--fs-sm);align-self:flex-end}.inbox-list,.shop-list,.merit-log{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mail{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised)}.mail.unread{border-left:3px solid var(--seal)}.mail-head{width:100%;padding:var(--sp-3);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.mail.unread .mail-title{font-weight:600}.mail-title{flex:200px}.mail-kind,.mail-gift{border:1px solid var(--line-strong);font-size:var(--fs-xs);border-radius:999px;padding:1px 8px}.mail-kind.k-phan_thuong,.mail-gift{border-color:var(--gold);color:var(--gold)}.mail-kind.k-phan_hoi{border-color:var(--jade);color:var(--jade)}.mail-body{padding:0 var(--sp-3) var(--sp-3)}.gift{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-sm);background:color-mix(in srgb, var(--gold-leaf) 12%, transparent);flex-wrap:wrap;display:flex}.gift select{width:auto}.gift-what{font-weight:600}.gift.done{color:var(--muted);background:0 0;padding:0}.shop-item{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised);display:flex}.shop-item.owned{opacity:.7}.shop-item .hint{margin-top:2px}.merit-log .plus{color:var(--ok);font-weight:600}.merit-log .minus{color:var(--error);font-weight:600}.fb-reward{max-width:260px}.mail-form{gap:var(--sp-3);flex-direction:column;display:flex}.battle{margin-bottom:var(--sp-2);border:1px solid color-mix(in srgb, var(--seal) 35%, var(--line));border-radius:var(--r-md);background:linear-gradient(90deg, color-mix(in srgb, var(--seal) 8%, transparent), transparent 60%), var(--raised)}.battle-head{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.battle-kicker{color:var(--seal);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.battle-foe{min-width:0;font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.battle-odds{font-family:var(--display);font-size:var(--fs-lg);font-variant-numeric:lining-nums tabular-nums;font-weight:700}.battle-body{gap:var(--sp-2);max-height:34vh;padding:0 var(--sp-3) var(--sp-3);flex-direction:column;display:flex;overflow-y:auto}.battle-advice{margin:0;font-weight:600}.battle-tip{font-size:var(--fs-sm);color:var(--muted);margin:0}.battle-opts{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.battle-opt{border-radius:var(--r-sm);width:100%;color:inherit;font:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:10px;padding:5px 8px 7px;display:grid;position:relative}.battle-opt:hover,.battle-opt.on{border-color:var(--gold);background:color-mix(in srgb, var(--gold-leaf) 8%, transparent)}.battle-opt-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.battle-bar{background:var(--line);border-radius:3px;height:3px;position:absolute;bottom:2px;left:8px;right:8px;overflow:hidden}.battle-bar>span{border-radius:3px;height:100%;display:block}.battle-pct{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.battle-cost{max-width:220px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:var(--fs-xs);overflow:hidden}.battle .good{color:var(--ok)}.battle .mid{color:var(--gold)}.battle .bad{color:var(--error)}.battle-bar>.good{background:var(--ok)}.battle-bar>.mid{background:var(--gold)}.battle-bar>.bad{background:var(--error)}.mail-pref{gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px dashed var(--line);flex-direction:column;display:flex}.mail-pref-row{align-items:center;gap:var(--sp-2);flex-direction:row;font-weight:400}.mail-pref-row input{width:auto}.away-box,.lesson{align-items:center;gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.away-box{border:1px solid color-mix(in srgb, var(--jade) 45%, var(--line));background:color-mix(in srgb, var(--jade) 8%, var(--raised))}.away-picks{gap:var(--sp-2);flex-wrap:wrap;display:flex}.lesson{border-left:3px solid var(--gold);background:color-mix(in srgb, var(--gold-leaf) 10%, var(--raised))}.lesson span{flex:260px}.send-hold{align-items:center;gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);border-left:3px solid var(--seal);background:color-mix(in srgb, var(--seal) 8%, var(--raised));font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.send-hold span{flex:260px}.quota-low{color:var(--gold);font-weight:600}.quota-out{color:var(--error);font-weight:600}.chapter-close{margin:var(--sp-6) auto var(--sp-2);max-width:34em;padding:var(--sp-4) var(--sp-5);border:1px solid color-mix(in srgb, var(--gold-leaf) 45%, var(--line));border-radius:var(--r-md);background:radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, var(--gold-leaf) 12%, transparent), transparent 70%), var(--raised);text-align:center}.chapter-close-kicker{color:var(--gold);font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;margin:0}.chapter-close-name{font-family:var(--display);font-size:var(--fs-xl);margin:4px 0 0;font-weight:700}.chapter-close ul{margin:var(--sp-3) 0 0;flex-wrap:wrap;justify-content:center;gap:6px;padding:0;list-style:none;display:flex}.chapter-close li{border:1px solid color-mix(in srgb, var(--gold-leaf) 50%, var(--line));font-size:var(--fs-sm);border-radius:999px;padding:2px 10px}.chapter-close .chapter-lead{margin:var(--sp-3) 0 0}.cc-hook{color:var(--muted);font-family:var(--serif);font-style:italic;font-size:var(--fs-sm);margin:6px 0 0}.cc-title-badge{color:var(--gold-leaf);font-family:var(--serif);font-size:var(--fs-sm);letter-spacing:.02em;margin:4px 0 0}.mascot-body{transition:opacity .3s,transform .3s;position:relative}.mascot.lim .mascot-body{opacity:.45}.mascot.lim:hover .mascot-body,.mascot.lim .mascot-body:focus-visible,.mascot.lim .mascot-body:active,.mascot.lim .mascot-body.has-tip{opacity:1}.mascot.dang-nep:not(.open):not(.moved){inset:auto 0 32vh auto}.mascot.dang-nep:not(.open) .mascot-body{animation:none;transform:translate(45%)}.mascot.dang-nep.at-left:not(.open) .mascot-body{transform:translate(-45%)}.mascot.dang-nep:not(.open):hover .mascot-body,.mascot.dang-nep:not(.open) .mascot-body:focus-visible,.mascot.dang-nep:not(.open) .mascot-body.has-tip{transform:none}.mascot-body.has-tip:after{content:"";background:var(--gold,var(--gold-leaf));width:10px;height:10px;box-shadow:0 0 8px var(--gold,var(--gold-leaf));border-radius:50%;position:absolute;top:2px;right:2px}.mascot-line.goi_y{border-left:3px solid var(--gold-leaf)}.mascot-dang{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.mascot-dang .chip.on{border-color:var(--accent);color:var(--accent-text);font-weight:600}.mascot-dang-hint{margin:4px 0 0}.pal-call{align-items:center;gap:6px;display:inline-flex}.pal-call img{border-radius:50%;width:20px;height:20px}@media (prefers-reduced-motion:reduce){.mascot-body{transition:none}}[id^=luot-],[id^=doan-]{scroll-margin-top:72px}.index-flash{animation:1.8s ease-out index-flash}@keyframes index-flash{0%,30%{background:color-mix(in srgb, var(--gold-leaf) 18%, transparent)}to{background:0 0}}.index-btn{white-space:nowrap}.index-fab{right:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:30;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:999px;padding:10px 16px;font-weight:600;position:fixed;box-shadow:0 6px 18px #0000002e}.index-screen{z-index:60;background:#00000059;justify-content:flex-end;display:flex;position:fixed;inset:0}.index-panel{background:var(--surface);width:min(440px,100vw);height:100%;color:var(--ink);border-left:1px solid var(--line);flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:-8px 0 24px #0003}.index-panel:focus{outline:none}.index-head{align-items:baseline;gap:10px;display:flex}.index-head strong{font-family:var(--display);font-size:1.25rem}.index-head .icon{margin-left:auto}.index-search{width:100%}.index-tabs{border-bottom:1px solid var(--line);gap:4px;display:flex}.index-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:6px 10px}.index-tabs button.on{border-bottom-color:var(--accent);color:var(--ink);font-weight:600}.index-list{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.index-row{border-radius:var(--r-sm);width:100%;color:var(--ink);text-align:left;background:0 0;border:0;align-items:flex-start;gap:10px;padding:8px 10px;font-weight:400;display:flex}.index-row:hover,.index-row:focus-visible{background:color-mix(in srgb, var(--ink) 6%, transparent)}.index-row.on{background:color-mix(in srgb, var(--gold-leaf) 14%, transparent)}.index-no{min-width:2.4em;color:var(--muted);font-family:var(--display);font-variant-numeric:lining-nums tabular-nums;flex:none}.index-text{flex:1;min-width:0;line-height:1.45}.index-text mark{background:color-mix(in srgb, var(--gold-leaf) 35%, transparent);color:inherit;border-radius:2px}.index-sub{color:var(--muted);font-size:var(--fs-sm);margin-top:2px;display:block}.index-here{color:var(--accent-text);font-size:var(--fs-sm)}.index-count{white-space:nowrap;flex:none}.index-empty{padding:12px 10px}.index-foot{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:8px;display:flex}@media (width<=768px){.index-btn-label{display:none}.index-screen{align-items:flex-end}.index-panel{width:100vw;height:85dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-left:0;border-radius:16px 16px 0 0}}@media (prefers-reduced-motion:reduce){.index-flash{animation:none}}.index-row-wrap{border-radius:var(--r-sm);align-items:flex-start;display:flex}.index-row-wrap.on{background:color-mix(in srgb, var(--gold-leaf) 14%, transparent)}.index-unfold{border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:999px;flex:none;margin:6px 4px 0 0;padding:2px 8px}.index-turns{border-left:1px solid var(--line);margin:0 0 6px 2.4em}.index-turn{font-size:var(--fs-sm);padding:5px 10px}.reject-card{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));border-left:3px solid var(--accent);border-radius:var(--r-md);background:color-mix(in srgb, var(--accent) 6%, var(--surface));flex-direction:column;gap:6px;margin-bottom:8px;padding:10px 12px;display:flex}.reject-card p{margin:0}.reject-kicker{color:var(--accent-text);font-size:var(--fs-sm);letter-spacing:.02em;font-weight:600}.reject-why{font-family:var(--serif)}.reject-card .link{align-self:flex-start;padding:0}.pframe{aspect-ratio:3/4;width:100%;display:block;position:relative;overflow:hidden}.pframe img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.pframe img.placed,.portrait-main .pframe img.placed,.portrait-thumbs .pframe img.placed{aspect-ratio:auto;object-fit:fill;max-width:none;max-height:none;position:absolute}.portrait-thumbs .pframe{height:100%}.portrait-zoom-frame{width:min(480px,92vw,75vh - 24px);box-shadow:var(--shadow);border-radius:10px;display:block;overflow:hidden}.portrait-zoom .portrait-zoom-frame img{max-width:none;max-height:none;box-shadow:none;border-radius:0}.portrait-tools{font-size:var(--fs-sm);flex-wrap:wrap;gap:4px 14px;margin-top:6px;display:flex}.portrait-tools .link{padding:0}.portrait-confirm .danger-text{color:var(--accent-text)}.portrait-look{font-family:var(--serif);font-size:var(--fs-sm);margin:8px 0 0;line-height:1.5}.portrait-look .link{padding:0}.portrait-look-edit{gap:8px;margin-top:8px;display:grid}.portrait-look-edit p{margin:0}.look-box{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.look-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;margin:0;display:flex}.look-note{margin:4px 0 0}.look-offer,.look-ask,.look-verdict{border:1px solid var(--line);font-size:var(--fs-sm);border-radius:8px;margin-top:8px;padding:8px 10px}.look-offer p,.look-ask p,.look-verdict p{margin:0 0 6px}.look-offer .row{flex-wrap:wrap;gap:8px;display:flex}.look-ask .link,.look-verdict .link{padding:0}.look-verdict{align-items:flex-start;gap:8px;display:flex}.look-verdict p{flex:1;margin:0}.look-verdict.ok{border-color:var(--jade,var(--line))}.look-verdict.warn{border-color:var(--accent-text)}.look-question{font-family:var(--serif)}.look-timeline{font-size:var(--fs-sm);margin-top:6px}.look-timeline summary{cursor:pointer}.look-timeline ol{border-left:2px solid var(--line);gap:8px;margin:6px 0 0;padding:0 0 0 10px;list-style:none;display:grid}.look-timeline li span{display:block}.portrait-look-edit .row,.portrait-actions{flex-wrap:wrap;gap:8px;display:flex}.portrait-actions .portrait-btn{flex:140px;width:auto}.sound{display:inline-flex;position:relative}.sound-btn{padding:2px 6px;font-size:1.15em;line-height:1}.sound-btn.off{opacity:.45;text-decoration:line-through}.sound-panel{z-index:60;white-space:normal;background:var(--raised,var(--surface));border:1px solid var(--line-strong,var(--line));width:min(300px,100vw - 32px);font-size:var(--fs-sm);text-align:left;border-radius:10px;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 14px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 28px #00000040}.sound-panel p{margin:0}.sound-row{flex-direction:row;align-items:center;gap:8px;display:flex}.sound-row input[type=range]{flex:1;width:auto;min-width:0}.sound-row input[type=checkbox]{flex:none;width:auto;margin:0}.sound-row{white-space:normal;text-align:left;justify-content:flex-start;line-height:1.35}.sound-row span{min-width:70px}.pedit-screen{z-index:70;background:var(--overlay,#0000008c);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.pedit{border-radius:var(--r-lg);background:var(--surface);width:min(400px,100%);max-height:100%;color:var(--ink);box-shadow:var(--shadow);gap:10px;padding:16px;display:grid;overflow-y:auto}.pedit:focus{outline:none}.pedit-head{justify-content:space-between;align-items:center;display:flex}.pedit-head strong{font-family:var(--display);font-size:1.15rem}.pedit-frame{aspect-ratio:3/4;background:var(--raised);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;justify-self:center;width:min(300px,100%,max(160px,75dvh - 225px));position:relative;overflow:hidden}.pedit-frame:active{cursor:grabbing}.pedit-frame img.placed{pointer-events:none;max-width:none;max-height:none;position:absolute}.pedit-guide{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.3% - .5px),#ffffff40 33.3%,#0000 calc(33.3% + .5px)),linear-gradient(90deg,#0000 calc(66.6% - .5px),#ffffff40 66.6%,#0000 calc(66.6% + .5px)),linear-gradient(#0000 calc(33.3% - .5px),#ffffff40 33.3%,#0000 calc(33.3% + .5px)),linear-gradient(#0000 calc(66.6% - .5px),#ffffff40 66.6%,#0000 calc(66.6% + .5px));position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff80}.pedit-zoom{flex-direction:row;align-items:center;gap:10px;display:flex}.pedit-zoom input{flex:1;width:auto;margin:0}.pedit .row{flex-wrap:wrap;gap:8px;display:flex}.pedit p{margin:0}.home-cols,.home-main{flex-direction:column;gap:20px;min-width:0;display:flex}.home-rail{align-content:start;gap:16px;display:grid}.rail-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;position:relative;overflow:hidden;box-shadow:0 1px #00000008}.rail-card>*{position:relative}.rail-card h2,.rail-card p{margin:0}.rail-title{font-size:var(--fs-md);margin-bottom:10px!important}.rail-card+.rail-card:before{content:none}.rail-continue{border-color:color-mix(in srgb, var(--gold-leaf) 45%, var(--line));gap:6px;padding-top:0;display:grid}.rail-cover{background:var(--cover) center 30% / cover no-repeat;height:110px;margin:0 -16px 6px;display:block;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.rail-kicker{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text)}.rail-name{font-size:var(--fs-lg)}.rail-meta,.rail-time{font-size:var(--fs-sm);color:var(--muted)}.rail-hook{font-family:var(--serif);font-style:italic;font-size:var(--fs-sm);line-height:1.5}.rail-continue .primary{margin-top:4px}.rail-stats{grid-template-columns:1fr 1fr;gap:10px 12px;margin:0;display:grid}.rail-stats dt{font-size:var(--fs-xs);color:var(--muted)}.rail-stats dd{font-family:var(--serif);font-size:var(--fs-xl);margin:0;line-height:1.2}.rail-stats dd small{font-size:var(--fs-xs);color:var(--muted);font-family:inherit}.rail-stats dd.hot{color:var(--accent-text)}.rail-fame{gap:4px;margin:0;padding:0;list-style:none;display:grid}.rail-fame .link{text-align:left;width:100%;color:inherit;border-radius:var(--r-sm);align-items:center;gap:10px;padding:6px 4px;text-decoration:none;display:flex}.rail-fame .link:hover{background:color-mix(in srgb, var(--gold-leaf) 10%, transparent)}.rail-rank{width:24px;height:24px;font-size:var(--fs-xs);color:var(--accent-ink,#fff);background:var(--seal);border-radius:50%;flex:none;place-items:center;display:grid}.rail-fame li:first-child .rail-rank{color:#2a1d05;background:linear-gradient(135deg,#e9c46a,#b8892b)}.rail-fame li:nth-child(2) .rail-rank{color:#1d2125;background:linear-gradient(135deg,#e4e4e4,#9aa0a6)}.rail-fame li:nth-child(n+4) .rail-rank{background:color-mix(in srgb, var(--gold-leaf) 22%, var(--surface));color:var(--ink)}.rail-fame-name{flex:1;min-width:0;display:grid}.rail-fame-name small{font-size:var(--fs-xs);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail-bows{font-size:var(--fs-sm);color:var(--muted)}.rail-tip-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.rail-tip-head .rail-title{margin:0!important}.rail-tip p{font-family:var(--serif);line-height:1.55}.rail-tip-actions{font-size:var(--fs-sm);justify-content:space-between;margin-top:8px;display:flex}.rail-tip-actions .link{padding:0}@media (width<=1099px){.rail-continue{display:none}}@media (width>=1100px){.content.home-wide{max-width:1180px}.home-cols{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px;display:grid}.guide-cards>.guide-card:last-child{margin-bottom:0}.content.guide{max-width:1120px}.guide-cards{columns:2;column-gap:20px}.guide-cards>.guide-card{break-inside:avoid;margin:0 0 20px;display:block}.content.account{grid-template-columns:1fr 1fr;align-items:start;max-width:1040px;display:grid}.content.account>:not(section),.content.account>.danger-zone{grid-column:1/-1}.content.wizard{max-width:900px}.home:before,.home:after{content:"";pointer-events:none;z-index:-1;background:var(--ink);position:fixed;bottom:0;left:0;right:0;-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.home:before{opacity:.05;height:34vh;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300 L0 190 Q60 150 120 170 Q170 110 240 160 Q300 90 380 150 Q430 120 480 140 Q560 60 650 140 Q700 115 760 135 Q830 80 900 130 Q960 100 1020 140 Q1090 70 1170 135 Q1230 110 1290 145 Q1360 85 1440 140 Q1510 115 1600 150 L1600 300 Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300 L0 190 Q60 150 120 170 Q170 110 240 160 Q300 90 380 150 Q430 120 480 140 Q560 60 650 140 Q700 115 760 135 Q830 80 900 130 Q960 100 1020 140 Q1090 70 1170 135 Q1230 110 1290 145 Q1360 85 1440 140 Q1510 115 1600 150 L1600 300 Z'/%3E%3C/svg%3E")}.home:after{opacity:.07;height:22vh;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300 L0 235 Q80 200 160 225 Q230 185 320 228 Q400 205 470 230 Q540 190 620 226 Q700 210 780 238 Q860 200 950 232 Q1030 212 1110 236 Q1190 198 1280 230 Q1360 214 1440 236 Q1520 205 1600 228 L1600 300 Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300 L0 235 Q80 200 160 225 Q230 185 320 228 Q400 205 470 230 Q540 190 620 226 Q700 210 780 238 Q860 200 950 232 Q1030 212 1110 236 Q1190 198 1280 230 Q1360 214 1440 236 Q1520 205 1600 228 L1600 300 Z'/%3E%3C/svg%3E")}}@media (width>=1100px) and (height>=900px){.home-rail{position:sticky;top:16px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pframe.pframe-lost{text-align:center;font-size:var(--fs-sm);color:var(--muted);background:color-mix(in srgb, var(--gold-leaf) 6%, var(--surface));place-items:center;padding:16px;display:grid}.site-footer{border-top:1px solid color-mix(in srgb, var(--gold-leaf) 35%, var(--line));background:color-mix(in srgb, var(--gold-leaf) 4%, var(--surface));font-size:var(--fs-sm);margin-top:40px;padding:22px 16px 28px}.site-footer-in{flex-wrap:wrap;align-items:center;gap:8px 22px;max-width:1180px;margin:0 auto;display:flex}.site-footer-contact,.site-footer-links{flex-wrap:wrap;gap:6px 16px;display:flex}.site-footer a{color:var(--accent-text);text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer-links{margin-left:auto}.site-footer-copy{font-size:var(--fs-xs);flex-basis:100%}@media (width<=640px){.site-footer-links{margin-left:0}}.contact-list{gap:8px;margin:12px 0 20px;padding:0;list-style:none;display:grid}.contact-list li{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);flex-wrap:wrap;gap:4px 12px;padding:10px 14px;display:flex}.contact-label{min-width:90px;color:var(--muted)}:root{--halo-gold:#e6c15f}.spirit-field{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.spirit-mist{background:radial-gradient(closest-side, color-mix(in srgb, var(--gold-leaf) 9%, transparent), transparent);filter:blur(18px);border-radius:50%;width:140%;height:34vh;animation:38s ease-in-out infinite alternate mist-roll;position:absolute;left:-20%}.spirit-mist.m1{bottom:-12vh}.spirit-mist.m2{opacity:.6;background:radial-gradient(closest-side, color-mix(in srgb, var(--jade) 8%, transparent), transparent);animation-duration:52s;animation-direction:alternate-reverse;top:18vh}@keyframes mist-roll{to{transform:translate(12%)}}.mote{background:var(--halo-gold);box-shadow:0 0 8px 2px color-mix(in srgb, var(--halo-gold) 60%, transparent);opacity:0;border-radius:50%;animation:24s linear infinite mote-rise;position:absolute;bottom:-12px}.mote.jade{background:var(--jade);box-shadow:0 0 8px 2px color-mix(in srgb, var(--jade) 60%, transparent)}@keyframes mote-rise{0%{opacity:0;transform:translate(0)}12%{opacity:.55}70%{opacity:.35}to{transform:translate(var(--drift), -105vh);opacity:0}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .mote{background:color-mix(in srgb, var(--ink) 35%, transparent);box-shadow:none}}:root[data-theme=light] .mote{background:color-mix(in srgb, var(--ink) 35%, transparent);box-shadow:none}.ornate{position:relative}.ornate:before{content:"";z-index:1;background-color:var(--gold-leaf);opacity:.85;pointer-events:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M1 21V7Q1 1 7 1h14M5 21V9q0-4 4-4h12' fill='none' stroke='black' stroke-width='1.2'/%3E%3Ccircle cx='4' cy='4' r='1.6'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg transform='scale(-1 1) translate(-22 0)'%3E%3Cpath d='M1 21V7Q1 1 7 1h14M5 21V9q0-4 4-4h12' fill='none' stroke='black' stroke-width='1.2'/%3E%3Ccircle cx='4' cy='4' r='1.6'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg transform='scale(1 -1) translate(0 -22)'%3E%3Cpath d='M1 21V7Q1 1 7 1h14M5 21V9q0-4 4-4h12' fill='none' stroke='black' stroke-width='1.2'/%3E%3Ccircle cx='4' cy='4' r='1.6'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg transform='scale(-1 -1) translate(-22 -22)'%3E%3Cpath d='M1 21V7Q1 1 7 1h14M5 21V9q0-4 4-4h12' fill='none' stroke='black' stroke-width='1.2'/%3E%3Ccircle cx='4' cy='4' r='1.6'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-position:0 0,100% 0,0 100%,100% 100%;-webkit-mask-size:auto,auto,auto,auto;-webkit-mask-repeat:no-repeat;-webkit-mask-clip:border-box,border-box,border-box,border-box;-webkit-mask-origin:border-box,border-box,border-box,border-box;-webkit-mask-composite:source-over,source-over,source-over,source-over;mask-composite:add,add,add,add;-webkit-mask-source-type:auto,auto,auto,auto;mask-mode:match-source,match-source,match-source,match-source;position:absolute;inset:7px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M1 21V7Q1 1 7 1h14M5 21V9q0-4 4-4h12' fill='none' stroke='black' stroke-width='1.2'/%3E%3Ccircle cx='4' cy='4' r='1.6'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg transform='scale(-1 1) translate(-22 0)'%3E%3Cpath d='M1 21V7Q1 1 7 1h14M5 21V9q0-4 4-4h12' fill='none' stroke='black' stroke-width='1.2'/%3E%3Ccircle cx='4' cy='4' r='1.6'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg transform='scale(1 -1) translate(0 -22)'%3E%3Cpath d='M1 21V7Q1 1 7 1h14M5 21V9q0-4 4-4h12' fill='none' stroke='black' stroke-width='1.2'/%3E%3Ccircle cx='4' cy='4' r='1.6'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg transform='scale(-1 -1) translate(-22 -22)'%3E%3Cpath d='M1 21V7Q1 1 7 1h14M5 21V9q0-4 4-4h12' fill='none' stroke='black' stroke-width='1.2'/%3E%3Ccircle cx='4' cy='4' r='1.6'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-position:0 0,100% 0,0 100%,100% 100%;mask-position:0 0,100% 0,0 100%,100% 100%;-webkit-mask-size:auto,auto,auto,auto;mask-size:auto,auto,auto,auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:border-box,border-box,border-box,border-box;mask-clip:border-box,border-box,border-box,border-box;-webkit-mask-origin:border-box,border-box,border-box,border-box;mask-origin:border-box,border-box,border-box,border-box;-webkit-mask-composite:source-over,source-over,source-over,source-over;mask-composite:add,add,add,add;-webkit-mask-source-type:auto,auto,auto,auto;mask-mode:match-source,match-source,match-source,match-source}button.primary{isolation:isolate;position:relative;overflow:hidden}button.primary:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffecb459 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}@media (hover:hover){button.primary:hover:not(:disabled):after{transition:transform .7s var(--ease,ease);transform:translate(120%)}}.brand{background:linear-gradient(100deg,#6e470c 0%,#a87618 30%,#c99a3a 45%,#a87618 60%,#6e470c 100%) 0 0/220% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out gilt}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand{background-image:linear-gradient(100deg,#8a5a12 0%,#d9a640 30%,#f6dc8c 45%,#c58b26 60%,#8a5a12 100%)}}:root[data-theme=dark] .brand{background-image:linear-gradient(100deg,#8a5a12 0%,#d9a640 30%,#f6dc8c 45%,#c58b26 60%,#8a5a12 100%)}@keyframes gilt{50%{background-position:100% 0}}.topbar .brand.small{flex:none}@media (width<=420px){.topbar-guide{display:none}}.topbar{background:color-mix(in srgb, var(--bg) 94%, transparent);border-bottom:1px solid color-mix(in srgb, var(--gold-leaf) 28%, var(--line))}.topbar .who button.link{color:var(--ink);font-family:var(--serif);letter-spacing:.02em;border:1px solid #0000;border-radius:999px;padding:3px 10px;text-decoration:none}.topbar .who button.link:hover{border-color:color-mix(in srgb, var(--gold-leaf) 50%, var(--line));color:var(--accent-text)}.auth.realm{justify-content:flex-start;gap:var(--sp-4);isolation:isolate;padding-top:clamp(28px,7vh,72px);position:relative}.auth-bg{z-index:-1;background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 10%, transparent) 0%, color-mix(in srgb, var(--bg) 55%, transparent) 45%, var(--bg) 92%), url(/canh/hero.webp) center 30% / cover no-repeat;will-change:transform;animation:60s ease-in-out infinite alternate auth-pan;position:fixed;inset:0}@keyframes auth-pan{to{transform:scale(1.05)translateY(-1%)}}.auth.realm .spirit-field{z-index:-1}.auth.realm .brand{font-family:var(--display);letter-spacing:.22em;text-indent:.22em;filter:drop-shadow(0 2px 6px #3c1e0040);margin:4px 0 0;font-size:clamp(3rem,11vw,5.6rem);line-height:1}.auth.realm .tagline{color:var(--ink);font-family:var(--serif);font-style:italic;font-size:var(--fs-lg);text-shadow:0 1px 8px color-mix(in srgb, var(--bg) 90%, transparent);margin:6px 0 0}.auth-pals{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;max-width:640px;display:flex}.auth-pals .pal-avatar{animation:4.2s ease-in-out infinite pal-bob}.auth-pals .pal-avatar:nth-child(2n){animation-delay:-1.4s}.auth-pals .pal-avatar:nth-child(3n){animation-delay:-2.6s}.auth-pals .pal-avatar.ring{animation:4.2s ease-in-out infinite pal-bob,3.6s ease-in-out infinite pal-glow}@media (width<=640px){.auth-pals{flex-wrap:nowrap;gap:0}.auth-pals .pal-avatar{margin-left:-6px;width:34px!important;height:34px!important}.auth-pals .pal-avatar.ring{width:52px!important;height:52px!important}.auth.realm .auth-features{order:5}}.auth.realm .auth-features li{border-color:color-mix(in srgb, var(--gold-leaf) 35%, var(--line));background-color:color-mix(in srgb, var(--surface) 88%, transparent);position:relative;box-shadow:0 6px 18px #28140014}.auth.realm .auth-card{border:1px solid color-mix(in srgb, var(--gold-leaf) 45%, var(--line));background-color:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--surface) 60%, transparent), 0 0 0 5px color-mix(in srgb, var(--gold-leaf) 30%, transparent), 0 18px 40px #2814002e;position:relative}.auth-seal{border:2px solid color-mix(in srgb, var(--seal) 80%, black);background:var(--seal);color:#fff2e6;width:46px;height:46px;font-family:var(--display);letter-spacing:.02em;border-radius:6px;place-items:center;font-size:.95rem;font-weight:700;display:grid;position:absolute;top:-18px;right:-14px;transform:rotate(8deg);box-shadow:0 3px 10px #78140a59}.ink-hero.painted{border-color:color-mix(in srgb, var(--gold-leaf) 40%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 94%, transparent) 0%, color-mix(in srgb, var(--surface) 70%, transparent) 42%, transparent 75%), url(/canh/hero.webp) 70% 40% / cover no-repeat;min-height:240px}.ink-hero.painted .ink-hero-art{display:none}.ink-hero.painted:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--surface) 70%, transparent), transparent);filter:blur(10px);pointer-events:none;height:55%;animation:24s ease-in-out infinite alternate mist-roll;position:absolute;inset:auto -30% -10%}.ink-hero.painted .ink-hero-text{z-index:1}.ink-hero.painted .ink-hero-text h1{text-shadow:0 1px 12px color-mix(in srgb, var(--surface) 80%, transparent)}.campaign-card.has-cover{isolation:isolate;overflow:hidden}.cc-cover{z-index:-1;background:var(--cover) center / cover no-repeat;opacity:.5;width:min(48%,340px);transition:opacity .4s, transform .6s var(--ease,ease);position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0 30%,#000 85%);mask-image:linear-gradient(90deg,#0000 0 30%,#000 85%)}.campaign-card.has-cover .cc-main{max-width:calc(100% - min(30%,200px))}.campaign-card.has-cover:hover .cc-cover{opacity:.8;transform:scale(1.04)}.campaign-card.status-da_chet .cc-cover{filter:grayscale()}.opt.has-cover{border-color:color-mix(in srgb, var(--gold-leaf) 45%, var(--line));background:linear-gradient(180deg, #0000 25%, #0c0602d1 100%), var(--cover) center / cover no-repeat;flex-direction:column;justify-content:flex-end;min-height:170px;display:flex;overflow:hidden}.opt.has-cover .opt-name,.opt.has-cover .opt-sum{color:#fff4e0;text-shadow:0 1px 6px #000000b3}.opt.has-cover.selected{box-shadow:0 0 0 2px var(--halo-gold), 0 8px 22px #3c1e0040}.pal-avatar{isolation:isolate;overflow:visible}.pal-avatar img{clip-path:circle(42.3%)}.pal-avatar.quy{box-shadow:0 0 0 2px var(--halo-gold), 0 0 0 4px color-mix(in srgb, var(--pal) 70%, transparent), 0 0 16px 3px color-mix(in srgb, var(--halo-gold) 45%, transparent)}.pal-avatar.quy:before,.pal-avatar.live:before{content:"";z-index:-1;background:conic-gradient(from 0deg, transparent 0 15%, color-mix(in srgb, var(--pal) 80%, white) 25%, transparent 38% 62%, var(--halo-gold) 75%, transparent 88%);border-radius:50%;animation:6s linear infinite halo-spin;position:absolute;inset:-7px;-webkit-mask:radial-gradient(closest-side,#0000 80%,#000 82% 98%,#0000);mask:radial-gradient(closest-side,#0000 80%,#000 82% 98%,#0000)}.pal-avatar.live:before{animation-duration:14s}.pal-avatar.quy.ring{animation:3.6s ease-in-out infinite quy-glow}@keyframes quy-glow{50%{box-shadow:0 0 0 2px var(--halo-gold), 0 0 0 4px color-mix(in srgb, var(--pal) 70%, transparent), 0 0 24px 6px color-mix(in srgb, var(--halo-gold) 40%, transparent)}}.mascot-body.sealed .pal-avatar,.mascot-body.sealed .pal-avatar:before{animation:none}.mascot-body.sealed .pal-avatar:before{display:none}.play:has(textarea:focus) .pal-avatar.live:before{animation-play-state:paused}@keyframes halo-spin{to{transform:rotate(1turn)}}@keyframes pal-bob{50%{transform:translateY(-5px)}}.pal-card{transition:transform .2s var(--ease,ease), border-color .2s, box-shadow .2s}.pal-card:not(:disabled):hover{border-color:var(--gold);transform:translateY(-2px)}:where(.pal-card:has(.pal-avatar.quy)){border-color:color-mix(in srgb, var(--halo-gold) 55%, var(--line));background:radial-gradient(90% 60% at 50% 0%, color-mix(in srgb, var(--halo-gold) 14%, transparent), transparent 70%), var(--raised)}.pal-perk{border:1px dashed color-mix(in srgb, var(--halo-gold) 60%, var(--line));color:var(--muted);font-size:var(--fs-xs);text-align:left;border-radius:8px;gap:2px;margin-top:4px;padding:6px 8px;line-height:1.4;display:grid}.pal-perk b{color:var(--gold);font-weight:600}.pal-picker{max-width:760px}.oracle-card{border:1px solid color-mix(in srgb, var(--jade) 50%, var(--line));background:radial-gradient(80% 90% at 50% 0%, color-mix(in srgb, var(--jade) 16%, transparent), transparent 70%), var(--raised);text-align:center;animation:oracle-in .6s var(--ease,ease) both;border-radius:10px;justify-items:center;gap:4px;margin:8px 0;padding:12px;display:grid}.oracle-card.q-dai{border-color:var(--halo-gold);background:radial-gradient(80% 90% at 50% 0%, color-mix(in srgb, var(--halo-gold) 22%, transparent), transparent 70%), var(--raised)}.oracle-name{font-family:var(--display);font-size:var(--fs-xl);letter-spacing:.12em;color:var(--gold);font-weight:700}.oracle-verse{font-family:var(--serif);margin:0;font-style:italic}.oracle-gain{color:var(--jade);font-size:var(--fs-sm);font-weight:600}@keyframes oracle-in{0%{opacity:0;transform:perspective(600px)rotateX(70deg)scale(.9)}}.dice-result.r-dai_thanh_cong{color:#fffaf0;text-shadow:0 1px 1px #00000080;background:linear-gradient(135deg,#b8892b,#7a4f10);animation:1.6s ease-in-out 2 crit-glow}.dice-result.r-dai_that_bai{color:#fff5f3;text-shadow:0 1px 1px #00000080;background:linear-gradient(135deg,#a3261c,#5e120c);animation:.45s ease-in-out crit-shake}@keyframes crit-glow{50%{box-shadow:inset 0 0 0 2px #ffffff8c, 0 0 18px var(--halo-gold)}}@keyframes crit-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.ascension{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:radial-gradient(circle,#5a370adb,#0e0802eb 62%);place-items:center;animation:.5s ease-out both asc-fade;display:grid;position:fixed;inset:0;overflow:hidden}.ascension.major{background:radial-gradient(circle,#965f0fe0,#281602eb 45%,#080400f2)}.asc-rays{background:repeating-conic-gradient(from 0deg, #ffe18c38 0 4deg, transparent 4deg 14deg);width:160vmax;height:160vmax;animation:30s linear infinite halo-spin;position:absolute;-webkit-mask:radial-gradient(closest-side,#000,#0000 70%);mask:radial-gradient(closest-side,#000,#0000 70%)}.asc-ring{border:2px solid #ffe18ce6;border-radius:50%;width:120px;height:120px;animation:2.4s ease-out infinite asc-ring;position:absolute;box-shadow:0 0 24px #ffd26ecc,inset 0 0 24px #ffd26e99}.asc-ring.r2{animation-delay:.6s}.asc-ring.r3{animation-delay:1.2s}@keyframes asc-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(7)}}.asc-sparks{position:absolute;inset:0}.asc-sparks span{background:#fff3c4;border-radius:50%;width:6px;height:6px;margin:-3px;animation:1.4s ease-out both asc-spark;position:absolute;top:50%;left:50%;box-shadow:0 0 10px 3px #ffc85ae6}@keyframes asc-spark{0%{transform:rotate(var(--a)) translateY(0);opacity:1}to{transform:rotate(var(--a)) translateY(-38vmin);opacity:0}}.asc-text{text-align:center;color:#fff6dc;justify-items:center;gap:8px;padding:0 16px;display:grid;position:relative}.asc-kicker{font-size:var(--fs-sm);letter-spacing:.4em;text-transform:uppercase;opacity:.85;animation:.6s ease-out .2s both asc-up}.asc-realm{font-family:var(--display);background:linear-gradient(#fffbe8,#f3cf6b 55%,#c98a1c);color:#0000;filter:drop-shadow(0 0 18px #ffc85acc);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.2rem,9vw,4.6rem);font-weight:700;line-height:1.05;animation:.9s cubic-bezier(.2,.8,.2,1) .3s both asc-brush}.asc-sub{font-family:var(--serif);opacity:.9;font-style:italic;animation:.6s ease-out .8s both asc-up}@keyframes asc-fade{0%{opacity:0}}@keyframes asc-up{0%{opacity:0;transform:translateY(10px)}}@keyframes asc-brush{0%{opacity:0;letter-spacing:.6em;filter:blur(8px)}}.fest{gap:var(--sp-3);display:grid}.fest-h{margin:var(--sp-2) 0 0;font-family:var(--display)}.fest-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.fest-row{border:1px solid var(--line);background:var(--raised);border-radius:8px;grid-template-columns:96px 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.fest-row.k-sinh_nhat{border-style:dashed}.fest-pending{border:1px solid var(--halo-gold);background:color-mix(in srgb, var(--halo-gold) 8%, var(--surface));border-radius:10px;gap:6px;padding:10px;display:grid}.fest-row.pending{grid-template-columns:96px 1fr auto;align-items:start}.fest-date{font-variant-numeric:tabular-nums;color:var(--muted);font-size:var(--fs-sm)}.fest-name .pill{margin-left:6px}.mail-pref.birthday{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mail-pref.birthday .hint{flex-basis:100%;margin:0}.birthday-label{font-weight:600}@media (width<=640px){.fest-row,.fest-row.pending{grid-template-columns:1fr}.cc-cover{opacity:.45;width:100%;height:72px;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.campaign-card.has-cover .cc-main{max-width:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .auth-bg{filter:brightness(.5)saturate(.85)sepia(.2)}:root:not([data-theme=light]) .ink-hero.painted{background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 96%, transparent) 0%, color-mix(in srgb, var(--surface) 86%, transparent) 60%, #00000073 100%), url(/canh/hero.webp) 70% 40% / cover no-repeat}}:root[data-theme=dark] .auth-bg{filter:brightness(.5)saturate(.85)sepia(.2)}:root[data-theme=dark] .ink-hero.painted{background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 92%, transparent) 0%, color-mix(in srgb, var(--surface) 72%, transparent) 45%, #00000059 100%), url(/canh/hero.webp) 70% 40% / cover no-repeat}@media (prefers-reduced-motion:reduce){.mote,.spirit-mist,.auth-bg,.brand,.auth-pals .pal-avatar,.pal-avatar.quy:before,.pal-avatar.live:before,.ink-hero.painted:after,.asc-rays,.asc-ring,.asc-sparks span,.dice-result.r-dai_thanh_cong,.dice-result.r-dai_that_bai,.asc-realm,.asc-kicker,.asc-sub,.oracle-card,.pal-avatar.quy.ring,.auth-pals .pal-avatar.ring{animation:none}.mote,.asc-sparks{display:none}.cc-cover,.pal-card{transition:none}.campaign-card.has-cover:hover .cc-cover,.pal-card:not(:disabled):hover{transform:none}button.primary:hover:not(:disabled):after{transition:none}}@media (width<=640px){.ink-hero.painted,:root[data-theme=dark] .ink-hero.painted,:root:not([data-theme=light]) .ink-hero.painted{background:linear-gradient(180deg, transparent 0 70px, var(--surface) 132px), url(/canh/hero.webp) 62% 30% / cover no-repeat;padding-top:128px}}.story-scroll{background:linear-gradient(180deg, color-mix(in srgb, var(--wood-2) 55%, transparent), transparent 10px) top / 100% 10px no-repeat, radial-gradient(120% 90% at 50% 40%, transparent 60%, color-mix(in srgb, var(--gold-leaf) 7%, transparent));border-top:3px solid color-mix(in srgb, var(--wood-2) 80%, var(--gold-leaf));position:relative}.turn+.turn:before{content:"";background:color-mix(in srgb, var(--gold-leaf) 75%, var(--ink));opacity:.85;width:min(260px,72%);height:18px;margin:6px auto 30px;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 18'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M6 9 L104 8.2 L104 9.8 Z'/%3E%3Cpath d='M254 9 L156 8.2 L156 9.8 Z'/%3E%3Ccircle cx='112' cy='9' r='1.7'/%3E%3Ccircle cx='148' cy='9' r='1.7'/%3E%3Cpath d='M130 1.5 L137.5 9 L130 16.5 L122.5 9 Z M130 4.6 L134.4 9 L130 13.4 L125.6 9 Z'/%3E%3Ccircle cx='130' cy='9' r='1.6'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 18'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M6 9 L104 8.2 L104 9.8 Z'/%3E%3Cpath d='M254 9 L156 8.2 L156 9.8 Z'/%3E%3Ccircle cx='112' cy='9' r='1.7'/%3E%3Ccircle cx='148' cy='9' r='1.7'/%3E%3Cpath d='M130 1.5 L137.5 9 L130 16.5 L122.5 9 Z M130 4.6 L134.4 9 L130 13.4 L125.6 9 Z'/%3E%3Ccircle cx='130' cy='9' r='1.6'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat}.turn-input{border-left:2px solid var(--seal);font-family:var(--serif);font-style:italic}.turn-input-who{color:var(--seal);font-style:normal}.sheet-tabs .tab{font-family:var(--serif);letter-spacing:.02em}.sheet-tabs .tab.active{color:var(--accent-text)}.stats>div{border:1px solid color-mix(in srgb, var(--jade) 30%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--jade) 9%, var(--raised)), var(--raised));border-radius:8px;box-shadow:inset 0 1px #ffffff59,inset 0 -2px 4px #0000000a}.stats dd{font-family:var(--display);font-size:1.25rem;font-weight:700}.sh-realm{font-family:var(--display);letter-spacing:.02em}.tags li.el{--el:var(--muted);border-color:color-mix(in srgb, var(--el) 55%, transparent);background:color-mix(in srgb, var(--el) 12%, transparent);color:color-mix(in srgb, var(--el) 75%, var(--ink));font-weight:600}.tags li.el[data-el=Kim]{--el:#b08a2e}.tags li.el[data-el=Mộc]{--el:#4f8a3c}.tags li.el[data-el=Thủy]{--el:#2f74a8}.tags li.el[data-el=Hỏa]{--el:#c4472f}.tags li.el[data-el=Thổ]{--el:#8a6439}.tags li.el[data-el=Phong]{--el:#3f9c8f}.tags li.el[data-el=Lôi]{--el:#7a55c0}.tags li.el[data-el=Băng]{--el:#4aa3c8}.tags li.el[data-el=Quang]{--el:#c9a227}.tags li.el[data-el=Ám]{--el:#5b4f6e}.tags li.el[data-el=Độc]{--el:#5f8f2a}.section-head h2,.fest-h{padding-bottom:6px;position:relative}.section-head h2:after{content:"";background:color-mix(in srgb, var(--seal) 70%, transparent);width:120px;height:6px;position:absolute;bottom:0;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 6'%3E%3Cpath d='M1 4c20-3 45-3 70-2 16 0 32-1 48-2-14 3-30 5-48 5C46 5 22 5 1 4z'/%3E%3C/svg%3E") 0/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 6'%3E%3Cpath d='M1 4c20-3 45-3 70-2 16 0 32-1 48-2-14 3-30 5-48 5C46 5 22 5 1 4z'/%3E%3C/svg%3E") 0/contain no-repeat}.field{gap:8px;margin-bottom:8px;display:grid}.field-warn{background:color-mix(in srgb, var(--seal) 12%, transparent);color:var(--accent-text);font-size:var(--fs-sm);border-radius:6px;margin:0;padding:6px 10px}.foes{gap:4px;margin:0;padding:0;list-style:none;display:grid}.foe{border:1px solid var(--line);background:var(--raised);border-radius:8px;grid-template-columns:minmax(0,1.3fr) auto auto;grid-template-areas:"name the realm""tags tags tags";align-items:center;gap:2px 10px;padding:6px 8px;display:grid}.foe.aimed{border-color:var(--seal);box-shadow:inset 3px 0 0 var(--seal)}.foe.raging{animation:1.2s ease-in-out infinite foe-rage}@keyframes foe-rage{50%{box-shadow:inset 3px 0 0 var(--seal), 0 0 12px color-mix(in srgb, var(--seal) 45%, transparent)}}.foe.s-guc,.foe.s-tron,.foe.s-bat{opacity:.55}.foe-name{color:var(--ink);font:600 var(--fs-sm) / 1.3 var(--serif);text-align:left;cursor:pointer;background:0 0;border:0;grid-area:name;justify-self:start;padding:0}.foe-name:hover:not(:disabled){color:var(--accent-text)}.foe-count{color:var(--muted);margin-left:4px;font-weight:400}.foe-realm{color:var(--muted);font-size:var(--fs-xs);grid-area:realm}.foe-the{color:var(--muted);font-size:var(--fs-xs);grid-area:the;gap:3px;display:inline-flex}.foe-the i,.chase-track i,.front-track i{border:1px solid color-mix(in srgb, var(--seal) 60%, var(--line));border-radius:2px;width:9px;height:9px;display:inline-block;transform:rotate(45deg)}.foe-the i.on{background:var(--seal)}.foe-tags{flex-wrap:wrap;grid-area:tags;gap:4px;display:flex}.foe-tags:empty{display:none}.foe-tags .pill{border:1px solid var(--line-strong);font-size:var(--fs-xs);border-radius:999px;padding:1px 8px;line-height:1.5}.pill.warn{border-color:color-mix(in srgb, var(--seal) 55%, transparent);color:var(--accent-text)}.pill.deep{color:var(--gold);border-style:dashed}.allies{border-top:1px dashed var(--line);gap:6px;padding-top:6px;display:grid}.allies-h{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase}.ally{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.ally-name{font-size:var(--fs-sm);flex:140px;font-weight:600}.ally select{min-height:32px;font-size:var(--fs-xs);padding-top:4px;padding-bottom:4px}.ally.t-hong{opacity:.6}.fronts{grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}.front{border:1px solid var(--line);background:var(--raised);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:8px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.front:hover{border-color:var(--gold)}.front-name{font:600 var(--fs-sm) / 1.3 var(--serif)}.front-track,.chase-track{gap:5px;display:inline-flex}.front-track i.neg{border-color:color-mix(in srgb, var(--seal) 50%, var(--line))}.front-track i.pos{border-color:color-mix(in srgb, var(--jade) 60%, var(--line))}.front-track i.on,.chase-track i.on{background:var(--gold);border-color:var(--gold)}.morale{gap:2px;display:grid}.morale-bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.morale-bar>span{background:var(--jade);height:100%;display:block}.morale.m-dich .morale-bar>span{background:var(--seal)}.chase,.contest{font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}@media (prefers-reduced-motion:reduce){.foe.raging{animation:none}}.dice.suppress{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.suppress-seal{border:2px solid var(--accent-text);min-width:76px;color:var(--accent-text);font-family:var(--font-display,serif);letter-spacing:.06em;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--accent-text) 18%, transparent);border-radius:6px;flex:none;place-items:center;padding:10px 12px;font-size:1.15rem;font-weight:700;display:grid;transform:rotate(-4deg)}.dice.suppress .power-lines{flex:220px;margin:0}.dice.suppress.stamp .suppress-seal{animation:.45s cubic-bezier(.2,1.4,.4,1) both seal-stamp}@keyframes seal-stamp{0%{opacity:0;transform:rotate(-4deg)scale(1.8)}to{opacity:1;transform:rotate(-4deg)scale(1)}}@media (prefers-reduced-motion:reduce){.dice.suppress.stamp .suppress-seal{animation:none}}.battle-opt .battle-cost{order:1}.battle-opt .battle-pct{order:2}.battle-body{max-height:30vh}@media (width<=560px){.battle-opt{grid-template-columns:minmax(0,1fr) 44px;row-gap:0}.battle-opt .battle-cost{white-space:normal;grid-area:2/1/auto/-1;max-width:none}}.battle-odds-label{color:var(--muted);font-size:var(--fs-xs);font-family:var(--body,inherit);margin-right:4px;font-weight:400}.composer .quota-low,.composer .quota-out{font-size:var(--fs-xs)}.who-wide{display:contents}.who-more{display:none;position:relative}.who-more>summary{cursor:pointer;border-radius:var(--r-sm,6px);padding:2px 8px;font-size:1.2rem;line-height:1;list-style:none}.who-more>summary::-webkit-details-marker{display:none}.who-menu{z-index:60;border:1px solid var(--line);border-radius:var(--r-md,10px);background:var(--raised,var(--bg));flex-direction:column;align-items:flex-start;gap:10px;min-width:180px;padding:12px 14px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #00000040}@media (width<=640px){.who-wide{display:none}.who-more{display:block}.topbar-left{flex:auto;min-width:32px}.topbar .back{flex:none;min-width:32px}.topbar .who{flex:none}}@media (width<=768px){.mascot:not(.open):not(.moved){inset:auto 10px calc(var(--composer-h,200px) + 28px + env(safe-area-inset-bottom)) auto!important}.mascot.dang-nep:not(.open):not(.moved){right:0!important}}.battle-kicker{color:var(--accent-text)}.sheet,.sheet-panel,.stat,.sh-power{font-variant-numeric:lining-nums tabular-nums}.sheet-tabs{padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.pal-card.locked .pal-avatar{filter:grayscale(.7)brightness(.9)}.pal-card.locked:hover .pal-avatar{filter:grayscale(.2)}.savepoint-shop{font-size:var(--fs-xs);margin-top:6px}@media (width<=560px){.chapter{text-align:center;flex-wrap:wrap;row-gap:2px}.chapter:before,.chapter:after{width:36px}.chapter-name{text-wrap:balance;flex-basis:100%;order:3}.auth-seal{width:40px;height:40px;top:-14px;right:6px}}.view-page .reader{max-width:46rem}.view-head{margin-bottom:var(--sp-4,16px);gap:4px;display:grid;position:relative;overflow:hidden}.view-head>:not(.cc-cover){position:relative}.view-head .story-title{margin:0}.view-kicker{color:var(--accent-text);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;margin:0;font-weight:700}.view-sheet dl{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 18px;margin:0;display:grid}.view-sheet dt{color:var(--muted);font-size:var(--fs-xs)}.view-sheet dd{margin:0}.visit-group{margin:var(--sp-3,12px) 0 var(--sp-2,8px);font-size:var(--fs-md)}.sh-block .visit-toggle{cursor:pointer;flex-direction:row;align-items:flex-start;gap:8px;display:flex}.sh-block .visit-toggle input{flex:none;width:auto;margin-top:4px}.funnel-table{border-collapse:collapse;font-variant-numeric:lining-nums tabular-nums;width:100%;margin:12px 0}.funnel-table th{text-align:left;font-weight:500}.funnel-table th,.funnel-table td{border-bottom:1px solid var(--line);padding:6px 8px}.funnel-table td{text-align:right}.consent{font-size:var(--fs-sm);text-align:left;align-items:flex-start;gap:8px;display:flex}.consent input{flex:none;width:auto;margin-top:3px}.consent-gate{gap:12px;display:grid}.account{gap:16px;max-width:40rem;display:grid}.account-form{gap:10px;display:grid}.danger-zone{border-color:color-mix(in srgb, var(--error) 50%, var(--line))}.legal .story h2{font-size:var(--fs-lg);margin-top:1.4em}.view-report{justify-items:start;gap:8px;margin:8px 0 16px;display:grid}.view-report textarea{width:100%}.retell-row{font-size:var(--fs-sm);justify-content:flex-end;align-items:center;gap:10px;margin:-4px 0 12px;display:flex}.auth.realm .brand{letter-spacing:.08em;text-indent:.08em;white-space:nowrap;font-size:clamp(2.4rem,9vw,4.8rem)}.topbar .brand.small{white-space:nowrap;letter-spacing:.04em}.view-actions{flex-wrap:wrap;align-items:flex-start;gap:12px;margin:8px 0 16px;display:flex}.view-actions .view-report{margin:0}