*{box-sizing:border-box}body{margin:0;background:#07171c;color:#f7ecd9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif;min-height:100vh}.sky{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 50% 15%,#284f55 0,#0c252d 38%,#061117 78%)}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #806039;background:#091b22e8;backdrop-filter:blur(10px)}.logo{font-weight:900;letter-spacing:3px;font-size:22px}.village{font-size:14px}.wrap{max-width:720px;margin:auto;padding:18px 12px}.card{background:#0b252eec;border:1px solid #45616a;border-radius:22px;padding:20px;box-shadow:0 20px 70px #0009;margin-bottom:14px}.hero{text-align:center;padding:28px 18px}.hero h1{font-size:42px;margin:5px 0;letter-spacing:4px}.gold{color:#d5aa5a}.muted{color:#9eb1b6}.input{width:100%;padding:14px;border-radius:13px;border:1px solid #48626b;background:#06151b;color:#fff;font-size:16px;margin:7px 0}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{border:0;border-radius:13px;padding:14px;background:#d2a458;color:#10171b;font-weight:900;font-size:16px}.btn.alt{background:#173d49;color:#fff;border:1px solid #46616b}.avatars{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin:9px 0 14px}.av{border:1px solid #36545e;background:#0b1d24;border-radius:12px;font-size:28px;padding:8px}.players{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.player{padding:11px;background:#102f39;border:1px solid #35555e;border-radius:15px;display:flex;align-items:center;gap:9px}.pic{font-size:32px}.online{font-size:11px;color:#83c9a1}.offline{font-size:11px;color:#ff9898}.room{font-size:30px;letter-spacing:4px;text-align:center;color:#e1b96e}.phase{text-align:center;font-size:24px;font-weight:900}.timer{text-align:center;font-size:44px;font-weight:900;color:#e1b96e}.vote{font-size:18px;text-align:center;background:#162f38;border-radius:16px;padding:15px}.yesno{display:grid;grid-template-columns:1fr 1fr;gap:10px}.yes{background:#285d48;color:white}.no{background:#673b3b;color:white}.notice{padding:12px;border-radius:13px;background:#3b2e20;border:1px solid #8b6b3f;margin-bottom:10px}.role{font-size:15px;line-height:1.8}@media(max-width:480px){.avatars{grid-template-columns:repeat(4,1fr)}.hero h1{font-size:36px}}