:root{--ink: #f2e9dc;--ink-dim: #c9bca9;--ink-faint: #9a8d7d;--gold: #c9a227;--gold-bright: #e8cf85;--wine: #4a0f20;--violet: #2a1436;--abyss: #0e0812;--panel: rgba(20, 13, 26, .9);--panel-soft: rgba(30, 21, 38, .72);--line: rgba(201, 162, 39, .28);--line-strong: rgba(201, 162, 39, .55);--danger: #b4453c;--ok: #5d9e6a;--font-display: "Cinzel", "Trajan Pro", "Palatino Linotype", Georgia, serif;--font-body: "EB Garamond", Georgia, "Times New Roman", serif;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 0%,#1d1026 0%,var(--abyss) 70%);color:var(--ink);font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;gap:14px;padding:8px 14px;background:linear-gradient(180deg,#2a1436f2,#0e0812f2);border-bottom:1px solid var(--line);box-shadow:0 6px 18px #00000080;z-index:20;flex-wrap:wrap}.brand{display:flex;flex-direction:column;line-height:1.1;margin-right:4px}.brand h1{font-family:var(--font-display);font-size:18px;letter-spacing:.08em;margin:0;color:var(--gold-bright);text-transform:uppercase}.brand span{font-size:12px;color:var(--ink-faint);letter-spacing:.04em}.toolbar-group{display:flex;align-items:center;gap:8px}.toolbar-spacer{flex:1}.btn{font-family:var(--font-ui);font-size:13px;letter-spacing:.02em;padding:7px 13px;border-radius:3px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#4a0f2099,#180c1ebf);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,transform .06s;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--gold-bright);background:linear-gradient(180deg,#65162dbf,#24122cd9)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#7a1a33,#4a0f20);border-color:var(--gold);color:var(--gold-bright);font-weight:600}.btn.ghost{background:transparent;border-color:#c9a22738;color:var(--ink-dim)}.btn.danger{border-color:#b4453cb3;color:#e8a49e}.btn.small{font-size:12px;padding:4px 9px}select,input[type=text]{font-family:var(--font-ui);font-size:13px;padding:6px 9px;border-radius:3px;border:1px solid var(--line);background:#0e0812cc;color:var(--ink)}input[type=text]::placeholder{color:var(--ink-faint)}.role-badge{font-family:var(--font-ui);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--line-strong);color:var(--gold-bright);background:#2a1436cc}.progress-pill{font-family:var(--font-ui);font-size:12px;color:var(--ink-dim);white-space:nowrap}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ink-faint);vertical-align:middle}.dot.connected{background:var(--ok);box-shadow:0 0 6px var(--ok)}.dot.connecting,.dot.reconnecting{background:var(--gold)}.dot.error{background:var(--danger)}.body{flex:1;display:flex;min-height:0;min-width:0}.stage{flex:1;min-width:0;min-height:0;padding:10px;display:grid;place-items:center;container-type:size}.table-stage{position:relative;--ratio: 1.89;width:100%;width:min(100cqw,100cqh * var(--ratio));aspect-ratio:var(--ratio);--u: 1%;--u: min(1cqw, 1cqh * var(--ratio));background-color:#2a0f1a;background-size:cover;background-position:center;border-radius:4px;box-shadow:0 0 0 1px #c9a22740,0 18px 50px #000000b3;overflow:hidden;-webkit-user-select:none;user-select:none}.deck-pile{position:absolute;transform:translate(-50%,-50%)}.deck-meta{position:absolute;top:calc(100% + var(--u) * .9);left:50%;transform:translate(-50%);width:180%;text-align:center}.deck-cards{position:relative;width:100%;aspect-ratio:560 / 784}.deck-cards img,.deck-cards .deck-shadow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--u) * .5);box-shadow:0 calc(var(--u) * .4) calc(var(--u) * 1.2) #000000a6}.deck-cards .deck-shadow.s1{transform:translate(calc(var(--u) * .45),calc(var(--u) * .5)) rotate(1.6deg);background:#140a10}.deck-cards .deck-shadow.s2{transform:translate(calc(var(--u) * -.35),calc(var(--u) * .25)) rotate(-1.1deg);background:#1c0f16}.deck-cards img{transition:transform .18s ease,filter .18s ease}.deck-pile.armed .deck-cards img{cursor:pointer;filter:drop-shadow(0 0 calc(var(--u) * .7) rgba(232,207,133,.55))}.table-stage.horizontal .deck-pile.armed:hover .deck-cards img{transform:translateY(calc(var(--u) * -.8)) rotate(-1deg)}.deck-label{font-family:var(--font-display);font-size:calc(var(--u) * 1.35);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 2px 6px #000;text-align:center}.deck-count{font-family:var(--font-ui);font-size:calc(var(--u) * 1.05);color:var(--ink-dim);text-shadow:0 2px 5px #000}.slot{position:absolute;transform:translate(-50%,-50%);aspect-ratio:560 / 784;perspective:900px}.slot.interactive{cursor:pointer}.slot.dealing{z-index:6}.slot-empty{position:absolute;top:0;right:0;bottom:0;left:0;border:max(1px,calc(var(--u) * .16)) dashed rgba(232,207,133,.55);border-radius:calc(var(--u) * .5);display:grid;place-items:center;background:#0c061057;transition:border-color .18s,background .18s}.table-stage.horizontal .slot.interactive:hover .slot-empty{border-color:var(--gold-bright);background:#1e0e2673}.slot-number{font-family:var(--font-display);font-size:calc(var(--u) * 4.2);font-weight:700;color:#e8cf85b8;text-shadow:0 calc(var(--u) * .2) calc(var(--u) * .6) #000}@keyframes deal-in{0%{transform:translate(var(--dx, 0px),var(--dy, 0px)) rotateY(180deg)}45%{transform:translate(0) rotateY(180deg);animation-timing-function:cubic-bezier(.4,.1,.2,1)}to{transform:translate(0) rotateY(0)}}.slot-card{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:translate(0) rotateY(180deg)}.slot-card.dealing{animation:deal-in 1.05s cubic-bezier(.3,.75,.4,1) var(--deal-delay, 0ms) both}.slot-card.revealed{transform:translate(0) rotateY(0)}@media(prefers-reduced-motion:reduce){.slot-card.dealing{animation:none}}.slot-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:calc(var(--u) * .5);overflow:hidden;box-shadow:0 0 0 calc(var(--u) * .09) #c9a2278c,0 calc(var(--u) * .5) calc(var(--u) * 1.4) #000000b3}.slot-face img{width:100%;height:100%;object-fit:cover;display:block}.slot-face.back{transform:rotateY(180deg)}.table-stage.horizontal .slot.interactive:hover .slot-card.revealed{transform:translateY(calc(var(--u) * -.7)) rotateY(0) scale(1.03);transition:transform .18s ease}.slot.focused .slot-face{box-shadow:0 0 0 calc(var(--u) * .14) var(--gold-bright),0 0 calc(var(--u) * 1.6) #e8cf858c,0 calc(var(--u) * .5) calc(var(--u) * 1.4) #000000b3}.slot-badge{position:absolute;top:calc(var(--u) * -.7);left:calc(var(--u) * -.7);width:calc(var(--u) * 2.3);height:calc(var(--u) * 2.3);border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:calc(var(--u) * 1.3);font-weight:700;color:#1a0b12;background:linear-gradient(160deg,var(--gold-bright),var(--gold));box-shadow:0 calc(var(--u) * .2) calc(var(--u) * .6) #000000b3;z-index:2;pointer-events:none}.sidebar{width:370px;flex-shrink:0;background:linear-gradient(180deg,#1e1228f5,#0e0812fa);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.sidebar-head{padding:12px 14px 10px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.sidebar-head .pos-no{font-family:var(--font-display);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.sidebar-head h2{font-family:var(--font-display);font-size:17px;margin:2px 0 0;color:var(--gold-bright);line-height:1.2}.sidebar-head .head-text{flex:1;min-width:0}.nav-btn{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border-radius:3px;border:1px solid var(--line);background:#0e0812b3;color:var(--gold-bright);cursor:pointer;font-size:14px;line-height:1}.nav-btn:hover{border-color:var(--gold-bright)}.sidebar-body{flex:1;overflow-y:auto;padding:12px 14px 20px;min-height:0}.sidebar-idle{padding:28px 18px;color:var(--ink-faint);text-align:center;font-style:italic;line-height:1.6}.card-head{display:flex;gap:11px;align-items:flex-start;margin-bottom:14px}.card-head img{width:74px;border-radius:3px;box-shadow:0 0 0 1px var(--line-strong),0 4px 12px #0009;cursor:pointer;flex-shrink:0}.card-head .meta{min-width:0}.card-head .name{font-family:var(--font-display);font-size:18px;color:var(--gold-bright);line-height:1.15}.card-head .sub{font-family:var(--font-ui);font-size:12px;color:var(--ink-faint);margin-top:3px}.section{margin-bottom:15px}.section-title{font-family:var(--font-ui);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:7px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.section-title .hint{color:var(--ink-faint);letter-spacing:.04em;text-transform:none;font-size:10.5px;font-style:italic}.read-aloud{font-family:var(--font-body);font-size:16.5px;line-height:1.55;color:var(--ink);font-style:italic;border-left:2px solid var(--line-strong);padding:2px 0 2px 11px;margin:0 0 9px}.read-aloud.secondary{color:var(--gold-bright)}.explain{font-family:var(--font-ui);font-size:13px;line-height:1.6;color:var(--ink-dim);margin:0 0 9px;white-space:pre-line}.explain.strong{color:var(--ink)}.muted{color:var(--ink-faint)}.small{font-size:12px}.variant-row{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.variant-row .btn.active{border-color:var(--gold-bright);color:var(--gold-bright);background:linear-gradient(180deg,#7a1a33cc,#300f1ee6)}.hintbar{padding:7px 16px;border-top:1px solid var(--line);background:linear-gradient(180deg,#0e0812f2,#0a060dfa);font-family:var(--font-ui);font-size:12px;color:var(--ink-faint);display:flex;flex-direction:column;gap:6px}.hintbar .hint-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hintbar .sep{color:var(--line-strong)}.hintbar .hint-warn{color:#e8c07a}.hintbar a{color:var(--gold);text-decoration:none}.hintbar a:hover{text-decoration:underline}.legal{border-top:1px solid var(--line);padding-top:6px;font-size:11px;line-height:1.45;color:var(--ink-faint);opacity:.82}.legal p{margin:0}.legal p+p{margin-top:3px}.legal .legal-wotc{font-size:10px;opacity:.78}.card-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#06030947}.card-dialog{position:relative;display:flex;gap:22px;max-width:940px;width:100%;max-height:100%;padding:22px 24px;border-radius:6px;color:#fff;background:#4e4a569e;-webkit-backdrop-filter:blur(3px) saturate(.9);backdrop-filter:blur(3px) saturate(.9);border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 70px #000000a6;overflow:hidden}.card-dialog .dialog-card-img{width:230px;flex-shrink:0;align-self:flex-start;border-radius:4px;box-shadow:0 0 0 1px #ffffff4d,0 10px 30px #0009}.card-dialog .dialog-body{flex:1;min-width:0;overflow-y:auto;padding-right:4px}.card-dialog h2{font-family:var(--font-display);font-size:22px;margin:0 0 2px;color:#fff;line-height:1.2}.card-dialog .pos-no{font-family:var(--font-display);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8}.card-dialog .section-title{color:#ffffffd1;border-bottom-color:#ffffff40}.card-dialog .section-title .hint{color:#fff9}.card-dialog .read-aloud{color:#fff;border-left-color:#ffffff73}.card-dialog .read-aloud.secondary{color:#fff}.card-dialog .explain{color:#ffffffe0}.card-dialog .card-sub{font-family:var(--font-ui);font-size:12px;color:#ffffffb3;margin-bottom:14px}.dialog-nav{position:absolute;top:14px;right:14px;display:flex;gap:6px}.dialog-nav .nav-btn{border-color:#ffffff52;background:#00000040;color:#fff}.dialog-nav .nav-btn:hover{border-color:#fff}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:24px;background:#040207a8}.dialog{width:100%;max-width:460px;max-height:100%;overflow-y:auto;padding:20px 22px;border-radius:5px;background:linear-gradient(180deg,#241531,#150d1c);border:1px solid var(--line-strong);box-shadow:0 24px 60px #000000b3}.dialog h2{font-family:var(--font-display);font-size:19px;margin:0 0 14px;color:var(--gold-bright);letter-spacing:.04em}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.panel-title{font-family:var(--font-ui);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.code-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.code-row code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:20px;letter-spacing:.2em;color:var(--gold-bright);background:#0006;padding:5px 12px;border-radius:3px;border:1px solid var(--line)}.code-row input{flex:1;min-width:120px}.session-status{font-family:var(--font-ui);font-size:12.5px;color:var(--ink-dim);margin:0 0 14px}.io-row{border:1px solid var(--line);border-radius:4px;padding:12px 13px;margin-bottom:11px;background:#00000038}.io-row p{margin:6px 0 0;font-family:var(--font-ui);font-size:12px;line-height:1.5;color:var(--ink-faint)}.io-msg{font-family:var(--font-ui);font-size:12.5px;margin:10px 0 0}.io-msg.err{color:#e8a49e}.io-msg.ok{color:#a5d5ae}.field-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}.field-row label{font-family:var(--font-ui);font-size:12px;color:var(--ink-dim);white-space:nowrap}.field-row input{flex:1}.plan-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#0603094d}.plan-card{width:min(420px,100%);padding:22px 24px 20px;border-radius:6px;text-align:center;color:#fff;background:#301e3adb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid var(--line-strong);box-shadow:0 24px 70px #000000b3}.plan-card.failed{text-align:left}.plan-title{font-family:var(--font-display);font-size:17px;letter-spacing:.05em;color:var(--gold-bright);margin-top:4px}.plan-hint{font-family:var(--font-ui);font-size:12.5px;line-height:1.6;color:#ffffffd9;margin:8px 0 12px}.shuffle{position:relative;height:96px;margin-bottom:6px}.shuffle-card{position:absolute;left:50%;top:0;width:62px;margin-left:-31px;border-radius:3px;box-shadow:0 4px 14px #000000a6}@keyframes riffle-left{0%,to{transform:translate(0) rotate(0)}35%{transform:translate(-26px,-8px) rotate(-11deg)}70%{transform:translate(-4px,3px) rotate(-3deg)}}@keyframes riffle-right{0%,to{transform:translate(0) rotate(0)}35%{transform:translate(26px,-6px) rotate(10deg)}70%{transform:translate(5px,4px) rotate(3deg)}}@keyframes riffle-mid{0%,to{transform:translate(0) rotate(0) scale(1)}50%{transform:translateY(-13px) rotate(2deg) scale(1.04)}}.shuffle-card.c1{animation:riffle-left 1.1s ease-in-out infinite}.shuffle-card.c2{animation:riffle-right 1.1s ease-in-out infinite .1s}.shuffle-card.c3{animation:riffle-mid 1.1s ease-in-out infinite .05s}@media(prefers-reduced-motion:reduce){.shuffle-card{animation:none}}.preview-banner{display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 14px;background:linear-gradient(180deg,#7a1a33d9,#3c0e1ce6);border-bottom:1px solid var(--line-strong);font-family:var(--font-ui);font-size:12.5px;color:var(--gold-bright);z-index:19}.count-chip.on{background:transparent;color:var(--gold-bright);font-size:9px;min-width:0;padding:0 0 0 2px}.count-chip{display:inline-block;margin-left:6px;min-width:17px;padding:0 5px;border-radius:999px;background:var(--gold);color:#1a0b12;font-size:10.5px;font-weight:700;line-height:16px;text-align:center}.dialog.wide{max-width:820px}.dialog.sheet{max-width:1080px;width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;padding:0;overflow:hidden}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px 13px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#2a1436e6,#180e20e6);flex-wrap:wrap}.sheet-head h2{margin:0 0 4px}.sheet-head p{margin:0;max-width:62ch;line-height:1.5}.sheet-body{flex:1;overflow-y:auto;padding:14px 20px 24px;min-height:0}.master-row{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--line);background:#00000047;flex-wrap:wrap}.toggle.big{font-size:12px;padding:7px 14px 7px 8px}.toggle.big .knob{width:32px;height:17px}.toggle.big .knob:after{width:13px;height:13px}.toggle.big.on .knob:after{transform:translate(15px)}.master-hint{flex:1;min-width:260px;margin:0;font-family:var(--font-ui);font-size:12px;line-height:1.5;color:var(--ink-dim)}.master-hint.off{color:#e8c07a}.tabs{display:flex;gap:8px;padding:14px 20px 0;flex-wrap:wrap}.tab{flex:1;min-width:180px;text-align:left;padding:9px 13px;border-radius:4px 4px 0 0;border:1px solid var(--line);border-bottom:none;background:#0000004d;color:var(--ink-dim);cursor:pointer;font-family:var(--font-ui);transition:border-color .15s,background .15s,color .15s}.tab:hover{border-color:var(--line-strong)}.tab .tab-name{display:block;font-family:var(--font-display);font-size:14px;letter-spacing:.06em;text-transform:uppercase}.tab .tab-state{display:block;margin-top:2px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.tab.current{background:linear-gradient(180deg,#4a0f20b3,#1e1026e6);border-color:var(--line-strong);color:var(--ink)}.tab.in-force{border-color:var(--gold-bright);box-shadow:inset 0 2px 0 var(--gold-bright)}.tab.in-force .tab-name{color:var(--gold-bright)}.tab.in-force .tab-state{color:var(--gold)}.tabs-hint{margin:0;padding:7px 20px 0;border-top:1px solid var(--line-strong);font-family:var(--font-ui);font-size:11.5px;color:var(--ink-faint)}.mode-desc{margin:0 0 14px;font-family:var(--font-ui);font-size:12.5px;color:var(--ink-dim)}.panel-intro{margin:0;max-width:96ch;font-family:var(--font-ui);font-size:12.5px;line-height:1.6;color:var(--ink-dim)}.panel-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}.sheet-body.locked{opacity:.55}.castle-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 4px;padding:11px 13px;border:1px solid var(--line);border-radius:4px;background:#00000042}.preset-card.blocked{opacity:.45}.preset-card.blocked .preset-state{color:#e8c07a}.preset-list{display:grid;gap:10px;margin-top:14px}.preset-card{text-align:left;padding:12px 14px;border-radius:4px;border:1px solid var(--line);background:#00000042;color:var(--ink);cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.preset-card:hover:not(:disabled){border-color:var(--line-strong)}.preset-card:disabled{cursor:not-allowed}.preset-card.selected{border-color:var(--gold-bright);background:linear-gradient(180deg,#4a0f208c,#180c1e99)}.preset-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:5px}.preset-name{font-family:var(--font-display);font-size:15px;color:var(--gold-bright)}.preset-state{font-family:var(--font-ui);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.preset-card.selected .preset-state{color:var(--gold)}.preset-desc{margin:0 0 6px;font-family:var(--font-ui);font-size:12.5px;line-height:1.55;color:var(--ink-dim)}.preset-example{margin:0;font-size:13.5px;font-style:italic;color:var(--ink-faint)}.place-line{margin:0 0 5px;font-family:var(--font-ui);font-size:13px;color:var(--ink)}.event-list{margin:3px 0 0;padding-left:18px;font-family:var(--font-ui);font-size:12px;line-height:1.55;color:var(--ink-dim)}.howto{max-width:78ch;margin:0 auto}.dialog.advice p{font-family:var(--font-ui);font-size:13px;line-height:1.7;color:var(--ink-dim);margin:0 0 12px}.dialog.advice .advice-reco{font-family:var(--font-body);font-size:16px;font-style:italic;color:var(--gold-bright);border-left:2px solid var(--line-strong);padding-left:12px}.visit-counter{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.visit-glyph{opacity:.7}.visit-trend.up{color:#a5d5ae}.visit-trend.down{color:#e8a49e}.howto-section{margin-bottom:22px}.howto-section h3{font-family:var(--font-display);font-size:16px;letter-spacing:.06em;color:var(--gold-bright);margin:0 0 7px;border-bottom:1px solid var(--line);padding-bottom:5px}.howto-section p{margin:0 0 8px;font-family:var(--font-ui);font-size:13px;line-height:1.65;color:var(--ink-dim)}.howto-section strong{color:var(--ink)}.howto-example{font-family:var(--font-body)!important;font-size:15px!important;font-style:italic;color:var(--gold-bright)!important;border-left:2px solid var(--line-strong);padding-left:11px}.fudge-section+.fudge-section{margin-top:26px}.fudge-section-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;position:sticky;top:-14px;padding:10px 0 6px;background:linear-gradient(180deg,#150d1c 70%,#150d1c00);z-index:2}.fudge-section-head h3{font-family:var(--font-display);font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-bright);margin:0}.fudge-warn{font-family:var(--font-ui);font-size:11.5px;color:#e8c07a}.fudge-group{font-family:var(--font-ui);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:16px 0 6px;border-bottom:1px solid var(--line);padding-bottom:4px}.fudge-row{display:grid;grid-template-columns:56px 1fr auto;gap:13px;align-items:start;padding:11px 0;border-bottom:1px solid rgba(201,162,39,.12);transition:opacity .15s}.fudge-row.out{opacity:.42}.fudge-row.locked{opacity:.55}.fudge-row>img{width:56px;border-radius:3px;box-shadow:0 0 0 1px var(--line)}.fudge-head{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:3px}.fudge-name{font-family:var(--font-display);font-size:15px;color:var(--gold-bright)}.fudge-lock{font-family:var(--font-ui);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);border:1px solid var(--line);border-radius:999px;padding:1px 8px}.toggle{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;border-radius:999px;border:1px solid var(--line);background:#00000059;color:var(--ink-faint);font-family:var(--font-ui);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}.toggle .knob{width:26px;height:14px;border-radius:999px;background:#ffffff2e;position:relative;transition:background .15s}.toggle .knob:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--ink-faint);transition:transform .15s,background .15s}.toggle.on{border-color:var(--line-strong);color:var(--gold-bright)}.toggle.on .knob{background:#c9a22759}.toggle.on .knob:after{transform:translate(12px);background:var(--gold-bright)}.toggle:disabled{cursor:not-allowed;opacity:.5}.card-lore{font-size:13px}.lore-represents{font-family:var(--font-ui);font-size:12px;color:var(--ink-dim);margin:0 0 6px;line-height:1.5}.lore-rank{display:none}.lore-block+.lore-block{margin-top:8px}.lore-label{font-family:var(--font-ui);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}.card-lore .read-aloud{font-size:14px;margin-bottom:4px;padding-left:9px}.card-lore .explain{font-size:12px;margin-bottom:0}.pre-row{display:grid;grid-template-columns:190px 260px 1fr;gap:16px;align-items:start;padding:16px 0;border-bottom:1px solid rgba(201,162,39,.14)}.pre-row.locked{opacity:.6}.pre-title{font-family:var(--font-display);font-size:16px;color:var(--gold-bright);line-height:1.2;margin:2px 0 3px}.pre-pick{display:flex;flex-direction:column;gap:8px}.pick-row{display:flex;gap:6px;align-items:center}.pick-row select{flex:1;min-width:0}.fudge-row.picker{width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid rgba(201,162,39,.12);color:inherit;font:inherit;cursor:pointer;border-radius:3px}.fudge-row.picker:hover{background:#7a1a3340}.fudge-row.picker.chosen{background:#7a1a3366;box-shadow:inset 0 0 0 1px var(--line-strong)}.pre-pick select{width:100%}.pre-card{display:grid;grid-template-columns:66px 1fr;gap:12px;align-items:start}.pre-card img{width:66px;border-radius:3px;box-shadow:0 0 0 1px var(--line)}.pending-head{display:flex;gap:14px;align-items:center;margin:14px 0 16px}.pending-head img{width:88px;border-radius:3px;box-shadow:0 0 0 1px var(--line-strong),0 6px 18px #0009}.pending-name{font-family:var(--font-display);font-size:21px;color:var(--gold-bright);line-height:1.15}.pending-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pending-option{border:1px solid var(--line);border-radius:4px;padding:12px 13px;background:#0000003d;display:flex;flex-direction:column}.pending-option .explain{flex:1}.pending-option.blocked{opacity:.5}.pending-option.blocked .section-title .hint{color:#e8c07a;font-style:normal}.import-choice{margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.import-option{margin-bottom:9px}.import-option p{margin:5px 0 0}@media(max-width:1040px){.body{flex-direction:column}.sidebar{width:auto;max-height:42%;border-left:none;border-top:1px solid var(--line)}.card-dialog{flex-direction:column;gap:14px;overflow-y:auto}.card-dialog .dialog-card-img{width:150px;align-self:center}.card-dialog .dialog-body{overflow:visible}}@media(max-width:900px){.pending-options{grid-template-columns:1fr}.pre-row{grid-template-columns:1fr;gap:10px}.fudge-row{grid-template-columns:48px 1fr}.fudge-row>.toggle{grid-column:2;justify-self:start}}@media(max-width:720px){.brand span{display:none}.topbar{gap:8px;padding:6px 10px}}@media(max-width:560px){.topbar{gap:6px;padding:6px 8px}.toolbar-group{flex-wrap:wrap;gap:6px}.toolbar-spacer{display:none}.brand h1{font-size:15px}.btn{font-size:12px;padding:6px 10px}.progress-pill,.hintbar{font-size:11px}.stage{padding:6px}.sidebar{max-height:46%}.sidebar-body{padding:10px 12px 16px}.dialog-backdrop,.card-dialog-backdrop,.plan-backdrop{padding:8px}.sheet-head,.master-row,.tabs,.tabs-hint,.sheet-body{padding-left:12px;padding-right:12px}.tab{min-width:0;flex:1 1 100%}.fudge-row{grid-template-columns:44px 1fr}.visit-counter{display:none}.hintbar{padding:6px 10px;gap:4px}.legal{font-size:10px;line-height:1.3;padding-top:4px}.legal .legal-wotc{font-size:9px}}