:root{--bg:#f4f4f4;--card:#fff;--text:#191919;--muted:#777;--line:#dedede;--dark:#171717;--soft:#ededed;--mafia:#111;--citizen:#efefef;--accent:#292929;--radius:14px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif;padding-bottom:76px}button,select,input{font:inherit}.site-header{height:58px;display:grid;grid-template-columns:42px 1fr 54px;align-items:center;gap:10px;padding:0 14px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{text-align:center;font-size:17px;font-weight:800}.round-btn,.link-btn,.back-btn{border:0;background:transparent;color:var(--text);cursor:pointer}.round-btn{font-size:23px}.link-btn{font-size:13px}.app-shell{width:min(520px,100%);margin:0 auto;padding:20px 16px 32px}.screen{display:none}.screen.active{display:block}.setup-card{background:#fff;border:1px solid #e2e2e2;border-radius:16px;padding:20px;box-shadow:0 6px 24px #0000000b}.field-label,.section-label{display:block;font-size:15px;font-weight:700;margin:2px 0 10px}.section-label{margin-top:22px}.select{width:100%;height:48px;background:#fff;border:1px solid #cfcfcf;border-radius:8px;padding:0 12px;color:#222;outline:none}.scenario-info-btn{width:100%;border:0;background:transparent;text-decoration:underline;color:#555;margin-top:8px;cursor:pointer}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-btn{height:48px;background:#fff;border:1px solid #c8c8c8;border-radius:9px;font-weight:800;cursor:pointer}.quick-btn.selected{background:#191919;color:#fff;border-color:#191919}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-grid label{font-size:14px}.small-select{margin-top:7px}.main-btn,.secondary-btn{min-height:48px;border-radius:9px;padding:0 18px;font-weight:800;cursor:pointer}.main-btn{width:100%;border:1px solid #111;background:#111;color:#fff}.secondary-btn{border:1px solid #c9c9c9;background:#fff;color:#222}.setup-card>.main-btn{margin-top:24px}.validation{font-size:13px;line-height:1.8;margin-top:14px;color:#b12121}.screen-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.back-btn{font-size:38px;width:34px;height:46px;line-height:36px}.screen-head h1{font-size:21px;margin:0 0 4px}.screen-head p{font-size:13px;color:var(--muted);margin:0}.remaining-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.remaining{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}.remaining strong{display:block;font-size:25px}.remaining span{font-size:12px;color:var(--muted)}.role-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:10px}.role-tab{border:1px solid #ccc;background:#fff;border-radius:999px;padding:8px 14px;white-space:nowrap;cursor:pointer}.role-tab.active{background:#111;color:#fff;border-color:#111}.roles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.role-card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:12px;min-height:126px;cursor:pointer;position:relative}.role-card.selected{border:2px solid #111;padding:11px}.role-card .counter{position:absolute;top:9px;left:9px;background:#111;color:#fff;border-radius:999px;min-width:25px;height:25px;display:grid;place-items:center;font-size:12px}.role-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin-bottom:9px;background:#efefef;font-size:21px}.role-card h3{margin:0 0 6px;font-size:15px}.role-card p{margin:0;color:#747474;font-size:11px;line-height:1.65}.role-card .side{font-size:10px;color:#999;margin-top:8px}.bottom-actions{margin-top:18px}.players-list{display:grid;gap:9px}.player-row{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:9px}.player-row span{width:36px;height:36px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center}.player-row input{height:47px;border:1px solid #d2d2d2;background:#fff;border-radius:9px;padding:0 13px}.player-turn{text-align:center;font-size:20px;font-weight:800;margin:8px 0 18px}.role-mask{width:100%;min-height:350px;border:0;border-radius:24px;background:linear-gradient(145deg,#121212,#252525);color:#fff;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 20px 50px #0002}.mask-symbol{width:98px;height:98px;border:2px solid #777;border-radius:50%;display:grid;place-items:center;font-size:54px;font-weight:900;margin-bottom:26px}.mask-title{font-size:19px;font-weight:800}.mask-sub{font-size:12px;color:#aaa;max-width:280px;line-height:1.8;margin-top:9px}.revealed-card{min-height:350px;background:#fff;border:1px solid #ddd;border-radius:24px;padding:26px;text-align:center;box-shadow:0 20px 50px #0001}.hidden{display:none!important}.role-badge{display:inline-block;border:1px solid #ccc;border-radius:999px;padding:6px 12px;font-size:12px}.role-illustration{width:126px;height:126px;border-radius:50%;background:#efefef;margin:24px auto 18px;display:grid;place-items:center;font-size:58px}.revealed-card h2{font-size:28px;margin:0 0 10px}.revealed-card p{color:#666;line-height:1.9;font-size:14px}.card-controls{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:14px}.timer-card{background:#fff;border:1px solid #ddd;border-radius:20px;padding:26px}.timer-display{text-align:center;font-size:70px;font-weight:900;letter-spacing:2px;margin:25px 0 32px;font-variant-numeric:tabular-nums}.timer-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.timer-presets button{height:42px;border:1px solid #d0d0d0;background:#fff;border-radius:8px;cursor:pointer}.timer-presets button.active{background:#111;color:#fff}.timer-actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin-top:18px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid #ddd;display:flex;justify-content:center;z-index:25}.bottom-nav button{flex:1;max-width:180px;border:0;background:#fff;color:#777;font-size:12px;cursor:pointer}.bottom-nav button.active{color:#111;font-weight:900}.bottom-nav button.active:before{content:"";display:block;width:34px;height:3px;background:#111;border-radius:999px;margin:0 auto 8px}dialog{border:0;padding:0;border-radius:18px;width:min(480px,calc(100% - 28px));box-shadow:0 30px 100px #0005}dialog::backdrop{background:#0008}.dialog-body{padding:24px;position:relative}.dialog-close{position:absolute;left:16px;top:12px;border:0;background:transparent;font-size:30px;cursor:pointer}.dialog-kicker{font-size:11px;color:#888;margin-bottom:8px}.dialog-body h2{margin:0 0 14px}.scenario-copy{line-height:2;font-size:14px;color:#555}.scenario-copy p{margin:0 0 12px}@media(max-width:370px){.roles-grid{grid-template-columns:1fr}.timer-display{font-size:56px}.timer-actions{grid-template-columns:1fr}.timer-presets{grid-template-columns:repeat(3,1fr)}}