:root{--blood:#8a0f1a;--blood-bright:#c4202f;--bone:#d8cfc0;--gold:#b8975a;--ink:#080508eb;--font-display:"Cinzel", "Trajan Pro", "Palatino Linotype", Georgia, serif;--font-body:"Palatino Linotype", "Book Antiqua", Georgia, serif}*{box-sizing:border-box}html,body{height:100%;color:var(--bone);font-family:var(--font-body);background:#05060a;margin:0;overflow:hidden}#game-root,#game-root canvas{display:block;position:fixed;inset:0}#overlay{pointer-events:none;position:fixed;inset:0}#overlay>*{pointer-events:auto}[hidden]{display:none!important}#start-screen{text-align:center;cursor:pointer;background:radial-gradient(#05060a8c,#05060aeb);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;display:flex;position:absolute;inset:0}.start-logo{filter:drop-shadow(0 4px 18px #000000b3);width:min(220px,40vw,28vh);height:auto;margin-bottom:4px}#start-screen h1{font-family:var(--font-display);letter-spacing:.25em;text-transform:uppercase;color:var(--bone);text-shadow:0 0 24px var(--blood);margin:0;font-size:clamp(2rem,6vw,4rem);font-weight:400}.controls-hint{color:var(--gold);letter-spacing:.04em;max-width:min(900px,100vw - 32px);margin-inline:auto;font-size:.95rem}.controls-hint b{color:var(--bone)}.link{color:var(--gold);font-size:.85rem}#hud{color:var(--gold);opacity:.7;pointer-events:none;font-size:.8rem;position:absolute;top:12px;left:14px}#hud-prompt{letter-spacing:.03em;color:var(--bone);pointer-events:none;white-space:nowrap;background:#0a060899;border:1px solid #b8975a59;padding:4px 12px;font-size:.95rem;position:absolute;top:62%;left:50%;transform:translate(-50%)}#hud-prompt b{color:var(--gold)}#knocks{z-index:20;flex-direction:column;gap:8px;width:min(320px,100vw - 32px);display:flex;position:absolute;top:120px;right:16px}.knock{border:1px solid var(--blood);color:var(--bone);background:#0e080aeb;padding:8px 10px;font-size:.9rem}.knock p{margin:0 0 6px}.knock-actions{gap:6px;display:flex}.knock-actions button{color:var(--bone);font:inherit;cursor:pointer;background:#1a1418;border:1px solid #b8975a80;flex:1;padding:4px 6px}#dice-panel{z-index:30;background:linear-gradient(180deg, #14080cf5, var(--ink));border:1px solid var(--blood);border-top:2px solid var(--blood-bright);width:min(460px,100vw - 32px);color:var(--bone);flex-direction:column;gap:8px;max-height:calc(82vh - 16px);padding:14px 18px;display:flex;position:absolute;top:18%;left:50%;overflow-y:auto;transform:translate(-50%)}#dice-panel h2{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--blood-bright);margin:0;font-size:1rem}#dice-panel p{margin:0}.dice-pool{color:var(--gold)}.dice-warning{color:#e06a5a}.dice-field{color:#a99f90;flex-direction:column;gap:3px;font-size:.85rem;display:flex}.dice-row{flex-wrap:wrap;gap:6px;display:flex}.dice-row>*{flex:1}fieldset.dice-side{border:1px solid #c9a22759;margin:0 0 8px;padding:6px 10px}fieldset.dice-side legend{color:var(--gold);padding:0 4px}.dice-side[hidden]{display:none}.dice-check{align-items:center;gap:6px;display:flex}#dice-panel select,#dice-panel input[type=text],#dice-panel input[type=number]{color:var(--bone);font:inherit;background:#0b0a0e;border:1px solid #b8975a66;padding:4px 6px}#dice-panel button{color:var(--bone);font:inherit;cursor:pointer;background:#1a1418;border:1px solid #b8975a80;padding:6px 10px}#dice-panel button.dice-primary{background:var(--blood);border-color:var(--blood-bright);color:#fff}#dice-box{z-index:25;background:#0a0608d1;border:1px solid #b8975a73;flex-direction:column;width:min(440px,100vw - 32px);transition:opacity .4s;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}#dice-box[hidden]{display:none}#dice-box.dice-box--fading{opacity:0}.dice-box__canvas{aspect-ratio:16/9;width:100%;display:block}.dice-box__caption{color:var(--bone);justify-content:space-between;align-items:baseline;gap:8px;padding:5px 10px 7px;font-size:.85rem;display:flex}.dice-box__what{color:#a99f90;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dice-box__result{font-family:var(--font-display);letter-spacing:.06em;white-space:nowrap;color:var(--bone)}.dice-box__result--success{color:var(--gold)}.dice-box__result--failure{color:#a99f90}.dice-box__result--botch{color:var(--blood-bright)}.dice-box__tools{gap:6px;padding:0 10px 8px;display:flex}.dice-box__tools:not(:has(button:not([hidden]))){display:none}.dice-box__button{color:var(--bone);font:inherit;cursor:pointer;background:#1a1418;border:1px solid #b8975a80;flex:1;padding:4px 8px;font-size:.85rem}.dice-box__button:hover{border-color:var(--gold)}.dice-box__button[hidden]{display:none}.dice-box__close{background:#0a0608b3;flex:none;width:26px;height:26px;padding:0;line-height:1;position:absolute;top:4px;right:4px}#fade{opacity:0;pointer-events:none;z-index:50;background:#000;transition:opacity .3s;position:fixed;inset:0}#fade.on{opacity:1}#dialogue{background:linear-gradient(180deg, #14080cf0, var(--ink));border:1px solid var(--blood);border-top:2px solid var(--blood-bright);width:min(860px,100vw - 32px);padding:18px 26px 20px;animation:.25s ease-out dialogue-rise;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #000,0 0 40px #8a0f1a59,inset 0 0 60px #000c}@keyframes dialogue-rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.dialogue-speaker{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--blood-bright);border-bottom:1px solid #b8975a4d;margin-bottom:8px;padding-bottom:6px;font-size:1.05rem}.dialogue-text{cursor:pointer;min-height:3.1em;margin:0 0 14px;font-size:1.1rem;line-height:1.55}.dialogue-choices{flex-direction:column;gap:6px;display:flex}.dialogue-choice{text-align:left;font:inherit;color:var(--bone);cursor:pointer;background:0 0;border:1px solid #0000;border-left:2px solid #8a0f1a99;align-items:baseline;gap:10px;padding:8px 12px;font-size:1rem;transition:background .15s,border-color .15s,color .15s;display:flex}.dialogue-choice:hover:not(:disabled),.dialogue-choice:focus-visible{border-left-color:var(--blood-bright);color:#fff;background:#8a0f1a38;outline:none}.dialogue-choice:disabled{opacity:.4;cursor:not-allowed}.choice-number{color:var(--gold);min-width:1.4em}.choice-hint{color:var(--gold);margin-left:auto;font-size:.85rem;font-style:italic}#minimap{--mm-size:200px;--mm-radius:calc(var(--mm-size) / 2 + 9px);width:var(--mm-size);height:var(--mm-size);pointer-events:none;position:absolute;bottom:22px;right:22px}#minimap-frame{width:100%;height:100%;position:relative}#minimap-view{border:2px solid var(--gold);background:#05060a;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 3px #000,0 0 26px #8a0f1a8c,inset 0 0 22px #000000b3}#minimap-view canvas{display:block;width:100%!important;height:100%!important}#minimap-cone{background:conic-gradient(from calc(var(--fov,90deg) / -2), #ffe6aa47 0deg, #ffe6aa47 var(--fov,90deg), transparent var(--fov,90deg));position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0,#000 12% 100%);mask:radial-gradient(circle,#0000 0,#000 12% 100%)}#minimap-player{border-left:7px solid #0000;border-right:7px solid #0000;border-bottom:16px solid var(--blood-bright);filter:drop-shadow(0 0 2px #000);width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}#minimap-north{width:22px;height:22px;font:700 .8rem var(--font-display);color:var(--bone);background:var(--blood);border:1px solid var(--gold);border-radius:50%;place-items:center;margin:-11px 0 0 -11px;display:grid;position:absolute;top:50%;left:50%}.minimap-clock{filter:drop-shadow(0 0 3px #c8d4ff99);width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%}.minimap-clock svg{display:block}.minimap-clock--sun{filter:drop-shadow(0 0 4px #ffc45ae6);background:radial-gradient(circle,#fff6d8 0 35%,#f2b84b 60%,#f2b84b00 72%);border-radius:50%}.minimap-date{white-space:nowrap;transform:translate(-50%, calc(var(--mm-radius) * -1 - 11px - 5px - 100%));font:400 .78rem var(--font-display);letter-spacing:.08em;color:var(--bone);text-shadow:0 0 4px #000,0 0 2px #000;position:absolute;top:50%;left:50%}.minimap-time{white-space:nowrap;color:var(--bone);text-shadow:0 0 4px #000,0 0 2px #000;font-size:.75rem;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)}.calendar-row{margin-top:12px}.calendar-page{text-align:center;background:#f4f1ec;border-radius:10px;width:150px;overflow:hidden;box-shadow:0 3px #b9b4ad,0 0 12px #0009}.calendar-band,.calendar-body{grid-template-columns:26px 1fr 26px;align-items:center;display:grid}.calendar-band{color:#fff;background:#d8202a;padding:5px 0}.calendar-month{font:600 .82rem var(--font-display);letter-spacing:.08em;text-transform:uppercase}.calendar-day{color:#111;padding:4px 0;font:800 2.6rem/1.15 system-ui,sans-serif}.calendar-arrow{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font:700 1.1rem system-ui,sans-serif}.calendar-body .calendar-arrow{color:#555}.calendar-arrow:hover{opacity:.6}#gauge,#look,#bench,#st-panel{border:1px solid var(--blood);background:#0c060aeb;width:min(360px,100vw - 28px);padding:14px 16px;font-size:.85rem;position:absolute;top:56px;left:14px;box-shadow:0 0 30px #000000b3}#gauge h2,#look h2,#st-panel h2{font:400 .95rem var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--blood-bright);margin:0 0 8px}#look h3{font:400 .8rem var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--blood-bright);margin:12px 0 6px}.gauge-facts div{border-bottom:1px solid #b8975a26;justify-content:space-between;gap:10px;padding:2px 0;display:flex}.gauge-facts span{color:var(--gold)}.gauge-facts b{text-align:right;font-weight:400}.gauge-row{color:var(--gold);grid-template-columns:1fr auto;gap:2px 8px;margin-top:10px;display:grid}.gauge-row input{width:100%;accent-color:var(--blood-bright);grid-column:1/-1}.gauge-row select{width:100%;color:var(--bone);font:inherit;background:#0b0a0e;border:1px solid #b8975a66;grid-column:1/-1;padding:3px 4px}.gauge-out{color:var(--bone)}.gauge-buttons{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.gauge-buttons button{font:inherit;color:var(--bone);border:1px solid var(--blood);cursor:pointer;background:#1d1822;padding:4px 9px}.gauge-buttons button:hover{background:var(--blood)}.gauge-note{color:#a99f90;margin:10px 0 0;font-size:.75rem}#gauge-labels{pointer-events:none;position:absolute;inset:0}.gauge-label{text-align:center;color:var(--bone);border:1px solid var(--gold);background:#0009;padding:2px 6px;font-size:.72rem;line-height:1.25;position:absolute;transform:translate(-50%,-100%)}#look{max-height:calc(100vh - 28px);top:14px;left:auto;right:14px;overflow-y:auto}#tools-menu{z-index:5;border:1px solid var(--blood);background:#0c060af2;width:min(380px,100vw - 32px);padding:14px 16px;font-size:.9rem;position:absolute;top:56px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #000000b3}#tools-menu h2{font:400 .95rem var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--blood-bright);margin:0 0 10px}.tools-list{flex-direction:column;gap:6px;display:flex}.tools-entry{text-align:left;font:inherit;color:var(--bone);border:1px solid var(--blood);cursor:pointer;background:#1d1822;grid-template-columns:1fr auto 3em;align-items:center;gap:10px;padding:7px 10px;display:grid}.tools-entry:hover{background:var(--blood)}.tools-state{color:var(--gold);font-size:.8rem}.tools-entry kbd{font:inherit;color:var(--gold);justify-self:end;font-size:.8rem}#creator{z-index:5;background:radial-gradient(at 65% 45%,#2a0e16,#05060a);grid-template-columns:minmax(300px,400px) 1fr;display:grid;position:absolute;inset:0}.creator-panel{border-right:1px solid var(--blood);flex-direction:column;gap:8px;padding:28px 28px 20px;display:flex;overflow-y:auto}.creator-panel h2{font:400 1.5rem var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--bone);text-shadow:0 0 18px var(--blood);margin:0}.creator-intro{color:#a99f90;margin:0 0 6px;font-size:.85rem}.creator-field{color:var(--gold);flex-direction:column;gap:3px;font-size:.8rem;display:flex}.creator-panel select{width:100%;color:var(--bone);border:1px solid var(--blood);font:inherit;background:#0b0a0e;padding:6px 8px}.creator-parts{flex-direction:column;gap:8px;display:flex}.creator-parts[hidden]{display:none}.creator-skin-row{grid-template-columns:auto 1fr auto;gap:4px;display:grid}.creator-skin-row button,.creator-actions button,#creator .gauge-buttons button{font:inherit;color:var(--bone);border:1px solid var(--blood);cursor:pointer;background:#1d1822;padding:6px 12px}.creator-skin-row button:hover,.creator-actions button:hover,#creator .gauge-buttons button:hover{background:var(--blood)}.creator-actions{background:linear-gradient(#0000,#0a0508 35%);justify-content:flex-end;gap:8px;margin-top:auto;padding:12px 0 4px;display:flex;position:sticky;bottom:0}.creator-confirm{letter-spacing:.12em;text-transform:uppercase;background:var(--blood)!important}.creator-confirm:disabled{opacity:.5;cursor:wait}.creator-preview{min-height:0;position:relative}.creator-preview canvas{cursor:grab;position:absolute;inset:0;width:100%!important;height:100%!important}.creator-preview canvas:active{cursor:grabbing}.creator-hint{text-align:center;pointer-events:none;letter-spacing:.04em;color:#dccdbe8c;margin:0;font-size:12px;position:absolute;bottom:10px;left:0;right:0}@media (width<=760px){#creator{grid-template-rows:55% 45%;grid-template-columns:1fr}.creator-panel{order:2}}#perf{z-index:20;pointer-events:none;color:#cfe8cf;background:#08080cb8;border:1px solid #78a07866;margin:0;padding:6px 10px;font:12px/1.45 ui-monospace,Consolas,monospace;position:fixed;bottom:12px;left:12px}#perf[hidden]{display:none}#bench{width:min(640px,100vw - 28px);max-height:calc(100vh - 28px);top:14px;left:auto;right:14px;overflow-y:auto}#bench h2{font:400 .95rem var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--blood-bright);margin:0 0 8px}#bench select{width:100%;color:var(--bone);border:1px solid var(--blood);font:inherit;background:#0b0a0e;padding:6px 8px}.bench-output{color:#cfe8cf;white-space:pre;margin:8px 0 0;font:11px/1.45 ui-monospace,Consolas,monospace;overflow-x:auto}#sheet,.sheet-host{--ink:#1a1512;--parchment:#ece3d0;--paper:#f6f0e2;--rule:#6b5d47;--dot-empty:#b7ab90;--locked:#7a6f57}#sheet{z-index:4;border:1px solid var(--blood);background:#0c060af0;width:min(860px,100vw - 32px);max-height:calc(100vh - 32px);padding:14px 16px 12px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000,0 0 40px #8a0f1a59}.sheet-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.sheet-name{min-width:0;font:400 1.05rem var(--font-display);letter-spacing:.12em;color:var(--bone);flex:200px}input.sheet-name{border:none;border-bottom:1px solid var(--blood);background:0 0;padding:2px 4px}input.sheet-name:focus{border-bottom-color:var(--blood-bright);outline:none}.sheet-system{color:var(--gold);font:inherit;font-size:.85rem}select.sheet-system{color:var(--bone);border:1px solid var(--blood);background:#0b0a0e;padding:4px 6px}.sheet-bar button{font:inherit;color:var(--bone);border:1px solid var(--blood);cursor:pointer;background:#1d1822;padding:4px 10px;font-size:.85rem}.sheet-bar button:hover{background:var(--blood)}.sheet-hint{color:#a99f90;margin:8px 2px 0;font-size:.75rem}.character-sheet{background:var(--parchment);color:var(--ink);padding:1.25rem 1.5rem;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;box-shadow:inset 0 0 60px #6b5d471f}.trait-block__title{text-align:center;border-bottom:2px solid var(--ink);letter-spacing:.24em;text-transform:uppercase;margin:0 0 .6rem;padding-bottom:.35rem;font-size:1rem;font-weight:700}.trait-block--compact .trait-block__title{border-bottom:1px solid var(--rule);letter-spacing:.16em;font-size:.9rem}.trait-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.5rem;display:grid}.trait-column__header{text-align:center;border-bottom:1px solid var(--rule);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .4rem;padding-bottom:.2rem;font-size:.8rem;font-weight:700}.sheet-flow{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:start;gap:1.3rem 1.5rem;display:grid}.trait-block--wide{grid-column:1/-1}.sheet-stack{flex-direction:column;gap:1.3rem;min-width:0;display:flex}.sheet-row{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1.5rem;display:grid}.sheet-title{text-align:center;font:400 1.5rem var(--font-display);letter-spacing:.22em;text-transform:uppercase;margin:0 0 1rem}.sheet-tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.sheet-tab{font:inherit;color:var(--gold);cursor:pointer;background:#1d1822;border:1px solid #8a0f1a99;padding:4px 12px;font-size:.82rem}.sheet-tab:hover{color:var(--bone)}.sheet-tab[aria-selected=true]{color:var(--ink);background:var(--parchment);border-color:var(--parchment)}.character-sheet input,.character-sheet textarea{font:inherit;color:var(--ink);border:none;border-bottom:1px solid var(--rule);background:0 0;min-width:0;padding:1px 2px}.character-sheet input:focus,.character-sheet textarea:focus{border-bottom-color:var(--ink);background:#ffffff40;outline:none}.character-sheet input::placeholder{color:#9a8d72}.character-sheet .specialty{flex:1 1 0;width:0;font-size:.8rem;font-style:italic}.sheet-fields{grid-template-columns:repeat(var(--columns,3), minmax(0, 1fr));gap:.35rem 1.5rem;display:grid}.sheet-field{align-items:baseline;gap:.4rem;display:flex}.sheet-field__label{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:.78rem;font-weight:700}.sheet-field input{flex:auto;font-size:.92rem}.sheet-field--name{grid-column:1/-1}.sheet-field--name input{font-size:1.05rem}.sheet-notes{grid-template-columns:repeat(var(--columns,1), minmax(0, 1fr));gap:.6rem 1.5rem;display:grid}.sheet-note{flex-direction:column;gap:2px;display:flex}.character-sheet textarea.sheet-note__text{resize:vertical;background-image:repeating-linear-gradient(transparent 0, transparent calc(1.45rem - 1px), var(--rule) calc(1.45rem - 1px), var(--rule) 1.45rem);background-attachment:local;border:none;width:100%;padding:0 2px;font-size:.9rem;line-height:1.45rem}.sheet-table{align-items:end;gap:4px 8px;display:grid}.sheet-table__head{letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:700;overflow:hidden}.sheet-table__cell{width:100%;font-size:.88rem}.pool{flex-direction:column;gap:6px;display:flex}.pool .dot-track{justify-content:flex-start}.pool__name{font-size:.9rem}.dot-track,.labeled-dot-track{justify-content:space-between;align-items:center;gap:.5rem;padding:.1rem 0;display:flex}.dot-track__label{white-space:nowrap;font-size:.9rem}.dot-track__dots{border-radius:4px;outline:none;flex:none;gap:3px;margin-left:auto;display:inline-flex}.dot-track__dots:focus-visible{box-shadow:0 0 0 2px var(--rule)}.labeled-dot-track .dot-track{flex:none}.labeled-dot-track__input{min-width:0;font:inherit;color:var(--ink);border:none;border-bottom:1px solid var(--rule);background:0 0;flex:auto;padding:1px 2px;font-size:.88rem}.labeled-dot-track__input:focus{border-bottom-color:var(--ink);outline:none}.labeled-dot-track__text{flex:auto;font-size:.9rem}.dot-list{flex-direction:column;gap:.3rem;display:flex}.trait-block--wide .dot-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.3rem 1.5rem;display:grid}.character-sheet .dot{border:1.5px solid var(--ink);background:var(--dot-empty);cursor:pointer;border-radius:50%;width:13px;height:13px;padding:0;transition:background-color 80ms}.character-sheet .dot--filled{background:var(--ink)}.character-sheet .dot--locked{cursor:default;border-color:var(--locked)}.character-sheet .dot:disabled{cursor:default}.character-sheet .dot:not(:disabled):hover{background:var(--rule)}.box-track{flex-wrap:wrap;gap:3px;display:flex}.box{border:1.5px solid var(--ink);background:var(--paper);width:20px;height:20px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:inline-flex}.box:disabled{cursor:default}.box-track--grid{gap:3px;display:grid}.box-track--levels{flex-direction:column;gap:2px;max-width:220px}.box-level{grid-template-columns:1fr 2rem 20px;align-items:center;font-size:.86rem;display:grid}.box-level__penalty{color:var(--rule);text-align:right;padding-right:6px}.character-sheet .box-level__input{margin-right:6px;font-size:.84rem}.box--bashing{background:#e6dcc2}.box--lethal{background:#d8c9a6}.box--aggravated{background:#c9b487}.box--spent{background:var(--ink);color:var(--parchment)}.vertical-track{flex-direction:column;gap:2px;display:inline-flex}.vertical-track__row{align-items:center;gap:.5rem;display:flex}.vertical-track__num{text-align:right;width:1.4rem;color:var(--rule);font-size:.78rem}@media (width<=680px){.trait-grid,.sheet-fields,.sheet-notes{grid-template-columns:1fr}.character-sheet{padding:1rem}}@media (prefers-reduced-motion:reduce){.character-sheet .dot{transition:none}}.start-button{font:inherit;letter-spacing:.14em;text-transform:uppercase;color:var(--bone);border:1px solid var(--blood);cursor:pointer;background:#1d1822;padding:6px 18px}.start-button:hover{background:var(--blood)}:is(#maker,#campaigns){z-index:5;background:radial-gradient(at 50% 30%,#2a0e16,#05060a);position:absolute;inset:0;overflow-y:auto}.maker-bar{z-index:1;border-bottom:1px solid var(--blood);background:#080508f0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.maker-bar h2{font:400 1.2rem var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--bone);text-shadow:0 0 14px var(--blood);margin:0}.maker-main{flex-direction:column;gap:14px;width:min(900px,100vw - 32px);margin:0 auto;padding:18px 0 40px;display:flex}:is(#maker,#campaigns) .maker-btn{font:inherit;color:var(--bone);border:1px solid var(--blood);cursor:pointer;background:#1d1822;padding:6px 14px}:is(#maker,#campaigns) .maker-btn:hover:not(:disabled){background:var(--blood)}:is(#maker,#campaigns) .maker-btn:disabled{opacity:.45;cursor:default}:is(#maker,#campaigns) .maker-primary{background:var(--blood);letter-spacing:.08em}:is(#maker,#campaigns) .maker-danger{color:#c9a9a9;border-color:#5a4a4a}:is(#maker,#campaigns)>.maker-main>button:first-child{align-self:flex-start}.maker-empty,.maker-note{color:#a99f90;margin:0;font-size:.85rem}.maker-list{flex-direction:column;gap:6px;display:flex}.maker-row{background:#0c060ad9;border:1px solid #8a0f1a80;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.maker-row__info{flex-direction:column;gap:2px;min-width:0;display:flex}.maker-row__info span{color:var(--gold);font-size:.85rem}.maker-row__actions{flex-shrink:0;gap:6px;display:flex}.maker-splats{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}:is(#maker,#campaigns) .maker-splat{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;display:flex}.maker-splat span{color:var(--gold);font-size:.8rem}.maker-steps{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}:is(#maker,#campaigns) .maker-step{color:var(--gold);padding:4px 10px;font-size:.82rem}:is(#maker,#campaigns) .maker-step[aria-current=step],:is(#maker,#campaigns) .maker-step[aria-current=step]:hover{color:var(--ink);background:var(--parchment,#ece3d0);border-color:#ece3d0}.maker-summary{flex-wrap:wrap;gap:6px;display:flex}.maker-counter{color:var(--bone);background:#0c060ad9;border:1px solid #b8975a66;padding:3px 10px;font-size:.85rem}.maker-counter.is-done{color:#cfe2c2;border-color:#5b7a4e}.maker-counter--freebies{border-color:var(--gold)}.maker-counter.is-over{border-color:var(--blood-bright);color:#ffb3b3}.maker-body{flex-direction:column;gap:12px;display:flex}.maker-controls{background:#0c060ad9;border:1px solid #8a0f1a80;flex-wrap:wrap;align-items:flex-end;gap:10px 18px;padding:12px 14px;display:flex}.maker-controls p{flex-basis:100%;margin:0}.maker-field{color:var(--gold);flex-direction:column;gap:3px;font-size:.8rem;display:flex}.maker-roll strong{color:var(--bone);padding:5px 0;font-size:1rem}.maker-input{color:var(--bone);border:1px solid var(--blood);font:inherit;background:#0b0a0e;min-width:180px;padding:6px 8px}.maker-points{width:4.5em;min-width:0}.maker-merits{background:#0c060ad9;border:1px solid #8a0f1a80;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.maker-merits h3{font:400 .95rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--blood-bright);margin:0}:is(#maker,#campaigns) .maker-merits>button{align-self:flex-start}.maker-merit{flex-wrap:wrap;gap:6px;display:flex}.maker-merit .maker-input:nth-child(2){flex:200px}.maker-problems{color:#e6c9a0;flex-basis:100%;margin:0;padding-left:1.2rem}.maker-ok{color:#cfe2c2}.maker-sheet .character-sheet{padding:1rem 1.2rem}.maker-sheet .sheet-bar{margin-bottom:8px}.campaign-heading{font:400 .95rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--blood-bright);margin:4px 0 0}.campaign-code{letter-spacing:.2em;color:var(--bone);font:600 1.15rem ui-monospace,monospace}.campaign-text{resize:vertical;flex:320px;min-height:2.5em}.campaign-status p{color:var(--bone);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.campaign-badge{letter-spacing:.06em;text-transform:uppercase;border:1px solid;padding:1px 8px;font-size:.75rem;display:inline-block}.campaign-badge.campaign-badge--unsanctioned{color:#e6c9a0;border-color:#8a6d3b}.campaign-badge.campaign-badge--submitted{color:#b9cdf0;border-color:#4a6290}.campaign-badge.campaign-badge--returned{color:#ffb3b3;border-color:var(--blood-bright)}.campaign-badge.campaign-badge--sanctioned{color:#cfe2c2;border-color:#5b7a4e}.campaign-badge.campaign-badge--removed{color:#a9a3a0;border-color:#5c5552}.campaign-badge.campaign-badge--npc{color:#d9c3ef;border-color:#6b4f86}.campaign-remove{flex-basis:100%}.campaign-remove summary{cursor:pointer;color:#c9a9a9}.campaign-remove[open]>:not(summary){margin-top:8px}.campaign-log{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.campaign-log__entry{background:#0c060ad9;border:1px solid #8a0f1a66;padding:8px 12px}.campaign-log__line{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.campaign-log__line time{color:#a99f90;min-width:13em;font-size:.8rem}.campaign-log__line strong{color:var(--bone);font-weight:400}.campaign-log__line span{color:var(--gold);font-size:.85rem}.campaign-log__changes{color:#cfc6b8;margin:4px 0 0 13em;padding-left:1rem;font-size:.82rem}.campaign-thread{background:#0c060ad9;border:1px solid #8a0f1a80;padding:8px 12px}.campaign-thread--closed{opacity:.8}.campaign-thread summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.campaign-thread summary strong{color:var(--bone)}.campaign-thread summary span{color:var(--gold);font-size:.8rem}.campaign-message{border-left:3px solid var(--gold);background:#ffffff08;margin:8px 0 0;padding:6px 10px}.campaign-message--storyteller{border-left-color:var(--blood-bright)}.campaign-message__by{color:#a99f90;font-size:.78rem}.campaign-message p{color:var(--bone);white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}.campaign-reply{flex-direction:column;gap:6px;margin-top:10px;display:flex}.campaign-reply .campaign-text,.campaign-new .campaign-text{flex:none}.campaign-new{flex-flow:column;align-items:stretch}:is(#maker,#campaigns) .campaign-new>button{align-self:flex-start}.campaign-reply .maker-row__actions{flex-wrap:wrap}@media (width<=600px){.campaign-log__line time{min-width:0}.campaign-log__changes{margin-left:0}.maker-row{flex-wrap:wrap}}.maker-footer{justify-content:flex-end;gap:8px;display:flex}:is(#maker,#campaigns) .maker-footer>button:first-child{margin-right:auto}#account,#lobby{z-index:8;background:radial-gradient(at 50% 35%,#2a0e16,#05060a);place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.account-form{border:1px solid var(--blood);background:#0c060aeb;flex-direction:column;gap:12px;width:min(400px,100%);padding:22px 24px;display:flex;box-shadow:0 0 40px #8a0f1a59}.account-form h1{text-align:center;font:400 1.6rem var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--bone);text-shadow:0 0 18px var(--blood);margin:0 0 4px}.account-form label{color:var(--gold);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.account-form input:not([type=radio]){color:var(--bone);border:1px solid var(--blood);font:inherit;background:#0b0a0e;padding:7px 9px}.account-tabs{grid-template-columns:1fr 1fr;gap:4px;display:grid}.account-form button{font:inherit;color:var(--bone);border:1px solid var(--blood);cursor:pointer;background:#1d1822;padding:7px 12px}.account-form button:hover:not(:disabled){background:var(--blood)}.account-form button:disabled{opacity:.5;cursor:wait}.account-tabs button[aria-selected=true]{color:var(--ink);background:#ece3d0;border-color:#ece3d0}.account-roles{border:1px solid #b8975a59;flex-direction:column;gap:6px;margin:0;padding:8px 10px;display:flex}.account-roles legend{color:var(--gold);padding:0 4px;font-size:.8rem}.account-roles label{color:var(--bone);flex-direction:row;align-items:baseline;gap:6px}.account-roles span{color:#a99f90;font-size:.8rem}.account-submit{letter-spacing:.1em;text-transform:uppercase;background:var(--blood)!important}.account-offline{align-self:center;color:var(--gold)!important;background:0 0!important;border-color:#0000!important;font-size:.85rem!important}.account-message{color:#ffb3b3;min-height:1.2em;margin:0;font-size:.85rem}.account-note{color:#a99f90;margin:0;font-size:.8rem}.account-solo-note{text-align:center;margin-top:-.4rem}.account-hint{color:#a99f90;font-size:.75rem}.account-links{flex-wrap:wrap;justify-content:center;gap:4px 14px;display:flex}.account-form .account-link{color:var(--gold);background:0 0;border-color:#0000;padding:2px 4px;font-size:.85rem;text-decoration:underline}.account-form .account-link:hover:not(:disabled){color:var(--bone);background:0 0}.account-code{letter-spacing:.35em;text-align:center;font-size:1.3rem!important}.account-address{color:var(--bone);font-weight:400}.account-trap{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.lobby{width:min(480px,100%)}#nameplates{pointer-events:none;position:absolute;inset:0;overflow:hidden}.nameplate{white-space:nowrap;font:600 .82rem var(--font-body,Georgia, serif);color:var(--bone);text-shadow:0 1px 2px #000;will-change:transform;background:#08060a8c;border:1px solid #b8975a59;border-radius:3px;flex-direction:column;align-items:center;gap:2px;padding:2px 8px 2px 5px;display:flex;position:absolute;top:0;left:0}.nameplate__head{align-items:center;gap:5px;display:flex}.nameplate__games{gap:3px;padding-bottom:1px;display:flex}.nameplate__games[hidden]{display:none}.nameplate__badge{width:18px;height:18px;display:inline-flex}.game-badge{box-sizing:border-box;min-width:22px;height:16px;font:600 .62rem/1 var(--font-body,Georgia, serif);letter-spacing:.02em;color:var(--bone);background:#140c16d9;border:1px solid #c9b8e6;border-radius:3px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.nameplate--storyteller .game-badge,.lobby--storyteller .game-badge{border-color:var(--gold)}.game-badge--icon{width:18px;min-width:0;height:18px;padding:1px}.game-badge--icon img{object-fit:contain;width:100%;height:100%}.game-badge--more{color:#a99f90}.nameplate__badge svg{width:100%;height:100%}.nameplate--storyteller .nameplate__badge{color:var(--gold)}.nameplate--player .nameplate__badge{color:#c9b8e6}#chat{width:min(420px,100vw - 260px);min-width:220px;font:.86rem var(--font-body,Georgia, serif);color:var(--bone);pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:14px;left:14px}#chat[hidden]{display:none}.chat__log{flex-direction:column;gap:2px;max-height:30vh;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.chat__line{text-shadow:0 1px 2px #000;overflow-wrap:anywhere;background:#08060a80;border-radius:3px;padding:2px 8px;transition:opacity 1.5s}.chat__line--old{opacity:0}.chat__name{font-weight:600}.chat__line--storyteller .chat__name{color:var(--gold)}.chat__line--player .chat__name{color:#c9b8e6}.chat__line--notice{color:#a99f90;font-style:italic}.chat--typing{pointer-events:auto}.chat--typing .chat__log{overflow-y:auto}.chat--typing .chat__line--old{opacity:1}.chat__input{font:inherit;color:var(--bone);background:#08060ad9;border:1px solid #b8975a8c;border-radius:3px;outline:none;padding:6px 8px}.chat__input:focus{border-color:var(--gold)}.chat__hint{color:var(--gold);opacity:.6;margin:0;padding:0 8px;font-size:.75rem}.chat__row{gap:4px;display:flex}.chat__row .chat__input{flex:1;min-width:0}.chat__channel,.chat__target{font:inherit;color:var(--bone);background:#08060ad9;border:1px solid #b8975a8c;border-radius:3px;font-size:.8rem;display:none}.chat__row--typing .chat__channel:not([hidden]),.chat__row--typing .chat__target:not([hidden]){display:block}.chat__phone{color:var(--chat-phone);border-left:2px solid var(--chat-phone);background:#08060ab3;margin:0;padding:2px 8px;font-size:.8rem}.chat__line--channel .chat__tag{opacity:.85;font-size:.75rem}.chat__line--say{color:var(--chat-say)}.chat__line--telepathy{color:var(--chat-telepathy);font-style:italic}.chat__line--phone{color:var(--chat-phone)}.chat__line--ooc{color:var(--chat-ooc)}.chat__line--direct{color:var(--chat-direct)}.lobby-welcome{text-align:center}.lobby-games{color:#a99f90;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-size:.8rem;display:flex}.lobby-games__none{font-style:italic}.lobby-games-list{border:1px solid #b8975a59;gap:6px;margin:0;padding:8px 10px;display:grid}.lobby-games-list legend{color:var(--gold);padding:0 4px;font-size:.8rem}.account-form .lobby-game{color:var(--bone);cursor:pointer;flex-direction:row;align-items:center;gap:8px}.account-form .lobby-game input{accent-color:var(--blood-bright);margin:0;padding:0}.lobby-choices{flex-direction:column;gap:10px;display:flex}.account-form .lobby-choice{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;display:flex}.lobby-choice strong{font:400 1.05rem var(--font-display);letter-spacing:.12em;text-transform:uppercase}.lobby-choice span{color:#a99f90;font-size:.8rem}.account-form .lobby-choice:disabled{cursor:default}.lobby-footer{justify-content:space-between;display:flex}.account-line{color:var(--gold);margin:0;font-size:.9rem}.link-button{font:inherit;color:var(--bone);border:none;border-bottom:1px solid var(--gold);cursor:pointer;background:0 0;padding:0}.campaign-districts{border-top:1px solid #b8975a40;flex-direction:column;align-items:flex-start;gap:6px;margin-top:10px;padding-top:8px;display:flex}#st-panel{max-height:calc(100vh - 28px);top:14px;left:auto;right:14px;overflow-y:auto}#st-panel h3{font:400 .8rem var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--blood-bright);margin:12px 0 6px}#st-panel button{color:var(--bone);border:1px solid var(--blood);font:inherit;cursor:pointer;background:#0b0a0e;padding:4px 8px}#st-panel .st-primary{margin-bottom:4px}.st-row{border-top:1px solid #ffffff0f;align-items:center;gap:8px;padding:4px 0;display:flex}.st-name{flex:1}.st-state{opacity:.6;font-size:.78rem}.st-check{padding:2px 0;display:block}.st-gift{white-space:nowrap;font-size:.8rem}.account-accept{color:var(--bone);align-items:baseline;gap:8px;font-size:.85rem;flex-direction:row!important}.account-legal{text-align:center}.account-legal a,.account-accept a{color:var(--gold)}