:root{--sand:#c9ad7c;--rust:#a4502c;--teal:#4f8a82;--ink:#1d1a16;--bone:#ece3d0}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden}.start{background-color:#14110d;background-image:linear-gradient(180deg, #0e0b089e 0%, #0e0b08c7 55%, #0e0b08e6 100%), var(--start-art,none), radial-gradient(ellipse at 50% 30%, #4a3a26 0%, #2a2118 55%, #14110d 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;grid-template-columns:minmax(0,1fr);place-items:center;height:100%;display:grid}.start-card{text-align:center;border:2px solid var(--rust);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1d1a16e6;border-radius:6px;max-width:560px;padding:40px}.start-card h1{color:var(--sand);letter-spacing:.02em;margin:6px 0 12px;font-size:40px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--teal);margin:0;font-size:12px}.tag{color:var(--bone);opacity:.85}.go{color:var(--bone);cursor:pointer;border:0;border-radius:4px;margin:18px 0;padding:14px 28px;font-size:18px}.go:hover{filter:brightness(1.15)}.fine{opacity:.6;margin:0;font-size:12px}.game{height:100%;position:relative}.hud{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px}.hud button{color:var(--bone);border:1px solid var(--teal);cursor:pointer;background:#1d1a16d9;border-radius:4px;padding:6px 12px}.hud button[aria-pressed=true]{background:var(--teal);color:var(--ink)}.hud .title{color:var(--sand);margin-right:8px;font-weight:600}.game>.hud{flex-direction:column;align-items:stretch;gap:4px;inset:auto 12px 67px auto}.game>.hud .title{display:none}.game>.hud button{padding:3px 9px;font-size:12px}@media (width<=900px){.game>.hud{top:104px;bottom:auto;right:6px}}[data-testid=audio-toggle],[data-testid=audio-volume]{font:inherit;color:var(--bone);border:1px solid var(--teal);cursor:pointer;background:#1d1a16e6;border-radius:4px;padding:3px 9px;font-size:12px}[data-testid=audio-toggle][aria-pressed=true]{background:var(--teal);color:var(--ink)}.htp-back{z-index:40;box-sizing:border-box;background:#0a0806b3;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.htp-panel{width:100%;max-width:680px;max-height:92vh;color:var(--bone,#ece3d0);border:2px solid var(--rust,#a4502c);text-align:left;box-sizing:border-box;background:#1d1a16f7;border-radius:6px;flex-direction:column;font-size:14px;line-height:1.45;display:flex}.htp-head{border-bottom:1px solid #4f8a8266;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.htp-head h2{color:var(--sand,#c9ad7c);letter-spacing:.03em;margin:0;font-size:22px}.htp-scroll{padding:4px 16px 16px;overflow-y:auto}.htp-panel button{font:inherit;color:var(--bone,#ece3d0);border:1px solid var(--teal,#4f8a82);cursor:pointer;background:#1d1a16e6;border-radius:4px;padding:4px 10px}.htp-panel button:hover{background:var(--teal,#4f8a82);color:var(--ink,#1d1a16)}.htp-toc{flex-wrap:wrap;gap:4px;margin:8px 0 4px;display:flex}.htp-toc button{padding:2px 8px;font-size:12px}.htp-sec{padding-top:6px}.htp-sec h3{color:var(--sand,#c9ad7c);letter-spacing:.04em;border-bottom:1px solid #c9ad7c33;margin:10px 0 4px;padding-bottom:2px;font-size:16px}.htp-sec p{margin:4px 0}.htp-sec ul{margin:4px 0;padding-left:20px}.htp-sec li{margin:2px 0}.htp-flow{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;display:flex}.htp-box{border:1px solid var(--teal,#4f8a82);text-align:center;background:#4f8a821f;border-radius:5px;flex:120px;padding:6px 8px;font-size:13px}.htp-box.alt{border-color:var(--rust,#a4502c);background:#a4502c22}.htp-box small{opacity:.8}.htp-arrow{color:var(--sand,#c9ad7c);font-weight:700}.htp-loop{color:var(--sand,#c9ad7c);text-align:center;flex:0 0 100%;font-size:12px;font-style:italic}.htp-die{margin:8px 0}.htp-faces{gap:2px;display:flex}.htp-face{text-align:center;border-radius:3px;flex-basis:0;min-width:0;padding:5px 0;font-size:11px;font-weight:700;overflow:hidden}.htp-face.pass{color:#10140d;background:#5f9b4a}.htp-face.fail{color:#e6dfd2;background:#5a544b}.htp-face.x{color:#fff;background:#b8412f}.htp-caption{opacity:.85;font-size:12px}.htp-rulers{gap:4px;margin:8px 0;display:grid}.htp-ruler{grid-template-columns:56px 1fr 44px;align-items:center;gap:8px;font-size:12px;display:grid}.htp-rname{text-transform:capitalize}.htp-rbar{border:1px solid #ece3d055;border-radius:2px;height:10px;display:block}.htp-ruler>.htp-rbar{justify-self:start}.htp-rin{text-align:right;opacity:.9}.htp-actions{border-collapse:collapse;width:100%;margin:6px 0;font-size:13px}.htp-actions th,.htp-actions td{text-align:left;vertical-align:top;border-top:1px solid #c9ad7c22;padding:4px 6px}.htp-actions th{color:var(--teal,#4f8a82);white-space:nowrap}.htp-cost{white-space:nowrap;color:var(--sand,#c9ad7c);font-size:12px}button.htp-link,.hud-root button.htp-link{color:var(--teal,#4f8a82);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}@media (width<=520px){.htp-actions,.htp-actions tbody,.htp-actions tr{display:block}.htp-actions th,.htp-actions td{border:none;padding:2px 4px;display:inline-block}.htp-actions tr{border-top:1px solid #c9ad7c22;padding:4px 0}.htp-actions td:last-child{display:block}.htp-arrow{display:none}}.b-howto{text-align:center;opacity:.9;margin:10px 0 0;font-size:13px}.start .start-card.sc{text-align:left;width:calc(100% - 24px);max-width:680px;max-height:100%;padding:28px 32px;overflow:auto}.sc h1{text-align:center;font-size:34px}.sc .eyebrow,.sc .tag{text-align:center}.sc-sec{margin:16px 0 0}.sc-h{letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin:0 0 6px;font-size:12px}.sc-row{flex-wrap:wrap;gap:8px;display:flex}.sc-factions{align-items:center;margin-top:8px}.sc-factions .sc-note{min-height:0;margin:0}.sc-factions .sc-chip{padding:5px 10px}.sc-chip{color:var(--bone);cursor:pointer;font:inherit;text-align:left;background:#2a2218;border:1px solid #5a4a36;border-radius:4px;padding:8px 12px;font-size:14px}.sc-chip:hover{border-color:var(--sand)}.sc-chip[aria-pressed=true]{border-color:var(--teal);background:#2f5a55}.sc-chip small{opacity:.7;font-size:11px;display:block}.sc-note{opacity:.75;color:var(--bone);min-height:1.4em;margin:6px 0 0;font-size:12px}.sc input[type=text]{color:var(--bone);font:inherit;background:#14110d;border:1px solid #5a4a36;border-radius:4px;width:220px;max-width:100%;padding:8px 10px}.sc details{margin-top:8px}.sc summary{cursor:pointer;color:var(--sand);font-size:13px}.sc-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.sc-actions .go{margin:0}.sc-actions .go.alt{border:2px solid var(--teal);background:0 0}.sc .fine{text-align:center;margin-top:14px}.sc-err{color:#e0a080;text-align:center;font-size:13px}.sc-brief{border-left:3px solid var(--teal);background:#1d1812;margin-top:10px;padding:8px 12px;font-size:13px;line-height:1.45}.sc-brief p{margin:3px 0}.sc-brief .sc-story{opacity:.9;font-style:italic}.sc-thumb{aspect-ratio:16/9;object-fit:cover;background:#14110d;border-radius:3px;width:132px;max-width:100%;margin:0 0 5px;display:block}.sc-chip:has(.sc-thumb){width:156px}.sc-brief-art{object-fit:cover;border-radius:3px;width:100%;max-height:130px;margin-bottom:8px;display:block}@media (width<=600px){.start .start-card.sc{background:#1d1a16f0;width:calc(100% - 12px);padding:16px 14px}.sc h1{font-size:26px}.sc-chip:has(.sc-thumb){width:calc(50% - 4px)}.sc-thumb{width:100%}}