:root{--leather:#0d1f45;--leather-2:#081430;--brass:#b99a4a;--brass-d:#6e5a26;--brass-l:#e3cc84;--paper:#ddd1b1;--paper-2:#cfc199;--paper-3:#ebe2c8;--ink:#2a2118;--ink-2:#5c4b35;--rule:#a8966c;--resid:#2f7fc4;--resid-glow:#5fb4ff;--blood:#a8321f;--ok:#3d6b2f;--f-display:"Special Elite","Courier New",Courier,monospace;--f-body:"Source Serif 4",Georgia,"Times New Roman",serif;--f-hand:"Caveat","Segoe Print","Bradley Hand",cursive;--s-1:12px;--s0:14.5px;--s1:16px;--s2:19px;--s3:24px;--s4:30px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--leather-2)}body{background:radial-gradient(1200px 600px at 50% -200px,#1b3266 0,var(--leather) 45%,var(--leather-2) 100%) fixed,var(--leather-2);color:var(--ink);font:var(--s0)/1.55 var(--f-body);min-height:100%;padding-block:18px 48px;padding-inline:16px}.wrap{gap:14px;max-width:1180px;margin:0 auto;display:grid}.disp,h1,h2,h3{font-family:var(--f-display);text-wrap:balance;letter-spacing:.3px;font-weight:400}.plate{background:linear-gradient(var(--paper),var(--paper-2));border:3px solid var(--brass);outline:2px solid var(--brass-d);outline-offset:-8px;border-radius:6px;padding:20px 22px;position:relative;box-shadow:0 0 0 2px #1a1408,0 10px 28px #0009}.plate:after,.plate:before{content:"";background:radial-gradient(circle at 35% 30%,#f3dd90,#7a6128);border-radius:50%;width:11px;height:11px;position:absolute;top:8px}.plate:before{left:8px}.plate:after{right:8px}header.plate{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 24px;display:flex}header h1{font-size:var(--s4);margin:0;line-height:1.1}.form-no{font-family:var(--f-display);letter-spacing:1.5px;text-transform:uppercase}.form-no,.quote{font-size:var(--s-1);color:var(--ink-2)}.quote{max-width:44ch;margin:0;font-style:italic}nav.steps{scrollbar-width:thin;gap:4px;padding:0 6px;display:flex;overflow-x:auto}nav.steps button{font:var(--s-1)/1.2 var(--f-display);letter-spacing:.5px;color:#cdbd8a;border:2px solid var(--brass-d);cursor:pointer;white-space:nowrap;background:linear-gradient(#27324f,#121a30);border-bottom:0;border-radius:6px 6px 0 0;flex:1 0 auto;align-items:center;gap:7px;padding:9px 12px 8px;display:flex}nav.steps button .n{border:1px solid;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:inline-grid}nav.steps button[aria-current=step]{background:linear-gradient(var(--paper-3),var(--paper));color:var(--ink);border-color:var(--brass);box-shadow:0 0 14px #5fb4ff44}nav.steps button.done .n{background:var(--brass);color:var(--leather-2);border-color:var(--brass)}nav.steps button.warn .n{border-color:var(--blood);color:#e9a493}.main{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;margin-top:-14px;display:grid}@media (width<=900px){.main{grid-template-columns:minmax(0,1fr)}}main.plate{border-top-left-radius:0;min-height:420px}aside.plate{top:calc(12px + env(safe-area-inset-top,0px));padding:18px 18px 16px;position:sticky}@media (width<=900px){aside.plate{order:-1;position:static}}h2{font-size:var(--s3);margin:0 0 4px}h3{font-size:var(--s2);border-bottom:2px dotted var(--ink-2);margin:22px 0 8px;padding-bottom:3px}h3:first-child{margin-top:0}.lede{max-width:68ch;margin:0 0 16px}.lbl,.lede,.sub,label{color:var(--ink-2)}.sub{font-size:var(--s-1)}.lbl{font-family:var(--f-display);letter-spacing:1.2px;text-transform:uppercase;font-size:11.5px}p{max-width:72ch;margin:0 0 8px}label{font-size:var(--s-1);gap:3px;display:grid}input,select,textarea{font:var(--s0) var(--f-body);color:var(--ink);background:var(--paper-3);border:1px solid var(--ink-2);border-radius:3px;width:100%;min-width:0;padding:7px 9px}textarea{resize:vertical;min-height:76px}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--resid-glow);outline-offset:2px}.btn{font-family:var(--f-display);font-size:var(--s-1);letter-spacing:.5px;border:2px solid var(--brass-d);color:var(--brass-l);background:linear-gradient(#2a375a,#141d36);border-radius:4px;padding:8px 14px}.btn:hover{border-color:var(--brass)}.btn.ghost{color:var(--ink);border-color:var(--ink-2);background:0 0}.btn.sm{padding:5px 10px;font-size:12px}.btn[disabled]{opacity:.45;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid{gap:10px;display:grid}.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.g3{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.g6{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:8px;display:grid}.card{text-align:left;background:var(--paper-3);border:1px solid var(--rule);color:var(--ink);border-radius:4px;align-content:start;gap:3px;padding:10px 12px;display:grid}.card b{font-family:var(--f-display);font-weight:400;font-size:var(--s1)}.card .sub{line-height:1.35}.card:hover{border-color:var(--ink-2)}.card[aria-pressed=true]{border:2px solid var(--resid);background:#f2ead3;padding:9px 11px;box-shadow:0 0 0 3px #5fb4ff33}.card.locked{opacity:.5}.tag{font-family:var(--f-display);letter-spacing:1px;text-transform:uppercase;color:var(--ink-2);border:1px solid;border-radius:2px;padding:1px 6px;font-size:10.5px;display:inline-block}.tag.blood{color:var(--blood)}.tag.res{color:var(--resid)}.tag.ok{color:var(--ok)}.stat{background:var(--paper-3);border:2px solid var(--ink-2);text-align:center;border-radius:4px;justify-items:center;gap:4px;padding:8px 6px;display:grid}.stat .ab{letter-spacing:1px}.die,.dl dt,.dos-id .nm,.mini .k,.mini .v,.money,.rcard .rname,.skill-guide dt,.stat .ab,.stat .mod,.toast,.trait b,nav.site,th{font-family:var(--f-display)}.stat .mod{font-size:26px;line-height:1}.stat input,.stat select{text-align:center;width:72px;padding:4px}.stat .calc{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px}.pool{flex-wrap:wrap;gap:6px;display:flex}.die{text-align:center;border:1px solid var(--ink-2);background:var(--paper-3);font-variant-numeric:tabular-nums;border-radius:3px;min-width:34px;padding:4px 6px}.die.off{opacity:.4;text-decoration:line-through}.trait{border-left:3px solid var(--rule);margin:0 0 10px;padding:4px 0 4px 12px}.trait b,th{font-weight:400}.trait p{font-size:var(--s-1);margin:2px 0 0;line-height:1.5}.choice{border:1px dashed var(--ink-2);background:#efe5c9;border-radius:4px;gap:8px;margin:6px 0 12px;padding:10px 12px;display:grid}.choice .lbl{color:var(--resid)}.note{border-left:3px solid var(--resid);font-size:var(--s-1);background:#e7dfc6;margin:8px 0;padding:6px 12px}.note.bad{border-color:var(--blood)}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tabs button{border:1px solid var(--ink-2);font-size:var(--s-1);color:var(--ink);background:0 0;border-radius:20px;padding:5px 12px}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper-3)}details>summary{cursor:pointer;color:var(--ink-2);font-size:var(--s-1)}.foot{border-top:2px dotted var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:22px;padding-top:12px;display:flex}.tbl{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--s-1);font-variant-numeric:tabular-nums}th{text-align:left;color:var(--ink-2);border-bottom:1px solid var(--ink-2);padding:4px 6px}td{border-bottom:1px dotted var(--rule);vertical-align:top;padding:5px 6px}.dl dd,td.num,th.num{text-align:right}aside h2{font-size:var(--s2);margin:0}.dos-id{gap:2px;margin:4px 0 10px;display:grid}.dos-id .nm{font-size:var(--s3);word-break:break-word;line-height:1.1}.dl{font-size:var(--s-1);grid-template-columns:auto 1fr;gap:3px 10px;margin:0;display:grid}.dl dt{color:var(--ink-2);letter-spacing:.5px}.dl dd{font-variant-numeric:tabular-nums;margin:0}.minis{grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0;display:grid}.mini{border:1px solid var(--ink-2);text-align:center;background:var(--paper-3);border-radius:3px;padding:4px 2px}.mini .k{letter-spacing:1px;color:var(--ink-2);font-size:10.5px}.mini .v{font-size:20px;line-height:1.1}.mini .v small{color:var(--ink-2);font-size:12px}.meter{border:1px solid var(--ink-2);background:var(--paper-3);border-radius:5px;height:8px;overflow:hidden}.meter i{background:var(--resid);height:100%;display:block}.meter.over i{background:var(--blood)}.todo{font-size:var(--s-1);gap:3px;margin:10px 0 0;padding:0;list-style:none;display:grid}.todo li:before{content:"○ ";color:var(--blood)}.todo li.ok:before{content:"✓ ";color:var(--ok)}.shop{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;display:grid}@media (width<=700px){.shop{grid-template-columns:minmax(0,1fr)}}.list{border:1px solid var(--rule);background:var(--paper-3);border-radius:4px;max-height:420px;overflow:auto}.it{border-bottom:1px dotted var(--rule);font-size:var(--s-1);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 10px;display:grid}.it .meta{color:var(--ink-2);font-size:12px}.it .c{font-variant-numeric:tabular-nums;white-space:nowrap}.money{font-size:var(--s2)}pre.out{white-space:pre-wrap;word-break:break-word;background:var(--paper-3);border:1px solid var(--rule);max-height:240px;padding:10px;font-size:12px;overflow:auto}.sheet{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;display:grid}.toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));background:var(--leather-2);color:var(--brass-l);border:2px solid var(--brass);z-index:20;border-radius:4px;padding:8px 16px;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){.btn,.card,nav.steps button{transition:border-color .15s,box-shadow .15s,background .15s}.turn-fwd-leave-active .page.right{transform-origin:0;animation:.15s ease-in forwards flipOut}.turn-fwd-enter-active .page.left{transform-origin:100%;animation:.15s ease-out flipInL}.turn-back-leave-active .page.left{transform-origin:100%;animation:.15s ease-in forwards flipBackOut}.turn-back-enter-active .page.right{transform-origin:0;animation:.15s ease-out flipInR}}.cards:has(.spell){grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}.card.spell[disabled]{opacity:.45;cursor:not-allowed}.card details{margin-top:2px}.skill-guide{margin:10px 0 0}.skill-guide dl{gap:2px 0;max-height:320px;margin:8px 0 0;padding-right:6px;display:grid;overflow:auto}.skill-guide dt{margin-top:6px}.skill-guide dd{font-size:var(--s-1);color:var(--ink-2);margin:0}.card .tag,.spot .here{justify-self:start}.hsp{border-top:1px dotted var(--rule);margin-top:10px;padding-top:4px}.hsp h3{border-bottom:0;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page{gap:14px}nav.site{font-size:var(--s-1);letter-spacing:.6px;flex-wrap:wrap;align-items:center;gap:4px 18px;display:flex}nav.site a{color:#cdbd8a;border-bottom:2px solid #0000;padding:4px 0;text-decoration:none}nav.site a[aria-current=page]{color:var(--brass-l);border-bottom-color:var(--brass)}nav.site .brand{color:var(--brass-l);font-size:var(--s0);letter-spacing:1px;margin-right:auto}nav.steps button[aria-current=page]{background:linear-gradient(var(--paper-3),var(--paper));color:var(--ink);border-color:var(--brass);box-shadow:0 0 14px #5fb4ff44}a.btn{text-decoration:none;display:inline-block}.btn.danger{border-color:var(--blood);color:#f3d9c9;background:linear-gradient(#7a2416,#4a150c)}.btn.ghost.danger{color:var(--blood);background:0 0}label.btn.file{cursor:pointer;display:inline-block}.warn{color:var(--blood)}.note.editing{border-color:var(--brass);background:var(--paper-3);color:var(--ink);margin:0}label.check{color:var(--ink);font-size:var(--s-1);align-items:center;gap:6px;display:flex}label.check input{width:auto}.checks{align-content:center;gap:4px;display:grid}.x{color:var(--blood);background:0 0;border:0;padding:0 4px;font-size:18px;line-height:1}.roster{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px;display:grid}.rcard{background:var(--paper-3);border:1px solid var(--rule);border-radius:4px;gap:4px;padding:12px 14px;display:grid}.rcard .rname{font-size:var(--s2);color:var(--ink);word-break:break-word;text-decoration:none}.rcard .rname:hover,button.link:hover{text-decoration:underline}.empty{text-align:left;padding:8px 0}.sheet-head{grid-template-columns:minmax(0,1fr) auto;align-items:start!important;display:grid!important}.sheet-head .who{gap:2px;display:grid}.sheet-head h1{word-break:break-word}.sheet-head .acts{justify-content:flex-end}.sheet-head .vitals,.sheet-head>p{grid-column:1/-1}@media (width<=700px){.sheet-head{grid-template-columns:minmax(0,1fr)}.sheet-head .acts{justify-content:flex-start}}.vitals{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:12px;display:grid}@media (width<=900px){.vitals{grid-template-columns:minmax(0,1fr)}}.vitals .minis{margin:0}.hpbox,.vitbox{background:var(--paper-3);border:2px solid var(--ink-2);border-radius:4px;gap:6px;padding:8px 10px;display:grid}.hpbox.down{border-color:var(--blood)}.hpbox .k,.mini .k,.steppers .k,.vitbox .k{font-family:var(--f-display);letter-spacing:1px;color:var(--ink-2);text-transform:uppercase;font-size:10.5px}.hpbox .v{font-family:var(--f-display);font-size:30px;line-height:1}.hpbox .v small{color:var(--ink-2);font-size:15px}.hpbox .v .temp{color:var(--resid)}.hpctl input{flex:80px;width:auto}.pips{flex-wrap:wrap;gap:5px;display:flex}.pip{border:2px solid var(--ink-2);background:var(--paper);border-radius:50%;width:22px;height:22px;padding:0}.pip.on{background:radial-gradient(circle at 35% 30%,#7fc4ff,var(--resid));border-color:#1f5a8f}.pip.spent.on{background:var(--ink-2);border-color:var(--ink)}button.mini{font:inherit;color:inherit;cursor:pointer}.roll:hover,button.mini:hover{border-color:var(--resid)}.mini.wide{text-align:left;padding:6px 10px}.mini.wide .v{flex-wrap:wrap;align-items:center;gap:10px;font-size:20px;display:flex}.cast{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:8px;display:grid}.abil .stat .mod{color:var(--ink);background:0 0;border:0;border-bottom:2px dotted #0000;padding:0 6px}.abil .stat .mod:hover{border-bottom-color:var(--resid)}.abil .stat .save{border:1px solid var(--rule);background:var(--paper);color:var(--ink-2);border-radius:3px;padding:2px 8px;font-size:12px}.abil .stat .save.prof{color:var(--ink);border-color:var(--ink-2)}.abil .stat label.calc{align-items:center;gap:4px;display:flex}button.link{color:var(--ink);text-align:left;font-size:var(--s-1);background:0 0;border:0;padding:0}button.link:hover{color:var(--resid)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--ink-2);font-size:var(--s-1);color:var(--ink);background:0 0;border-radius:20px;align-items:center;gap:4px;padding:4px 11px;display:inline-flex}.chip.on,.chip[aria-pressed=true]{background:var(--ink);color:var(--paper-3)}.chip.on .x{color:#f0b3a5}.conds-all{margin-top:10px}.res{gap:8px;display:grid}.resrow{border-bottom:1px dotted var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding-bottom:6px;display:flex}.resrow b{font-family:var(--f-display);font-weight:400}table.inv select{width:auto;padding:3px 6px}input.qty{text-align:right;width:64px;padding:3px 6px}table.inv details summary{color:var(--ink);font-size:var(--s-1)}.coins{grid-template-columns:repeat(4,minmax(0,1fr))}.tray{top:calc(12px + env(safe-area-inset-top,0px));padding:18px 16px 14px;position:sticky}@media (width<=900px){.tray{order:0;position:static}aside.plate.tray{order:1}}.steppers{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.steppers b{font-family:var(--f-display);text-align:center;min-width:18px}.steppers .row{gap:4px}.log{gap:6px;max-height:420px;margin:10px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.log li{border:1px solid var(--rule);background:var(--paper-3);border-radius:3px;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;padding:6px 8px;display:grid}.log li:first-child{border-color:var(--resid);box-shadow:0 0 0 2px #5fb4ff33}.log .t{font-size:var(--s-1)}.doll-fig figcaption,.log .t,.log .tot,.spot header b,.xstudy summary{font-family:var(--f-display)}.log .tot{grid-row:span 2;align-self:center;font-size:22px;line-height:1}.log .d,.log .why{grid-column:1}.log .why{color:var(--resid)}.log li.crit .tot{color:var(--ok)}.log li.fail .tot,.log li.fumble .tot,.spot .bad{color:var(--blood)}.doll.cdoll{grid-template-areas:"crown fig throat""shoulders fig heart""hands fig waist""feet fig soul"}.cdoll .soul{fill:none;stroke:var(--rule);stroke-width:2px;stroke-dasharray:6 5}.cdoll .soul.on{stroke-width:4px;stroke-dasharray:none;opacity:.8}.cdoll .soul.lit{stroke:var(--resid);fill:#5fb4ff22;stroke-dasharray:none}.cdoll .pt .dot{fill:var(--paper);stroke:var(--ink-2);stroke-width:2px;stroke-dasharray:3 2}.cdoll .pt .dot.on{stroke:var(--ink);stroke-dasharray:none}.cdoll .pt .ring{fill:none;stroke-width:4px}.cdoll .pt.lit .dot{stroke:var(--resid);stroke-width:4px;stroke-dasharray:none}.cdoll figcaption{font-size:var(--s-1);flex-wrap:wrap;justify-content:center;gap:4px 10px;display:flex}.cdoll .res{align-items:center;gap:4px;display:inline-flex}.cdoll .res i{border-radius:50%;width:10px;height:10px}.chip.lat{border-left:6px solid var(--cc);cursor:pointer;text-align:left}.chip.lat small{opacity:.75}.chip.lat.blocked:not([aria-pressed=true]){opacity:.45}@media (width<=760px){.doll.cdoll{grid-template-areas:"fig fig""crown throat""shoulders heart""hands waist""feet soul"}}@media (width<=420px){.doll.cdoll{grid-template-areas:"fig""crown""throat""shoulders""heart""hands""waist""feet""soul"}}.xeno .trait p{white-space:pre-line}.xstudy{margin:6px 0}.xstudy summary{cursor:pointer}.xstudy .check{align-items:baseline;gap:6px;margin:4px 0 0 4px;display:flex}.doll{grid-template-columns:minmax(0,1fr) minmax(150px,210px) minmax(0,1fr);grid-template-areas:"back fig worn""hands fig belt""side fig stowed";align-items:stretch;gap:10px;display:grid}.doll-fig{grid-area:fig;align-content:center;justify-items:center;gap:2px;margin:0;display:grid}.doll-fig svg{width:100%;max-width:210px;height:auto}.doll-fig figcaption,.today .k{letter-spacing:1px}.doll .body *{fill:var(--paper-3);stroke:var(--ink-2);stroke-width:2px;stroke-linejoin:round}.doll .zone *{fill:#0000;stroke:var(--rule);stroke-width:2px;stroke-dasharray:4 3}.doll .zone.full *{fill:#a8966c55;stroke:var(--ink-2);stroke-dasharray:none}.doll .zone .strap{stroke-width:4px;fill:none!important}.doll .zone.lit *{stroke:var(--resid);fill:#5fb4ff55;stroke-dasharray:none}.doll .zone.lit .strap{fill:none!important}.doll .zone .buckle{fill:var(--brass)!important}.spot{background:var(--paper-3);border:1px solid var(--rule);border-radius:4px;align-content:start;gap:6px;min-width:0;padding:8px 10px;display:grid}.spot header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spot header b{font-weight:400;font-size:var(--s1)}.spot header .sub{margin-left:auto}.spot .hint,.spot p{margin:0}.spot .empty{font-style:italic}.spot.over{border:2px solid var(--blood);padding:7px 9px}.spot.target{border-style:dashed;border-color:var(--resid)}.spot.drop{border:2px solid var(--resid);padding:7px 9px;box-shadow:0 0 0 3px #5fb4ff33}.spot .chip{cursor:grab;text-align:left}.pips{gap:3px;display:inline-flex}.pips i{border:1px solid var(--ink-2);background:0 0;border-radius:2px;width:10px;height:10px}.pips i.on{background:var(--ink)}.pips i.x{background:var(--blood);border-color:var(--blood)}@media (width<=760px){.doll{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"fig fig""back worn""hands belt""side stowed"}.doll-fig svg{max-width:150px}}@media (width<=420px){.doll{grid-template-columns:minmax(0,1fr);grid-template-areas:"fig""back""worn""hands""belt""side""stowed"}}dialog.modal{border:3px solid var(--brass);outline:2px solid var(--brass-d);outline-offset:-8px;background:linear-gradient(var(--paper),var(--paper-2));color:var(--ink);border-radius:6px;width:calc(min(900px,100vw - 32px));max-width:none;padding:0;box-shadow:0 10px 40px #000c}dialog.modal::backdrop{background:#030814cc}.modal-body{gap:10px;padding:22px 24px;display:grid}.story-modal .modal-body{grid-template-rows:auto minmax(0,1fr) auto;height:calc(min(88vh,1000px))}.story-modal textarea{resize:none;height:100%;min-height:0;font-size:var(--s1);padding:12px 14px;line-height:1.7}.story-view{text-align:left;width:100%;font:var(--s0)/1.6 var(--f-body);color:var(--ink);white-space:pre-wrap;background:var(--paper-3);border:1px solid var(--rule);cursor:pointer;border-radius:3px;max-height:220px;padding:10px 14px;display:block;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 75%,#0000);mask-image:linear-gradient(#000 75%,#0000)}.story-view:hover{border-color:var(--resid)}.datepick select{width:auto}.datepick .yr{align-items:center;gap:6px;display:flex}.datepick .yr input{width:84px}.today{background:var(--paper-3);border:1px solid var(--rule);border-left:3px solid var(--brass);border-radius:3px;gap:8px;margin:6px 0 12px;padding:10px 12px;display:grid}.today>div:first-child{gap:1px;display:grid}.today .k{font-family:var(--f-display);color:var(--ink-2);text-transform:uppercase;font-size:10.5px}.today b{font-size:var(--s2);font-weight:400}.diary-bar{margin-bottom:10px}.book{perspective:1600px;background:linear-gradient(#3b2a1a,#24180e);border:2px solid #120b05;border-radius:8px;padding:10px;box-shadow:inset 0 0 0 3px #5b4026,0 8px 18px #0006;container-type:inline-size}.spread{min-height:520px;transform-style:preserve-3d;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.page{color:var(--ink);background:#f3ead2;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;padding:18px 20px;display:grid;position:relative}.page.left{background:linear-gradient(90deg,#efe4c8,#f3ead2 85%,#ddd0ae);border-radius:4px 0 0 4px;align-content:stretch;box-shadow:inset -10px 0 14px -10px #6b532f88}.page.right{background:linear-gradient(90deg,#ddd0ae,#f3ead2 12%,#efe4c8);border-radius:0 4px 4px 0;grid-template-rows:auto auto minmax(0,1fr) auto;box-shadow:inset 10px 0 14px -10px #6b532f88}.slot{text-align:center;color:var(--ink-2);font-family:var(--f-hand);cursor:pointer;background:repeating-linear-gradient(45deg,#0000 0 12px,#e6d9b733 0 24px);border:2px dashed #b9a57a;border-radius:4px;place-content:center;justify-items:center;gap:4px;min-height:240px;font-size:24px;display:grid}label.slot:hover{border-color:var(--resid);color:var(--resid)}.slot .sub{font-family:var(--f-body)}.page.left img{-o-object-fit:contain;object-fit:contain;background:#fff;align-self:center;width:100%;height:100%;max-height:560px;padding:8px 8px 28px;transform:rotate(-1.2deg);box-shadow:0 2px 8px #0004}.img-acts{position:absolute;bottom:10px;left:20px}.ehead{gap:2px;display:grid}.etitle{font:700 28px/1.1 var(--f-hand);color:var(--ink);background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;padding:2px 0}.etitle:focus,.etitle:hover{border-bottom-color:var(--rule)}.pdate{font:12px/1.3 var(--f-display);color:var(--ink-2);border:0;border-bottom:1px dotted var(--ink-2);text-align:right;cursor:pointer;background:0 0;justify-self:end;padding:2px 0}.pdate:hover{color:var(--resid);border-bottom-color:var(--resid)}textarea.lined{--lh:28px;font:var(--s1)/var(--lh) var(--f-body);background:transparent repeating-linear-gradient(transparent 0 calc(-1px + var(--lh)),#9fb6cf calc(-1px + var(--lh)) var(--lh)) 0 6px/100% var(--lh) local;resize:none;border:0;border-left:2px solid #d9a3a0;border-radius:0;height:100%;min-height:360px;padding:6px 4px 6px 12px}textarea.lined:focus{box-shadow:none;outline:none}.efoot{border-top:1px dotted var(--rule);justify-content:space-between;padding-top:6px}.efoot .cpick{background:0 0;width:auto;max-width:50%;padding:3px 6px}.folio{color:var(--ink-2);font-size:20px}.empty-book .hand,.folio{font-family:var(--f-hand)}.empty-book .hand{margin-top:40px;font-size:28px}nav.turn{justify-content:center;margin-top:10px}nav.turn select{width:auto;max-width:calc(min(60vw,360px))}nav.turn .btn[disabled]{opacity:.4;cursor:default}@container (width<=600px){.spread{grid-template-columns:minmax(0,1fr)}.page.left,.page.right{box-shadow:none;background:#f3ead2;border-radius:4px}.page.left{min-height:0}.slot{min-height:140px}.page.left img{max-height:340px}.img-acts{position:static}}@keyframes flipOut{to{filter:brightness(.8);transform:rotateY(-90deg)}}@keyframes flipInL{0%{filter:brightness(.8);transform:rotateY(90deg)}}@keyframes flipBackOut{to{filter:brightness(.8);transform:rotateY(90deg)}}@keyframes flipInR{0%{filter:brightness(.8);transform:rotateY(-90deg)}}.charter{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;margin-bottom:10px;display:grid}@media (width<=520px){.charter{grid-template-columns:1fr}}.sigil{cursor:pointer}.sig{border:3px double var(--brass-d);width:150px;height:150px;color:var(--ink-2);font-size:var(--s-1);background:#e9dfc2 50%/contain no-repeat;place-items:center;display:grid}.sigil:hover .sig{border-color:var(--resid)}b.heat{text-align:center;min-width:1.6ch;font-size:26px}.stones{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:6px;display:grid}.stone{background:var(--paper-3);border:1px solid var(--rule);border-left:4px solid;border-radius:3px;padding:6px 10px}.gem{background:radial-gradient(circle at 35% 30%,#fff9,var(--c) 55%,#0008);vertical-align:middle;border:1px solid #000a;border-radius:50%;width:14px;height:14px;display:inline-block}.sockets{flex-wrap:wrap;align-items:center;gap:3px;margin-top:4px;display:flex}.sockets i{background:#1a1408;border:1px solid #000a;border-radius:50%;width:11px;height:11px}.sockets i.on{background:radial-gradient(circle at 35% 30%,#fff8,var(--c) 60%,#0008)}.sockets .tag{margin-left:6px}.rooms{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:6px;display:grid}.room{background:var(--paper-3);border:1px solid var(--rule);font-size:var(--s-1);border-radius:3px;padding:6px 10px}details.choice>summary{cursor:pointer;font-size:var(--s1)}