*{box-sizing:border-box}body{margin:0;background:#0b111a;color:#f4f7fb;font-family:Tahoma,Arial,sans-serif}header{text-align:center;padding:22px 10px 14px}.logo{font-size:clamp(27px,5vw,42px);font-weight:900;letter-spacing:2px;text-shadow:0 0 22px #ef3434}.logo span{color:#ff4545}.sub{color:#aab8c7;margin-top:7px}main{width:min(1100px,96%);margin:auto}.panel{background:#151f2b;border:1px solid #2c3d4e;border-radius:16px;padding:18px;box-shadow:0 12px 35px #0003}.hidden{display:none!important}#lobby{max-width:500px;margin:18px auto}h1,h2,h3{margin-top:0}label{display:block;text-align:right;margin:14px 0;color:#ccd7e2}input,select{display:block;width:100%;margin-top:7px;background:#0b141e;border:1px solid #3a4b5c;border-radius:9px;padding:12px;color:white;font:inherit}button{border:0;border-radius:10px;padding:12px 14px;margin:4px;background:#f04444;color:white;font:inherit;font-weight:bold;cursor:pointer;transition:transform .12s,filter .12s}button:hover{filter:brightness(1.12)}button:active{transform:scale(.97)}.secondary{background:#34495d}.danger{background:#a92235}.divider{text-align:center;color:#7f91a2;margin:9px}.message{min-height:22px;color:#ffd76c;line-height:1.8}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 15px;flex-wrap:wrap}.tiny{padding:6px 9px;font-size:12px;background:#34495d}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:15px;align-items:start}#map{height:540px;position:relative;overflow:hidden;border:3px solid #526a7d;border-radius:14px;background-color:#0c1722;background-image:radial-gradient(#334555 1.2px,transparent 1.2px);background-size:24px 24px}.room{position:absolute;border:3px solid #6a8295;background:#1d2b39;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#9fb4c7;font-size:11px;font-weight:bold}.room1{left:5%;top:5%;width:43%;height:26%}.room2{right:5%;top:7%;width:35%;height:20%}.room3{left:7%;top:40%;width:30%;height:22%}.room4{right:6%;top:43%;width:35%;height:24%}.room5{left:8%;bottom:5%;width:32%;height:20%}.room6{right:7%;bottom:5%;width:38%;height:20%}.hall{position:absolute;background:#273a49;border:2px solid #4c6375;border-radius:9px}.h1{left:40%;top:29%;width:22%;height:17%}.h2{left:37%;top:48%;width:25%;height:15%}#vent{position:absolute;left:70%;top:72%;width:56px;height:28px;border:4px solid #9aabb7;border-radius:6px;background:repeating-linear-gradient(0deg,#596a77 0 4px,#263744 4px 7px);z-index:2}#actors{position:absolute;inset:0;z-index:3;pointer-events:none}.crewmate{position:absolute;width:30px;height:38px;border:2px solid #101820;border-radius:12px 12px 8px 8px;box-shadow:inset -4px -2px #0003;transform:translate(-50%,-50%)}.crewmate:before{content:"";position:absolute;width:19px;height:11px;right:-9px;top:5px;background:#9cecff;border:2px solid #14202b;border-radius:9px}.crewmate .tag{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#fff;text-shadow:0 1px 3px #000}.red{background:#ed4141}.blue{background:#3296ef}.green{background:#42c66b}.yellow{background:#f4d747}.purple{background:#a86be5}.cyan{background:#49d6d0}.pink{background:#f38ab8}.orange{background:#ff9a42}.white{background:#e8edf4}.black{background:#404954}.dead{opacity:.3;filter:grayscale(1)}aside h2{font-size:19px}#players{display:grid;gap:7px}.playerRow{background:#0e1721;border-radius:8px;padding:8px;font-size:13px;display:flex;align-items:center;gap:8px}.dot{width:13px;height:13px;border-radius:50%;display:inline-block;border:1px solid #fff5}.actions{display:grid;gap:4px;margin-top:12px}.actions button{width:100%;margin:0}.taskbox{border-top:1px solid #34485b;margin-top:15px;padding-top:12px;font-size:13px}.taskItem{margin:7px 0;background:#0d1721;padding:8px;border-radius:7px;cursor:pointer}.taskItem.done{color:#6ee69b;text-decoration:line-through}.hint,footer{text-align:center;color:#8fa2b4;font-size:12px;line-height:1.8}.mobile-controls{display:none;text-align:center;margin:8px}.mobile-controls button{background:#34495d;min-width:55px}.voteArea{background:#0d1721;padding:10px;border-radius:10px}.voteArea button{font-size:12px}.voteChoice{background:#34495d!important;margin:3px!important}@media(max-width:800px){.layout{grid-template-columns:1fr}#map{height:60vh;min-height:350px;max-height:540px}.mobile-controls{display:block}.topbar{font-size:13px}.panel{padding:13px}}