@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Nunito+Sans:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#151923;--panel:#222938;--panel2:#2a3141;--line:#465067;--cream:#f2e8d6;--muted:#abb1bf;--red:#b44350;--gold:#d7b577;--sage:#78a88d;--shadow:0 18px 60px #080c16aa;color-scheme:dark}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--cream);font-family:'Nunito Sans',system-ui,sans-serif;background:radial-gradient(ellipse at 15% 5%,#34304560 0,transparent 45%),radial-gradient(ellipse at 90% 80%,#3b232b4a 0,transparent 42%),var(--bg);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}h1,h2,h3,p{margin:0}h1,h2,h3,.display,.timer,.number{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.045em}h1{font-weight:900;font-size:clamp(58px,16vw,100px);line-height:.92;letter-spacing:.12em;text-shadow:0 6px 0 #111620,0 0 50px #9b4c4a44}h2{font-size:36px;line-height:1.03}h3{font-size:24px}p{line-height:1.55}.app{width:min(100%,900px);margin:auto;min-height:100vh;padding:22px 18px 35px}.narrow{max-width:540px;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.logo-small{font-family:'Barlow Condensed',sans-serif;color:var(--gold);font-size:30px;font-weight:900;letter-spacing:.12em}.pill,.tag{display:inline-flex;align-items:center;gap:5px;border:1px solid #79708070;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:800;letter-spacing:.03em;background:#ffffff0b}.tag{border-radius:8px}.gold{color:var(--gold)}.red{color:#f28b94}.sage{color:#a3dfb9}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11px}.center{text-align:center}.right{text-align:right}.stack{display:grid;gap:13px}.stack-lg{display:grid;gap:24px}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.wrap{flex-wrap:wrap}.panel{background:linear-gradient(145deg,#252d3e,#1e2532);border:1px solid #4a5263;border-radius:20px;padding:20px;box-shadow:var(--shadow)}.panel.soft{box-shadow:none;background:#242b3999}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 20px;font-weight:900;border-radius:13px;border:1px solid #6b6972;color:#fff3e8;background:#343c4e;min-height:53px;transition:transform .1s,filter .15s;letter-spacing:.025em}.btn:active{transform:scale(.975)}.btn:hover:not(:disabled){filter:brightness(1.14)}.btn.primary{background:linear-gradient(170deg,#c5515b,#963440);border-color:#e07d84;box-shadow:0 5px 0 #65252b}.btn.gold-btn{background:linear-gradient(150deg,#e3c68d,#b89657);color:#221e1a;border-color:#f3deab}.btn.ghost{background:transparent;border-color:#777886}.btn.green-btn{background:#356a58;border-color:#6fa88c}.btn.wide{width:100%}.btn.mini{min-height:34px;padding:6px 12px;font-size:12px;border-radius:9px}.btn.danger{background:#6e2b36;border-color:#a9505c}.field{width:100%;background:#101723;color:var(--cream);border:1px solid #535b6a;border-radius:11px;padding:13px 14px;outline:none;min-height:47px}.field:focus{border-color:var(--gold)}label{display:block;font-weight:800;font-size:13px;margin-bottom:7px;color:#e1dbd2}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.button-grid{display:grid;gap:12px}.hero{padding:40px 0 25px;display:grid;justify-items:center;gap:9px}.hero p{color:#c7bfc0}.moon-wrap{height:160px;position:relative;width:210px;display:grid;place-items:center}.moon{position:absolute;border-radius:50%;height:135px;width:135px;background:radial-gradient(circle at 40% 40%,#d3ba8a,#7e6460);box-shadow:0 0 100px #ab62664d}.hat{position:relative;font-size:120px;filter:drop-shadow(2px 9px 1px #10111e);transform:rotate(-9deg)}.skyline{height:85px;width:100%;position:relative;overflow:hidden;border-radius:10px;opacity:.66;background:linear-gradient(0deg,#0c1321 0 25%,transparent 25%),repeating-linear-gradient(90deg,transparent 0 18px,#222d3d 18px 45px,transparent 45px 53px,#394153 53px 75px);mask-image:linear-gradient(0deg,#000 40%,transparent 100%)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 14px}.avatar-stage{background:radial-gradient(ellipse at center,#485260 0,#303747 60%,#252a37 100%);border:1px solid #535e70;border-radius:18px;display:grid;justify-content:center;align-items:end;overflow:hidden;min-height:245px}.avatar-svg{display:block;width:100%;max-width:220px;filter:drop-shadow(0 8px 6px #07090d45)}.avatar-svg.thumb{width:100%;max-width:90px;max-height:95px}.swatches{display:flex;gap:7px;flex-wrap:wrap}.swatch{width:35px;height:35px;border-radius:50%;border:2px solid #fff5;box-shadow:inset 0 1px 5px #fff2}.swatch.active{outline:3px solid var(--gold);outline-offset:2px}.tabs{display:flex;gap:5px;overflow-x:auto;padding:4px 0 10px}.tab{border:1px solid #60697a;border-radius:10px;white-space:nowrap;background:#2e3544;color:var(--cream);padding:9px 13px;font-size:12px;font-weight:800}.tab.active{background:#a04350;border-color:#dc8191}.pick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pick{background:#31394b;color:#ecded2;border:1px solid #596172;border-radius:10px;padding:10px 5px;font-size:12px;font-weight:800}.pick.active{border:2px solid var(--gold);background:#5b4850}.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:11px}.player-grid.targets{grid-template-columns:repeat(auto-fit,minmax(102px,1fr))}.player-card{position:relative;background:#293142;border:1px solid #525e70;color:var(--cream);border-radius:14px;min-width:0;padding:7px 6px 10px;display:grid;justify-items:center;gap:3px;transition:background .14s,border-color .14s;overflow:hidden}.player-card.selected{border:2px solid #e2bd7b;background:#524250;box-shadow:0 0 0 2px #e2bd7b35}.player-card.dead{opacity:.5;filter:grayscale(1)}.player-card .name{font-size:12px;font-weight:900;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}.player-card .votes{font-size:10px;color:#facdd0}.player-card .check{position:absolute;top:5px;right:6px;color:var(--gold);font-weight:900}.notice{border:1px solid #766a53;background:#51432b55;border-radius:12px;padding:13px 15px;color:#eee1c0;font-size:13px}.notice.error{border-color:#974c56;background:#742d3950;color:#ffd3d5}.notice.good{border-color:#538d77;background:#245c465c;color:#c2f0d6}.clock{font-size:58px;font-weight:800;line-height:1;color:var(--gold);text-align:center}.bar{background:#404352;border-radius:10px;height:7px;overflow:hidden}.bar>div{height:100%;background:linear-gradient(90deg,#bf4c57,#e4bd7e);transition:width .4s}.role-card{position:relative;min-height:270px;display:grid;place-content:center;gap:15px;text-align:center;border:2px solid #9e815f;border-radius:19px;background:radial-gradient(circle at 50% 45%,#564047,#1b212e);overflow:hidden}.role-icon{font-size:68px}.private-cover{position:absolute;inset:0;background:linear-gradient(135deg,#374253,#171b26);display:grid;place-content:center;gap:12px;z-index:2;touch-action:none;user-select:none;cursor:pointer}.private-cover .lock{font-size:54px}.chat-scroll{height:175px;overflow-y:auto;background:#111823;padding:10px;border-radius:11px;display:grid;align-content:start;gap:6px}.chat-msg{font-size:12px;line-height:1.45}.chat-msg b{color:var(--gold)}.chat-send{display:flex;gap:7px;margin-top:9px}.chat-send .field{min-width:0}.sheep-zone{min-height:230px;background:radial-gradient(ellipse at center,#354e70,#1b2740);border:1px solid #627292;border-radius:15px;position:relative;overflow:hidden;display:grid;place-items:center}.sheep{position:absolute;border:0;background:transparent;font-size:65px;animation:wander 4.3s ease-in-out infinite alternate;filter:drop-shadow(0 9px 4px #1119)}@keyframes wander{0%{left:8%;top:12%}25%{left:58%;top:28%}50%{left:26%;top:67%}75%{left:70%;top:13%}100%{left:44%;top:58%}}.sheep.found{animation:none;left:calc(50% - 35px);top:50px}.banner{background:linear-gradient(125deg,#54313a,#262735);border:1px solid #836269;border-radius:17px;padding:23px;text-align:center}.paper{background:#e4d1b1;color:#342a27;border:5px double #685744;border-radius:7px;padding:22px 17px;box-shadow:4px 9px 0 #0007;transform:rotate(-1deg)}.paper h2{font-size:37px;color:#412e2a}.paper p{color:#4b3f35}.result-vote{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff20;font-size:13px}.footer{font-size:11px;color:#9398a3;text-align:center;margin:24px 0 0}.countdown-note{margin-top:5px;text-align:center;color:var(--muted);font-size:12px}.divider{height:1px;background:#ffffff25;margin:8px 0}.avatar-small{width:64px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #ffffff1d}.list-row:last-child{border-bottom:0}.icon{font-size:18px}.result-badge{display:inline-block;padding:7px 12px;background:#292d38;border-radius:9px;font-weight:900}.clickable{cursor:pointer}.hidden{display:none!important}#toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#a43a48;color:#fff;padding:12px 20px;border-radius:11px;box-shadow:0 7px 25px #0009;z-index:100;max-width:min(500px,92vw);opacity:0;pointer-events:none;transition:opacity .15s;font-size:13px;font-weight:800}#toast.show{opacity:1}.mobile-only{display:none}@media(min-width:700px){.app{padding:25px 32px}.player-grid{grid-template-columns:repeat(6,1fr)}.player-grid.targets{grid-template-columns:repeat(6,1fr)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.mobile-only{display:none}}@media(max-width:430px){.app{padding:14px 12px 28px}.panel{padding:15px}.player-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.inline-fields{grid-template-columns:1fr 1fr}.pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Persistent escape and lobby moderation (v1.1) */
.top{position:sticky;top:0;z-index:15;padding:10px 0;background:linear-gradient(180deg,#151923fa,#151923f4);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff18;flex-wrap:wrap}
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.top-exit{border:1px solid #ad7278;background:#4e2730;color:#fff0e5;min-height:37px;padding:8px 12px;border-radius:9px;font-weight:900;font-size:11px;letter-spacing:.035em;cursor:pointer}
.top-exit:hover{background:#71313c}.top-exit:focus-visible,.member-kick:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.member-tile{min-width:0;display:grid;gap:6px;align-content:start}.member-tile .player-card{height:100%}.member-status{text-align:center;font-size:10px;font-weight:800;letter-spacing:.01em}.member-status.online{color:#a3dfb9}.member-status.offline{color:#f8b2a8}.member-kick{border:1px solid #bc6a74;background:#682b38;color:#ffe0e1;min-height:38px;border-radius:9px;font-size:11px;font-weight:900;letter-spacing:.04em}.member-kick:hover{background:#833a46}.lobby-grid{align-items:stretch}.lobby-tip{margin-bottom:9px}.recovery-panel{border-top:1px solid #ffffff22;margin-top:34px;padding:16px 0;text-align:center;display:grid;gap:10px;justify-items:center}.recovery-panel p{color:var(--muted);font-size:12px}.recovery-panel .btn{font-size:11px;max-width:100%}
.dialog-scrim{position:fixed;inset:0;z-index:80;background:#050711c9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px}.dialog-panel{width:min(100%,420px);background:linear-gradient(140deg,#313344,#222634);border:1px solid #ae727d;border-radius:19px;box-shadow:0 20px 80px #000d;padding:24px;display:grid;gap:15px}.dialog-panel h2{font-size:34px}.dialog-panel p{font-size:14px;color:#ddd2cd}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dialog-actions .btn{min-width:0;font-size:12px;padding:12px 8px}
@media(max-width:430px){.top{align-items:flex-start}.top-actions{max-width:64%;justify-content:flex-end}.top-actions .pill{font-size:10px;padding:6px 7px}.top-exit{padding:8px 9px;font-size:10px}.logo-small{font-size:27px}.lobby-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.member-kick{font-size:10px}.dialog-panel{padding:19px}.dialog-actions{grid-template-columns:1fr}}

/* Mafia Lobby v1.3 — branding, localization, reporting and host controls */
.logo-small{display:flex;flex-direction:column;align-items:flex-start;font-size:clamp(19px,4vw,29px);line-height:1;white-space:nowrap;gap:3px}
.logo-small small{color:#d7b577;font-size:9px;letter-spacing:.18em;font-weight:800}
.logo-small span{letter-spacing:.045em}
.hero h1 em{color:#d7b577;font-style:normal}
.top-actions{gap:7px}
.language-picker{color:#f2e8d6;background:#2a303d;border:1px solid #897d70;border-radius:9px;padding:9px 8px;font:inherit;max-width:130px;min-height:37px;font-weight:750;font-size:12px;cursor:pointer}
.menu-extras{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}
.menu-extras .btn{padding:11px 7px;font-size:11px;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}
.time-equivalent{display:block;color:#d7b577;font-size:12px;margin-top:6px;min-height:16px;font-weight:800}
#s-capacity{appearance:auto;cursor:pointer}
.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;font-size:11px;letter-spacing:.06em}
.footer .version{font-weight:700;color:#8b93a0;font-size:10px;letter-spacing:.01em}
.bug-form-panel textarea.field{resize:vertical;min-height:145px;font:inherit;line-height:1.5}
.honeypot{position:absolute!important;left:-9999px!important;height:0!important;width:0!important;overflow:hidden!important;opacity:0}
.support-panel{text-align:center;max-width:415px;border-color:#d7b577;box-shadow:0 24px 80px #080912dd}
.support-heart{font-size:36px;line-height:1;color:#e2a36e}
.support-panel h2{font-size:clamp(27px,5vw,39px)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Arabic is truly RTL, while fixed alphanumeric room codes and durations stay legible. */
html[dir="rtl"] .logo-small{align-items:flex-start}
html[dir="rtl"] .top{direction:rtl}
html[dir="rtl"] .app{text-align:right}
html[dir="rtl"] .center{text-align:center}
html[dir="rtl"] .dialog-panel{text-align:right}
html[dir="rtl"] .support-panel{text-align:center}
html[dir="rtl"] .top-exit{direction:rtl}
html[dir="rtl"] .result-vote{direction:rtl}
html[dir="rtl"] input#roomcode,html[dir="rtl"] .player-code{direction:ltr}
html[dir="rtl"] .logo-small,html[dir="rtl"] .hero h1{direction:ltr}
html[dir="rtl"] input#s-night,html[dir="rtl"] input#s-discussion,html[dir="rtl"] input#s-vote{direction:ltr;text-align:center}
@media(max-width:430px){.top-actions{max-width:none;flex:1}.top-exit{min-height:35px}.language-picker{max-width:105px;max-height:39px;padding:6px;font-size:11px}.logo-small{font-size:19px;letter-spacing:0}.logo-small small{font-size:8px}.menu-extras{grid-template-columns:1fr}.top{gap:4px}}

.donate-end{display:flex;justify-content:center;align-items:center;text-decoration:none}

/* v1.3.2: Keep the host/guest toolbar compact and accessible on phones. */
@media (max-width:430px) {
 .top.in-room {display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:8px 0 9px}
 .top.in-room .top-actions {display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:100%;gap:5px}
 .top.in-room .logo-small {font-size:21px}
 .top.in-room .top-exit {white-space:nowrap;padding:8px;font-size:10px}
 .top.in-room .language-picker {max-width:105px;min-width:88px;padding:6px 4px;flex:0 1 105px}
 .top.in-room .pill {flex:0 0 auto;white-space:nowrap;font-size:10px;padding:6px 7px}
 .top.menu-top {flex-wrap:nowrap;align-items:center}
}
@media (max-width:345px) { .top.in-room .top-actions {flex-wrap:wrap} }