@import"https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@400;500&display=swap";:root{font-family:Kiwi Maru,system-ui,sans-serif;color:#392d28;background:#201a18;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#76533e,#241d1a 65%);min-height:100vh}button,input{font:inherit}button{border:0;border-radius:12px;padding:10px 13px;background:#f5ead8;color:#4a3328;box-shadow:0 3px #c6ae91;cursor:pointer}button:active{transform:translateY(2px);box-shadow:0 1px #c6ae91}button:disabled{opacity:.45;cursor:not-allowed}main{max-width:900px;margin:auto;min-height:100vh;background:#f0e6d5}header{height:64px;padding:9px 14px;background:#342721;color:#fff6e7;display:flex;justify-content:space-between;align-items:center}header h1{font-size:17px;margin:2px 0}header small{letter-spacing:.13em;color:#dcbf9e;font-size:9px}.scene{height:min(56vh,545px);min-height:430px;position:relative;background:linear-gradient(#b7d1c0,#8ca990);overflow:hidden;border-bottom:5px solid #cba879}.scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,245,200,.18),transparent 40%)}canvas{width:100%;height:100%;display:block}.room-hits{position:absolute;inset:0;pointer-events:none}.room-hits button{position:absolute;top:7%;width:43%;height:34%;opacity:0;pointer-events:auto}.room-hits button:first-child{left:4%}.room-hits button:last-child{right:4%}.show-ui{display:none;position:absolute;right:10px;top:10px;z-index:3;background:#342721;color:#fff}#hud{padding:10px 12px 28px}.status,.bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.status>div{display:grid}.status b{font-size:16px}.status span,.controls p,.bottom span{font-size:11px;color:#806d60}.control{margin-top:10px;background:#fffaf0;border:1px solid #d8c6ab;border-radius:18px;padding:12px;display:grid;grid-template-columns:115px 1fr;gap:13px;box-shadow:0 4px 15px #5b46331a}.controls h3{margin:2px 0 8px;font-size:16px}.controls small,.status small,.result small{font-size:10px;color:#97765f;letter-spacing:.08em}.temps{display:flex;gap:5px}.temps button{padding:7px 8px;background:#e5d5bd;box-shadow:none;border:1px solid transparent}.temps button.active{background:#9b4f39;color:#fff;border-color:#72311f}.controls p{margin:6px 0}.bottom{margin-top:10px}.bottom #reset{background:transparent;box-shadow:none;text-decoration:underline;font-size:11px}.gauge{width:108px;height:108px;border-radius:50%;position:relative;background:repeating-conic-gradient(from -135deg,#745642 0 1deg,transparent 1deg 13.5deg),radial-gradient(circle,#fffaf0 58%,#d3b88f 59% 65%,#684b38 66%);box-shadow:inset 0 0 0 3px #4c362a,0 3px 7px #0003}.gauge:before{content:"TEMP";position:absolute;top:25px;left:38px;font:7px sans-serif;color:#a07863}.needle{position:absolute;width:2px;height:37px;left:53px;top:18px;background:#b23d31;transform-origin:50% 36px;transform:rotate(var(--a));transition:transform .5s}.needle.humidity{height:25px;top:30px;background:#397e9b;transform-origin:50% 24px}.hub{position:absolute;left:49px;top:50px;width:10px;height:10px;border-radius:50%;background:#51392d}.gauge b{position:absolute;bottom:15px;left:24px;font-size:13px}.gauge small{position:absolute;bottom:15px;right:20px;color:#397e9b}.result{background:linear-gradient(120deg,#fff2bb,#e7b77e);padding:15px 20px;border-radius:16px;text-align:center;margin:9px 0}.result h2{margin:3px}.result p{font-size:12px;margin:4px}dialog{border:0;border-radius:22px;padding:0;max-width:420px;width:calc(100% - 24px);background:#fff8eb;color:#44352f}dialog::backdrop{background:#241914dd}dialog form{padding:23px}dialog h2{margin:4px 0}dialog p{font-size:13px}.player-list{display:grid;gap:7px}.player-list label{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;padding:9px;border:1px solid #dbcbb3;border-radius:14px;cursor:pointer}.player-list input{position:absolute;opacity:0}.player-list label:has(input:checked){border:2px solid #c66b4c;background:#fff0d6}.avatar{grid-row:1/3;font-size:31px;color:var(--c)}.player-list small{font-size:10px}.primary{width:100%;background:#a94f36;color:#fff;box-shadow:0 3px #71311f}.safety{color:#846f63;font-size:10px!important}details{margin:9px 0}#cycles>div{display:grid;grid-template-columns:55px repeat(3,1fr);gap:4px;align-items:end;font-size:10px}#cycles label{display:grid}#cycles input{width:100%;padding:4px;border:1px solid #cbbda8;border-radius:5px}#debug{background:#111;color:#8ff;padding:10px;overflow:auto}#debug pre{font:10px monospace;white-space:pre-wrap}.ui-hidden header,.ui-hidden #hud,.ui-hidden #debug{display:none}.ui-hidden main{background:#8ca990}.ui-hidden .scene{height:100vh;max-height:none}.ui-hidden .show-ui{display:block}@media(min-width:700px){main{box-shadow:0 0 50px #0008}.scene{height:545px}#hud{padding-left:30px;padding-right:30px}.control{grid-template-columns:130px 1fr}}@media(max-width:380px){.scene{min-height:400px}.control{grid-template-columns:100px 1fr}.gauge{transform:scale(.88);transform-origin:left center}.temps button{padding:6px}.bottom{flex-wrap:wrap}}