@font-face{font-family:RoseSerif;src:url('/white-rose/display.woff2') format('woff2');font-display:swap;font-weight:500 700}
:root{color-scheme:dark;--table:#191c1b;--raised:#252a27;--paper:#eee5d3;--gold:#d8c79e;--ink:#242823;--quiet:#b6bcaf;--line:#41483f;--red:#a23e39;--body:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;--display:RoseSerif,'Noto Serif SC',serif}
*{box-sizing:border-box}body{margin:0;background:var(--table);color:var(--paper);font:15px/1.6 var(--body);padding-bottom:env(safe-area-inset-bottom);-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600;text-wrap:balance}h1{font-size:38px;line-height:1.3}h2{font-size:24px;line-height:1.4}h3{font-size:18px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{min-height:48px;border:0;border-radius:12px;padding:12px 18px;background:var(--paper);color:var(--ink);font-weight:600;cursor:pointer;transition:background-color .2s cubic-bezier(.16,1,.3,1),color .2s}button:hover{background:var(--gold)}button:disabled{opacity:.5;cursor:wait}.secondary{background:var(--raised);color:var(--paper);border:1px solid var(--line)}.secondary:hover{background:#343c35}.text-button{background:transparent;color:var(--gold);text-decoration:underline;text-underline-offset:5px;min-height:48px}.text-button:hover{background:transparent;color:var(--paper)}.danger{background:var(--red);color:var(--paper)}.danger:hover{background:#842f2b}.compact{padding:8px 14px;min-height:44px}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}input,select{color:var(--paper);background:var(--raised);border:1px solid var(--line);border-radius:12px;min-height:48px;padding:11px 14px;max-width:100%;caret-color:var(--gold)}select{width:100%}input[type=checkbox],input[type=radio]{min-height:20px;width:20px;height:20px;accent-color:var(--gold);padding:0;flex-shrink:0}::selection{background:var(--gold);color:var(--ink)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}[hidden]{display:none!important}.skip{position:absolute;top:8px;left:12px;z-index:8;padding:12px;background:var(--paper);color:var(--ink);transform:translateY(-150%)}.skip:focus{transform:none}.topbar{max-width:1100px;margin:auto;padding:10px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.game-brand{font:600 18px/1.5 var(--display);display:flex;align-items:center;gap:9px;text-decoration:none;min-height:48px}.game-brand svg{width:23px;height:23px;color:var(--gold)}.topbar nav{display:flex;align-items:center;gap:16px}.topbar nav a{font-size:13px;min-height:48px;display:flex;align-items:center;color:var(--quiet)}.topbar nav button{background:transparent;color:var(--quiet);padding:8px 0;min-height:48px;font-size:13px;font-weight:400}.topbar nav a:hover,.topbar nav button:hover{color:var(--paper)}main{max-width:1100px;margin:auto;padding:28px 22px 40px}.home{text-align:center;max-width:640px;margin:auto}.invitation{margin-top:10px;color:var(--quiet);font-size:16px}.hero-deck{display:flex;align-items:center;justify-content:center;min-width:0;margin:30px auto 24px;max-width:430px;isolation:isolate}.role-card{width:130px;min-width:0;padding:9px;background:var(--paper);color:var(--ink);border-radius:12px;box-shadow:0 13px 24px #0005;font:600 20px/1.5 var(--display)}.hero-deck .role-card:first-child{transform:rotate(-10deg) translateX(8px)}.hero-deck .role-card:nth-child(2){transform:translateY(-6px);z-index:2}.hero-deck .role-card:last-child{transform:rotate(10deg) translateX(-8px)}.portrait{aspect-ratio:1;background-image:url('/one-night/roles.webp');background-size:400% 300%;background-position:var(--x,0%) var(--y,0%);border-radius:6px}.role-card span{display:block;margin-top:6px}.home-description{color:var(--quiet);margin-bottom:22px}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:390px;margin:auto}.home>.text-button{margin-top:10px}.quiet{color:var(--quiet);font-size:13px;margin-top:14px}.back-button{margin-bottom:20px}.entry-form{max-width:430px;margin:auto}.entry-form>p{color:var(--quiet);margin:12px 0 24px}.field{display:flex;flex-direction:column;gap:7px;margin-top:18px}.field>span,.field>label{font-weight:500}.field input{width:100%}.entry-form>button[type=submit]{width:100%;margin-top:24px}.saved-seat{max-width:390px;margin:22px auto 0;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--quiet)}.saved-seat button{width:100%;margin-top:10px}.game-footer{margin-top:26px;text-align:center;font-size:12px;color:var(--quiet)}.game-footer a{display:inline-flex;min-height:44px;align-items:center}.room-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px}.room-header p{font-size:13px;color:var(--quiet)}.room-header strong{font-size:18px;color:var(--paper);font-variant-numeric:tabular-nums;letter-spacing:.03em}.room-header .countdown{font-size:24px;color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}.stage-copy{color:var(--quiet);margin-top:10px;max-width:65ch}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:48px}.room-layout>section{min-width:0}.roster{list-style:none;padding:0;margin:18px 0 24px}.roster li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.seat-number{font-size:14px;color:var(--gold);font-variant-numeric:tabular-nums;min-width:24px}.roster .name{flex:1;overflow-wrap:anywhere}.roster .state{font-size:12px;color:var(--quiet)}.roster .state.ready{color:var(--gold)}.room-actions{display:grid;gap:12px}.room-actions>button{width:100%}.join-link{margin-bottom:20px}.join-link input{width:100%;font-size:12px;min-height:44px}.join-link>button{width:100%;margin-top:10px}.configuration{padding-top:0}.configuration h3{margin:20px 0 10px}.deck-summary{display:flex;flex-wrap:wrap;gap:7px 16px;padding:14px 0;color:var(--gold);font-size:13px}.settings-form .field{margin-top:14px}.settings-form>button{width:100%;margin-top:20px}.checkbox-field{display:flex;align-items:center;gap:10px;min-height:48px;margin-top:12px}.role-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:14px}.role-counts label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.role-counts input{width:56px;min-height:40px;padding:6px 8px;text-align:center}.active-stage{max-width:680px;margin:auto}.active-stage>h2{margin-bottom:10px}.stage-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.privacy-mask{margin-top:24px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.privacy-mask h3{margin-bottom:10px}.privacy-mask p{color:var(--quiet);font-size:13px;margin-bottom:20px}.privacy-mask button{min-width:210px}.private-zone{margin-top:22px}.private-zone>.private-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.private-zone .role-card{max-width:200px;width:200px;margin:20px auto;text-align:center;font-size:24px}.private-zone>p{color:var(--quiet);margin-top:12px}.private-memory{color:var(--gold);font-size:14px}.observations{list-style:none;padding:0;margin:16px 0}.observations li{padding:10px 0;border-bottom:1px solid var(--line);color:var(--paper);font-size:14px;overflow-wrap:anywhere}.night-form>p{color:var(--quiet);margin:16px 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices label{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 12px;background:var(--raised);border:1px solid var(--line);border-radius:12px;cursor:pointer;overflow-wrap:anywhere}.choices label:has(input:checked){border-color:var(--gold);background:#343c35}.choice-section{margin-top:18px}.choice-section h3{margin-bottom:12px}.submit-action{width:100%;margin-top:22px}.night-form .text-button{width:100%;margin-top:6px}.waiting{margin-top:24px;padding:18px 0;border-top:1px solid var(--line);color:var(--quiet)}.stage-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.stage-controls>button:first-child{flex:1}.vote-warning{margin-top:18px;color:var(--gold);font-size:13px}.result-list{list-style:none;padding:0;margin:24px 0}.result-list li{padding:14px 0;border-bottom:1px solid var(--line)}.result-line{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.result-line strong{overflow-wrap:anywhere}.result-line>span{color:var(--gold);font-size:13px;white-space:nowrap}.role-change{margin-top:5px;color:var(--quiet);font-size:14px}.role-change strong{color:var(--paper);font-weight:500}.result-detail{font-size:12px;color:var(--quiet);margin-top:5px}.center-result{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 22px;font-size:14px;color:var(--gold)}.timeline{padding-left:22px;color:var(--quiet);font-size:14px}.timeline li{padding:8px 0;overflow-wrap:anywhere}.timeline strong{color:var(--paper);font-weight:500}.result-details{margin-top:24px}.result-details summary{min-height:48px;cursor:pointer;font-weight:500;color:var(--gold)}.leave-area{margin-top:30px;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--quiet)}.leave-area button{margin-top:8px}.message{position:fixed;z-index:8;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 32px);max-width:520px;background:var(--paper);color:var(--ink);border-radius:12px;padding:14px 18px;box-shadow:0 8px 24px #0005;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.message button{background:var(--ink);color:var(--paper);min-width:64px;min-height:44px;padding:8px 12px}.form-error{color:#ffc9b9;margin-top:14px;font-size:14px}.form-error button{margin-top:10px}.noscript{margin:24px;text-align:center}dialog{color:var(--paper);background:var(--table);border:1px solid var(--line);border-radius:16px;padding:24px;max-width:700px;width:calc(100% - 28px);max-height:86dvh}dialog::backdrop{background:#000b}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.rules-content{margin-top:20px}.rules-content p{color:var(--quiet);margin:12px 0;max-width:70ch}.rules-content h3{margin-top:24px}.role-guide{margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.role-guide>div{padding-top:14px;border-top:1px solid var(--line)}.role-guide dt{color:var(--gold);font-weight:600}.role-guide dd{margin:6px 0 0;color:var(--quiet);font-size:13px}.rule-sources{border-top:1px solid var(--line);margin-top:24px;padding-top:12px;font-size:12px}.rule-sources a{display:inline-flex;align-items:center;min-height:44px;margin-right:16px;color:var(--gold)}
@media(min-width:900px){main{padding:42px 36px 60px}.home{padding-top:10px}.hero-deck{margin-block:36px 30px;max-width:530px}.hero-deck .role-card{width:156px;font-size:24px}.home-actions{max-width:430px}.home-description{font-size:16px}.topbar{padding:14px 36px}}
@media(max-width:720px){h1{font-size:34px}main{padding-top:24px}.hero-deck{margin-block:26px 24px;max-width:360px}.hero-deck .role-card{width:110px;font-size:19px;padding:8px}.room-layout{grid-template-columns:1fr;gap:32px}.room-header{margin-bottom:22px;padding-bottom:16px}.room-header h1{font-size:22px}.configuration{border-top:1px solid var(--line);padding-top:24px}.home-description{margin-bottom:18px}.role-guide{grid-template-columns:1fr}.active-stage h2{font-size:24px}.private-zone .role-card{width:180px}.stage-top{align-items:flex-start}.stage-controls{gap:10px}.stage-controls>button{font-size:14px}.message{padding:12px 14px}.dialog-head h2{font-size:21px}dialog{padding:20px}.room-header p{font-size:12px}.room-header strong{font-size:16px}}
@media(max-width:360px){main,.topbar{padding-inline:16px}.topbar nav{gap:12px}h1{font-size:30px}.hero-deck .role-card{width:94px;font-size:17px;padding:7px}.hero-deck{margin-block:23px}.home-description{font-size:14px}.home-actions{gap:10px}.choices{gap:8px}.choices label{font-size:13px;padding:9px}.role-counts{column-gap:12px}.role-counts label{font-size:12px}.room-header h1{font-size:20px}.room-header{gap:8px}.room-header .countdown{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.room-header h1{font-size:26px;line-height:1.4}input::placeholder{color:var(--quiet);opacity:1}.role-counts label{min-height:48px}