:root,:root[data-theme=light]{--bg:#f3f2f2;--surface:#eae9e9;--field-bg:#fff;--text:#201e1d;--text-muted:#605d5d;--border:#bab6b6;--border-strong:#201e1d;--accent:#ec3013;--accent-text:#ae1800;--on-accent:#fff;--danger:#ae1800;--badge-online-bg:#dcf5e3;--badge-online-text:#1a7f3c;--badge-fixed-bg:#dbe8fb;--badge-fixed-text:#1a56b0;--badge-variable-bg:#fde9d0;--badge-variable-text:#a85a06;--radius:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{color:var(--text);background:var(--bg);font:16px/1.6 Archivo,Noto Sans JP,sans-serif}body{background:var(--bg);margin:0}button,input,select,textarea{font:inherit;border-radius:var(--radius)}button{background:var(--field-bg);color:var(--text);border:1px solid var(--border-strong);cursor:pointer;padding:6px 14px}button:disabled{opacity:.5;cursor:not-allowed}input:not([type=checkbox],[type=radio],[type=range]),select,textarea{background:var(--field-bg);color:var(--text);border:1px solid var(--border-strong);padding:6px 8px}#root{box-sizing:border-box;max-width:640px;margin:0 auto;padding:24px 16px 64px}h1{margin:8px 0 24px;font-size:28px}.screen{flex-direction:column;gap:16px;display:flex}.login-screen{gap:20px}.login-panel{border:1px solid var(--border);border-radius:var(--radius);padding:16px}.login-panel form{flex-direction:column;gap:12px;display:flex}.login-panel label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:14px;display:flex}.login-panel input{border:1px solid var(--border);border-radius:var(--radius);padding:8px;font-size:15px}.login-panel button{background:var(--accent);color:var(--on-accent);border-radius:var(--radius);cursor:pointer;border:none;align-self:flex-start;padding:8px 20px;font-size:15px;font-weight:700}.login-panel button:disabled{opacity:.6;cursor:not-allowed}.login-divider{text-align:center;color:var(--text-muted);font-size:13px}.hint{color:var(--text-muted);margin-top:8px;font-size:13px}.notice{color:var(--accent-text);font-size:14px}.error{color:var(--danger);font-size:14px}.result-banner{border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--surface);margin-bottom:16px;padding:12px 16px}.result-banner p{margin:0}.result-banner p+p{margin-top:4px}button.danger{color:var(--danger);border-color:var(--danger)}.badge{border-radius:var(--radius);background:var(--border);color:var(--text-muted);margin-left:8px;padding:2px 8px;font-size:12px}.badge-online{background:var(--badge-online-bg);color:var(--badge-online-text)}.badge-fixed{background:var(--badge-fixed-bg);color:var(--badge-fixed-text)}.badge-variable{background:var(--badge-variable-bg);color:var(--badge-variable-text)}.app-nav{background:var(--surface);border:1px solid var(--border);border-bottom:2px solid var(--border-strong);flex-wrap:wrap;margin-bottom:24px;display:flex}.app-main{flex-direction:column;display:flex}.app-nav-link{border-right:1px solid var(--border);color:var(--text-muted);align-items:baseline;gap:6px;padding:12px 14px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.app-nav-brand{border-right:1px solid var(--border);color:var(--text);white-space:nowrap;align-items:center;gap:10px;padding:12px 20px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.app-nav-brand-mark{background:var(--accent);width:10px;height:10px}.app-nav-num{font-family:Archivo,sans-serif;font-size:10px;font-weight:800}.app-nav-link:hover{color:var(--text)}.app-nav-link.active{background:var(--bg);color:var(--text);font-weight:700}.app-nav-link.active .app-nav-num{color:var(--accent)}.app-nav-tag{border:1px solid var(--border);white-space:nowrap;padding:0 4px;font-family:ui-monospace,Menlo,monospace;font-size:9px}.app-nav-link.disabled{position:relative}.app-nav-link.disabled[data-tooltip]:after{content:attr(data-tooltip);white-space:nowrap;background:var(--text);color:var(--bg);border-radius:var(--radius);opacity:0;pointer-events:none;z-index:1;padding:4px 8px;font-size:12px;font-weight:500;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px)}.app-nav-link.disabled[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=480px){#root{padding-bottom:88px}.app-nav{z-index:10;padding-bottom:env(safe-area-inset-bottom);border:none;border-top:2px solid var(--border-strong);flex-wrap:nowrap;margin:0;position:fixed;bottom:0;left:0;right:0}.app-nav-brand{display:none}.app-nav-link{white-space:nowrap;flex-direction:column;flex:1;align-items:center;gap:0;padding:8px 2px;font-size:11px}.app-nav-link:last-child{border-right:none}.app-nav-tag{display:none}.app-nav-link.disabled{opacity:.6}}.checkbox-label{align-items:center;color:var(--text)!important;flex-direction:row!important;gap:8px!important;font-size:15px!important}.checkbox-label input{width:auto}.room-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.room-item{border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.room-item-main{flex-direction:column;gap:2px;display:flex}.room-item-name{font-weight:700}.room-item-actions{flex-shrink:0;gap:8px;display:flex}.room-item-meta{color:var(--text-muted);font-size:13px}.role-config-list{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:10px;display:flex}.role-config-row{justify-content:space-between;align-items:center;color:var(--text)!important;flex-direction:row!important;gap:8px!important;font-size:14px!important}.role-config-row input{width:64px}.role-config-row-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.role-config-row-head label{flex-direction:column;gap:2px;min-width:0;display:flex}.role-config-name{color:var(--text);font-size:14px;font-weight:700}.role-config-meta{letter-spacing:.08em;color:var(--text-muted);font-family:ui-monospace,Menlo,monospace;font-size:10px}.role-config-meta.werewolves{color:var(--accent-text)}.stepper{flex:none;align-items:center;display:flex}.stepper button,.login-panel .stepper button{width:30px;height:30px;color:var(--text);border:1px solid var(--border-strong);background:0 0;align-self:auto;padding:0;font-family:Archivo,sans-serif;font-weight:700}.stepper input{box-sizing:border-box;text-align:center;-moz-appearance:textfield;height:30px;font-family:Archivo,sans-serif;font-weight:800;border-left:none!important;border-right:none!important;width:44px!important}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.role-config-summary{z-index:10;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);max-width:180px;padding:8px 12px;font-size:13px;position:fixed;bottom:12px;right:12px;box-shadow:0 2px 8px #00000026}.role-config-summary p{margin:0 0 4px}.role-config-summary ul{margin:0;padding-left:16px}.rules-fieldset{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;margin:0;padding:12px;display:flex}.rules-fieldset legend{color:var(--text-muted);padding:0 4px;font-size:13px}.radio-group{flex-direction:column;gap:6px;display:flex}.radio-group-label{color:var(--text-muted);font-size:14px}.nested-settings{border-left:2px solid var(--border);flex-direction:column;gap:6px;margin-left:12px;padding-left:12px;display:flex}.history-table-wrapper{border:1px solid var(--border-strong);border-radius:var(--radius);overflow-x:auto}.history-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.history-table th,.history-table td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 14px;line-height:1.6}.history-table tr>:first-child{border-left:none}.history-table tr>:last-child{border-right:none}.history-table thead th{border-top:none;border-bottom:2px solid var(--border-strong);background:var(--surface);letter-spacing:.16em;color:var(--text-muted);font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:500}.history-table tbody tr:last-child td{border-bottom:none}.history-table-role{font-weight:700}.history-table th:not(.history-table-player-col),.history-table td:not(.history-table-player-col){min-width:9em}.history-table-sub{color:var(--text-muted);font-size:11px}.history-table-chat-row td{background:var(--surface)}.history-table-chat-row .history-table-player-col{letter-spacing:.16em;color:var(--text-muted);font-family:ui-monospace,Menlo,monospace;font-size:10px}.history-table .history-table-player-col{background:var(--bg);min-width:96px;position:sticky;left:0}.history-table thead .history-table-player-col{background:var(--surface)}.history-table-eliminated{background:var(--surface);color:var(--text-muted);text-align:center;letter-spacing:.14em;font-family:ui-monospace,Menlo,monospace;font-size:10px;vertical-align:middle!important}.history-table-cell-line{white-space:normal;display:block}.history-table-chat-link{color:var(--text);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.chat-log-list{flex-direction:column;gap:6px;max-height:320px;margin:8px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.chat-log-item{border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px}.game-record-inline{flex-direction:column;gap:10px;display:flex}.phase-transition-loading{animation:1.4s ease-in-out infinite phase-transition-pulse}@keyframes phase-transition-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.phase-transition-loading{animation:none}}.room-item.player-roster-item{flex-direction:column;align-items:stretch}.player-prediction{flex-direction:column;gap:8px;margin-top:4px;display:flex}.player-prediction-row{color:var(--text-muted);flex-direction:column;gap:2px;font-size:13px;display:flex}.player-prediction-row input[type=range]{width:100%}.player-prediction-role-btn{padding:2px 8px;font-size:12px}.player-prediction-role-btn.selected{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.night-action-noop{opacity:.6}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;margin-top:32px;padding:12px 16px;font-size:12px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#root:has(.room-select-page){max-width:1120px}.eyebrow{letter-spacing:.16em;color:var(--text-muted);margin:0;font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:500}.btn-primary,.login-panel .btn-primary{background:var(--accent);color:var(--on-accent);text-align:left;white-space:nowrap;border:none;padding:10px 16px;font-size:13px;font-weight:800}.btn-block{width:100%}.room-select-layout{border:1px solid var(--border);grid-template-columns:minmax(0,1fr) 366px;align-items:stretch;display:grid}.open-tables{border-right:1px solid var(--border);min-width:0;padding:0 28px 24px}.open-tables-header{border-bottom:2px solid var(--border-strong);justify-content:space-between;align-items:flex-end;padding:26px 0 16px;display:flex}.open-tables-header h2{letter-spacing:-.03em;margin:8px 0 0;font-size:32px;font-weight:900;line-height:1}.open-tables-count{align-items:baseline;gap:6px;display:flex}.open-tables-count-num{color:var(--accent);font-family:Archivo,sans-serif;font-size:24px;font-weight:800}.live-indicator{border-left:1px solid var(--border);margin-left:12px;padding-left:12px}.live-indicator:before{content:"";vertical-align:middle;background:var(--border);width:6px;height:6px;margin-right:6px;display:inline-block}.live-indicator.on:before{background:var(--accent)}.open-table-list{margin:0;padding:0;list-style:none}.open-table{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px 0;display:grid}.open-table-main{flex-direction:column;gap:10px;min-width:0;display:flex}.open-table-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.open-table-name{overflow-wrap:anywhere;font-size:20px;font-weight:800}.size-tag{letter-spacing:.12em;color:var(--accent-text);border:1px solid var(--accent);white-space:nowrap;padding:2px 7px;font-family:ui-monospace,Menlo,monospace;font-size:10px}.player-meter{align-items:center;gap:14px;display:flex}.player-meter-cells{flex-wrap:wrap;gap:3px;display:flex}.player-meter-cell{box-sizing:border-box;border:1px solid var(--text-muted);width:14px;height:14px}.player-meter-cell.optional{border-style:dashed;border-color:var(--border)}.player-meter-cell.filled{background:var(--text);border-color:var(--text)}.player-meter-count{letter-spacing:.1em;color:var(--text-muted);white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-size:11px}.open-table-tags{flex-wrap:wrap;gap:6px;display:flex}.role-tag,.rule-tag{white-space:nowrap;padding:3px 9px;font-size:11px}.role-tag{background:var(--surface);color:var(--text)}.rule-tag{border:1px solid var(--border);color:var(--text-muted)}.open-table-full{color:var(--text-muted);border:1px solid var(--border);padding:10px 16px;font-size:13px;font-weight:700}.room-select-rail{flex-direction:column;min-width:0;display:flex}.rail-section{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:20px 24px;display:flex}.rail-section-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.join-code-form{flex-direction:column;gap:10px;display:flex}input.join-code-input::placeholder{color:var(--border)}input.join-code-input{letter-spacing:.3em;text-transform:uppercase;box-sizing:border-box;width:100%;padding:10px 12px;font-family:Archivo,ui-monospace,monospace;font-size:22px;font-weight:800}.create-table-form{flex-direction:column;flex:1;display:flex}.create-table{border-bottom:none;flex:1}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{letter-spacing:.14em;color:var(--text-muted);font-family:ui-monospace,Menlo,monospace;font-size:10px}.field input{box-sizing:border-box;width:100%;padding:10px 12px}input.field-number{font-family:Archivo,sans-serif;font-size:18px;font-weight:800}.field-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.segmented{display:flex}.segmented button{color:var(--text-muted);border-color:var(--border);background:0 0;flex:1;padding:10px 12px;font-size:12px}.segmented button+button{border-left:none}.segmented button.selected{background:var(--text);border-color:var(--text);color:var(--bg);font-weight:700}.create-table label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:14px;display:flex}.create-table .room-item-actions button{padding:4px 10px;font-size:12px}.create-table .rules-fieldset{border:none;border-top:2px solid var(--border-strong);padding:10px 0 0}.create-table .rules-fieldset legend{letter-spacing:.18em;color:var(--text);padding:0 8px 0 0;font-family:ui-monospace,Menlo,monospace;font-size:10px}.create-table .role-config-list{gap:0;padding-top:0}.create-table .role-config-row{border-bottom:1px solid var(--border);padding:10px 0}.create-summary{z-index:5;background:var(--bg);border-top:2px solid var(--accent);flex-direction:column;gap:8px;padding:16px 24px;display:flex;position:sticky;bottom:0}.create-summary-totals{justify-content:space-between;align-items:baseline;display:flex}.create-summary-right{text-align:right}.create-summary-num{font-family:Archivo,sans-serif;font-size:26px;font-weight:800;line-height:1.1}.create-summary-sub{color:var(--text-muted);font-family:Noto Sans JP,sans-serif;font-size:11px;font-weight:500}.faction-bar{height:8px;display:flex}.faction-bar-seg{background:var(--text-muted);flex-basis:0}.faction-bar-seg.faction-werewolves{background:var(--accent)}.faction-bar-seg.faction-villagers{background:var(--text)}.faction-breakdown{letter-spacing:.08em;color:var(--text-muted);justify-content:space-between;gap:8px;font-family:ui-monospace,Menlo,monospace;font-size:10px;display:flex}.faction-breakdown .faction-werewolves{color:var(--accent-text)}.faction-settings{color:var(--text-muted);font-size:9px;display:block}.faction-breakdown>span:last-child{text-align:right}.create-summary .error{margin:0}@media (width<=860px){.room-select-layout{grid-template-columns:minmax(0,1fr)}.room-select-rail{display:contents}.room-select-rail>.rail-section:first-child{border-bottom:2px solid var(--border-strong);order:-1}.open-tables{border-right:none;border-bottom:2px solid var(--border-strong);padding:0 16px 16px}.open-tables-header h2{font-size:26px}.rail-section,.create-summary{padding-left:16px;padding-right:16px}}@media (width<=480px){.open-table{grid-template-columns:minmax(0,1fr);gap:12px}.create-summary{bottom:calc(56px + env(safe-area-inset-bottom))}}.btn-outline{border:1px solid var(--border-strong);color:var(--text);text-align:left;background:0 0;padding:10px 20px;font-size:13px;font-weight:700}.login-night{--bg:#201e1d;--surface:#141211;--field-bg:#141211;--text:#f3f2f2;--text-muted:#bab6b6;--border:#605d5d;--border-strong:#605d5d;--accent-text:#ff7a63;background:var(--bg);color:var(--text);border:1px solid var(--border)}#root:has(.login-night){max-width:1280px}:is(html:has(.login-night),body:has(.login-night)){background:#201e1d}body:has(.login-night) .site-footer a{color:#f3f2f2}body:has(.login-night) .site-footer{color:#bab6b6;border-top-color:#605d5d}.login-night input:not([type=checkbox],[type=radio]){box-sizing:border-box;width:100%;min-width:0;padding:13px 12px}.login-night .btn-outline{border-color:var(--text);color:var(--text)}.login-hero{background:#141211;height:500px;position:relative;overflow:hidden}.login-hero-image{object-fit:cover;object-position:50% 45%;width:100%;height:100%;display:block;position:absolute;inset:0}.login-hero-shade{background:linear-gradient(90deg,#141211d1 0%,#14121159 34%,#14121100 55%);position:absolute;inset:0}.login-hero-top{justify-content:space-between;align-items:center;padding:22px 40px;display:flex;position:absolute;inset:0 0 auto}.login-hero-top .eyebrow{color:var(--text)}.login-brand:before{content:"";vertical-align:middle;background:var(--accent);width:10px;height:10px;margin-right:10px;display:inline-block}.login-hero-title{max-width:460px;position:absolute;bottom:40px;left:40px}h1.login-title{letter-spacing:-.04em;color:var(--text);margin:0;font-size:84px;font-weight:900;line-height:.92}.login-title-rule{background:var(--accent);width:64px;height:2px;margin:22px 0 14px}.login-tagline{margin:0;font-size:15px;line-height:1.7}.login-entry-notice{border-top:1px solid var(--border);margin:0;padding:12px 32px}.login-band{border-top:2px solid var(--accent);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);display:grid}.login-band-guest{border-right:1px solid var(--border);flex-direction:column;gap:12px;padding:28px 32px 30px;display:flex}.login-band-head{align-items:baseline;gap:10px;display:flex}.login-band h2{margin:0;font-size:18px;font-weight:700}.login-band-others h2{font-size:15px}.login-band-num{color:var(--accent);font-family:Archivo,sans-serif;font-size:12px;font-weight:800}.login-band-num.muted{color:#aaa6a5}.login-guest-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.login-guest-form .btn-primary{padding:13px 24px;font-size:14px}.login-band-note,.login-band-sub{color:var(--text-muted);margin:0;font-size:12px;line-height:1.7}.login-band-sub{margin-top:4px;padding-left:28px;font-size:11.5px}.login-band-others{grid-template-rows:1fr 1fr;display:grid}.login-band-row{justify-content:space-between;align-items:center;gap:16px;padding:20px 32px;display:flex}.login-band-row+.login-band-row{border-top:1px solid var(--border)}.login-band-row>.btn-outline,.login-band-row-main>.btn-outline{flex:none;padding:11px 18px;font-size:13px}.login-band-account{flex-direction:column;justify-content:center;align-items:stretch}.login-band-row-main{justify-content:space-between;align-items:center;gap:16px;display:flex}.login-account-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;display:grid}.login-band-account .notice,.login-band-account .error{margin:0}.login-remember{color:var(--text-muted);grid-column:1/-1;align-items:center;gap:8px;font-size:13px;display:flex}.login-guest-label-narrow{display:none}@media (width<=760px){.login-hero{height:440px}.login-hero-image{object-position:35% 60%}.login-hero-shade{background:linear-gradient(#1412111a 40%,#141211d9 100%)}.login-hero-top{padding:18px 20px}.login-players,.login-tagline{display:none}.login-hero-title{bottom:24px;left:20px}h1.login-title{font-size:44px}.login-title-rule{margin-bottom:0}.login-band{grid-template-columns:minmax(0,1fr)}.login-band-guest{border-right:none;padding:20px}.login-band-guest .login-band-head{display:none}.login-guest-form{grid-template-columns:minmax(0,1fr)}.login-guest-form .btn-primary{min-height:48px}.login-guest-label-wide{display:none}.login-guest-label-narrow{display:inline}.login-band-others{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:0 20px 20px}.login-band-row,.login-band-row+.login-band-row{border-top:none;padding:0}.login-band-row:not(.login-band-account)>div:first-child,.login-band-row-main>div:first-child{display:none}.login-band-row-main{display:block}.login-band-row>.btn-outline,.login-band-row-main>.btn-outline{width:100%;min-height:48px}.login-band-account:has(.login-account-form){grid-column:1/-1}.login-account-form{grid-template-columns:minmax(0,1fr)}.login-entry-notice{padding:12px 20px}}#root:has(.mypage){max-width:1000px}.btn-small{color:var(--text-muted);border-color:var(--border);padding:4px 12px;font-size:11.5px;font-weight:500}a.btn-link{box-sizing:border-box;text-decoration:none;display:block}.mypage-layout{border:1px solid var(--border);grid-template-columns:minmax(0,1fr) 340px;display:grid}.mypage-main{border-right:1px solid var(--border);min-width:0;padding:34px 36px 38px}.mypage-main-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.player-card{border-bottom:2px solid var(--border-strong);align-items:flex-end;gap:22px;padding-bottom:30px;display:flex}.player-avatar{object-fit:cover;flex:none;width:96px;height:96px}.player-avatar-placeholder{box-sizing:border-box;border:1px dashed var(--text-muted);color:var(--text-muted);justify-content:center;align-items:center;font-size:36px;font-weight:900;display:flex}.player-card-text{min-width:0}.player-card-meta{align-items:center;gap:10px;margin-bottom:6px;display:flex}.guest-tag{letter-spacing:.16em;background:var(--text-muted);color:var(--bg);white-space:nowrap;padding:3px 8px;font-family:ui-monospace,Menlo,monospace;font-size:9px}.player-name{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:44px;font-weight:900;line-height:1.05}.mypage-stats{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.mypage-stat{padding:22px 0}.mypage-stat+.mypage-stat{border-left:1px solid var(--border);padding-left:26px}.mypage-stat .eyebrow{margin-bottom:10px}.mypage-points{margin:0;font-family:Archivo,sans-serif;font-size:42px;font-weight:800;line-height:1}.mypage-points-unit{color:var(--text-muted);margin-left:6px;font-size:13px;font-weight:500}.link-status{color:var(--text-muted);align-items:center;gap:10px;margin:0;font-size:15px;font-weight:700;display:flex}.link-status:before{content:"";background:var(--text-muted);width:8px;height:8px}.link-status.linked{color:var(--text)}.link-status.linked:before{background:var(--accent)}.discord-link{flex-direction:column;gap:12px;padding:26px 0 0;display:flex}.discord-link h2.eyebrow{color:var(--text)}.discord-link .hint{max-width:460px;margin:0;line-height:1.7}.discord-link code{color:var(--accent-text)}.discord-link>button{align-self:flex-start}.discord-link-row{align-items:stretch;gap:12px;display:flex}.discord-link-code{border:1px dashed var(--text-muted);max-width:240px;color:var(--text-muted);flex:1;align-items:center;gap:14px;padding:8px 16px;display:flex}.discord-link-code strong{letter-spacing:.22em;font-family:Archivo,sans-serif;font-size:22px;font-weight:800}.discord-link-code.issued{border-style:solid;border-color:var(--border-strong);color:var(--text)}.mypage-rail{background:var(--surface);flex-direction:column;gap:16px;min-width:0;padding:34px 28px;display:flex}.mypage-rail .hint{margin:0;line-height:1.7}.feature-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.feature-item{border-bottom:1px solid var(--border);color:inherit;align-items:center;gap:14px;padding:16px 0;text-decoration:none;display:flex}.feature-num{color:var(--accent);font-family:Archivo,sans-serif;font-size:10px;font-weight:800}.feature-label{margin:0;font-size:14px;font-weight:700}.feature-desc{color:var(--text-muted);margin:0;font-size:11.5px}a.feature-item:hover .feature-label{color:var(--accent-text)}@media (width<=760px){.mypage-layout{grid-template-columns:minmax(0,1fr)}.mypage-main{border-right:none;border-bottom:2px solid var(--border-strong);padding:24px 20px}.mypage-rail{padding:24px 20px}.player-avatar{width:68px;height:68px}.player-name{font-size:32px}.mypage-points{font-size:30px}.mypage-stat+.mypage-stat{padding-left:16px}.discord-link-row{flex-direction:column}.discord-link-code{max-width:none}}#root:has(.history-page){max-width:1000px}.result-win{color:var(--accent-text)}.records-header{border-bottom:2px solid var(--border-strong);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:18px;display:flex}.records-header h1{letter-spacing:-.03em;margin:8px 0 0;font-size:36px;font-weight:900;line-height:1}.records-stats{gap:26px;display:flex}.records-stat-num{margin:0;font-family:Archivo,sans-serif;font-size:26px;font-weight:800;line-height:1.1}.records-stat-num.result-win{color:var(--accent)}.history-page{gap:0}.history-page>.hint,.history-page>.error{margin:16px 0}.record-list{margin:0;padding:0;list-style:none}.record{border-bottom:1px solid var(--border)}.record-row{grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:24px;padding:16px;display:grid}.record.open>.record-row{background:var(--surface)}.record-when p{margin:0}.record-time{font-family:Archivo,sans-serif;font-size:17px;font-weight:800}.record-summary{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.record-summary>div+div{border-left:1px solid var(--border);padding-left:18px}.record-summary p{margin:0}.record-summary .eyebrow{margin-bottom:4px}.record-winner{font-size:20px;font-weight:900}.record-me{font-size:15px;font-weight:700}.record-muted{color:var(--text-muted)}.record-detail{border-top:1px solid var(--border);padding:22px 16px 28px}.game-record{flex-direction:column;gap:12px;display:flex}.game-record h3.eyebrow{margin:12px 0 0}.game-record-chat{flex-direction:column;gap:8px;display:flex}.chat-log-name{color:var(--text-muted);font-size:12px;font-weight:700}.record-player-list{margin:0;padding:0;list-style:none}.record-player{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.record-player:last-child{border-bottom:none}.record-player-main{flex-direction:column;gap:2px;min-width:0;display:flex}.record-player-name{font-size:13.5px;font-weight:700}.record-player-meta,.record-player-sent{color:var(--text-muted);font-size:11px}@media (width<=640px){.records-header h1{font-size:28px}.record-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.record-summary{order:3;grid-column:1/-1}.record-row>button{order:2}}#root:has(.room-create-page){max-width:1120px}.room-create-page{gap:0}.room-create-head{border-bottom:2px solid var(--border-strong);justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:16px;display:flex}.room-create-head h1{letter-spacing:-.03em;margin:6px 0 0;font-size:32px;font-weight:900}.room-create-back{color:var(--text-muted);font-size:12px;text-decoration:none}.room-create-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.room-create-main{border-right:1px solid var(--border);min-width:0;padding-right:32px}.create-section{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:24px 0;display:flex}.create-section:last-child{border-bottom:none}.create-section-title{align-items:baseline;gap:10px;margin:0;font-size:18px;font-weight:800;display:flex}.create-section-num{color:var(--accent);font-family:Archivo,sans-serif;font-size:12px;font-weight:800}.create-section .field input[type=text]{padding:10px 12px}.create-section .segmented{max-width:420px}.create-steppers{gap:24px;display:flex}.stepper-large button{width:40px;height:40px;font-size:16px}.stepper-large input{height:40px;font-size:18px;width:56px!important}.create-section .hint{margin:0}.tag-chips{flex-wrap:wrap;gap:6px;display:flex}.tag-chip{color:var(--text-muted);border-color:var(--border);background:0 0;padding:6px 12px;font-size:12px}.tag-chip.selected{color:var(--on-accent);background:var(--text);border-color:var(--text)}.auto-role-table{border-collapse:collapse;width:100%;font-size:13px}.auto-role-table th,.auto-role-table td{border-bottom:1px solid var(--border);text-align:left;padding:8px 10px}.auto-role-table th{letter-spacing:.14em;color:var(--text-muted);border-bottom:2px solid var(--border-strong);font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:500}.auto-role-table tr.current td{background:var(--surface);font-weight:700}.auto-role-score{white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-size:11px}.score-tag{border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;margin-left:4px;padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:10px}.score-tag.werewolves{color:var(--accent-text);border-color:var(--accent)}.hint-inline{color:var(--text-muted);font-size:12px}.create-section .rules-fieldset{border:none;padding:0}.create-section .rules-fieldset legend{display:none}.create-section .role-config-row{border-bottom:1px solid var(--border);padding:10px 0}.create-summary-panel{flex-direction:column;gap:10px;padding:24px 0 24px 24px;display:flex;position:sticky;top:16px}.summary-lead{margin:0;font-size:20px;font-weight:800}.create-summary-panel .hint{margin:0}.summary-totals{justify-content:space-between;align-items:baseline;display:flex}.summary-right{text-align:right}.summary-num{margin:0;font-family:Archivo,sans-serif;font-size:26px;font-weight:800;line-height:1.1}.summary-sub{color:var(--text-muted);font-size:11px;font-weight:500}.summary-check{margin:0;font-size:12.5px;font-weight:700}.summary-check.ok{color:var(--text)}.summary-check.ng{color:var(--accent-text)}.summary-compact{display:none}.create-cta{border-bottom:none}@media (width<=860px){.room-create-layout{grid-template-columns:minmax(0,1fr)}.room-create-main{border-right:none;padding-bottom:96px;padding-right:0}.create-summary-panel{z-index:9;background:var(--bg);border-top:2px solid var(--accent);flex-flow:wrap;align-items:center;gap:8px 12px;padding:10px 16px;position:fixed;inset:auto 0 0}.create-summary-panel>:not(.summary-compact,.btn-primary,.error){display:none}.summary-compact{flex:1;margin:0;font-family:ui-monospace,Menlo,monospace;font-size:11px;display:block}.create-summary-panel .btn-primary{flex:none;width:auto}.create-summary-panel .error{flex-basis:100%;margin:0}}@media (width<=480px){.create-summary-panel{bottom:calc(56px + env(safe-area-inset-bottom))}.create-steppers{gap:12px}}.rooms-header{border-bottom:2px solid var(--border-strong);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:16px;display:flex}.rooms-header h1{letter-spacing:-.03em;margin:6px 0 0;font-size:32px;font-weight:900}.rooms-header .live-indicator{border-left:none;border-right:1px solid var(--border);margin:0 12px 0 0;padding:0 12px 0 0}.rooms-header-actions{align-items:stretch;gap:10px;display:flex}.join-code-inline{display:flex}.join-code-inline input.join-code-input{letter-spacing:.2em;width:150px;padding:8px 10px;font-size:15px}.join-code-inline .btn-outline{border-left:none}.rooms-create-link{align-items:center;display:flex}.rooms-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 0;display:flex}.filter-chips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.filter-chip{color:var(--text-muted);border-color:var(--border);background:0 0;padding:5px 12px;font-size:12px}.filter-chip.selected{color:var(--bg);background:var(--text);border-color:var(--text)}.filter-chip-count{margin-left:6px;font-family:Archivo,sans-serif;font-weight:800}.tag-menu{position:relative}.tag-menu-list{z-index:5;background:var(--bg);border:1px solid var(--border-strong);white-space:nowrap;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.rooms-table{border-collapse:collapse;width:100%}.rooms-table th{text-align:left;letter-spacing:.14em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 8px;font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:500}.rooms-table td{vertical-align:middle;border-bottom:1px solid var(--border);padding:16px 8px}.rooms-table tr.full td{color:var(--text-muted)}.rooms-cell-name{min-width:200px}.room-name{overflow-wrap:anywhere;font-size:17px;font-weight:800;display:block}.room-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.room-tag{color:var(--accent-text);border:1px solid var(--accent);padding:1px 6px;font-size:10px}.room-who{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.room-who-friend{letter-spacing:.1em;color:var(--accent-text);font-family:ui-monospace,Menlo,monospace;font-size:10px}.rooms-cell-count{white-space:nowrap}.room-count{margin-bottom:6px;font-family:Archivo,sans-serif;font-weight:800;display:block}.room-count-kind{color:var(--text-muted);font-family:Noto Sans JP,sans-serif;font-size:11px;font-weight:500}.rooms-cell-rules{display:table-cell}.rooms-cell-rules .role-tag,.rooms-cell-rules .rule-tag{margin:2px 4px 2px 0;display:inline-block}.rooms-cell-action{text-align:right;white-space:nowrap}@media (width<=760px){.rooms-header h1{font-size:26px}.rooms-header-actions{flex-direction:column-reverse;width:100%}.join-code-inline{width:100%}.join-code-inline .btn-outline{white-space:nowrap;flex:none}a.rooms-create-link{text-align:center}.join-code-inline input.join-code-input{width:100%}.rooms-sort,.rooms-table thead{display:none}.rooms-table,.rooms-table tbody,.rooms-table tr,.rooms-table td{box-sizing:border-box;width:100%;display:block}.rooms-table tr{border-bottom:1px solid var(--border);padding:14px 0}.rooms-table td{text-align:left;border-bottom:none;padding:4px 0}.rooms-cell-name{min-width:0}.rooms-cell-action{padding-top:8px!important}.rooms-cell-action .btn-primary,.rooms-cell-action .open-table-full{box-sizing:border-box;text-align:center;width:100%;display:block}}.app-nav-badge{box-sizing:border-box;text-align:center;min-width:16px;color:var(--on-accent);background:var(--accent);padding:0 4px;font-family:Archivo,sans-serif;font-size:10px;font-weight:800;line-height:16px;display:inline-block}.member-profile{border-bottom:2px solid var(--border-strong);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:20px;padding-bottom:20px;display:grid}.member-profile .player-avatar{width:72px;height:72px}.member-profile .player-name{font-size:32px}.member-profile-sub{color:var(--text-muted);margin:4px 0 0;font-family:ui-monospace,Menlo,monospace;font-size:11px}.member-profile-stats{gap:28px;display:flex}.member-profile-stats .mypage-points{font-size:30px}.member-profile-stats .mypage-points.result-win{color:var(--accent)}.member-profile-compact{display:none}.member-logout{align-self:start}.member-layout{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 320px;display:grid}.friends-waiting{border-right:1px solid var(--border);min-width:0;padding:24px 28px 24px 0}.section-head{border-bottom:2px solid var(--border-strong);justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:12px;display:flex}.section-head h2{margin:6px 0 0;font-size:22px;font-weight:900}.section-head-link{color:var(--text);white-space:nowrap;font-size:12px}.waiting-room-list{margin:0;padding:0;list-style:none}.waiting-room{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.waiting-room-main p{margin:0}.waiting-room-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.waiting-room-meta{color:var(--text-muted);font-family:ui-monospace,Menlo,monospace;font-size:11px;margin-top:4px!important}.waiting-room-who{font-size:13px;margin-top:4px!important}.friends-waiting-empty{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 0;display:flex}.friends-status{background:var(--surface);flex-direction:column;gap:12px;padding:24px 20px 24px 24px;display:flex}.friend-status-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.friend-status{border-bottom:1px solid var(--border);grid-template-columns:10px minmax(0,auto) minmax(0,1fr);align-items:center;gap:8px;padding:10px 0;font-size:13px;display:grid}.friend-status.offline{color:var(--text-muted)}.friend-status-name{font-weight:700}.friend-status-place{color:var(--text-muted);text-align:right;font-size:11.5px}.presence-dot{background:var(--border);width:8px;height:8px}.presence-dot.on{background:#1a7f3c}.friends-online-link{display:none}.mypage-member>.discord-link{padding:24px 0}@media (width<=760px){.member-profile{grid-template-columns:auto minmax(0,1fr);gap:12px}.member-profile .player-avatar{width:48px;height:48px}.member-profile .player-name{font-size:22px}.member-profile-sub,.member-profile-stats,.member-logout{display:none}.member-profile-compact{color:var(--text-muted);grid-column:2;margin:0;font-family:ui-monospace,Menlo,monospace;font-size:12px;display:block}.member-layout{grid-template-columns:minmax(0,1fr)}.friends-waiting{border-right:none;padding:20px 0}.friends-waiting .section-head h2{font-size:18px}.waiting-room.extra{display:none}.waiting-room{flex-direction:column;align-items:stretch}.friends-status{background:0 0;padding:16px 0}.friend-status-list,.friends-status>.eyebrow{display:none}.friends-online-link{display:block}}.display-settings-section{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding:24px 0;display:flex}.display-settings-section h2.eyebrow{color:var(--text)}.display-settings{flex-direction:column;gap:12px;display:flex}.display-settings .segmented{max-width:360px}.display-settings .hint{margin:0}.theme-dark{--bg:#141211;--surface:#201e1d;--field-bg:#201e1d;--text:#f3f2f2;--text-muted:#aaa6a5;--border:#4a4645;--border-strong:#605d5d;--accent:#ff563c;--accent-text:#ff7a63;background:var(--bg);color:var(--text)}:is(html:has(.theme-dark),body:has(.theme-dark)){background:#141211}body:has(.theme-dark) .site-footer{color:#aaa6a5;border-top-color:#4a4645}body:has(.theme-dark) .site-footer a{color:#f3f2f2}#root:has(.role-reveal){max-width:1120px}.role-reveal{--reveal-scale:1;gap:20px;padding:20px 0}.reveal-head{border-bottom:2px solid var(--border-strong);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:14px;display:flex}.reveal-head h1{margin:6px 0 0;font-size:32px;font-weight:900}.reveal-head-stats{align-items:flex-end;gap:24px;display:flex}.reveal-count{margin:0;font-family:Archivo,sans-serif;font-size:26px;font-weight:800}.reveal-count span{color:var(--text-muted);font-size:14px}.reveal-stage{grid-template-columns:minmax(0,1fr) 240px minmax(0,1.2fr);align-items:stretch;gap:24px;display:grid}.reveal-feed{border:1px solid var(--border);background:#0e0d0c;flex-direction:column;justify-content:flex-end;gap:4px;min-height:300px;padding:16px;display:flex;position:relative;overflow:hidden}.reveal-feed p{margin:0}.reveal-feed-name{font-size:18px;font-weight:800}.reveal-feed-role{color:var(--accent-text);font-size:22px;font-weight:900}.reveal-feed-role span{color:var(--text-muted);font-size:11px;font-weight:500;display:block}.reveal-feed.scanned{border-color:var(--accent)}.reveal-feed.scanned:after{content:"";background:var(--accent);height:3px;box-shadow:0 0 16px var(--accent);animation:reveal-scan calc(1.2s * var(--reveal-scale)) ease-in-out 1 forwards;position:absolute;top:0;left:0;right:0}.role-reveal:not(.animated) .reveal-feed.scanned:after{display:none}@keyframes reveal-scan{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(300px)}}.reveal-card{perspective:1000px;cursor:pointer;background:0 0;border:none;align-self:center;width:240px;height:340px;padding:0}.reveal-card:disabled{opacity:1;cursor:default}.role-reveal.animated .reveal-card{animation:reveal-card-in calc(.6s * var(--reveal-scale)) ease-out both}@keyframes reveal-card-in{0%{opacity:0;transform:translateY(40px)scale(.8)}to{opacity:1;transform:none}}.reveal-card-inner{width:100%;height:100%;transform-style:preserve-3d;display:block;position:relative}.role-reveal.animated .reveal-card-inner{transition:transform calc(.7s * var(--reveal-scale)) ease}.reveal-card.is-flipped .reveal-card-inner{transform:rotateY(180deg)}.reveal-card-face{box-sizing:border-box;backface-visibility:hidden;border:1px solid var(--border-strong);text-align:left;flex-direction:column;gap:8px;padding:16px;display:flex;position:absolute;inset:0}.reveal-card-back{color:var(--text);background:repeating-linear-gradient(135deg,#201e1d 0 10px,#1a1817 10px 20px);justify-content:space-between}.reveal-card-night{font-family:Archivo,sans-serif;font-size:32px;font-weight:800}.reveal-card-tap{color:var(--accent-text);font-size:13px;font-weight:700}.reveal-card-front{color:#201e1d;background:#f3f2f2;transform:rotateY(180deg)}.reveal-card-front.werewolves{border-color:var(--accent)}.reveal-card-no{font-family:Archivo,sans-serif;font-size:12px;font-weight:800}.reveal-card-no span{color:#605d5d;margin-left:6px;font-family:Noto Sans JP,sans-serif;font-weight:500}.reveal-card-art{object-fit:cover;flex:1;width:100%;min-height:0}.reveal-card-art.placeholder{color:#bab6b6;border:1px dashed #bab6b6;justify-content:center;align-items:center;font-size:72px;font-weight:900;display:flex}.reveal-card-name{font-size:26px;font-weight:900}.reveal-card-front.werewolves .reveal-card-name{color:#ae1800}.reveal-card-ability{color:#605d5d;font-size:11px;line-height:1.5}.reveal-panel{background:var(--surface);border:1px solid var(--border);opacity:.35;flex-direction:column;gap:8px;min-width:0;padding:16px 20px;display:flex}.reveal-panel.open{opacity:1}.role-reveal.animated .reveal-panel.open{animation:reveal-panel-in calc(.5s * var(--reveal-scale)) ease-out both}@keyframes reveal-panel-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.reveal-panel p,.reveal-panel h2{margin:0}.reveal-panel h2{font-size:26px;font-weight:900}.reveal-panel-meta{color:var(--text-muted);font-family:ui-monospace,Menlo,monospace;font-size:11px}.reveal-panel-meta.werewolves{color:var(--accent-text)}.reveal-panel-list{grid-template-columns:48px minmax(0,1fr);gap:8px 12px;margin:8px 0;font-size:13px;line-height:1.6;display:grid}.reveal-panel-list dt{letter-spacing:.1em;color:var(--text-muted);padding-top:3px;font-family:ui-monospace,Menlo,monospace;font-size:10px}.reveal-panel-list dd{margin:0}.reveal-players{border-top:1px solid var(--border);padding-top:14px}.reveal-player-list{flex-wrap:wrap;gap:10px;margin:10px 0 0;padding:0;list-style:none;display:flex}.reveal-player{flex-direction:column;align-items:center;gap:4px;width:72px;font-size:11px;display:flex}.role-reveal.animated .reveal-player{animation:reveal-deal calc(.4s * var(--reveal-scale)) ease-out both;animation-delay:calc(var(--deal-index) * 90ms * var(--reveal-scale))}@keyframes reveal-deal{0%{opacity:0;transform:translateY(-60px)rotate(-8deg)}to{opacity:1;transform:none}}.reveal-mini-card{border:1px solid var(--border-strong);background:repeating-linear-gradient(135deg,#201e1d 0 6px,#1a1817 6px 12px);width:44px;height:62px}.reveal-player.teammate .reveal-mini-card{border:2px solid var(--accent)}.reveal-player-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.reveal-player-tag{color:var(--text-muted);font-family:ui-monospace,Menlo,monospace;font-size:9px}.reveal-player-tag.teammate{color:var(--accent-text)}@media (width<=760px){.reveal-head{flex-direction:column;align-items:flex-start}.reveal-head h1{font-size:22px}.reveal-head-stats{justify-content:space-between;width:100%}.reveal-stage{grid-template-columns:minmax(0,1fr);justify-items:center}.reveal-feed{box-sizing:border-box;width:100%;min-height:140px}.reveal-card{width:200px;height:280px}.reveal-panel{box-sizing:border-box;width:100%}.reveal-panel:not(.open){display:none}}@media (prefers-reduced-motion:reduce){.role-reveal .reveal-card-inner,.role-reveal .reveal-card,.role-reveal .reveal-player,.role-reveal .reveal-panel{transition:none!important;animation:none!important}}#root:has(.night-screen){max-width:1280px}.night-screen{--night-deep:#0e0d0c;--night-panel:#141211;--night-card:#1b1a19;--night-line:#3a3736;--night-red:#ec3013;--night-red-soft:#ff9783;gap:18px;padding:8px 0 24px}.night-head{border-bottom:2px solid var(--night-line);align-items:center;gap:18px;padding-bottom:12px;display:flex}.night-head h1{margin:2px 0 0;font-size:15px;font-weight:800}.night-head-dot{background:var(--night-red);width:9px;height:9px}.night-head-sep{background:var(--night-line);width:1px;height:32px}.night-timer{font-variant-numeric:tabular-nums;font-family:Archivo,sans-serif;font-size:28px;font-weight:800}.night-head-note{color:var(--text-muted);font-size:11px}.night-footer-spacer{flex:1}.night-screen .result-banner{background:var(--night-panel);margin-bottom:0}.night-screen .notice{margin:0 0 10px}.night-wolf{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:24px;display:grid}.night-wolf-side{background:var(--night-panel);border:2px solid var(--night-line);flex-direction:column;gap:10px;padding:18px;display:flex}.night-side-head .eyebrow{color:var(--night-red-soft)}.night-wolf-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.night-wolf-list li{background:var(--night-card);border:1px solid var(--night-line);align-items:center;gap:10px;padding:10px;font-weight:700;display:flex}.night-wolf-list li.dead{opacity:.5}.night-wolf-list .night-target-face{width:28px;height:28px;position:static;transform:none}.night-wolf-dead{color:var(--text-muted);margin-left:auto;font-size:11px}.night-screen button.night-chat-toggle,.night-screen button.night-call-mic,.night-screen button.night-memo-toggle,.night-screen button.night-chat-close{border:1px solid var(--border-strong);color:var(--text);background:0 0;border-radius:0;align-self:flex-start;padding:8px 12px;font-size:12px;font-weight:700}.night-chat-sheet{border-top:1px solid var(--night-line);flex-direction:column;gap:8px;padding-top:8px;display:flex}.night-chat-sheet-head{display:none}.night-chat-list{color:#d7d3d3;flex-direction:column;gap:6px;max-height:260px;margin:0;padding:0;font-size:12.5px;line-height:1.6;list-style:none;display:flex;overflow-y:auto}.night-chat-list strong{color:var(--text)}.night-chat-empty{color:var(--text-muted)}.night-chat-form{gap:6px;display:flex}.night-chat-form input{flex:1;min-width:0}.night-main{flex-direction:column;gap:12px;min-width:0;display:flex}.night-main-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.night-main-head h2{margin:0;font-size:26px;font-weight:900}.night-main-head .hint{font-size:11px}.night-targets{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.night-seer .night-targets{grid-template-columns:repeat(4,minmax(0,1fr))}.night-screen button.night-target{background:var(--night-card);border:1px solid var(--night-line);width:100%;height:130px;color:var(--text);text-align:left;border-radius:0;padding:0;transition:border-color .3s,background .3s,opacity .4s;display:block;position:relative;overflow:hidden}.night-screen button.night-target:disabled{opacity:.75}.night-screen button.night-target.mate-picked{border-color:var(--night-red)}.night-screen button.night-target.selected{border:3px solid var(--text)}.night-screen button.night-target.selected.wolf{background:#ec30132e;border-color:#ff563c}.night-screen button.night-target.dim{opacity:.45}.night-target-face{aspect-ratio:1;background:var(--night-line);border-radius:50%;height:42%;position:absolute;top:16%;left:50%;transform:translate(-50%)}.night-target-tag{border:1px solid var(--night-red);width:fit-content;color:var(--night-red-soft);padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px;right:6px}.night-target-name{border-top:1px solid var(--night-line);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:12.5px;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.night-footer{border-top:2px solid var(--night-line);flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;padding-top:16px;display:flex}.night-my-pick{font-size:18px;font-weight:800}.night-my-pick strong{color:#ff563c}.night-status{border:1px solid var(--text);padding:4px 10px;font-size:12.5px;font-weight:700}.night-status.split{color:var(--night-red-soft);border-color:var(--night-red)}.night-submitted{color:var(--text-muted);font-size:13px}.night-screen button.night-submit{background:var(--night-red);color:#fff;text-align:left;border:none;border-radius:0;padding:13px 24px;font-size:14px;font-weight:800}.night-seer{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.night-seer-panel{background:var(--night-panel);border:2px solid var(--night-line);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:420px;padding:24px;display:flex}.night-seer-panel p{margin:0}.night-seer-face{background:radial-gradient(circle at 50% 34%, #605d5d 0 44px, transparent 45px), radial-gradient(ellipse 80px 64px at 50% 100%, #605d5d 0 98%, transparent 100%), var(--night-card);border:2px solid var(--text);width:200px;height:230px;transition:filter .6s,border-color .6s}.night-seer-panel.result.wolf .night-seer-face{border-color:var(--night-red);filter:sepia()hue-rotate(-40deg)saturate(3)}.night-seer-who{color:var(--text-muted);font-size:13px}.night-seer-verdict{font-size:40px;font-weight:900;line-height:1.2}.night-seer-panel.result.wolf .night-seer-verdict{color:#ff563c}.night-idle{flex-direction:column;align-items:flex-start;gap:4px;padding:60px 8% 40px;display:flex}.night-idle h2{margin:0;font-size:44px;font-weight:900;line-height:1.2}.night-moon{background:var(--text);border-radius:50%;width:120px;height:120px;margin-bottom:30px;position:relative;overflow:hidden}.night-moon:after{content:"";background:var(--bg);border-radius:50%;width:120px;height:120px;position:absolute;top:-18px;left:34px}.night-idle-rule{background:var(--night-red);width:64px;height:2px;margin:18px 0 10px}.night-idle .hint{font-size:14px;line-height:1.8}.night-memo{width:100%;margin-top:12px}.night-timeout-note{font-size:11px}@media (width<=760px){.night-head{gap:10px}.night-head .eyebrow,.night-head-sep,.night-head-note{display:none}.night-head h1{margin:0;font-size:13px}.night-timer{margin-left:auto;font-size:22px}.night-wolf,.night-seer{grid-template-columns:minmax(0,1fr);gap:12px}.night-wolf-side{padding:10px 12px}.night-wolf-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.night-wolf-list li{padding:6px;font-size:11px}.night-wolf-list .night-target-face{display:none}.night-chat-sheet{z-index:30;border-top:2px solid var(--night-red);background:#201e1d;max-height:60vh;padding:12px 14px 16px;position:fixed;bottom:0;left:0;right:0}.night-chat-sheet-head{justify-content:space-between;align-items:center;display:flex}.night-main-head h2{font-size:20px}.night-targets,.night-seer .night-targets{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.night-screen button.night-target{height:84px}.night-target-face{display:none}.night-footer{z-index:20;border-top:2px solid var(--night-red);background:#201e1d;margin:0 -16px;padding:12px 16px 16px;position:sticky;bottom:0}.night-screen button.night-submit{width:100%;min-height:48px}.night-my-pick{font-size:15px}.night-seer-panel{min-height:0}.night-seer-face{width:140px;height:160px}.night-idle{padding:32px 0}.night-idle h2{font-size:30px}}#root:has(.discussion-screen){max-width:1440px}.discussion-screen{gap:0;padding-bottom:12px}.discussion-head{background:var(--surface);border-bottom:2px solid var(--border-strong);align-items:center;gap:16px;min-height:64px;display:flex}.discussion-screen button.discussion-menu-btn{background:var(--text);width:64px;height:64px;color:var(--bg);border:none;padding:0;font-family:Archivo,sans-serif;font-size:26px;position:relative}.unread-badge{box-sizing:border-box;background:var(--accent);min-width:18px;color:var(--on-accent);text-align:center;padding:0 4px;font-size:10.5px;font-weight:700;line-height:18px;position:absolute;top:8px;right:6px}.discussion-title h1{margin:2px 0 0;font-size:15px;font-weight:800}.discussion-sep{background:var(--border);width:1px;height:34px}.discussion-timer{font-variant-numeric:tabular-nums;font-family:Archivo,sans-serif;font-size:30px;font-weight:800;line-height:1}.discussion-timer.low{color:var(--accent-text)}.discussion-spacer{flex:1}.discussion-alive{color:var(--text-muted);font-size:12px;font-weight:700}.discussion-layout button{white-space:nowrap;padding:8px 12px}.discussion-screen button.discussion-vote-btn{background:var(--accent);color:var(--on-accent);border:none;align-self:stretch;padding:0 22px;font-size:14px;font-weight:800}.discussion-body{min-height:calc(100vh - 170px);display:flex;position:relative}.discussion-panel{flex:0 0 0;width:0;transition:flex-basis .25s,width .25s;overflow:hidden}.discussion-screen.panel-open .discussion-panel{border-right:2px solid var(--border-strong);flex-basis:380px;width:380px}.discussion-main{flex-direction:column;flex:1;gap:10px;min-width:0;padding:12px 0 0 20px;display:flex}.discussion-screen:not(.panel-open) .discussion-main{padding-left:0}.discussion-banners{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.discussion-banners .result-banner{margin:0;padding:6px 12px}.discussion-banner{border-left:4px solid var(--accent);background:var(--surface);margin:0;padding:6px 12px;font-size:13px;font-weight:700}.discussion-banner.seer{border-left-color:var(--text);font-weight:500}.tile-row-big{gap:10px;height:min(42vh,360px);display:flex}.tile-row-big .player-tile{flex:1;height:auto}.tile-grid{grid-template-columns:repeat(var(--tile-cols,4), minmax(0, 1fr));width:100%;max-width:calc((100vh - 200px) / var(--tile-rows,4) * 4 / 3 * var(--tile-cols,4));gap:10px;margin:0 auto;display:grid}.player-tile{aspect-ratio:4/3;box-sizing:border-box;background:#d7d3d3;border:2px solid #0000;position:relative;overflow:hidden}.tile-row-big .player-tile{aspect-ratio:auto}.player-tile.speaking{border:4px solid var(--accent)}.discussion-screen button.player-tile-hit{z-index:2;background:0 0;border:none;padding:0;position:absolute;inset:0}.tile-video{object-fit:cover;background:#201e1d;width:100%;height:100%;position:absolute;inset:0}.player-tile-avatar{background:radial-gradient(circle at 50% 36%,#aaa6a5 0 19%,#0000 19.5%),radial-gradient(26% 22% at 50% 100%,#aaa6a5 0 98%,#0000 100%);position:absolute;inset:0}.player-tile-est{z-index:1;background:var(--bg);border:1px solid var(--accent-text);color:var(--accent-text);padding:1px 6px;font-size:12px;font-weight:700;position:absolute;top:5px;left:5px}.player-tile-speaking{z-index:1;background:var(--accent);color:var(--on-accent);padding:2px 6px;font-size:12px;font-weight:700;position:absolute;top:5px;right:5px}.player-tile-bar{z-index:1;color:#f3f2f2;background:#201e1d;justify-content:space-between;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.player-tile-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.tile-row-big .player-tile-name{font-size:15px}.player-tile-mute{color:#ff9783;flex-shrink:0;font-size:10px;font-weight:700}.player-tile-tools{z-index:3;background:#201e1dd9;flex-direction:column;justify-content:center;gap:6px;padding:8px;display:flex;position:absolute;inset:0}.player-tile-tools-row{grid-template-columns:1fr 1fr;gap:4px;display:grid}.discussion-screen .player-tile-tools button{color:#f3f2f2;background:0 0;border:1px solid #f3f2f2;padding:8px 2px;font-size:11px;font-weight:700}.discussion-screen .player-tile-tools button.on{background:var(--accent);border-color:var(--accent)}.player-tile-tools-note{color:#d7d3d3;font-size:10px}.player-tile.grave{background:#bab6b6}.grave-art{background:linear-gradient(#bab6b6,#bab6b6) 50% 88%/70% 8% no-repeat,radial-gradient(22% 30% at 50% 44%,#8f8b8a 0 98%,#0000 100%),linear-gradient(#8f8b8a,#8f8b8a) 50% 72%/44% 30% no-repeat;position:absolute;inset:0}.grave-dead{color:#f3f2f2;letter-spacing:.14em;background:#201e1d;padding:2px 6px;font-family:ui-monospace,Menlo,monospace;font-size:9px;position:absolute;top:5px;left:5px}.tag-new{background:var(--accent);color:var(--on-accent);margin-left:6px;padding:1px 5px;font-size:9.5px;font-weight:700}.grave-new{margin:0;position:absolute;top:5px;right:5px}.grave-bar{flex-direction:column;align-items:flex-start;gap:0}.grave-name{font-size:12.5px;font-weight:700;text-decoration:line-through}.grave-when{color:#aaa6a5;font-family:ui-monospace,Menlo,monospace;font-size:9px}.game-panel{box-sizing:border-box;flex-direction:column;width:380px;height:100%;display:flex}.game-panel-tabs{background:var(--surface);border-bottom:2px solid var(--border-strong);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.game-panel-tabs button{min-height:48px;color:var(--text-muted);background:0 0;border:none;border-bottom:3px solid #0000;flex-direction:column;align-items:center;gap:2px;margin-bottom:-2px;padding:10px 2px 8px;font-size:12px;font-weight:700;display:flex}.game-panel-tabs button.active{border-bottom-color:var(--accent);color:var(--text)}.game-panel-count{color:var(--text-muted);font-family:ui-monospace,Menlo,monospace;font-size:9.5px}.game-panel-tabs .game-panel-close{display:none}.game-panel-body{flex:1;padding:16px 20px 20px;overflow-y:auto}.game-panel-body .hint{font-size:11.5px}.panel-list,.panel-dead-list,.panel-vote-log,.panel-chat-list{margin:0;padding:0;list-style:none}.panel-list{border-top:2px solid var(--border-strong)}.game-panel button.panel-memo-row{border:none;border-bottom:1px solid var(--border);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 0;display:flex}.panel-memo-row-name{font-size:14px;font-weight:800;display:block}.panel-memo-row-side{color:var(--text-muted);font-size:11px;display:block}.panel-memo-row-role{flex-shrink:0;font-size:12px;font-weight:700}.game-panel button.panel-back{color:var(--text-muted);background:0 0;border:none;padding:0 0 8px;font-size:12px;font-weight:700}.panel-memo-name{margin:0 0 12px;font-size:26px;font-weight:900}.panel-vote-progress{margin:4px 0 12px;font-family:Archivo,sans-serif;font-size:24px;font-weight:800}.panel-vote-progress span{color:var(--text-muted);font-size:13px}.panel-vote-form,.panel-skip{border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px;padding-top:12px;display:flex}.panel-vote-form{align-items:stretch}.panel-vote-history{border-top:2px solid var(--border-strong)}.panel-vote-day{border-bottom:1px solid var(--border);padding:12px 0}.panel-vote-result{margin:4px 0 8px;font-weight:800}.panel-vote-log li{grid-template-columns:1fr auto 1fr;gap:8px;font-size:12.5px;display:grid}.panel-vote-arrow{color:var(--text-muted)}.panel-chat-list{flex-direction:column;gap:8px;margin-bottom:12px;font-size:12.5px;line-height:1.6;display:flex}.panel-chat-form{gap:6px;display:flex}.panel-chat-form input{flex:1;min-width:0}.panel-dead-list{border-top:2px solid var(--border-strong)}.panel-dead-list li{border-bottom:1px solid var(--border);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.grave-thumb{background:#bab6b6;width:52px;height:52px;position:relative}.grave-thumb:after{content:"";background:#8f8b8a;border-radius:40% 40% 0 0;position:absolute;inset:22% 30% 14%}.panel-dead-name{align-items:center;font-size:14px;font-weight:800;display:flex}.panel-dead-when{color:var(--text-muted);font-size:11px;display:block}.panel-dead-cause{border:1px solid var(--text);padding:3px 8px;font-size:11.5px;font-weight:700}.panel-dead-cause.attacked{border-color:var(--accent-text);color:var(--accent-text)}.panel-settings{flex-direction:column;gap:14px;display:flex}.discussion-bottom-bar{display:none}@media (width<=760px){#root:has(.discussion-screen){padding-bottom:88px}.discussion-head{gap:10px;min-height:52px;padding:0 12px}.discussion-head .discussion-menu-btn,.discussion-sep,.discussion-alive,.discussion-layout,.discussion-vote-btn,.discussion-title h1{display:none}.discussion-title .eyebrow{letter-spacing:0;color:var(--text);font-family:inherit;font-size:13px;font-weight:800}.discussion-timer{margin-left:auto;font-size:24px}.discussion-spacer{display:none}.discussion-body{min-height:0;display:block}.discussion-main,.discussion-screen:not(.panel-open) .discussion-main{padding:10px 0 0}.tile-row-big{height:auto}.tile-row-big .player-tile{aspect-ratio:4/3}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:none}.discussion-panel,.discussion-screen.panel-open .discussion-panel{z-index:40;border:none;border-top:2px solid var(--border-strong);background:var(--bg);width:auto;height:0;transition:height .25s;position:fixed;bottom:64px;left:0;right:0}.discussion-screen.panel-open .discussion-panel{height:46vh}.game-panel{width:100%}.game-panel-tabs{grid-template-columns:repeat(5,minmax(0,1fr)) 40px}.game-panel-tabs .game-panel-close{justify-content:center;font-size:18px;display:flex}.game-panel-body{padding:12px 14px 16px}.discussion-bottom-bar{z-index:50;box-sizing:border-box;background:var(--surface);border-top:2px solid var(--border-strong);gap:6px;height:64px;padding:8px 10px;display:flex;position:fixed;bottom:0;left:0;right:0}.discussion-bottom-bar button{flex:1;min-height:48px;padding:0 6px;font-size:12px;font-weight:700;position:relative}.discussion-bottom-bar button.on{background:var(--text);color:var(--bg)}.discussion-bottom-bar .bottom-vote{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.discussion-bottom-bar .unread-badge{top:4px;right:4px}}.night-wolf-list li.speaking{border-color:var(--night-red)}.night-wolf-speaking{background:var(--night-red);color:#fff;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.night-screen button.night-call-mic.on{background:var(--night-red);border-color:var(--night-red)}.display-name-row{flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;display:flex}.display-name-form{gap:8px;max-width:360px;display:grid}.display-name-form input{width:100%}.display-name-actions{gap:8px;display:flex}.display-name-hint{color:var(--text-muted);margin:0;font-size:12px}.display-name-form .error{margin:0}.player-count-range{--thumb:44px;flex-direction:column;gap:4px;min-width:0;display:flex}.player-count-range-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.player-count-range-value{color:var(--text);font-size:22px;font-weight:800}.player-count-range-track{height:72px;position:relative}.player-count-range-groove,.player-count-range-fill{border-radius:999px;height:10px;position:absolute;top:44px}.player-count-range-groove{left:calc(var(--thumb) / 2);right:calc(var(--thumb) / 2);background:#e0dddd}.player-count-range-fill{background:var(--accent)}.player-count-range-tick{pointer-events:none;background:#201e1d40;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;top:47px}.player-count-range-tick.in-range{background:#ffffffb3}.player-count-range-pill{white-space:nowrap;color:var(--on-accent);pointer-events:none;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;position:absolute;top:0;transform:translate(-50%)}.player-count-range-pill.pill-min{background:var(--text);color:var(--bg)}.player-count-range-pill.pill-max{background:var(--accent)}.player-count-range-input{width:100%;height:var(--thumb);appearance:none;pointer-events:none;z-index:1;background:0 0;border:none;margin:0;padding:0;position:absolute;top:27px;left:0;right:0}.player-count-range-input.on-top{z-index:2}.player-count-range-input::-webkit-slider-runnable-track{height:var(--thumb);background:0 0;border:none}.player-count-range-input::-moz-range-track{background:0 0;border:none}.player-count-range-input::-webkit-slider-thumb{appearance:none;pointer-events:auto;width:var(--thumb);height:var(--thumb);background:radial-gradient(circle, var(--accent) 0 14px, transparent 15px);filter:drop-shadow(0 2px 3px #201e1d40);cursor:grab;border:none;border-radius:50%}.player-count-range-input::-moz-range-thumb{pointer-events:auto;width:var(--thumb);height:var(--thumb);background:radial-gradient(circle, var(--accent) 0 14px, transparent 15px);filter:drop-shadow(0 2px 3px #201e1d40);cursor:grab;border:none;border-radius:50%}.player-count-range-input.thumb-min::-webkit-slider-thumb{background:radial-gradient(circle, #fff 0 11px, var(--accent) 11px 14px, transparent 15px)}.player-count-range-input.thumb-min::-moz-range-thumb{background:radial-gradient(circle, #fff 0 11px, var(--accent) 11px 14px, transparent 15px)}.player-count-range-input:focus-visible{outline:none}.player-count-range-input:focus-visible::-webkit-slider-thumb{background-color:#ec30132e}.player-count-range-input:focus-visible::-moz-range-thumb{background-color:#ec30132e}.player-count-range-input:disabled::-webkit-slider-thumb{cursor:default;filter:grayscale()opacity(.6)}.player-count-range-input:disabled::-moz-range-thumb{cursor:default;filter:grayscale()opacity(.6)}.player-count-range-scale{height:14px;color:var(--text-muted);margin-top:-6px;font-size:10.5px;position:relative}.player-count-range-scale span{position:absolute;transform:translate(-50%)}.public-page{flex-direction:column;gap:24px;display:flex}.public-header{border-bottom:2px solid var(--border-strong);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding-bottom:12px;display:flex}.public-brand{color:var(--text);font-size:18px;font-weight:800;text-decoration:none}.public-nav{flex-wrap:wrap;gap:4px 16px;font-size:14px;display:flex}.public-nav a{color:var(--text-muted);text-decoration:none}.public-nav a:hover,.public-nav a.active{color:var(--text);text-decoration:underline}.public-main h1{margin:0 0 16px}.public-main h2{border-bottom:1px solid var(--border);margin:32px 0 8px;padding-bottom:4px;font-size:20px}.public-main h3{margin:20px 0 4px;font-size:16px}.public-main p,.public-main li{overflow-wrap:anywhere}.public-lead{color:var(--text-muted)}.public-updated{color:var(--text-muted);font-size:13px}.public-cta{flex-wrap:wrap;gap:12px;margin:20px 0 8px;display:flex}.public-cta a{border:1px solid var(--border-strong);color:var(--text);background:var(--field-bg);padding:10px 18px;font-weight:700;text-decoration:none;display:inline-block}.public-cta a.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.public-steps{padding-left:1.4em}.public-steps li+li{margin-top:8px}.role-card-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.role-card{border:1px solid var(--border);background:var(--field-bg);padding:12px 14px}.role-card h3{margin:0 0 4px}.role-card .role-faction{color:var(--text-muted);margin-left:8px;font-size:12px;font-weight:400}.role-card p{margin:4px 0 0}.role-card .role-tips{color:var(--text-muted);font-size:14px}.site-footer-links{flex-wrap:wrap;justify-content:center;gap:4px 16px;display:flex}.site-footer-links a{color:var(--text-muted)}.site-footer-credits{margin-top:4px}