:root{--bg: #111315;--bg2: #15181b;--panel: #181b1f;--panel-solid: #181b1f;--panel-2: #1f2328;--line: rgba(212, 168, 74, .38);--line2: #2a2e34;--gold: #d4a84a;--gold2: #f3d58a;--teal: #5fae9e;--blood: #c0392b;--violet: #a77cff;--text: #e8e1d1;--muted: #958e80;--dim: #6b665c;--paper: #eadfc4;--ink: #2b2318;--c-critical: #ffd166;--c-extreme: #c08bff;--c-hard: #5fb3ff;--c-regular: #6fd38a;--c-fail: #9a948a;--c-fumble: #ff4d4d;--serif: "Noto Serif SC", "Songti SC", serif;--sans: "Noto Sans SC", "PingFang SC", system-ui, sans-serif;--display: "Cinzel", "Noto Serif SC", serif;--r: 12px;--shadow: none;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 50% -10%,#1a2027 0%,var(--bg) 60%) fixed,var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}a{color:var(--gold2);text-decoration:none}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:15px;color:var(--text)}::selection{background:#d4a84a59}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:9px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:10px;border:1px solid var(--line2);background:var(--panel-2);color:var(--text);cursor:pointer;font-size:14px;font-weight:500;transition:transform .12s,background .2s,border-color .2s,box-shadow .2s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{border-color:var(--line);background:#222a34}.btn:active{transform:translateY(1px) scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.gold{background:linear-gradient(180deg,#e2b95a,#b88a2e);color:#1d1608;border-color:#f3d58a55;font-weight:700;box-shadow:0 4px 18px #d4a84a40}.btn.gold:hover{box-shadow:0 6px 26px #d4a84a66;background:linear-gradient(180deg,#ecc56a,#c49536)}.btn.danger{background:#3a1714;border-color:#7a2a22;color:#ffb4a8}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--text);background:#ffffff0d}.btn.sm{padding:5px 10px;font-size:13px;border-radius:8px}.btn.lg{padding:12px 26px;font-size:16px;border-radius:12px}.btn.icon{padding:7px;width:36px;height:36px}.input,.textarea,.select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line2);background:#00000059;outline:none;transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus,.select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4a84a26}.textarea{resize:vertical;min-height:80px;line-height:1.6}.label{font-size:12px;color:var(--muted);margin-bottom:4px;display:block;letter-spacing:.04em}.card{background:var(--panel);border:1px solid var(--line2);border-radius:var(--r);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.muted{color:var(--muted)}.dim{color:var(--dim)}.gold{color:var(--gold2)}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.center{display:flex;align-items:center;justify-content:center}.tag{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:12px;background:#ffffff0f;border:1px solid var(--line2);color:var(--muted);white-space:nowrap}.tag.red{background:#c0392b2e;color:#ff9c8f;border-color:#c0392b66}.tag.violet{background:#a77cff29;color:#d2bcff;border-color:#a77cff66}.tag.gold{background:#d4a84a24;color:var(--gold2);border-color:var(--line)}.tag.teal{background:#5fae9e24;color:#9fe0d2;border-color:#5fae9e66}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:12px 0}.title-display{font-family:var(--display);letter-spacing:.08em}.kbd{font-size:11px;padding:1px 6px;border:1px solid var(--line2);border-radius:5px;color:var(--muted)}.scroll{overflow-y:auto;overscroll-behavior:contain}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:var(--gold);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes glow{0%,to{box-shadow:0 0 #d4a84a00}50%{box-shadow:0 0 24px 2px #d4a84a73}}.avatar{border-radius:50%;object-fit:cover;background:#222;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#111;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.typing-dots{display:inline-flex;gap:3px;align-items:center}.typing-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:bounce 1.2s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#040507b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;padding:22px;animation:riseIn .25s}.modal h3{margin:0 0 12px;font-family:var(--serif)}.toasts{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:10px 18px;border-radius:10px;background:var(--panel-solid);border:1px solid var(--line2);box-shadow:var(--shadow);animation:riseIn .25s;font-size:14px}.toast.error{border-color:#7a2a22;color:#ffb4a8}.toast.success{border-color:#2e6b4a;color:#a6f0c2}.landing{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column}.hero{position:relative;padding:72px 20px 40px;text-align:center;overflow:hidden}.hero .bgimg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.28;filter:saturate(.7);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent);animation:kenburns 40s ease-in-out infinite alternate}.hero h1{position:relative;font-family:var(--display);font-size:clamp(34px,6vw,64px);margin:0;letter-spacing:.12em;color:var(--gold2);text-shadow:0 0 40px rgba(212,168,74,.35)}.hero .sub{position:relative;font-family:var(--serif);color:var(--muted);font-size:clamp(14px,2vw,18px);margin-top:8px}.sigil{width:84px;height:84px;margin:0 auto 18px;position:relative;animation:sigil 12s linear infinite}@keyframes sigil{to{transform:rotate(360deg)}}.landing-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;max-width:1100px;margin:0 auto;padding:0 16px 60px;width:100%}.landing-card{padding:22px}.landing-card h2{margin:0 0 4px;font-family:var(--serif);font-size:20px}.landing-card p{margin:0 0 14px;color:var(--muted);font-size:14px}.code-input{font-family:var(--display);font-size:26px;letter-spacing:.4em;text-align:center;text-transform:uppercase}.footer{text-align:center;color:var(--dim);font-size:12px;padding:20px;margin-top:auto}@keyframes kenburns{0%{transform:scale(1.05) translate(0)}to{transform:scale(1.18) translate(-2%,-2%)}}.topnav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 18px;background:#0a0c0fcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line2)}.brand{font-family:var(--display);color:var(--gold2);letter-spacing:.14em;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px}.page{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:22px 16px 60px}.page h1{font-family:var(--serif);font-weight:900;margin:0 0 4px}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.char-card{padding:16px;cursor:pointer;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.char-card:hover{transform:translateY(-3px);border-color:var(--line)}.char-card .portrait{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover;background:#1a1f26;display:block;margin-bottom:10px}.char-card h3{margin:0;font-family:var(--serif)}.new-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;border-style:dashed;color:var(--muted)}.steps{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 18px}.step{padding:6px 12px;border-radius:999px;border:1px solid var(--line2);font-size:13px;color:var(--muted);cursor:pointer;background:#0003}.step.on{border-color:var(--gold);color:var(--gold2);background:#d4a84a1a}.step.done{color:var(--text)}.attr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.attr-box{padding:14px;text-align:center;border-radius:12px;background:#0000004d;border:1px solid var(--line2);position:relative}.attr-box .k{font-size:13px;color:var(--muted)}.attr-box .v{font-family:var(--display);font-size:34px;color:var(--gold2);line-height:1.2}.attr-box .h{font-size:11px;color:var(--dim)}.attr-box.rolling .v{animation:pulse .3s infinite}.skill-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 14px}.skill-row{display:grid;grid-template-columns:1fr 44px 70px 44px;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;font-size:14px}.skill-row.occ{background:#d4a84a12}.skill-row input{width:70px;padding:4px 6px;border-radius:6px;border:1px solid var(--line2);background:#0006;text-align:center}.skill-row .total{font-weight:700;text-align:right;color:var(--gold2)}.pool{position:sticky;top:58px;z-index:5;display:flex;gap:12px;flex-wrap:wrap;padding:10px 14px;margin-bottom:12px}.pool .n{font-family:var(--display);font-size:22px}.pool .n.neg{color:var(--c-fumble)}.occ-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;max-height:420px;overflow:auto;padding-right:4px}.occ-item{padding:10px 12px;border-radius:10px;border:1px solid var(--line2);cursor:pointer;background:#00000040;font-size:14px}.occ-item:hover{border-color:var(--line)}.occ-item.on{border-color:var(--gold);background:#d4a84a1a}.table{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:272px minmax(0,1fr) 360px;grid-template-rows:auto 1fr;z-index:1}.table-top{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--line2);background:#080a0dd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:52px}.table>*{min-width:0}.table-left,.table-right{overflow:hidden;display:flex;flex-direction:column;background:#0c0f13bf}.table-left{border-right:1px solid var(--line2)}.table-right{border-left:1px solid var(--line2)}.table-center{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}.statusbar{display:flex;align-items:center;gap:10px;padding:6px 14px;border-radius:999px;background:#00000073;border:1px solid var(--line2);font-size:14px;max-width:100%;overflow:hidden}.statusbar .dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal);flex-shrink:0}.statusbar.kp .dot{background:var(--gold);box-shadow:0 0 10px var(--gold);animation:pulse 1.2s infinite}.statusbar.wait .dot{background:#ff9f5a;box-shadow:0 0 10px #ff9f5a;animation:pulse .9s infinite}.statusbar.paused .dot{background:var(--muted);box-shadow:none}.statusbar .txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage{position:relative;height:30vh;min-height:170px;max-height:340px;overflow:hidden;flex-shrink:0;border-bottom:1px solid var(--line2);transition:height .4s;background:#07090b}.stage.collapsed{height:54px;min-height:54px}.stage .bg{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background-size:cover;background-position:center;animation:kenburns 50s ease-in-out infinite alternate;transition:opacity 1.2s}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a 30%,#0a0c0ff2),radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6));pointer-events:none}.stage .info{position:absolute;left:18px;bottom:12px;right:18px;z-index:2;display:flex;align-items:flex-end;gap:12px}.stage .scene-title{font-family:var(--serif);font-size:clamp(18px,2.4vw,28px);font-weight:900;text-shadow:0 2px 12px #000;line-height:1.2}.stage .scene-sub{color:#c9c0ab;font-size:13px;text-shadow:0 1px 6px #000}.stage .collapse-btn{position:absolute;top:8px;right:8px;z-index:3}.mood-horror .stage .bg{filter:saturate(.6) contrast(1.1) hue-rotate(-10deg)}.mood-tense .stage .bg{filter:saturate(.8) contrast(1.05)}.feed{flex:1;overflow-y:auto;padding:14px 18px 8px;scroll-behavior:auto}.msg{margin:8px 0;animation:riseIn .3s ease-out;position:relative}.msg:hover .msg-tools{opacity:1}.msg-tools{position:absolute;right:0;top:-10px;opacity:0;transition:opacity .15s;display:flex;gap:2px;z-index:3}.msg-tools button{background:var(--panel-solid);border:1px solid var(--line2);border-radius:8px;padding:1px 6px;cursor:pointer;font-size:14px}.reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.reaction{font-size:13px;padding:0 7px;border-radius:999px;background:#ffffff0f;border:1px solid var(--line2);cursor:pointer;animation:pop .3s}.reaction.mine{border-color:var(--gold);background:#d4a84a1f}.narr{font-family:var(--serif);font-size:16.5px;line-height:1.95;padding:12px 18px 12px 20px;border-left:3px solid var(--gold);background:linear-gradient(90deg,#d4a84a14,#d4a84a03 70%);border-radius:0 12px 12px 0;color:#efe6d2;white-space:pre-wrap}.narr.mood-horror{border-left-color:var(--blood);background:linear-gradient(90deg,rgba(192,57,43,.12),transparent 70%)}.narr.mood-tense{border-left-color:#ff9f5a;background:linear-gradient(90deg,rgba(255,159,90,.08),transparent 70%)}.narr.mood-mystery{border-left-color:var(--violet);background:linear-gradient(90deg,rgba(167,124,255,.08),transparent 70%)}.narr.mood-action{border-left-color:#ff6b4a}.narr.mood-sad{border-left-color:#6d8bb3}.narr.mood-relief{border-left-color:var(--teal)}.narr .who{font-family:var(--sans);font-size:11px;color:var(--gold);letter-spacing:.15em;margin-bottom:2px}.caret{display:inline-block;width:2px;height:1.1em;background:var(--gold2);vertical-align:-2px;margin-left:1px;animation:pulse .8s infinite}.bubble-row{display:flex;gap:10px;align-items:flex-start}.bubble-row.me{flex-direction:row-reverse}.bubble-row.me .bubble-meta{text-align:right}.bubble{padding:9px 14px;border-radius:4px 14px 14px;background:var(--panel-2);border:1px solid var(--line2);max-width:min(620px,82%);white-space:pre-wrap;word-break:break-word}.bubble-row.me .bubble{border-radius:14px 4px 14px 14px}.bubble-meta{font-size:12px;color:var(--muted);margin-bottom:2px}.bubble-meta b{color:var(--text);font-weight:600}.npc .bubble{background:linear-gradient(135deg,#2a2216,#1d1912);border-color:#d4a84a4d;font-family:var(--serif);font-size:15.5px}.npc .bubble-meta b{color:var(--gold2)}.action-line{font-style:italic;color:#cfc6b4;padding:2px 6px 2px 48px}.action-line b{font-style:normal}.ooc-line{font-size:13.5px;color:var(--muted);padding:1px 6px 1px 48px}.ooc-line b{color:#b9b1a1;font-weight:600}.ooc-line.kp b{color:var(--gold)}.whisper-card{border:1px dashed rgba(167,124,255,.55);background:#a77cff12;border-radius:12px;padding:9px 14px;margin-left:48px}.whisper-card .h{font-size:12px;color:#c8b0ff;margin-bottom:2px}.sys-line{text-align:center;font-size:13px;color:var(--muted);margin:10px 0}.sys-line span{padding:3px 12px;border-radius:999px;background:#ffffff0a}.sys-line.subtle{font-size:12px;color:var(--dim);font-style:italic;margin:4px 0}.sys-line.subtle span{background:none}.sys-line.warn span{color:#ffc98a;background:#ff9f5a1a}.sys-line.danger span{color:#ffb0a5;background:#c0392b2e;border:1px solid rgba(192,57,43,.4)}.sys-line.success span{color:#a6f0c2;background:#2e6b4a33}.stat-line{font-size:13px;text-align:center;margin:4px 0}.stat-line .down{color:#ff8c7f}.stat-line .up{color:#8fe0a8}.scene-divider{position:relative;margin:26px 0 18px;border-radius:14px;overflow:hidden;min-height:90px;display:flex;align-items:flex-end;border:1px solid var(--line)}.scene-divider .bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.55}.scene-divider:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000d9,#0003)}.scene-divider .t{position:relative;z-index:1;padding:14px 18px}.scene-divider .t .k{font-size:11px;letter-spacing:.3em;color:var(--gold)}.scene-divider .t .n{font-family:var(--serif);font-size:22px;font-weight:900}.time-line{text-align:center;font-family:var(--serif);color:var(--gold);margin:14px 0;letter-spacing:.1em}.time-line:before,.time-line:after{content:"—— ";color:var(--dim)}.time-line:after{content:" ——"}.image-msg{margin-left:48px;max-width:520px;cursor:zoom-in;border-radius:12px;overflow:hidden;border:1px solid var(--line);position:relative}.image-msg img{display:block;width:100%}.image-msg .cap{position:absolute;left:0;right:0;bottom:0;padding:18px 12px 8px;background:linear-gradient(transparent,#000000d9);font-size:13px}.paper{background:var(--paper);color:var(--ink);font-family:var(--serif);border-radius:4px;padding:16px 18px;box-shadow:0 6px 24px #00000080,inset 0 0 60px #785a2840;position:relative;white-space:pre-wrap;line-height:1.85}.paper h4{margin:0 0 8px;font-size:17px;border-bottom:1px solid rgba(43,35,24,.25);padding-bottom:6px}.handout-msg{margin-left:48px;max-width:520px;cursor:pointer;transform:rotate(-.6deg);transition:transform .2s}.handout-msg:hover{transform:rotate(0) scale(1.01)}.clue-msg{margin-left:48px;max-width:560px;display:flex;gap:12px;padding:10px 14px;border-radius:12px;border:1px solid rgba(95,174,158,.45);background:#5fae9e14}.clue-msg .ic{font-size:22px}.combat-line{text-align:center;margin:10px 0;font-weight:700;color:#ff9c8f;letter-spacing:.06em}.roll-card{margin-left:48px;max-width:460px;border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,#171c23,#12161b);border:1px solid var(--line2);position:relative;overflow:hidden}.roll-card .head{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.roll-card .head b{color:var(--text)}.roll-card .main{display:flex;align-items:center;gap:14px;margin-top:6px}.roll-card .num{font-family:var(--display);font-size:40px;font-weight:700;line-height:1;min-width:74px;text-align:center}.roll-card .lvl{font-size:18px;font-weight:900;font-family:var(--serif)}.roll-card .meta{font-size:12px;color:var(--muted)}.roll-card .bar{position:relative;height:8px;border-radius:6px;background:#ffffff0f;margin-top:10px;overflow:visible}.roll-card .bar .z{position:absolute;top:0;bottom:0;border-radius:6px}.roll-card .bar .ptr{position:absolute;top:-5px;width:3px;height:18px;border-radius:2px;background:#fff;box-shadow:0 0 8px #fff;transform:translate(-50%);animation:pop .4s}.roll-card .dice-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.roll-card .die{font-size:11px;padding:1px 6px;border-radius:5px;background:#ffffff12;font-family:monospace}.roll-card .die.dropped{opacity:.35;text-decoration:line-through}.roll-card.lv-critical{border-color:var(--c-critical);box-shadow:0 0 30px #ffd16640;animation:glow 2s 2}.roll-card.lv-critical .num,.roll-card.lv-critical .lvl{color:var(--c-critical)}.roll-card.lv-extreme{border-color:#c08bff99}.roll-card.lv-extreme .num,.roll-card.lv-extreme .lvl{color:var(--c-extreme)}.roll-card.lv-hard{border-color:#5fb3ff80}.roll-card.lv-hard .num,.roll-card.lv-hard .lvl{color:var(--c-hard)}.roll-card.lv-regular{border-color:#6fd38a73}.roll-card.lv-regular .num,.roll-card.lv-regular .lvl{color:var(--c-regular)}.roll-card.lv-fail .num,.roll-card.lv-fail .lvl{color:var(--c-fail)}.roll-card.lv-fumble{border-color:var(--c-fumble);background:linear-gradient(135deg,#2a1212,#140c0c)}.roll-card.lv-fumble .num,.roll-card.lv-fumble .lvl{color:var(--c-fumble)}.roll-card.lv-fumble:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' preserveAspectRatio='none'><path d='M120 0 L110 30 L125 45 L100 70 L112 100' stroke='rgba(255,77,77,0.35)' stroke-width='1.2' fill='none'/><path d='M110 30 L90 38 M125 45 L150 50' stroke='rgba(255,77,77,0.25)' stroke-width='0.8' fill='none'/></svg>") no-repeat center / cover;pointer-events:none}.roll-card.hidden-roll{border-style:dashed;opacity:.85}.roll-card .rolling{display:flex;align-items:center;gap:10px;color:var(--muted);padding:8px 0}.roll-card .actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.req-card{margin-left:48px;max-width:520px;border-radius:14px;padding:12px 14px;border:1px solid var(--line);background:linear-gradient(135deg,#d4a84a1a,#d4a84a05)}.req-card.mine.pending{animation:glow 2s infinite;border-color:var(--gold)}.req-card .skill{font-family:var(--serif);font-size:18px;font-weight:900;color:var(--gold2)}.req-card.done{opacity:.6}.sanity-req .skill{color:#c8b0ff}.composer{padding:10px 14px 12px;border-top:1px solid var(--line2);background:#0a0c0fe6}.composer .modes{display:flex;gap:4px;margin-bottom:6px;align-items:center;flex-wrap:wrap}.mode-btn{padding:3px 10px;border-radius:999px;font-size:12.5px;border:1px solid var(--line2);background:transparent;color:var(--muted);cursor:pointer}.mode-btn.on{color:#1d1608;background:var(--gold);border-color:var(--gold);font-weight:700}.mode-btn.on.ooc{background:#8f8a7e;border-color:#8f8a7e}.mode-btn.on.action{background:#7fb6a9;border-color:#7fb6a9}.mode-btn.on.whisper{background:var(--violet);border-color:var(--violet)}.composer .box{display:flex;gap:8px;align-items:flex-end}.composer textarea{flex:1;resize:none;min-height:44px;max-height:160px;padding:11px 14px;border-radius:12px;border:1px solid var(--line2);background:#0006;outline:none;line-height:1.5}.composer textarea:focus{border-color:var(--gold)}.mic{position:relative}.mic.rec{background:#5a1a14;border-color:#c0392b;color:#ffb4a8;animation:glow 1s infinite}.mic.rec:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:12px;border:2px solid rgba(192,57,43,.6);animation:ping 1.2s infinite}@keyframes ping{0%{transform:scale(.9);opacity:1}to{transform:scale(1.3);opacity:0}}.emoji-pop{position:absolute;bottom:64px;right:14px;z-index:30;padding:10px;width:320px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-pop button{font-size:22px;background:none;border:none;cursor:pointer;border-radius:8px;padding:4px}.emoji-pop button:hover{background:#ffffff14;transform:scale(1.15)}.panel-h{padding:12px 14px 8px;font-size:12px;letter-spacing:.18em;color:var(--gold);display:flex;align-items:center;gap:8px}.party{padding:0 10px 10px;display:flex;flex-direction:column;gap:8px}.pcard{padding:10px;border-radius:12px;background:#ffffff08;border:1px solid var(--line2);position:relative;transition:border-color .3s,box-shadow .3s;cursor:pointer}.pcard:hover{border-color:var(--line)}.pcard.active{border-color:var(--gold);box-shadow:0 0 18px #d4a84a33}.pcard.offline{opacity:.55}.pcard.dead{filter:grayscale(1)}.pcard .top{display:flex;gap:10px;align-items:center}.pcard .nm{font-weight:700;font-size:14.5px;line-height:1.2}.pcard .pl{font-size:12px;color:var(--muted)}.pcard .online{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:#3ecf7a;box-shadow:0 0 6px #3ecf7a}.pcard.offline .online{background:#555;box-shadow:none}.statbar{display:grid;grid-template-columns:30px 1fr 52px;align-items:center;gap:6px;font-size:11.5px;margin-top:4px}.statbar .track{height:6px;border-radius:4px;background:#ffffff12;overflow:hidden}.statbar .fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.2,.8,.2,1)}.statbar .v{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.fill.hp{background:linear-gradient(90deg,#a93226,#e74c3c)}.fill.san{background:linear-gradient(90deg,#5b3fa8,#a77cff)}.fill.mp{background:linear-gradient(90deg,#1f6f8b,#4fc3e8)}.fill.luck{background:linear-gradient(90deg,#9c7a2c,#e2c06a)}.pcard .badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.pcard.hit{animation:hit .6s}@keyframes hit{0%,to{transform:none}20%{transform:translate(-5px);box-shadow:0 0 20px #e74c3c99;border-color:#e74c3c}40%{transform:translate(4px)}60%{transform:translate(-3px)}}.pcard.sanhit{animation:sanhit 1.2s}@keyframes sanhit{0%,to{filter:none}30%{filter:hue-rotate(90deg) saturate(2) blur(.6px);box-shadow:0 0 22px #a77cffb3}}.kp-card{margin:0 10px 8px;padding:10px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(135deg,#d4a84a1f,#0000001a);display:flex;gap:10px;align-items:center}.kp-card .act{font-size:12.5px;color:var(--gold2);min-height:18px}.tabs{display:flex;gap:0;padding:8px 6px 0;border-bottom:1px solid var(--line2);overflow-x:auto;scrollbar-width:none}.tab{flex:1 0 auto;padding:8px 7px;font-size:13px;white-space:nowrap;text-align:center;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;background:none;border-top:none;border-left:none;border-right:none;position:relative}.tab.on{color:var(--gold2);border-bottom-color:var(--gold)}.tab .badge{position:absolute;top:2px;right:6px;min-width:16px;height:16px;border-radius:8px;background:var(--blood);color:#fff;font-size:10px;line-height:16px;padding:0 4px}.tab-body{flex:1;overflow-y:auto;padding:12px}.sheet-head{display:flex;gap:12px;align-items:center}.sheet-attrs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.sheet-attr{text-align:center;padding:6px 2px;border-radius:8px;background:#0000004d;border:1px solid var(--line2);cursor:pointer;transition:border-color .2s}.sheet-attr:hover{border-color:var(--gold)}.sheet-attr .k{font-size:11px;color:var(--muted)}.sheet-attr .v{font-family:var(--display);font-size:19px;color:var(--gold2)}.sheet-attr .s{font-size:10px;color:var(--dim)}.skill-list{display:grid;grid-template-columns:1fr 1fr;gap:3px}.skill-chip{display:flex;justify-content:space-between;padding:4px 8px;border-radius:7px;font-size:13px;cursor:pointer;background:#ffffff06;border:1px solid transparent}.skill-chip:hover{border-color:var(--line);background:#d4a84a14}.skill-chip b{color:var(--gold2);font-variant-numeric:tabular-nums}.skill-chip.trained{background:#d4a84a0d}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:zoom-in;border:1px solid var(--line2)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#000000e0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;animation:fadeIn .4s;cursor:zoom-out}.lightbox img{max-width:94vw;max-height:82vh;border-radius:10px;box-shadow:0 20px 80px #000c;animation:develop 1.6s ease-out}@keyframes develop{0%{filter:brightness(0) blur(12px);transform:scale(.96)}40%{filter:brightness(.5) blur(4px) sepia(.8)}to{filter:none;transform:none}}.lightbox .cap{margin-top:14px;font-family:var(--serif);font-size:17px;color:var(--paper);text-align:center;max-width:720px}.dice-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none}#dice-box{position:absolute;top:0;right:0;bottom:0;left:0}#dice-box canvas{width:100%!important;height:100%!important}.dice-result{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;animation:pop .45s cubic-bezier(.2,1.4,.4,1)}.dice-result .who{font-size:14px;color:#ddd;text-shadow:0 2px 8px #000}.dice-result .n{font-family:var(--display);font-size:96px;font-weight:700;line-height:1;text-shadow:0 4px 30px rgba(0,0,0,.9),0 0 40px currentColor}.dice-result .l{font-family:var(--serif);font-size:30px;font-weight:900;text-shadow:0 2px 16px #000}.dice-result .t{font-size:13px;color:#ccc;text-shadow:0 1px 6px #000}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none}.fx-damage{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 160px 40px #c81414bf;animation:fxfade 1.4s ease-out forwards}.fx-heal{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 140px 30px #3cc87866;animation:fxfade 1.6s ease-out forwards}.fx-sanity{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:hue-rotate(70deg) saturate(1.8) blur(1.5px);backdrop-filter:hue-rotate(70deg) saturate(1.8) blur(1.5px);background:radial-gradient(circle,transparent 30%,rgba(80,20,120,.45));animation:fxwarp 2.4s ease-out forwards}.fx-insanity{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:invert(.85) hue-rotate(180deg) blur(2px);backdrop-filter:invert(.85) hue-rotate(180deg) blur(2px);animation:fxinsane 2.8s steps(12) forwards}.fx-insanity .txt,.fx-flash .txt,.fx-death .txt,.fx-critical .txt{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:var(--serif);font-weight:900;font-size:clamp(32px,6vw,72px);letter-spacing:.2em;text-shadow:0 0 30px #000;white-space:nowrap}.fx-insanity .txt{color:#d8b8ff;animation:glitch .25s infinite}.fx-death{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#0006,#000000f2);animation:fxfade 3s ease-in forwards}.fx-death .txt{color:#a33}.fx-critical{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,209,102,.35),transparent 55%);animation:fxfade 1.8s ease-out forwards}.fx-fumble{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent 40%,rgba(120,0,0,.55));animation:fxfade 1.6s ease-out forwards}.fx-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#ff3c2826;animation:fxfade 1.5s ease-out forwards}.fx-flash .txt{color:#ff8c7f}.fx-scene{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;animation:fxscene 2.6s ease-in-out forwards;display:flex;align-items:center;justify-content:center}.fx-scene .txt{font-family:var(--serif);font-size:clamp(26px,4vw,48px);font-weight:900;color:var(--paper);letter-spacing:.25em;animation:fxscenetxt 2.6s ease-in-out forwards;text-align:center;padding:0 20px}.shake{animation:shake .5s}.shake-hard{animation:shake .8s 2}@keyframes shake{0%,to{transform:none}15%{transform:translate(-8px,3px) rotate(-.3deg)}30%{transform:translate(7px,-4px)}45%{transform:translate(-6px,2px) rotate(.2deg)}60%{transform:translate(5px,3px)}75%{transform:translate(-3px,-2px)}}@keyframes fxfade{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes fxwarp{0%{opacity:0;transform:scale(1.04)}20%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes fxinsane{0%{opacity:0}10%{opacity:1}20%{opacity:.2}30%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes glitch{0%{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% + 3px),calc(-50% - 2px)) skew(8deg)}50%{transform:translate(calc(-50% - 3px),calc(-50% + 1px))}75%{transform:translate(-50%,calc(-50% + 2px)) skew(-6deg)}}@keyframes fxscene{0%{opacity:0}20%{opacity:.92}75%{opacity:.92}to{opacity:0}}@keyframes fxscenetxt{0%{opacity:0;letter-spacing:.6em}30%{opacity:1;letter-spacing:.25em}75%{opacity:1}to{opacity:0}}.emote-float{position:fixed;bottom:90px;z-index:85;pointer-events:none;font-size:40px;animation:floatup 3.4s ease-out forwards;text-align:center}.emote-float small{display:block;font-size:11px;color:#ddd;text-shadow:0 1px 4px #000}@keyframes floatup{0%{transform:translateY(0) scale(.5);opacity:0}15%{transform:translateY(-40px) scale(1.2);opacity:1}to{transform:translateY(-360px) scale(1) rotate(12deg);opacity:0}}.prompt-banner{position:absolute;left:50%;bottom:120px;transform:translate(-50%);z-index:40;padding:14px 18px;display:flex;gap:14px;align-items:center;animation:riseIn .35s,glow 2s infinite;border-color:var(--gold);max-width:calc(100% - 24px)}.img-jobs{position:absolute;top:10px;left:10px;z-index:5;display:flex;flex-direction:column;gap:6px}.img-job{padding:6px 10px;border-radius:10px;background:#000000b3;border:1px solid var(--line);font-size:12px;display:flex;gap:8px;align-items:center;min-width:180px}.img-job .pbar{flex:1;height:4px;border-radius:2px;background:#ffffff1a;overflow:hidden}.img-job .pbar i{display:block;height:100%;background:var(--gold);transition:width .4s}.paused-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#05060899;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-family:var(--serif)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.kv{display:grid;grid-template-columns:110px 1fr;gap:4px 10px;font-size:14px}.kv .k{color:var(--muted)}pre.mono{white-space:pre-wrap;font-size:12.5px;background:#00000059;padding:10px;border-radius:8px;border:1px solid var(--line2);max-height:360px;overflow:auto}.switch{position:relative;width:38px;height:22px;border-radius:11px;background:#333;cursor:pointer;transition:background .2s;flex-shrink:0;border:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#ddd;transition:transform .2s}.switch.on{background:var(--gold)}.switch.on:after{transform:translate(16px);background:#1d1608}.mobile-tabs{display:none}@media (max-width: 1180px){.table{grid-template-columns:230px minmax(0,1fr) 320px}}@media (max-width: 960px){.table{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.hide-m{display:none!important}.table-top{padding:6px 8px;gap:6px}.composer{padding:8px 8px 10px}.composer .box{gap:6px}.composer .btn.gold{padding:8px 12px}.bubble{max-width:100%}.prompt-banner{bottom:100px;flex-wrap:wrap;justify-content:center;text-align:center}.table-left,.table-right{display:none}.table-left.mshow,.table-right.mshow{display:flex;position:fixed;top:52px;right:0;bottom:56px;left:0;z-index:60;background:var(--bg2)}.mobile-tabs{display:flex;grid-column:1 / -1;border-top:1px solid var(--line2);background:#080a0df2;padding-bottom:env(safe-area-inset-bottom)}.mobile-tabs button{flex:1;padding:10px 4px;background:none;border:none;color:var(--muted);font-size:12px;position:relative}.mobile-tabs button.on{color:var(--gold2)}.stage{height:22vh;min-height:120px}.action-line,.ooc-line{padding-left:6px}.roll-card,.req-card,.image-msg,.handout-msg,.clue-msg,.whisper-card{margin-left:0}.feed{padding:10px 10px 6px}.narr{font-size:15.5px;padding:10px 12px 10px 14px}.table-top .hide-m{display:none}.dice-result .n{font-size:72px}}.pcard-net{position:absolute;top:8px;right:8px}.ping{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:0 6px;border-radius:999px;background:#ffffff0d;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.ping i{width:6px;height:6px;border-radius:50%;background:var(--muted)}.ping.good{color:#8fe0a8}.ping.good i{background:#3ecf7a;box-shadow:0 0 6px #3ecf7a}.ping.ok{color:#ffd88a}.ping.ok i{background:#f0b43c}.ping.bad{color:#ff9c8f}.ping.bad i{background:#e74c3c}.ping.ai{color:#9fe0d2;background:#5fae9e1f}.ping.off{color:#777}.table-top .ping{font-size:12px;padding:2px 8px}.pcard .top{padding-right:56px}.editor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.editor-grid label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:2px}.editor-grid input,.editor-grid select{padding:6px 8px;border-radius:8px;border:1px solid var(--line2);background:#00000059}.sk-edit{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 10px}.sk-edit div{display:flex;align-items:center;gap:4px;font-size:13px}.sk-edit span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sk-edit input{width:52px;padding:3px 4px;border-radius:6px;border:1px solid var(--line2);background:#00000059;text-align:center}.section-t{font-family:var(--serif);font-weight:700;margin:14px 0 6px;color:var(--gold2)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stat-grid>div{padding:8px 10px;border-radius:10px;background:#0000004d;border:1px solid var(--line2)}.stat-grid b{display:block;font-family:var(--display);font-size:18px;color:var(--gold2)}.stat-grid .warn b{color:var(--c-fumble)}.conn-banner{display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:13.5px;border-bottom:1px solid var(--line2);flex-wrap:wrap}.conn-banner.bad{background:#c0392b38;color:#ffc0b6}.conn-banner.warn{background:#f0b43c1f;color:#ffe0a0}.image-msg.lite-ph{padding:14px 16px;background:#ffffff0a;cursor:pointer;font-size:14px}.align-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.align-cell{padding:8px 2px;border-radius:8px;border:1px solid var(--line2);background:#0000004d;color:var(--muted);font-size:12.5px;cursor:pointer}.align-cell:hover{border-color:var(--line);color:var(--text)}.align-cell.on{border-color:var(--gold);background:#d4a84a26;color:var(--gold2);font-weight:700}.recap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:radial-gradient(1000px 600px at 50% 30%,#1d2430,#07090c 70%);display:flex;flex-direction:column;animation:fadeIn .5s;overflow:hidden}.recap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(212,168,74,.08),transparent 40%),radial-gradient(circle at 80% 20%,rgba(167,124,255,.08),transparent 40%);pointer-events:none}.recap-progress{height:3px;background:#ffffff0f}.recap-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--violet));transition:width .6s}.recap-slide{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;animation:slideIn .7s cubic-bezier(.2,.8,.2,1);position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:none}}.recap-ctrl{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-top:1px solid var(--line2);background:#0006;flex-wrap:wrap}.recap-kicker{font-size:12px;letter-spacing:.35em;color:var(--gold);animation:fadeIn .6s both}.recap-title{font-family:var(--serif);font-weight:900;font-size:clamp(34px,6vw,72px);color:var(--gold2);text-shadow:0 0 40px rgba(212,168,74,.35);animation:titleIn 1s cubic-bezier(.2,1.2,.3,1) both;text-align:center}@keyframes titleIn{0%{opacity:0;letter-spacing:.5em;filter:blur(8px)}to{opacity:1;filter:none}}.recap-sub{font-family:var(--serif);font-size:22px;color:var(--muted);letter-spacing:.4em;animation:fadeIn 1s .5s both}.recap-h{font-family:var(--serif);font-size:clamp(22px,3.4vw,34px);font-weight:900;text-align:center}.recap-big-emoji{font-size:72px;filter:drop-shadow(0 0 30px rgba(255,209,102,.4))}.spin-slow{animation:spin 4s linear infinite}.recap-totals{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:14px}.recap-total{padding:18px 12px;text-align:center;border-radius:16px;background:#ffffff0a;border:1px solid var(--line2);animation:riseIn .6s both}.recap-total .n{font-family:var(--display);font-size:44px;color:var(--gold2)}.recap-total .u{font-size:14px;color:var(--muted);margin-left:4px}.recap-total .k{font-size:13px;color:var(--muted);margin-top:4px}.recap-story{font-family:var(--serif);font-size:clamp(17px,2.2vw,22px);line-height:2;white-space:pre-wrap;text-align:left}.recap-comment{font-family:var(--serif);font-size:18px;line-height:1.9;padding:16px 20px;border-left:3px solid var(--gold);background:#d4a84a0f;border-radius:0 12px 12px 0;text-align:left;min-height:80px}.recap-badge{font-family:var(--serif);font-size:26px;font-weight:900;color:#1d1608;background:linear-gradient(180deg,#f3d58a,#c9973a);padding:6px 22px;border-radius:999px;box-shadow:0 6px 30px #d4a84a66}@keyframes badgeIn{0%{opacity:0;transform:scale(2.4) rotate(-8deg)}70%{opacity:1;transform:scale(.95) rotate(2deg)}to{transform:none}}.podium{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:10px}.podium-row{display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:14px;background:#ffffff08;border:1px solid var(--line2);min-height:64px;transition:all .5s}.podium-row .rk{font-size:28px}.podium-row .nm{flex:1;font-size:18px;font-weight:700}.podium-row .val{font-family:var(--display);font-size:26px;color:var(--gold2)}.podium-row.on{animation:podiumIn .6s cubic-bezier(.2,1.4,.4,1) both}.podium-row.r1.on{background:linear-gradient(90deg,#ffd1662e,#ffd16608);border-color:var(--c-critical);box-shadow:0 0 40px #ffd16640;transform:scale(1.04)}.podium-row.r1.on .nm{font-size:22px}@keyframes podiumIn{0%{opacity:0;transform:translate(-40px) scale(.9)}to{opacity:1;transform:none}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.confetti i{position:absolute;top:-20px;border-radius:2px;animation:confetti linear forwards}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(var(--rot));opacity:.8}}.flip-card{width:min(520px,90vw);height:180px;perspective:1000px;position:relative}.flip-card .face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:18px;backface-visibility:hidden;transition:transform 1s cubic-bezier(.3,1.3,.4,1);border:1px solid var(--line);font-family:var(--serif);font-weight:900;text-align:center;padding:0 16px}.flip-card .front{background:linear-gradient(135deg,#2a2216,#14110c);font-size:70px}.flip-card .back{background:linear-gradient(135deg,#3a2a10,#1d1608);color:var(--gold2);font-size:clamp(22px,4vw,34px);transform:rotateY(180deg);box-shadow:0 0 50px #d4a84a4d}.flip-card.on .front{transform:rotateY(-180deg)}.flip-card.on .back{transform:rotateY(0)}.vote-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;width:100%}.vote-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border-radius:16px;border:1px solid var(--line2);background:#ffffff08;color:var(--text);cursor:pointer;transition:transform .2s,border-color .2s}.vote-card:hover:not(:disabled){transform:translateY(-4px);border-color:var(--gold)}.vote-card:disabled{opacity:.5;cursor:default}.vote-flip-area{min-height:110px;display:flex;align-items:center;justify-content:center}.vote-ticket{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 26px;border-radius:14px;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:20px;animation:ticketIn .7s cubic-bezier(.2,1.4,.4,1);box-shadow:0 10px 40px #0009}.vote-ticket .gold{color:#8a5a00;font-size:26px}.vote-ticket .dim{color:#6b5a40}@keyframes ticketIn{0%{transform:rotateX(90deg) scale(.6);opacity:0}to{transform:none;opacity:1}}.vote-bars{width:100%;display:flex;flex-direction:column;gap:8px}.vote-bar{display:grid;grid-template-columns:36px 120px 1fr 36px;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;transition:all .5s}.vote-bar .track{height:14px;border-radius:8px;background:#ffffff0f;overflow:hidden}.vote-bar .track i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#ffe9a8);transition:width .8s cubic-bezier(.2,1.3,.4,1)}.vote-bar b{font-family:var(--display);font-size:22px;color:var(--gold2);text-align:right}.vote-bar.mvp{background:#ffd1661f;box-shadow:0 0 30px #ffd16640}.mvp-banner{position:relative;text-align:center;animation:pop .8s cubic-bezier(.2,1.4,.4,1)}.mvp-banner .crown{font-size:80px;animation:crown 1.2s ease-out}@keyframes crown{0%{transform:translateY(-200px) rotate(-30deg);opacity:0}60%{transform:translateY(10px) rotate(8deg);opacity:1}to{transform:none}}.recap-return{position:fixed;right:16px;bottom:90px;z-index:110}@media (max-width: 960px){.recap-totals{grid-template-columns:repeat(2,1fr)}.vote-bar{grid-template-columns:30px 80px 1fr 30px}}body{background:var(--bg)}body:before{display:none}.card{background:var(--panel);border:1px solid var(--line2);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.btn{background:#22262b;border:1px solid #31363d;border-radius:8px;transition:background .15s,border-color .15s,color .15s;box-shadow:none}.btn:active{transform:none}.btn.gold{background:var(--gold);color:#17130a;border-color:var(--gold);box-shadow:none;font-weight:600}.btn.gold:hover{background:#e2bb62;border-color:#e2bb62;box-shadow:none}.btn.danger{background:transparent;border-color:#6e2b25;color:#ff9c8f}.btn.danger:hover{background:#c0392b1f}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:#22262b}.input,.textarea,.select{background:#121417;border:1px solid #31363d;border-radius:8px;color:var(--text)}.input:focus,.textarea:focus,.select:focus{border-color:var(--gold);box-shadow:none}select,.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#121417;color:var(--text);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' stroke='%23a59e90' stroke-width='1.6' fill='none' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px!important}select option,select optgroup{background:#1b1e22;color:#e8e1d1}.modal-back{background:#08090bb8;-webkit-backdrop-filter:none;backdrop-filter:none}.toast{background:#1f2328;box-shadow:none}.tag{background:#1f2328;border-color:#2f343a}.topnav{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}.hero h1{text-shadow:none}.hero .bgimg{opacity:.16}.char-card:hover{transform:none;border-color:#3b4149}.attr-box{background:#15181b}.table-top{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}.table-left,.table-right{background:#15181b}.statusbar{background:#1a1d21}.statusbar .dot,.statusbar.kp .dot,.statusbar.wait .dot{box-shadow:none}.narr{background:#181b1f;border-left-width:3px;border-radius:0 10px 10px 0}.narr.mood-horror,.narr.mood-tense,.narr.mood-mystery{background:#181b1f}.bubble{background:#1f2328;border-color:#2a2e34}.npc .bubble{background:#211d16;border-color:#3a3220}.whisper-card{background:#1b1822;border-style:solid;border-color:#3d3352}.roll-card{background:#181b1f;border-color:#2a2e34}.roll-card.lv-critical{box-shadow:none;animation:none}.roll-card.lv-fumble{background:#1d1515}.req-card{background:#1b1912;border-color:#3a3220}.req-card.mine.pending{animation:none;border-color:var(--gold)}.clue-msg{background:#141c1a}.paper{box-shadow:none}.pcard{background:#1a1d21;border-color:#2a2e34}.pcard.active{box-shadow:none;border-color:var(--gold)}.kp-card{background:#1d1a14;border-color:#3a3220}.composer{background:#15181b}.composer textarea{background:#121417;border-color:#31363d}.prompt-banner{animation:riseIn .3s;background:#1d1a14}.mode-btn{border-color:#31363d}.sheet-attr{background:#15181b}.skill-chip{background:#1a1d21}.emoji-pop,.img-job{background:#1b1e22}.scene-divider{border-color:#2a2e34}.dice-result .n{text-shadow:0 4px 24px rgba(0,0,0,.9)}.recap{background:#101214}.recap:before{display:none}.recap-title{text-shadow:none}.recap-total{background:#181b1f}.recap-badge{box-shadow:none;background:var(--gold2)}.podium-row{background:#181b1f}.podium-row.r1.on{box-shadow:none;background:#221d12}.vote-card{background:#181b1f}.vote-bar.mvp{box-shadow:none;background:#221d12}.flip-card .back{box-shadow:none}.conn-banner.bad{background:#2a1714}.conn-banner.warn{background:#262012}.builder{max-width:1280px}.builder-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.room-chip{font-size:13px;padding:6px 12px;border-radius:8px;background:#1d1a14;border:1px solid #3a3220;color:var(--gold2)}.stepbar{display:flex;gap:4px;margin:18px 0;flex-wrap:wrap}.stepbar-item{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;border:1px solid #2a2e34;background:#16191c;color:var(--muted);cursor:pointer;font-size:14px}.stepbar-item .num{width:20px;height:20px;border-radius:50%;background:#2a2e34;color:var(--text);font-size:12px;display:inline-flex;align-items:center;justify-content:center}.stepbar-item.on{border-color:var(--gold);color:var(--text);background:#1d1a14}.stepbar-item.on .num{background:var(--gold);color:#17130a}.stepbar-item.bad .num{background:#6e2b25;color:#fff}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.builder-side{position:sticky;top:70px;display:flex;flex-direction:column;gap:12px}.side-card{background:var(--panel);border:1px solid var(--line2);border-radius:10px;padding:14px}.side-attrs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.side-attrs div{background:#15181b;border-radius:6px;padding:5px 8px;display:flex;justify-content:space-between;font-size:13px}.side-attrs span{color:var(--muted)}.side-derived{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:10px;font-size:13px;color:var(--muted)}.side-derived b{color:var(--text)}.note{font-size:12.5px;padding:8px 10px;border-radius:8px;margin-top:10px}.note.warn{background:#262012;color:#ffd88a;border:1px solid #4a3c1a}.issue{display:block;width:100%;text-align:left;font-size:13px;padding:6px 8px;margin-top:4px;border-radius:6px;border:none;cursor:pointer;background:transparent;color:var(--text)}.issue:hover{background:#1f2328}.issue.error{color:#ff9c8f}.issue.warn{color:#ffd88a}.ok-line{color:#8fe0a8;font-size:14px}.pool-meter{margin-bottom:8px;font-size:13.5px}.pool-meter b{margin:0 4px}.pool-meter b.neg{color:var(--c-fumble)}.pool-meter b.zero{color:#8fe0a8}.meter{position:relative;height:6px;border-radius:4px;background:#2a2e34;margin-top:5px}.meter i{display:block;height:100%;border-radius:4px;background:var(--gold);transition:width .3s}.meter em{position:absolute;top:-3px;width:2px;height:12px;background:#8a8478}.step-card{background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:20px}.step-card h2{font-family:var(--serif);margin:0 0 6px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.form-grid.one{grid-template-columns:1fr}.field{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}.hint{margin-top:14px;font-size:13px;color:var(--muted);padding:10px 12px;background:#15181b;border-radius:8px}.brief-card{background:#1d1a14;border:1px solid #3a3220;border-radius:10px;padding:14px 16px;margin-bottom:16px;font-size:14px;line-height:1.8}.brief-card b{color:var(--gold2);font-weight:600}.brief-card ul{margin:2px 0 4px;padding-left:20px}.roll-panel{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.roll-history{margin-bottom:12px;display:flex;flex-direction:column;gap:3px}.old-roll{font-size:12px;color:#6f6a60;text-decoration:line-through}.attr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.attr-cards.rolling .v{animation:pulse .25s infinite}.attr-card{background:#15181b;border:1px solid #2a2e34;border-radius:10px;padding:12px 14px}.attr-card .k{font-size:13px}.attr-card .v{font-family:var(--display);font-size:34px;color:var(--gold2);line-height:1.25}.attr-card .sub{font-size:11.5px}.age-panel{margin-top:16px;padding:14px;border-radius:10px;background:#15181b;display:flex;flex-direction:column;gap:12px}.stepper{display:inline-flex;align-items:stretch;border:1px solid #31363d;border-radius:8px;overflow:hidden;background:#121417;height:32px}.stepper button{width:30px;border:none;background:#1f2328;color:var(--text);font-size:16px;cursor:pointer}.stepper button:hover:not(:disabled){background:#2a2f35}.stepper button:disabled{color:#4b4f55;cursor:default}.stepper input{width:46px;border:none;background:transparent;text-align:center;color:var(--text);font-variant-numeric:tabular-nums;outline:none}.stepper.disabled{opacity:.45}.occ-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px}.occ-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;max-height:520px;overflow:auto;margin-top:10px}.occ-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:9px 11px;border-radius:8px;border:1px solid #2a2e34;background:#15181b;color:var(--text);cursor:pointer;font-size:14px}.occ-item span{font-size:12px}.occ-item:hover{border-color:#3b4149}.occ-item.on{border-color:var(--gold);background:#1d1a14}.chip{padding:4px 10px;border-radius:999px;border:1px solid #31363d;background:#1f2328;color:var(--text);cursor:pointer;font-size:13px}.chip.on{background:var(--gold);color:#17130a;border-color:var(--gold)}.choice-group{margin-top:14px}.skills-top{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end;padding-bottom:14px;border-bottom:1px solid #2a2e34}.cap-note{font-size:13px;color:var(--muted);padding:6px 10px;background:#15181b;border-radius:8px}.cap-note b{color:var(--gold2)}.cr-box{margin:14px 0;padding:12px 14px;border-radius:10px;background:#15181b}.cr-box input[type=range]{width:100%;accent-color:var(--gold);margin:8px 0 4px}.sk-table{display:flex;flex-direction:column}.sk-head,.sk-row{display:grid;grid-template-columns:minmax(150px,1fr) 128px 128px 150px;gap:12px;align-items:center}.sk-head{font-size:12px;color:var(--muted);padding:8px 0;border-bottom:1px solid #2a2e34}.sk-row{padding:7px 0;border-bottom:1px solid #1f2328}.sk-row.bad .sk-name{color:#ff9c8f}.sk-name{font-size:14px}.sk-name .dim{font-size:12px;margin-left:6px}.sk-na{padding-left:50px}.sk-total{display:flex;align-items:center;gap:10px}.sk-total b{width:28px;text-align:right;font-variant-numeric:tabular-nums;color:var(--gold2)}.sk-total .meter{flex:1;margin-top:0}.bg-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px}.gear-row{display:flex;gap:10px;align-items:center;padding:6px 10px;background:#15181b;border-radius:8px}.gear-row .dim{flex:1;font-size:13px}@media (max-width: 980px){.builder-grid,.occ-layout,.bg-layout{grid-template-columns:minmax(0,1fr)}.builder-side{position:static;order:-1}.skills-top{grid-template-columns:1fr}.sk-head,.sk-row{grid-template-columns:minmax(90px,1fr) 118px 118px}.sk-head span:last-child,.sk-total .meter{display:none}.sk-total{grid-column:1 / -1}}.builder-pill{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:10px;border:1px dashed #3a3220;background:#1a1812;color:var(--text);cursor:pointer;font-size:13px;text-align:left}.builder-pill:hover{border-color:var(--gold)}.builder-pill .typing-dots{color:var(--gold)}.review-badge{display:inline-block;margin-top:3px;font-size:11px;padding:1px 7px;border-radius:999px}.review-badge.approved{background:#15241c;color:#8fe0a8}.review-badge.pending{background:#262012;color:#ffd88a}.review-badge.needs_changes{background:#2a1714;color:#ff9c8f}.spectate-banner{padding:9px 14px;background:#1e1a2a;color:#d2bcff;font-size:13.5px;border-bottom:1px solid #3d3352}.table.spectating .table-top{box-shadow:inset 0 -2px #7c5cd6}.table.spectating:after{content:"观战中";position:fixed;right:14px;bottom:80px;z-index:50;padding:4px 10px;border-radius:999px;background:#3d3352;color:#e6dcff;font-size:12px;pointer-events:none}.review-panel{padding:12px;border-radius:10px;margin-bottom:12px;border:1px solid #2a2e34;background:#181b1f;font-size:13.5px}.review-panel.approved{border-color:#2e5a42}.review-panel.pending{border-color:#4a3c1a}.review-panel.needs_changes{border-color:#6e2b25;background:#1d1615}.rv-comment{margin-top:6px;color:#c9c1b0;font-family:var(--serif)}.rv-issues{margin:6px 0 0;padding-left:18px}.rv-issues li.error{color:#ff9c8f}.rv-issues li.warn{color:#ffd88a}.brief-text{white-space:pre-wrap;font-family:var(--sans);font-size:14px;line-height:1.8;background:#15181b;padding:14px;border-radius:10px;border:1px solid #2a2e34;max-height:60vh;overflow:auto}@media (max-width: 640px){.hide-sm{display:none}.topnav{padding:8px 12px;gap:6px}.topnav .btn{padding:5px 9px;font-size:12.5px}.page{padding:16px 12px 40px}.step-card{padding:14px}.stepbar-item{padding:6px 10px;font-size:13px}}.attr-sum{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;margin-bottom:10px;font-size:13.5px}.attr-sum b{font-family:var(--display);font-size:22px;color:var(--gold2);margin-left:4px}.seg{display:flex;background:#121417;border:1px solid #2a2e34;border-radius:8px;padding:2px;gap:2px}.seg button{flex:1;border:none;background:transparent;color:var(--muted);padding:6px 8px;border-radius:6px;cursor:pointer;font-size:13px;white-space:nowrap}.seg button:hover{color:var(--text);background:#1f2328}.seg button.on{background:#2a2f35;color:var(--text)}.empty-hint{font-size:13px;color:var(--muted);text-align:center;padding:22px 10px;line-height:1.8;border:1px dashed #2a2e34;border-radius:10px}.clue-group{display:flex;flex-direction:column;gap:6px}.clue-scene{font-size:11.5px;color:var(--dim);letter-spacing:.05em;margin-top:4px}.clue-card{display:flex;gap:10px;padding:10px 12px;border-radius:10px;background:#15181b;border:1px solid #2a2e34;cursor:pointer;transition:border-color .15s,background .15s}.clue-card:hover{border-color:#3b4149;background:#181b1f}.clue-card.fresh{border-color:#5fae9e8c;background:#141c1a}.clue-card img{width:52px;height:52px;object-fit:cover;border-radius:6px;flex:none}.clue-card .paper-ic{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#1d1a14;border-radius:6px;flex:none}.clue-card .t{font-weight:600;color:#9fe0d2;font-size:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.clue-card.handout .t{color:var(--gold2)}.clue-card .x{font-size:13px;color:var(--text);margin-top:2px;white-space:pre-wrap}.clue-card .m{font-size:11px;color:var(--dim);margin-top:4px}.clue-card .new{font-size:10px;padding:0 5px;border-radius:4px;background:var(--teal);color:#0f1714;font-weight:700}.clue-card .priv{font-size:10px;padding:0 5px;border-radius:4px;background:#3d3352;color:#e6dcff}.gallery2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gallery2 figure{margin:0;border-radius:8px;overflow:hidden;background:#15181b;border:1px solid #2a2e34;cursor:zoom-in;transition:border-color .15s}.gallery2 figure:hover{border-color:#3b4149}.gallery2 figure.fresh{border-color:#5fae9e8c}.gallery2 img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.gallery2 figcaption{font-size:12px;padding:5px 7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery2 figcaption .k{color:var(--dim);margin-right:5px}.notebook{flex:1;min-height:260px;resize:vertical;font-size:14px;line-height:1.7}.lobby-card{margin-left:48px;max-width:560px;border-radius:12px;padding:14px 16px;background:#1b1912;border:1px solid #3a3220}.lobby-head{display:flex;align-items:center;gap:8px;font-size:15px}.lobby-head b{font-family:var(--serif);font-size:17px;color:var(--gold2)}.lobby-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse 1.6s infinite}.lobby-body{font-size:14px;color:var(--text);margin-top:6px}.lobby-facts{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px;font-size:13px;color:var(--muted)}.lobby-facts b{color:var(--gold2);font-weight:600;margin-right:6px}.lobby-roster{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.lobby-who{font-size:12px;padding:2px 8px;border-radius:999px;background:#22262b;color:var(--muted)}.lobby-who.approved{background:#15241c;color:#8fe0a8}.lobby-who.pending{background:#262012;color:#ffd88a}.lobby-who.needs_changes{background:#2a1714;color:#ff9c8f}.lobby-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}@media (max-width: 960px){.lobby-card{margin-left:0}}.msg-tools{top:-14px;right:6px;gap:0;padding:2px;background:#1f2328;border:1px solid #31363d;border-radius:8px}.msg-tools button{background:transparent;border:none;border-radius:6px;padding:2px 6px;font-size:14px;line-height:1.3;color:var(--text);filter:saturate(.55)}.msg-tools button:hover{background:#2a2f35;filter:none}@media (hover: none){.msg-tools{display:none}}button:focus{outline:none}button:focus-visible,a:focus-visible,.chip:focus-visible{outline:2px solid rgba(212,168,74,.6);outline-offset:1px}.btn:hover{background:#2a2f35;border-color:#3b4149}.btn.ghost:hover{background:#22262b;border-color:transparent;color:var(--text)}.btn.gold:hover{box-shadow:none}.char-card:hover,.pcard:hover,.occ-item:hover,.skill-chip:hover,.align-cell:hover{border-color:#3b4149}.skill-chip:hover{background:#1f2328}.sheet-attr:hover{border-color:#3b4149}.emoji-pop button:hover{background:#2a2f35;transform:none}.reaction:hover{border-color:#3b4149}.tab .badge{top:1px;right:0;background:var(--teal);color:#0f1714;font-weight:700}.tab:hover{color:var(--text)}.ai-tune{margin-top:8px;padding:8px 10px;border-radius:8px;background:#15181b;display:flex;flex-direction:column;gap:2px}.ai-tune input[type=range]{accent-color:var(--gold)}