:root{--m-bg:#0b0816;--m-deep:#120b22;--m-panel:#1a1230;--m-panel2:#241741;--m-purple:#3f2a64;--m-cream:#fff3cf;--m-muted:#c8b8df;--m-cyan:#5df2d6;--m-coral:#ff8a5b;--m-yellow:#ffd166;--m-pink:#ef70c3;--m-shadow:#05030b}body.xarmo-game-mythos>main.mythos-page{display:block!important;padding:clamp(1rem,3vw,2rem) 1rem 2.3rem!important;background:linear-gradient(rgba(255,209,102,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,209,102,.025) 1px,transparent 1px),radial-gradient(circle at 50% -10%,rgba(255,138,91,.15),transparent 36rem),var(--m-bg)!important;background-size:28px 28px,28px 28px,auto,auto!important;color:var(--m-cream)!important}.mythos-game{width:min(100%,1100px);margin:auto;font-family:"Courier New",monospace}.mythos-heading{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1rem}.mythos-heading h1{margin:0;font:clamp(3rem,9vw,6.2rem)/.84 Impact,sans-serif;text-transform:uppercase;text-shadow:5px 5px 0 var(--m-purple),9px 9px 0 var(--m-shadow)}.mythos-heading p:not(.mythos-kicker){max-width:62ch;margin:1rem 0 0;color:var(--m-muted);font-weight:700;line-height:1.5}.mythos-kicker{margin:0 0 .6rem;color:var(--m-coral);font-size:.74rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.mythos-button{min-height:46px;padding:.75rem 1rem;border:3px solid var(--m-cream);border-radius:0;background:var(--m-coral);box-shadow:4px 4px 0 var(--m-shadow);color:var(--m-deep);font:900 .78rem/1 "Courier New",monospace;text-transform:uppercase;cursor:pointer}.mythos-button--quiet{background:var(--m-purple);color:var(--m-cream)}.mythos-button:focus-visible,.mythos-choice:focus-visible,input:focus-visible{outline:4px solid var(--m-yellow);outline-offset:3px}.mythos-intro,.mythos-ending{padding:clamp(1.2rem,4vw,2rem);border:5px solid var(--m-cream);background:var(--m-panel);box-shadow:10px 10px 0 var(--m-shadow)}.mythos-intro{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end}.mythos-intro label{display:grid;gap:.45rem}.mythos-intro label span,.mythos-status span{color:var(--m-pink);font-size:.7rem;font-weight:900;text-transform:uppercase}.mythos-intro input{min-height:48px;box-sizing:border-box;border:3px solid var(--m-cream);border-radius:0;background:var(--m-deep);color:var(--m-cream);font:800 1rem "Courier New",monospace;padding:.7rem}.mythos-layout{display:grid;grid-template-columns:260px 1fr;gap:1rem;align-items:start}.mythos-status,.mythos-encounter{border:5px solid var(--m-cream);background:var(--m-purple);box-shadow:9px 9px 0 var(--m-shadow),inset 0 0 0 5px var(--m-panel)}.mythos-status{display:grid;gap:4px;padding:1rem}.mythos-status>div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem;background:var(--m-panel)}.mythos-status strong{color:var(--m-cyan)}.mythos-relics{display:grid!important}.mythos-relics ul{margin:.5rem 0 0;padding-left:1.2rem;color:var(--m-muted);line-height:1.5}.mythos-encounter{padding:clamp(1.1rem,4vw,2rem)}.mythos-encounter__type{margin:0;color:var(--m-cyan);font-size:.72rem;font-weight:900;text-transform:uppercase}.mythos-encounter h2,.mythos-ending h2{margin:.45rem 0 .8rem;color:var(--m-yellow);font:clamp(2rem,6vw,4rem)/1 Impact,sans-serif;text-transform:uppercase;text-shadow:4px 4px 0 var(--m-deep)}.mythos-encounter__text,.mythos-ending>p{color:var(--m-muted);font-weight:700;line-height:1.65}.mythos-choices{display:grid;gap:.75rem;margin-top:1.3rem}.mythos-choice{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;min-height:58px;padding:.8rem;border:3px solid var(--m-cream);background:var(--m-panel2);color:var(--m-cream);font:800 .9rem/1.3 "Courier New",monospace;text-align:left;cursor:pointer}.mythos-choice span{display:grid;place-items:center;width:32px;height:32px;background:var(--m-coral);color:var(--m-deep);font-weight:900}.mythos-choice:hover{background:var(--m-purple)}.mythos-result{margin-top:1rem;padding:.8rem;border-left:5px solid var(--m-cyan);background:var(--m-panel);color:var(--m-muted);font-weight:700;line-height:1.5}.mythos-ending{text-align:center}.mythos-log{max-height:320px;overflow:auto;margin:1rem 0;padding:1rem;background:var(--m-deep);text-align:left}.mythos-log article{padding:.7rem 0;border-bottom:1px solid var(--m-purple)}.mythos-log strong{display:block;color:var(--m-cyan)}.mythos-log p{margin:.3rem 0 0;color:var(--m-muted);line-height:1.45}.mythos-live{min-height:1.2rem;margin:.7rem 0 0;color:var(--m-yellow);font-size:.8rem;font-weight:900;text-align:center}@media(max-width:760px){.mythos-heading{display:grid}.mythos-layout{grid-template-columns:1fr}.mythos-intro{grid-template-columns:1fr}.mythos-status{grid-template-columns:1fr 1fr}.mythos-status .mythos-relics,.mythos-status .mythos-button{grid-column:1/-1}}@media(max-width:440px){.mythos-status{grid-template-columns:1fr}.mythos-status .mythos-relics,.mythos-status .mythos-button{grid-column:auto}.mythos-intro,.mythos-ending,.mythos-status,.mythos-encounter{border-width:4px;box-shadow:6px 6px 0 var(--m-shadow)}}