:root{--bg:#05070d;--bg-2:#0b1020;--surface:#111829;--surface-2:#18213a;--line:#24304f;--text:#e6ebff;--muted:#8b97b8;--accent:#4da3ff;--good:#3ddc97;--bad:#ff5c7a;--warn:#ffb547;--milestone:#c9a7ff;--sys-bg:#12346e59;--sys-line:#3ea8ff;--sys-glow:0 0 12px #3ea8ff8c, inset 0 0 18px #3ea8ff26;--sys-text:#cfe8ff;--r-common:#9aa5c0;--r-rare:#4da3ff;--r-legendary:#ffb547;--r-divine:#ff6bd6;--sys-strong:#fff;--body-bg:radial-gradient(1200px 600px at 50% -10%, #0e1a3a 0%, var(--bg) 60%);--glow:0 0 14px #4da3ff66;--fill-grad:linear-gradient(90deg, #2c7be5, var(--accent));--footer-bg:linear-gradient(180deg, #05070d99, var(--bg));--primary-grad:linear-gradient(90deg, #1f6fe0, #4da3ff);--primary-shadow:0 4px 20px #4da3ff59;--scrim:#0009;--radius:14px;--font:"Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif}:root[data-world=murim]{--bg:#efe6d2;--bg-2:#f6efdf;--surface:#fbf6ea;--surface-2:#ece1c8;--line:#cdbb94;--text:#2a2118;--muted:#7d6a52;--accent:#b3261e;--good:#2f7a3e;--bad:#b3261e;--warn:#a8661a;--milestone:#6b3fa0;--sys-bg:#0f2347;--sys-text:#d8ecff;--r-common:#8a7a62;--r-rare:#2f6fb0;--r-legendary:#b07a10;--r-divine:#b3261e;--body-bg:radial-gradient(900px 500px at 50% -10%, #fbf6ea 0%, var(--bg) 70%);--glow:0 0 0 3px #b3261e1f;--fill-grad:linear-gradient(90deg, #3a2e22, #6b5844);--footer-bg:linear-gradient(180deg, #efe6d2b3, var(--bg));--primary-grad:linear-gradient(90deg, #8e1c16, #c0392b);--primary-shadow:0 4px 16px #8e1c164d;--scrim:#2a211873;--font:"Noto Serif Thai", "Noto Sans Thai", serif}:root[data-world=tower]{--bg:#07060b;--bg-2:#100d18;--surface:#16121f;--surface-2:#211b2e;--line:#3a2f4d;--text:#f1ebdd;--muted:#a397b5;--accent:#e8b84a;--milestone:#f0d98a;--body-bg:radial-gradient(1000px 600px at 50% -15%, #2a1f3d 0%, var(--bg) 62%);--glow:0 0 14px #e8b84a59;--fill-grad:linear-gradient(90deg, #a5782a, var(--accent));--footer-bg:linear-gradient(180deg, #07060b99, var(--bg));--primary-grad:linear-gradient(90deg, #a5782a, #e8b84a);--primary-shadow:0 4px 20px #e8b84a4d}:root[data-world=tower] .age-badge{border-color:#e8b84a}:root[data-world=apocalypse]{--bg:#0c0a09;--bg-2:#171210;--surface:#1c1715;--surface-2:#29211d;--line:#45352c;--text:#f0e6df;--muted:#a8968a;--accent:#ff6a3d;--milestone:#ffb38a;--body-bg:radial-gradient(1000px 600px at 50% -15%, #3d1a10 0%, var(--bg) 62%);--glow:0 0 14px #ff6a3d59;--fill-grad:linear-gradient(90deg, #b23a1b, var(--accent));--footer-bg:linear-gradient(180deg, #0c0a0999, var(--bg));--primary-grad:linear-gradient(90deg, #b23a1b, #ff6a3d);--primary-shadow:0 4px 20px #ff6a3d4d}:root[data-world=ordinary]{--bg:#0b0f14;--bg-2:#111820;--surface:#151d27;--surface-2:#1d2836;--line:#2b3a4d;--text:#e8f1f8;--muted:#8ea2b6;--accent:#2fd3c4;--milestone:#9ff0e7;--body-bg:radial-gradient(1000px 600px at 50% -15%, #13323a 0%, var(--bg) 62%);--glow:0 0 14px #2fd3c459;--fill-grad:linear-gradient(90deg, #1a8c84, var(--accent));--footer-bg:linear-gradient(180deg, #0b0f1499, var(--bg));--primary-grad:linear-gradient(90deg, #1a8c84, #2fd3c4);--primary-shadow:0 4px 20px #2fd3c44d}:root[data-world=court]{--bg:#fbf6ec;--bg-2:#fffaf1;--surface:#fffdf8;--surface-2:#f3e9d4;--line:#e0c98f;--text:#2b2340;--muted:#7a6a8a;--accent:#a8862b;--good:#2e7d5b;--bad:#a3304a;--warn:#b0761a;--milestone:#7b3fa8;--sys-bg:#0f2347;--sys-text:#d8ecff;--r-common:#8f8299;--r-rare:#3b6fb8;--r-legendary:#b8891c;--r-divine:#b03a7a;--body-bg:radial-gradient(900px 500px at 50% -10%, #fff8e8 0%, var(--bg) 70%);--glow:0 0 0 2px #fffaf1, 0 0 0 4px #d6b46a;--fill-grad:linear-gradient(90deg, #b8891c, #e2bf62);--footer-bg:linear-gradient(180deg, #fbf6ecb3, var(--bg));--primary-grad:linear-gradient(90deg, #8a5a14, #c9a13e 50%, #8a5a14);--primary-shadow:0 4px 16px #a8862b59;--scrim:#2b234066;--font:"Noto Serif Thai", "Noto Sans Thai", serif}:root[data-world=court] .card,:root[data-world=court] .modal{border:1px solid var(--line);box-shadow:inset 0 0 0 3px var(--surface), inset 0 0 0 4px #ecdcb2}:root[data-world=court] .name{font-family:var(--font);color:#5a3d0e}:root[data-world=court] .age-badge{border-color:#c9a13e}:root[data-world=court] .modal h3{color:#8a5a14}:root[data-world=murim] .age-badge{border-width:3px;border-radius:6px;transform:rotate(-3deg)}:root[data-world=murim] .age-num{font-family:var(--font)}:root[data-world=murim] .name{font-family:var(--font);letter-spacing:.02em}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--body-bg);background-color:var(--bg);color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-size:15px;line-height:1.55}button,input,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}p{margin:.25em 0}.app{max-width:520px;height:100dvh;padding:env(safe-area-inset-top) 0 0;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.app.center{justify-content:center;align-items:center;padding:16px}.muted{color:var(--muted)}.small{font-size:12px}.sys-window{border:1px solid var(--sys-line);background:var(--sys-bg);box-shadow:var(--sys-glow);color:var(--sys-text);border-radius:8px;padding:10px 14px 12px;animation:.45s ease-out sysIn}.sys-window.inline{margin:6px 0}.sys-head{letter-spacing:.2em;text-transform:uppercase;color:var(--sys-line);border-bottom:1px solid #3ea8ff59;margin-bottom:6px;padding-bottom:4px;font-size:11px}.sys-head:before{content:"◆ "}@keyframes sysIn{0%{opacity:0;filter:brightness(2);transform:scaleY(.6)}to{opacity:1;filter:none;transform:none}}.main{flex-direction:column;height:100%;min-height:0;display:flex}.top{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 8px;display:flex}.name{font-size:18px;font-weight:800;line-height:1.2}.sub{color:var(--muted);font-size:13px}.debt{color:var(--bad)}.age-badge{border:2px solid var(--accent);width:58px;height:58px;box-shadow:var(--glow);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.age-num{font-size:22px;font-weight:800;line-height:1}.age-unit{color:var(--muted);font-size:11px}.stats{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:4px 14px;padding:4px 16px 10px;display:grid}.stat{grid-template-columns:auto 1fr auto;align-items:center;gap:6px;font-size:12px;display:grid}.stat-label{color:var(--muted);white-space:nowrap}.stat-val{text-align:right;font-variant-numeric:tabular-nums;width:22px}.bar{background:var(--surface-2);border-radius:99px;height:7px;overflow:hidden}.fill{border-radius:99px;height:100%;transition:width .5s}.fill.high{background:var(--fill-grad)}.fill.mid{background:var(--warn)}.fill.low{background:var(--bad)}.fill.bond-fill{background:linear-gradient(90deg,#ff7ab6,#ff4f8b)}.log{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:8px 16px 16px;overflow-y:auto}.log-group{margin-bottom:12px}.log-age{color:var(--accent);margin-bottom:2px;font-size:12px;font-weight:800}.log-line{font-size:14px;animation:.3s fadeIn}.log-line.good{color:var(--good)}.log-line.bad{color:var(--bad)}.log-line.milestone{color:var(--milestone);font-weight:600}.bottom{padding:10px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--footer-bg)}.age-btn{color:#fff;background:var(--primary-grad);width:100%;box-shadow:var(--primary-shadow);border:none;border-radius:99px;padding:14px;font-size:18px;font-weight:800;transition:transform 80ms}.age-btn:active:not(:disabled){transform:scale(.97)}.tabs{grid-template-columns:repeat(5,1fr);margin-top:8px;display:grid}.tab{color:var(--muted);background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:12px;display:flex}.tab:active{background:var(--surface)}.tab-emoji{font-size:20px}.overlay{background:var(--scrim);z-index:10;align-items:flex-end;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.sheet{background:var(--bg-2);border-top:1px solid var(--line);width:100%;max-height:86%;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;flex-direction:column;animation:.25s ease-out slideUp;display:flex}.sheet-head{justify-content:space-between;align-items:center;padding:14px 16px 8px;display:flex}.sheet-head h2{margin:0;font-size:18px}.sheet-body{padding:0 16px 20px;overflow-y:auto}.icon-btn{background:var(--surface);border:none;border-radius:50%;width:34px;height:34px}.modal-overlay{justify-content:center;align-items:center;padding:16px}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-height:90%;padding:18px;animation:.25s ease-out pop;overflow-y:auto}.modal h3{color:var(--warn);margin:0 0 6px}.modal-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.modal-age{color:var(--accent);font-size:12px;font-weight:800}.modal-text{min-height:3em;font-size:16px}.modal-prompt{color:var(--muted);font-size:14px}.modal-choice{color:var(--accent);margin:8px 0}.modal-outcome{margin:10px 0 16px;font-size:16px}.modal-outcome.good{color:var(--good)}.modal-outcome.bad{color:var(--bad)}.modal-outcome.milestone{color:var(--milestone)}.modal-outcome.system{color:var(--sys-text)}.choices{opacity:0;flex-direction:column;gap:8px;margin-top:14px;transition:opacity .25s;display:flex}.choices.in{opacity:1}.choice{text-align:left;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;display:flex}.choice:active:not(:disabled){transform:scale(.98)}.choice.danger{border-color:#ff5c7a99}.choice.special{border-color:var(--sys-line);box-shadow:var(--sys-glow)}.pct{color:var(--muted);font-size:12px}.warn{color:var(--bad);font-size:12px;font-weight:600}.toast{left:16px;right:16px;bottom:calc(150px + env(safe-area-inset-bottom));background:var(--surface-2);border:1px solid var(--line);z-index:20;pointer-events:none;opacity:.92;border-radius:12px;max-height:3.2em;padding:6px 12px;font-size:14px;animation:.2s ease-out pop;position:absolute;overflow:hidden}.gender-tag{vertical-align:middle;font-size:15px;font-weight:700}.gender-tag.m{color:#7fb2ff}.gender-tag.f{color:#ff8fc0}.toast.good{border-color:var(--good)}.toast.bad{border-color:var(--bad)}.toast.milestone{border-color:var(--milestone)}.btn{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:10px 16px;font-weight:600}.btn.primary{background:var(--primary-grad);color:#fff;border:none}.btn.ghost{background:0 0}.btn.danger{background:var(--bad);color:#fff;border:none}.btn.small{padding:6px 12px;font-size:13px}.btn.big{width:100%;padding:14px 28px;font-size:18px}.row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px;padding:12px 14px}.card-title,.section-title{margin-bottom:6px;font-weight:800}.section-title{color:var(--muted);letter-spacing:.05em;margin:14px 0 8px;font-size:13px}.tab-content{flex-direction:column;gap:0;display:flex}.mini-bar{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:4px;font-size:12px;display:grid}.job{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.job.locked{opacity:.55}.job-name{font-weight:600}.job-sub{color:var(--muted);font-size:12px}.person{border-bottom:1px solid var(--line)}.person.dead{opacity:.45}.person-row{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 0;display:flex}.person-row:disabled{opacity:1}.person-name{font-size:14px;font-weight:600}.person-sub{color:var(--muted);font-size:12px}.bond{flex:none;width:70px}.person-actions{flex-wrap:wrap;gap:6px;padding:0 0 12px;display:flex}.grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.activity{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;display:flex}.act-emoji{font-size:22px}.act-name{font-weight:600}.act-desc{color:var(--muted);font-size:12px}.talent-row{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:8px 0;display:grid}.talent{border:1px solid var(--r-common);background:var(--surface);border-radius:12px;padding:10px 12px}.talent .t-rarity{letter-spacing:.08em;color:var(--r-common);font-size:11px;font-weight:800}.talent .t-name{font-weight:800}.talent .t-desc{color:var(--muted);font-size:12px}.talent.rare{border-color:var(--r-rare)}.talent.rare .t-rarity{color:var(--r-rare)}.talent.legendary{border-color:var(--r-legendary);box-shadow:0 0 14px #ffb54759}.talent.legendary .t-rarity{color:var(--r-legendary)}.talent.divine{border-color:var(--r-divine);animation:2.4s ease-in-out infinite divine;box-shadow:0 0 18px #ff6bd680}.talent.divine .t-rarity{color:var(--r-divine)}.talent.hidden{border-style:dashed;border-color:var(--sys-line);background:var(--sys-bg)}.talent.hidden .t-rarity{color:var(--sys-line)}@keyframes divine{50%{box-shadow:0 0 28px #ff6bd6cc}}.birth,.death{flex-direction:column;gap:10px;height:100%;padding:16px;display:flex;overflow-y:auto}.birth-name{color:var(--sys-strong);font-size:20px;font-weight:800}.dev-tag{color:var(--warn)}.title-card{flex-direction:column;gap:16px;width:100%;max-width:360px;max-height:100dvh;padding:16px 0;display:flex;overflow-y:auto}.tomb{text-align:center;padding:16px 0 4px}.rip{font-size:48px}.tomb h2{margin:6px 0 0}.cause{color:var(--bad);font-weight:600}.grave{border-bottom:1px solid var(--line);padding:8px 0}.grave-name{font-size:14px;font-weight:600}.grave-sub{color:var(--muted);font-size:12px}.items{margin:0;padding-left:18px}.dev{border-color:var(--warn);min-width:0;margin-top:16px;overflow:hidden}.dev select,.dev input:not([type=range]){background:var(--surface-2);border:1px solid var(--line);border-radius:8px;flex:90px;width:100%;min-width:0;padding:6px 8px}.slider input{width:100%;min-width:0}.slider{grid-template-columns:110px 1fr;align-items:center;margin:4px 0;font-size:13px;display:grid}.chips{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.chip{border:1px solid var(--r-common);background:0 0;border-radius:99px;padding:4px 10px;font-size:12px}.chip.rare{border-color:var(--r-rare)}.chip.legendary{border-color:var(--r-legendary)}.chip.divine{border-color:var(--r-divine)}.chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.rank{font-weight:800}.rank.r0,.rank.r1{color:var(--r-common)}.rank.r2,.rank.r3{color:var(--good)}.rank.r4{color:var(--r-rare)}.rank.r5{color:var(--milestone)}.rank.r6{color:var(--r-legendary);text-shadow:0 0 8px #ffb54780}.rank.r7,.rank.r8{color:var(--r-divine);text-shadow:0 0 10px #ff6bd699}.sys-window .muted,.talent.hidden .t-desc{color:#9fb3d6}.talent.hidden .t-name{color:var(--sys-text)}.sys-window .rank.r0,.sys-window .rank.r1{color:#b9c4dd}.sys-window .rank.r2,.sys-window .rank.r3{color:#3ddc97}.sys-window .rank.r4{color:#4da3ff}.sys-window .rank.r5{color:#c9a7ff}.sys-window .rank.r6{color:#ffb547}.sys-window .rank.r7,.sys-window .rank.r8{color:#ff6bd6}.rank-badge.murim,.rank-badge.court{white-space:nowrap;padding:0 8px;font-size:12px}.rank-badge{border:1px solid var(--sys-line);background:var(--sys-bg);min-width:42px;height:42px;box-shadow:var(--sys-glow);border-radius:8px;flex:none;place-items:center;padding:0 6px;font-size:18px;display:grid}.status-grid{grid-template-columns:auto 1fr;gap:2px 14px;font-size:14px;display:grid}.status-grid>span{color:var(--muted)}.exp{grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:8px;display:grid}.fill.sys-fill{background:linear-gradient(90deg,#1f6fe0,#7fd3ff);box-shadow:0 0 8px #3ea8ffcc}.skill-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.skill-card{border:1px solid var(--sys-line);border-radius:8px;padding:6px 10px}.skill-card summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:8px;list-style:none;display:flex}.skill-card summary::-webkit-details-marker{display:none}.skill-card p{margin:6px 0 0}.skill-card.locked{opacity:.5;justify-content:space-between;gap:8px;display:flex}.skill-name{font-size:14px;font-weight:700}.skill-meta{color:var(--muted);white-space:nowrap;font-size:11px}.skill-card.locked .skill-meta{white-space:normal;text-align:right}.danger-text{color:var(--bad)}.btn.sys-btn{border-color:var(--sys-line);box-shadow:var(--sys-glow);color:var(--sys-text);background:var(--sys-bg)}.modal.sys-modal{border-color:var(--sys-line);box-shadow:var(--sys-glow);background:linear-gradient(180deg, #0f2550, var(--surface))}.modal.sys-modal .modal-text{color:var(--sys-text);white-space:pre-line}.modal.sys-modal h3{color:var(--sys-line)}.memories{color:var(--sys-text);margin:0;padding-left:18px;font-size:14px}.memories li{margin:2px 0}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.ach{border:1px solid var(--line);opacity:.5;border-radius:10px;padding:8px 10px}.ach.got{opacity:1;border-color:var(--r-legendary)}.ach-name{font-size:13px;font-weight:700}.ach-desc{color:var(--muted);font-size:11px}.shop{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.shop-item{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.path{text-align:left;border:1px solid var(--sys-line);background:var(--sys-bg);box-shadow:var(--sys-glow);color:var(--text);border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;display:flex}.path:active:not(:disabled){transform:scale(.98)}.path-title{font-size:16px;font-weight:800}.path-desc{color:var(--muted);font-size:13px}.qr{background:#fff;border-radius:8px;width:220px;max-width:100%;margin:10px auto;display:block}.paste{background:var(--surface-2);border:1px solid var(--line);width:100%;color:var(--text);border-radius:8px;padding:8px;font-family:ui-monospace,monospace;font-size:12px}label.btn{cursor:pointer;align-items:center;display:inline-flex}.fade-in{animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.shake{animation:.4s shake}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.chapter-head{border-left:3px solid var(--accent);letter-spacing:.01em;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent);margin:10px 0 4px;padding:4px 10px;font-size:14px;font-weight:800}.arc-head{text-align:center;font-family:var(--font);color:var(--milestone);align-items:center;gap:10px;margin:14px 0 8px;font-size:15px;font-weight:800;display:flex}.arc-head:before,.arc-head:after{content:"";background:var(--line);flex:1;height:1px}.arc-head span{max-width:80%}.comments{border:1px dashed var(--line);background:var(--surface);border-radius:10px;margin:8px 0 10px;padding:8px 10px;font-size:13px}.comments-head{color:var(--muted);text-align:left;background:0 0;border:none;margin-bottom:4px;padding:0;font-size:11px;display:block}.comments-head .ch-off,body.no-comments .comments-head .ch-on,body.no-comments .comment{display:none}body.no-comments .comments-head .ch-off{display:inline}body.no-comments .comments-head{margin-bottom:0}.comment{grid-template-columns:auto 1fr auto;align-items:baseline;gap:6px;padding:2px 0;display:grid}.c-user{color:var(--accent);white-space:nowrap;font-weight:700}.c-text{min-width:0}.c-likes{color:var(--muted);white-space:nowrap;font-size:11px}.cliffhanger{color:var(--muted);text-align:center;font-style:italic;font-family:var(--font);margin:4px 0 12px;animation:.6s fadeIn}.cover{color:#fff;border-radius:12px;padding:18px 16px 14px;position:relative;overflow:hidden;box-shadow:0 6px 24px #00000040}.cover-hunter{background:linear-gradient(160deg,#0b1530 0%,#1d3f8a 60%,#3ea8ff 130%)}.cover-murim{background:linear-gradient(160deg,#2a1e14 0%,#5b2a1e 55%,#b3261e 130%)}.cover-ordinary{background:linear-gradient(160deg,#0b0f14 0%,#13323a 55%,#2fd3c4 140%)}.cover-apocalypse{background:linear-gradient(160deg,#0c0a09 0%,#3d1a10 55%,#ff6a3d 140%)}.cover-tower{background:linear-gradient(160deg,#07060b 0%,#2a1f3d 55%,#e8b84a 140%)}.cover-court{background:linear-gradient(160deg,#3a2a10 0%,#8a5a14 55%,#e2bf62 130%)}.cover:after{content:"";pointer-events:none;background:radial-gradient(400px 160px at 80% 0,#ffffff2e,#0000 60%);position:absolute;inset:0}.cover-badge{letter-spacing:.1em;border:1px solid #fff9;border-radius:4px;margin-bottom:8px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.cover-title{font-family:"Noto Serif Thai", var(--font);font-size:20px;font-weight:700;line-height:1.3}.cover-author{opacity:.8;margin-top:4px;font-size:12px}.cover-meta{opacity:.95;margin-top:8px;font-size:12px}.cover-tags{opacity:.85;margin-top:6px;font-size:12px}.stars{color:#ffd166}.stars-off{color:#ffffff4d}.cover.compact{padding:12px}.cover.compact .cover-title{font-size:15px}.cover.compact .cover-badge{display:none}.shelf{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.death>*,.birth>*{flex-shrink:0}.quest-strip{border:1px solid var(--sys-line);background:var(--sys-bg,var(--surface));color:var(--sys-text);border-radius:8px;margin:0 12px 6px;padding:6px 10px;font-size:12px}.title-tag{color:var(--warn);font-size:12px;font-weight:700}.title-chip .chip-sub{opacity:.7;font-size:11px}.phone-home{border:1px solid var(--line);background:var(--surface-2);border-radius:22px;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:8px;padding:16px 8px;display:grid}.phone-app{color:var(--text);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.phone-icon{background:var(--surface);border:1px solid var(--line);width:52px;height:52px;box-shadow:var(--glow);border-radius:14px;place-items:center;font-size:26px;display:grid}.phone-back{margin-bottom:8px}.good-text{color:var(--good)}.sys-stats{grid-template-columns:1fr;gap:6px;margin-top:8px;display:grid}.sys-stat{grid-template-columns:74px 1fr 34px auto;align-items:center;gap:8px;font-size:13px;display:grid}.sys-stat .bar{height:8px}.sys-stat .plus{min-width:30px;padding:2px 8px}.ach-cat{margin-bottom:8px}.ach-cat summary{cursor:pointer;padding:6px 0;font-weight:700}.m16-market,.m16-guild{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;margin-bottom:8px;padding:10px 12px}.m16-index{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:14px;display:flex}.m16-index>b{font-size:18px}.m16-up{color:var(--good,#2fbf71)}.m16-down{color:var(--bad)}.m16-tier{gap:6px}.m16-tier .btn{white-space:nowrap;flex-shrink:0}.m16-tier .job-main{min-width:0}.m16-input{border:1px solid var(--line);background:var(--surface);min-width:0;color:inherit;font:inherit;border-radius:8px;flex:1;padding:8px 10px}.m16-rep{margin:8px 0}.m16-rep .fill{background:var(--fill-grad)}.m16-roster{margin:6px 0 0;padding:0;font-size:13px;list-style:none}.m16-roster li{border-bottom:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0;display:flex}.m16-loyal{color:var(--muted);margin-left:auto;font-size:12px}.m17-card{margin-top:10px}.m17-rank{margin:6px 0;padding:0;list-style:none}.m17-rank li{border-bottom:1px solid var(--line);grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:4px 6px;font-size:13px;display:grid}.m17-rank li.me{background:var(--surface-2);border:1px solid var(--warn);color:var(--text);border-radius:8px;font-weight:700}.m17-place{color:var(--warn);text-align:center;font-weight:800}.m17-name{overflow-wrap:anywhere;min-width:0}.m17-align{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:6px 0;display:grid}.m17-align-bar{background:linear-gradient(90deg, #8b1e2d, var(--surface-2) 50%, #e7c66a);border-radius:99px;height:10px;position:relative}.m17-align-mark{background:var(--text);width:4px;height:18px;box-shadow:0 0 6px var(--text);border-radius:2px;margin-left:-2px;transition:left .5s;position:absolute;top:-4px}.m17-ledger{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.m17-ledger li{grid-template-columns:22px 1fr;gap:6px;font-size:13px;display:grid}.m17-ledger li.grudge b{color:var(--bad)}.m17-ledger li.favor b{color:var(--good)}.m17-sect-rep{grid-template-columns:auto 1fr 28px;align-items:center;gap:8px;margin-top:8px;display:grid}.m17-input{border:1px solid var(--line);background:var(--surface-2);min-width:0;color:var(--text);font:inherit;border-radius:8px;flex:1;padding:6px 10px}.court-pol .pol-balance{border:1px solid var(--line);border-radius:8px;height:22px;margin:6px 0 4px;font-size:11px;display:flex;overflow:hidden}.court-pol .pol-seg{white-space:nowrap;color:#fff;justify-content:center;align-items:center;transition:width .4s;display:flex;overflow:hidden}.court-pol .pol-royal{background:#b8860b}.court-pol .pol-temple{background:#5a7fd6}.court-pol .pol-noble{background:#8a3f6e}.court-pol .pol-row{grid-template-columns:112px 1fr 120px;align-items:center;gap:8px;margin:6px 0;font-size:13px;display:grid}.court-pol .pol-meter{background:var(--surface-2);border-radius:99px;height:8px;position:relative;overflow:hidden}.court-pol .pol-mid{background:var(--muted);width:1px;position:absolute;top:0;bottom:0;left:50%}.court-pol .pol-fill{position:absolute;top:0;bottom:0}.court-pol .pol-fill.pos{background:var(--good)}.court-pol .pol-fill.neg{background:var(--bad)}.court-pol .pol-rumors{gap:4px;margin:4px 0;padding-left:4px;font-size:12px;list-style:none;display:grid}.court-pol .pol-schemes{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.bad-text{color:var(--bad)}@media (width<=420px){.court-pol .pol-row{grid-template-columns:92px 1fr}.court-pol .pol-row>:last-child{grid-column:1/-1}}.t19-card .t19-rule{border-left:3px solid var(--accent,#c9a227);background:#c9a22714;border-radius:4px;margin:6px 0 10px;padding:4px 8px}.t19-card .t19-rule-head{font-weight:600}.t19-card .t19-sub{margin-top:10px;font-weight:600}.t19-card .t19-roster{margin:4px 0;padding:0;list-style:none}.t19-card .t19-roster li{border-bottom:1px dashed #7f7f7f40;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:3px 0;display:flex}.t19-card .t19-bet{margin:2px 0}.base-card .sys-head{margin-bottom:4px}.base-res{grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0;display:grid}.base-res-item{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 2px;font-size:13px;display:flex}.base-res-item b{font-size:15px}.base-res-item.short{border-color:var(--bad);color:var(--bad)}.base-morale{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:4px;display:grid}.base-lv{color:var(--warn);font-size:12px;font-weight:700}.base-policy{grid-template-columns:84px 1fr;align-items:center;gap:6px;display:grid}.base-policy .chips{margin:4px 0}@media (width<=380px){.base-res{grid-template-columns:repeat(3,1fr)}}.collect-row{border-bottom:1px dashed var(--line);padding:6px 0}.collect-items{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.collect{background:var(--surface-2);opacity:.45;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:inline-flex}.collect.on{opacity:1;border:1px solid var(--line)}.talent.mythic{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(120deg, #ff5e7e, #ffb547, #f8f06c, #5fe08a, #4cc3ff, #b57bff, #ff5e7e) border-box;background-size:100% 100%,300% 300%;border:2px solid #0000;animation:4s linear infinite mythic;box-shadow:0 0 22px #ffdc7873}.talent.mythic .t-rarity{background:linear-gradient(90deg,#ff5e7e,#ffb547,#5fe08a,#4cc3ff,#b57bff);color:#0000;-webkit-background-clip:text;background-clip:text}.chip.mythic{border-color:#ffb547;box-shadow:0 0 8px #ffb54799}@keyframes mythic{to{background-position:0 0,300% 0}}@media (prefers-reduced-motion:reduce){.talent.mythic{animation:none}}.passive-box>summary{cursor:pointer;list-style:none}.passive-box>summary::-webkit-details-marker{display:none}.passive-box>summary:before{content:"▸ "}.passive-box[open]>summary:before{content:"▾ "}.passive-chips{flex-wrap:wrap;gap:6px;margin:4px 0 6px;display:flex}.passive-chip{border:1px solid var(--line);background:var(--surface-2);color:inherit;border-radius:99px;padding:4px 9px;font-size:12px}.passive-chip.on{border-color:var(--accent);background:var(--accent);color:#fff}.passive-detail{margin:2px 0 8px}.passive-locked>summary{cursor:pointer;padding:4px 0}.passive-list{max-height:320px;margin:4px 0;padding:0;list-style:none;overflow-y:auto}.passive-list li{border-bottom:1px dashed var(--line);padding:5px 0;font-size:13px}.book-row{border-bottom:1px dashed var(--line);padding:4px 0}.book-row>summary{cursor:pointer;padding:3px 0}.book-row .chips{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.rar-rare{color:var(--r-rare)}.rar-legendary{color:var(--r-legendary)}.rar-divine{color:var(--r-divine)}.rar-mythic{background:linear-gradient(90deg,#ff5e7e,#ffb547,#5fe08a,#4cc3ff,#b57bff);color:#0000;-webkit-background-clip:text;background-clip:text}.log-more{margin:4px auto 10px;display:block}