.mafia-page{background:#f7f8fa}.mafia-surface{margin:24px auto;max-width:1320px;border-radius:24px;overflow:hidden;min-height:70vh;font-size:16px}.mafia-surface .shell{padding:0 28px 28px}.mafia-surface .mafia-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0;border-bottom:1px solid var(--line)}.mafia-surface .mafia-toolbar a,.mafia-surface .navlink{font-size:14px}.mafia-surface .hero-wrap{grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);padding-top:24px}.mafia-surface .hero{min-height:470px}.mafia-surface .hero h1{font-size:48px}.mafia-surface .intro-bottom{display:none}.mafia-surface .footer{margin-top:24px}.mafia-surface .resume-room{display:block;font-size:14px;color:var(--sage);padding-bottom:18px}.mafia-surface p,.mafia-surface .hero-desc,.mafia-surface .field input,.mafia-surface .field select,.mafia-surface .notes{font-size:16px}.mafia-surface .btn,.mafia-surface .field label,.mafia-surface .entry-tab,.mafia-surface .player-name,.mafia-surface .role-count,.mafia-surface .role-info,.mafia-surface .action-copy p,.mafia-surface .phase-banner p,.mafia-surface .rule-section p,.mafia-surface .log-item p,.mafia-surface .navlink,.mafia-surface .danger-link{font-size:14px}.mafia-surface .small,.mafia-surface .fine,.mafia-surface .footnote,.mafia-surface .pill,.mafia-surface .step,.mafia-surface .player-state,.mafia-surface .note-help,.mafia-surface .hero-tags,.mafia-surface .connection,.mafia-surface .footer,.mafia-surface .demo-link small,.mafia-surface .panel-title .small,.mafia-surface .mini-title,.mafia-surface .board-bottom p,.mafia-surface .legend,.mafia-surface .role-top span,.mafia-surface .log-tabs button,.mafia-surface .ballots span{font-size:12px}.mafia-surface .player-name{white-space:normal;overflow-wrap:anywhere;min-height:2.7em}.mafia-surface .iconbtn{width:44px;height:44px}.mafia-surface .action-panel{flex-wrap:wrap}.mafia-surface .action-buttons{flex-wrap:wrap}.mafia-surface .room-top h1{overflow-wrap:anywhere}.mafia-surface .player{min-height:160px}.mafia-surface .hero-stamp{display:none}.mafia-surface dialog{color-scheme:dark}.mafia-surface .btn:disabled{opacity:.55}.mafia-surface .role-panel{scroll-margin-top:20px}.mafia-surface .phase-banner{scroll-margin-top:20px}.mafia-surface .hero h1 em{color:#c5ef5e}.mafia-surface .btn-primary{background:#c5ef5e;color:#203011}.mafia-surface .btn-primary:hover:not(:disabled){background:#d1f58c}
@media(max-width:900px){.mafia-surface{border-radius:18px;margin:16px}.mafia-surface .hero-wrap{grid-template-columns:1fr}.mafia-surface .entry{order:-1}.mafia-surface .hero{min-height:300px}.mafia-surface .hero-art{width:480px;left:auto;opacity:.7}.mafia-surface .hero h1{font-size:34px}.mafia-surface .hero-desc{max-width:340px}.mafia-surface .room-grid{grid-template-columns:1fr}.mafia-surface .side-stack{display:flex}.mafia-surface .room-actions{max-width:160px;flex-wrap:wrap;justify-content:flex-end}.mafia-surface .room-top{align-items:flex-start}.mafia-surface .phase-banner h2{font-size:24px}.mafia-surface .phase-steps{flex-wrap:wrap}.mafia-surface .step-line{max-width:14px}}
@media(max-width:520px){.mafia-surface{margin:10px 0;border-radius:0}.mafia-surface .shell{padding:0 14px 24px}.mafia-surface .entry{padding:22px 18px}.mafia-surface .mafia-toolbar{gap:4px}.mafia-surface .mafia-toolbar .navlink{padding:8px;font-size:12px}.mafia-surface .mafia-toolbar a{font-size:12px}.mafia-surface .player-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mafia-surface .player .avatar{width:64px;height:64px}.mafia-surface .player{min-height:155px}.mafia-surface .seat-empty{min-height:130px}.mafia-surface .phase-banner{padding:20px 15px}.mafia-surface .phase-banner h2{font-size:22px}.mafia-surface .phase-banner p{font-size:14px}.mafia-surface .timer{width:68px;height:68px}.mafia-surface .timer b{font-size:22px}.mafia-surface .room-top h1{font-size:23px}.mafia-surface .room-actions .iconbtn{width:40px;height:40px}.mafia-surface .room-actions .icon{width:18px;height:18px}.mafia-surface .room-code{font-size:14px}.mafia-surface .me-label{font-size:10px}.mafia-surface .action-buttons>.btn{font-size:14px;min-height:48px}.mafia-surface .role-panel p{font-size:14px}.mafia-surface .player-name{font-size:14px}.mafia-surface .player-state{font-size:12px}.mafia-surface .hero{display:none}.mafia-surface .footer{font-size:12px}.mafia-surface .footer span:last-child{max-width:145px}.mafia-surface .board-bottom{flex-wrap:wrap}.mafia-surface .panel-title{align-items:flex-start;flex-direction:column}.mafia-surface .side-stack .role-panel{order:-1}.mafia-surface .entry-top h2{font-size:23px}.mafia-surface .pill{font-size:12px}.mafia-surface .entry-tab{font-size:14px}.mafia-surface .toast{font-size:14px}.mafia-surface .danger-link{padding:12px}}

.mafia-surface .player{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mafia-surface .player .avatar{flex-shrink:0}.mafia-surface .role-avatar .avatar{width:100%;height:100%}.mafia-surface .hero-art img{display:block;width:100%;height:auto}.mafia-surface .panel h3{margin-bottom:12px}.mafia-surface .role-panel p{font-size:14px}.mafia-surface .action-buttons p{flex-basis:100%}

/* Quality pass 1: stable touch targets and visible focus on the dark village theme. */
.mafia-surface button,.mafia-surface .btn,.mafia-surface .navlink{min-height:44px;min-width:44px;font-size:14px;line-height:1.45;touch-action:manipulation;transition:transform 140ms cubic-bezier(.2,.8,.3,1),background-color 140ms ease-out}
.mafia-surface .room-actions .iconbtn{width:44px;height:44px}
.mafia-surface button:active:not(:disabled){transform:translateY(1px) scale(.98)}
.mafia-surface :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #c5ef5e;outline-offset:3px}
.mafia-surface :is(.small,.fine,.footnote,.player-state,.note-help,.connection,.log-tabs button){font-size:13px;line-height:1.6}
.mafia-surface :is(.field input,.field select){min-height:44px;font-size:16px;max-width:100%}
.mafia-surface :is(.action-buttons,.room-actions,.log-tabs){gap:8px;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.mafia-surface button,.mafia-surface .btn{transition:none!important;transform:none!important}}