@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@700;800&display=swap";:root{color:#fff;background:#6f4a46;font-family:Fredoka,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#6f4a46;min-height:100vh;margin:0;overflow-x:hidden}main{width:min(100vw,1920px);margin:0 auto}.panel{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.hero{background:#b85b49;grid-template-columns:1fr 1fr;align-items:center;gap:0;min-height:100vh;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:#fff8cf;border:18px solid #f7b43a;border-radius:90px;position:absolute;inset:26% -8% 10%;transform:skew(-18deg)}.hero>div{z-index:1;padding:4vw;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#f97316;margin:0;font-size:clamp(1.1rem,2vw,2rem);font-weight:900}.sub{color:#6f4a46;max-width:680px;margin:.5rem 0 0;font-size:clamp(1rem,1.6vw,1.7rem)}h1{color:#fff8cf;text-shadow:0 8px #863a32,0 13px #6e2f2a;letter-spacing:-.06em;margin:.2rem 0;font-size:clamp(4rem,10vw,9rem);line-height:.72}.roomBadge{color:#fff8cf;background:#8b5b51;border:6px solid #fff8cf;border-radius:16px;place-self:start end;margin:28px;padding:18px 24px;font-weight:900;box-shadow:0 6px #6f3c35}.lobby{z-index:2;background:#76524f;border:8px solid #f8bd45;border-radius:20px;grid-template-columns:repeat(3,1fr);align-items:end;gap:14px;width:min(900px,92vw);padding:22px;display:grid;position:absolute;bottom:7vh;left:50%;transform:translate(-50%);box-shadow:0 10px #b85b49}.gameShell{background:#6f4a46;place-items:center;width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.field{background:#67cce0;width:min(100vw,177.777vh);height:auto;display:block}.hud{pointer-events:none;z-index:3;width:min(1100px,100vw);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hud .score,.hud .players,.hud .events{display:none}.actions,.inventory{pointer-events:auto;background:#6f4a46cc;border:5px solid #f8bd45;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:8px;width:max-content;max-width:96vw;margin:0 auto 8px;padding:8px 12px;display:flex}.formations{font-size:0}.inventory{margin-bottom:5px}label{color:#fff8cf;text-transform:uppercase;gap:6px;font-size:.9rem;font-weight:900;display:grid}input,select,button{color:#6f3c35;font:inherit;text-transform:uppercase;background:#fff8cf;border:5px solid #f8bd45;border-radius:12px;padding:10px 12px;font-weight:900;box-shadow:0 5px #9b5144}button{cursor:pointer;color:#fff8cf;background:#8b5b51;transition:transform 80ms,filter 80ms}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button.selected{background:#f97316}.error{z-index:5;color:#fff8cf;background:#b91c1c;border-radius:12px;padding:10px 18px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.inventory b{color:#fff8cf;margin-right:8px}.inventory small{color:#fff8cf;align-self:center}@media (width<=900px){.hero{display:block}.lobby{grid-template-columns:1fr;margin:20px auto;position:relative;bottom:auto;left:auto;transform:none}.roomBadge{justify-self:start}.actions,.inventory{font-size:.75rem}}