:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#edece4;background:#101d22;font-synthesis:none;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1rem;border:1px solid transparent;border-radius:8px;background:#e7bc72;color:#17272e;font-weight:650;cursor:pointer;text-decoration:none}button:hover,.button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:default}a{color:#e7c68a}input,select,textarea{width:100%;min-width:0;padding:.65rem;border:1px solid #52646a;border-radius:7px;background:#112027;color:#f1f1e9}textarea{resize:vertical}label{display:block;font-size:.9rem;color:#c2cdd0;margin:.7rem 0}label input,label textarea,label select{margin-top:.35rem}.check{display:flex;align-items:center;gap:.6rem}.check input{width:auto;margin:0;min-width:20px;min-height:20px}.quiet{background:transparent;border-color:#53636a;color:#e4e9e8}.secondary{background:#28464f;color:#eef4ef;border-color:#58747a}.topbar{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:.9rem max(1rem,calc((100vw - 1440px)/2));border-bottom:1px solid #405159;background:#14272e}.brand{text-decoration:none;color:#ead1a3;letter-spacing:.15em;font-size:.88rem;font-weight:750}.connection{color:#b6c3c7;font-size:.8rem}.connection.live{color:#9fd6bb}.connection.live:before{content:"\25cf  ";color:#8acbaa}.topbar form{margin:0}.topbar button{font-size:.8rem;min-height:36px;padding:.35rem .6rem}.play{max-width:1440px;margin:auto;padding:1.5rem}.heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.6rem}.heading h1{font:2.3rem/1.15 Georgia,serif;margin:.3rem 0 .65rem;color:#faf4e7}.heading p{margin:.4rem 0;color:#b5c4c9}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#dbbd85!important}.link{white-space:nowrap;padding:.6rem .9rem;text-decoration:none;border:1px solid #53636a;border-radius:8px;font-size:.85rem}.layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.8fr);gap:1.2rem}.map-column,.story-column{display:flex;flex-direction:column;gap:1.2rem;min-width:0}.panel{background:#192d34;border:1px solid #3b5159;border-radius:12px;padding:1.2rem;min-width:0;box-shadow:0 10px 28px #07111524}.panel h2{font:1.2rem/1.3 Georgia,serif;color:#f0e3c8;margin:0 0 1rem}.section-title{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.section-title span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#a9bfc5}.events{max-height:460px;min-height:120px;overflow:auto;padding-right:.2rem;overscroll-behavior:contain}.event,.narration{padding:.8rem 0;border-bottom:1px solid #40545a;overflow-wrap:anywhere}.event p,.narration p{margin:.35rem 0;white-space:pre-wrap}.event small{color:#a7c7cf}.narration{border-left:2px solid #d4b376;padding-left:.8rem;background:#c9b78808}.narration small{color:#e2c78d}.controls{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}.fields{display:grid;grid-template-columns:.7fr 1fr;gap:.7rem}.roster{display:flex;flex-wrap:wrap;gap:.5rem}.tag{border:1px solid #536d73;border-radius:20px;padding:.25rem .7rem;color:#bed8d8;font-size:.8rem}.notice{display:flex;align-items:center;justify-content:space-between;gap:.7rem;background:#51392a;border:1px solid #ad8560;border-radius:9px;padding:.8rem;margin-bottom:1rem}.notice button{min-height:36px}.combat{margin-top:.7rem;padding:.65rem;border-top:1px solid #68716a}.combat p{margin:.2rem 0}.gm-panel form+form{border-top:1px solid #506269;padding-top:1rem;margin-top:1rem}.advice{padding:1rem;background:#27373d;border-left:3px solid #d2bd89;white-space:pre-wrap}.muted{color:#a2b6bc}.welcome{max-width:620px;margin:8vh auto;padding:2rem;overflow-wrap:anywhere}.welcome h1{font:2.5rem Georgia,serif;color:#f2e3c6}.welcome p{color:#bdcdd1}.scene{display:block;width:100%;height:auto;border-radius:8px}figure{margin:1rem 0}figcaption{font-size:.75rem;color:#a7bec1;overflow-wrap:anywhere}audio{width:100%;margin-top:1rem}footer{max-width:1440px;margin:2rem auto;padding:0 1.5rem 1.5rem;color:#93aab0;font-size:.75rem}footer a{margin-left:.5rem}:focus-visible{outline:3px solid #edce85;outline-offset:3px}@media(max-width:820px){.layout{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.play{padding:1rem}.heading h1{font-size:2rem}.panel{padding:1rem}.map-column,.story-column{display:contents}.map-column>.panel:first-child{grid-row:1}.story{grid-row:2}.layout{display:grid}.fields{grid-template-columns:1fr}.topbar{padding:.75rem;gap:.5rem}.brand{font-size:.72rem}.connection{font-size:.7rem}.welcome{margin:3vh .75rem;padding:1.2rem}.welcome h1{font-size:2rem}.notice{align-items:flex-start}.notice button{padding:.3rem .5rem}.controls button{flex:1}.events{max-height:340px}button{max-width:100%}}.legal{font-size:.75rem;color:#b4c7cb;overflow-wrap:anywhere}.topbar{flex-wrap:wrap}.language{margin:0;font-size:.7rem;color:#b5c4c9}.language select{width:auto;min-height:36px;margin:0 0 0 .5rem;padding:.2rem .4rem;font-size:.8rem}@media(max-width:540px){.language{order:4;flex-basis:100%;display:flex;align-items:center;justify-content:space-between}}