:root{color:#f4ead7;font-synthesis:none;text-rendering:optimizelegibility;background:#0d0b08;font-family:Inter,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0,#352619 0,#0000 42rem),#0d0b08;min-width:320px;min-height:100vh;margin:0}button{font:inherit}main{width:min(920px,100% - 32px);margin:0 auto;padding:72px 0}header{max-width:680px;margin-bottom:36px}.eyebrow{color:#d59d52;letter-spacing:.18em;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(42px,8vw,72px);line-height:1}header>p:last-child{color:#bfb19e;line-height:1.7}.board,.lobby,.workshop{background:linear-gradient(145deg,#231b13f5,#14100cf5);border:1px solid #59452e;border-radius:24px;padding:clamp(24px,5vw,48px);box-shadow:0 30px 100px #00000073}.lobby{grid-template-columns:minmax(160px,.7fr) minmax(260px,1.3fr);gap:32px 48px;display:grid}.lobby>div>span,.lobby label{color:#9e8b72;font-size:13px}.workshop-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.workshop-heading span,.workshop label,.workshop form>p{color:#9e8b72;font-size:13px}.workshop-heading h2{margin:6px 0 0;font-size:28px}.workshop-heading button,.workshop form>button{color:#f7e6ca;cursor:pointer;background:#2f251a;border:1px solid #80623e;border-radius:10px;padding:11px 16px}.workshop form{gap:16px;display:grid}.workshop label{gap:8px;display:grid}.lobby h2{margin:6px 0 0;font-size:28px}.lobby form{gap:18px;display:grid}.lobby label{gap:8px;display:grid}.lobby input,.workshop input,.workshop textarea{color:#f4ead7;width:100%;font:inherit;background:#15110d;border:1px solid #59452e;border-radius:10px;outline:none;padding:13px 14px}.lobby input:focus,.workshop input:focus,.workshop textarea:focus{border-color:#d59d52;box-shadow:0 0 0 3px #d59d5224}.workshop textarea{resize:vertical;min-height:420px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55}.workshop form>p{margin-bottom:0}.workshop form>button{background:#73481f;border-color:#bd8138;justify-self:start}.workshop>.status{margin:24px 0 0;display:inline-block}.lobby-actions{flex-wrap:wrap;gap:10px;display:flex}.lobby-actions button,.room-controls button{color:#f7e6ca;cursor:pointer;background:#2f251a;border:1px solid #80623e;border-radius:10px;padding:11px 16px}.lobby-actions button:first-child{background:#73481f;border-color:#bd8138}.lobby-actions button:disabled{cursor:wait;opacity:.5}.lobby>.status{grid-column:2;justify-self:start;margin:0}.board-heading,.actions,.players{display:flex}.board-heading{justify-content:space-between;align-items:flex-start;gap:24px}.board-heading span,footer{color:#9e8b72;font-size:13px}.board-heading h2{margin:4px 0 0;font-size:24px}.status{border:1px solid #4e402f;border-radius:999px;padding:8px 12px}.room-controls{align-items:center;gap:8px;display:flex}.room-controls button{color:#bba78e;background:0 0;padding:7px 11px}.heat-value{color:#ffbd5e;text-align:center;text-shadow:0 0 48px #ff92245c;margin:42px 0 20px;font-family:Georgia,serif;font-size:clamp(72px,14vw,128px);line-height:.8}.heat-value small{color:#8a755b;font-size:22px}.heat-track{grid-template-columns:repeat(9,1fr);gap:7px;margin:0 auto 32px;display:grid}.heat-track span{background:#44382a;border-radius:999px;height:9px}.heat-track span.active{background:#ffad3b;box-shadow:0 0 20px #ff8a1f}.actions{justify-content:center;gap:12px}.actions button{color:#f7e6ca;cursor:pointer;background:#2f251a;border:1px solid #80623e;border-radius:10px;padding:12px 18px}.actions button:hover:not(:disabled){background:#45321f;border-color:#d59d52}.actions button:disabled{cursor:not-allowed;opacity:.38}.players{flex-wrap:wrap;gap:10px;margin-top:40px}.players article{background:#ffffff05;border:1px solid #3f3428;border-radius:10px;flex:120px;padding:14px}.players span,.players strong,.players small{display:block}.players span{color:#93816a;margin-bottom:4px;font-size:12px}.players strong{font-size:14px}.players small{color:#9e8b72;margin-top:7px;font-size:11px}.players article.current{background:#d59d5214;border-color:#bd8138}footer{text-align:right;margin-top:22px}@media (width<=560px){main{padding:36px 0}.board-heading{display:block}.lobby{grid-template-columns:1fr}.lobby>.status{grid-column:1}.room-controls{margin-top:14px;display:inline-block}.room-controls button{margin-left:6px}.actions{flex-direction:column}}
