:root{color-scheme:light;font-family:Trebuchet MS,Verdana,sans-serif;background:radial-gradient(circle at top,#fff5dd,#f8ead0,#f0dfc2 60%,#e7d3b5);color:#2b2214}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;height:100%}body{min-height:100vh;min-height:100dvh;overscroll-behavior:none}button,input{font:inherit}button{border:0;border-radius:999px;padding:.85rem 1.1rem;background:#a14e1d;color:#fff8ef;font-weight:700}button:disabled{background:#c9b7a3;color:#f7efe5}input{width:100%;border:2px solid #c7a17d;border-radius:16px;padding:.85rem .95rem;background:#fffaf2e0;color:#2b2214}.app-shell{display:grid;min-height:100vh;min-height:100dvh;gap:1rem;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.hud-panel,.game-panel{border:2px solid rgba(108,76,45,.22);border-radius:24px;background:#fff9efd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px #6449261f}.hud-panel{padding:1rem}.eyebrow{margin:0 0 .35rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8e5b2f}h1{margin:0;font-size:clamp(2rem,6vw,3.25rem);line-height:.95}.intro,.lobby-message,.voice-status{margin:0;line-height:1.45;color:#54422a}.lobby-message,.voice-status{min-height:3rem;padding:.85rem 1rem;border-radius:18px;background:#e8d5b77a}.control-group{display:grid;gap:.75rem;margin:1rem 0}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.field{display:grid;gap:.35rem}.toggle-field{display:flex;align-items:center;gap:.6rem;padding:.75rem .85rem;border-radius:16px;background:#ecddc68a;color:#54422a;font-weight:700}.toggle-field input{width:auto;margin:0}.field span,.status-grid dt{font-size:.85rem;font-weight:700;color:#73532d}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:0 0 1rem}.status-grid div{padding:.8rem;border-radius:18px;background:#ecddc68a}.status-grid dd{margin:.2rem 0 0;font-weight:700}.game-panel{min-height:48vh;overflow:hidden;display:grid;place-items:center;padding:.75rem}.game-root{width:min(100%,390px);height:auto;min-height:48vh;touch-action:none;display:grid;place-items:center;aspect-ratio:390 / 780}.game-root canvas{display:block;width:100%;height:100%;aspect-ratio:390 / 780}@media (min-width: 900px){body{overflow:hidden}.app-shell{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:stretch;height:100dvh;overflow:hidden}.hud-panel{overflow:auto}.game-panel{min-height:0}.game-root{width:min(100%,calc((100dvh - 3rem)/2));max-height:calc(100dvh - 3rem);min-height:0}}