@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3ede4;--ink:#f3ede4;--muted:#a29aa4;--dim:#6e6874;--bg:#15121a;--surface:#211c27;--surface-2:#292230;--line:#f4ede41f;--red:#e36b5f;--red-deep:#9b423e;--gold:#e6b76c;--green:#9bc49a;--mono:"DM Mono", Consolas, monospace;background:#15121a;font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at 70% -10%, #3a2533 0, transparent 38%), var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.landing,.panel-page,.room-page{width:min(1220px,100% - 48px);margin:0 auto}.landing{grid-template-columns:.92fr 1.08fr;align-items:center;gap:40px;min-height:100vh;padding:56px 0;display:grid}.landing-copy{z-index:2;padding:30px 0 30px 4vw;position:relative}.eyebrow,.kicker{color:var(--gold);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.eyebrow{align-items:center;gap:10px;display:flex}.eyebrow-dot,.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #9bc49a1a}.landing h1{letter-spacing:-.09em;color:#f6efe3;text-shadow:0 8px #e36b5f29;margin:28px 0 12px;font-size:clamp(72px,10vw,142px);font-weight:800;line-height:.9}.hero-lede{letter-spacing:-.04em;color:#d8cfd0;margin:0;font-size:clamp(25px,3vw,42px);line-height:1.2}.hero-lede strong{color:var(--red);font-weight:700}.hero-note{color:var(--muted);font-family:var(--mono);margin:28px 0 34px;font-size:12px}.home-actions{flex-wrap:wrap;gap:12px;display:flex}.home-foot{color:var(--dim);font-family:var(--mono);align-items:center;gap:10px;margin-top:52px;font-size:11px;display:flex}.landing-art{border:1px solid var(--line);background:#201820;min-height:670px;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000052}.landing-art:after{content:"";background:linear-gradient(90deg, var(--bg) 0%, transparent 30%), linear-gradient(0deg, #15121ab3, transparent 38%);pointer-events:none;position:absolute;inset:0}.landing-art img{object-fit:cover;object-position:center;filter:saturate(.78)contrast(1.05)brightness(.72);width:100%;height:100%;display:block}.art-glow{filter:blur(70px);z-index:1;background:#e36b5f29;border-radius:50%;width:420px;height:420px;position:absolute;top:12%;right:15%}.art-caption{z-index:2;color:var(--muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:baseline;gap:14px;font-size:11px;display:flex;position:absolute;bottom:30px;left:34px}.art-caption b{color:var(--ink);letter-spacing:0;font-family:Manrope,sans-serif;font-size:16px}.button{border:0;border-radius:4px;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:0 20px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--red);color:#1d1419}.button-primary:hover{background:#ef786a}.button-secondary{background:var(--gold);color:#211a19}.button-ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.button-ghost:hover{background:#ffffff0f}.button.wide{width:100%}.back-link{color:var(--muted);background:0 0;border:0;padding:0;font-size:12px}.back-link:hover{color:var(--ink)}.panel-page{padding:44px 0 80px}.compact-page{max-width:680px}.page-heading{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px;display:flex}.page-heading h2{letter-spacing:-.05em;margin:11px 0 0;font-size:38px}.step-chip,.phase-badge{color:var(--gold);font-family:var(--mono);letter-spacing:.08em;border:1px solid #e6b76c59;padding:7px 10px;font-size:10px}.config-layout{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:start;gap:20px;display:grid}.card-surface,.join-card{border:1px solid var(--line);background:#211c27eb;box-shadow:0 18px 60px #0003}.config-main{padding:28px}.section-title,.roles-header,.phase-line{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.section-title h3,.roles-header h3,.phase-line h3{letter-spacing:-.03em;margin:7px 0 0;font-size:19px}.required-note,.field-hint{color:var(--dim);font-family:var(--mono);font-size:10px}.field-label{color:var(--muted);gap:9px;margin-top:23px;font-size:12px;display:grid}.field-label input{border:1px solid var(--line);width:100%;height:47px;color:var(--ink);background:#17141b;border-radius:3px;outline:none;padding:0 14px}.field-label input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e6b76c1a}.roles-header{align-items:end;margin-top:32px}.deck-count{color:var(--red);font-family:var(--mono);font-size:13px}.muted{color:var(--muted);font-size:12px;line-height:1.7}.role-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;max-height:370px;margin-top:15px;padding-right:4px;display:grid;overflow:auto}.role-input{color:#c8c0c3;background:#ffffff09;border:1px solid #0000;justify-content:space-between;align-items:center;gap:7px;padding:8px 9px;font-size:12px;display:flex}.role-input:focus-within{border-color:#e6b76c73}.role-input input{text-align:center;border:1px solid var(--line);width:42px;height:29px;color:var(--ink);background:#17141b}.deck-count.is-invalid{color:var(--red)}.role-groups{gap:14px;margin-top:21px;display:grid}.role-group{border:1px solid var(--line);background:#0000001f;padding:15px}.role-group-wolf{border-color:#e36b5f52}.role-group-village{border-color:#9bc49a40}.role-group-tanner{border-color:#e6b76c47}.role-group-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.role-group-heading h4{margin:6px 0 0;font-size:16px}.role-group-heading>span{color:var(--dim);font-family:var(--mono);font-size:9px}.role-choice-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px;display:grid}.role-choice{color:var(--ink);background:#ffffff09;border:1px solid #0000;justify-content:space-between;align-items:center;gap:15px;padding:11px 12px;display:flex}.role-choice:hover,.role-choice:focus-within{border-color:#e6b76c73}.role-choice>span:first-child{gap:5px;min-width:0;display:grid}.role-choice strong{font-size:13px}.role-choice small{color:var(--dim);font-size:10px;line-height:1.45}.role-stepper{flex:none;align-items:center;gap:0!important;display:inline-flex!important}.role-stepper button{border:1px solid var(--line);width:29px;height:29px;color:var(--gold);background:#17141b}.role-stepper input{text-align:center;border:1px solid var(--line);width:40px;height:29px;color:var(--ink);background:#17141b;border-left:0;border-right:0}.role-toggle-label{color:var(--gold);font-family:var(--mono);flex:none;align-items:center;font-size:9px;gap:8px!important;display:inline-flex!important}.role-toggle-label input{accent-color:var(--red);width:16px;height:16px}.config-error,.config-ok{align-items:center;gap:9px;margin-top:16px;padding:11px 12px;font-size:11px;display:flex}.config-error{color:#f0aca2;background:#e36b5f14;border:1px solid #e36b5f61}.config-error>span{color:#21191b;background:var(--red);width:17px;height:17px;font-family:var(--mono);border-radius:50%;place-items:center;font-weight:700;display:grid}.config-ok{color:var(--green);background:#9bc49a0f;border:1px solid #9bc49a40}.config-footer{border-top:1px solid var(--line);color:var(--dim);font-family:var(--mono);align-items:center;gap:9px;margin-top:25px;padding-top:16px;font-size:10px;display:flex}.setup-aside{gap:14px;display:grid}.aside-art{border:1px solid var(--line);background:#25202a;height:190px;overflow:hidden}.aside-art img{object-fit:cover;object-position:center 62%;filter:saturate(.75)brightness(.7);width:100%;height:100%}.aside-tip{border-left:2px solid var(--red);background:#e36b5f12;padding:16px 18px}.aside-tip p{color:#c8bec2;margin:8px 0 0;font-size:12px;line-height:1.75}.join-card{padding:38px;position:relative;overflow:hidden}.join-number{font-family:var(--mono);color:#e36b5f21;letter-spacing:-.12em;font-size:72px;line-height:1;position:absolute;top:20px;right:26px}.join-card .button{margin-top:28px}.center{text-align:center}.room-page{padding:22px 0 60px}.room-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:62px;display:flex}.brand-lockup{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--red);color:#21191b;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.brand-lockup strong{letter-spacing:-.04em;font-size:15px;display:block}.brand-lockup small{color:var(--dim);font-family:var(--mono);font-size:9px}.room-code{font-family:var(--mono);align-items:center;gap:10px;display:flex}.room-code span{color:var(--dim);font-size:10px}.room-code b{color:var(--gold);letter-spacing:.16em;font-size:17px}.room-code button,.top-actions button,.side-footer button{color:var(--muted);background:0 0;border:0;font-size:11px}.room-code button:hover,.top-actions button:hover,.side-footer button:hover{color:var(--ink)}.top-actions{align-items:center;gap:15px;display:flex}.room-layout{grid-template-columns:minmax(0,1fr) 310px;gap:24px;padding-top:32px;display:grid}.room-main{min-width:0}.room-status{justify-content:space-between;align-items:flex-end;margin-bottom:23px;display:flex}.room-status h1{letter-spacing:-.06em;margin:8px 0 0;font-size:clamp(28px,4vw,45px)}.occupancy{color:var(--muted);font-family:var(--mono);align-items:baseline;gap:8px;display:flex}.occupancy b{color:var(--ink);font-family:Manrope,sans-serif;font-size:35px}.occupancy span{font-size:12px}.occupancy small{color:var(--dim);margin-top:2px;font-size:9px;display:block}.seat-card,.night-panel,.phase-card,.result-card{padding:25px}.seats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:22px;display:grid}.seat{border:1px solid var(--line);min-height:112px;color:var(--ink);text-align:left;background:#19161e;flex-direction:column;justify-content:space-between;padding:13px;transition:border-color .18s,background .18s;display:flex}.seat:hover:not(:disabled),.seat-me{border-color:var(--red);background:#e36b5f14}.seat-empty .seat-number{color:var(--red)}.seat-number{color:var(--gold);font-family:var(--mono);font-size:11px}.seat-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.seat-state{color:var(--dim);font-family:var(--mono);font-size:9px}.ready-bar{color:var(--muted);border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding-top:17px;font-size:12px;display:flex}.ready-bar .button{min-height:40px;padding:0 15px;font-size:12px}.identity-card{background:linear-gradient(135deg,#e6b76c1a,#e36b5f0f);border:1px solid #e6b76c57;align-items:flex-start;gap:15px;min-height:140px;padding:17px;display:flex}.identity-card h3{letter-spacing:-.05em;margin:8px 0;font-size:22px}.identity-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.65}.identity-card small{color:var(--gold);font-family:var(--mono);margin-top:12px;font-size:9px;display:block}.identity-hidden{align-items:center}.identity-hidden h3{font-size:16px}.card-seal{width:59px;height:73px;color:var(--red);border:1px solid var(--red);font-family:var(--mono);background:#15121a8c;flex:none;place-items:center;font-size:18px;display:grid}.card-seal img{object-fit:cover;opacity:.78;grid-area:1/1;width:100%;height:100%}.card-seal span{z-index:1;text-align:center;text-shadow:0 1px 4px #000;grid-area:1/1;padding:2px 3px;font-size:11px}.role-catalog{border-top:1px solid var(--line);margin-top:18px;padding-top:17px}.role-catalog summary{cursor:pointer;color:var(--ink);justify-content:space-between;font-size:13px;font-weight:700;list-style:none;display:flex}.role-catalog summary span{color:var(--dim);font-family:var(--mono);font-size:9px;font-weight:400}.role-catalog-grid{gap:8px;max-height:430px;margin-top:15px;display:grid;overflow:auto}.role-mini{background:#ffffff09;padding:10px}.role-mini-head{justify-content:space-between;gap:10px;font-size:12px;display:flex}.role-mini-head em{color:var(--gold);font-style:normal;font-family:var(--mono);font-size:10px}.role-mini p{color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.6}.side-footer{border-top:1px solid var(--line);color:var(--dim);font-family:var(--mono);align-items:center;gap:8px;margin-top:20px;padding-top:16px;font-size:9px;display:flex}.side-footer button{margin-left:auto}.night-panel{margin-top:18px}.countdown{color:var(--red);font-family:var(--mono);font-size:26px}.choice-grid,.vote-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.choice-button,.vote-target{border:1px solid var(--line);min-height:54px;color:var(--ink);text-align:left;background:#19161e;padding:11px;font-size:11px}.choice-button:hover,.vote-target:hover{border-color:var(--gold);background:#e6b76c14}.phase-card{border:1px solid var(--line);background:#292230e0;margin-top:18px}.phase-card p{color:var(--muted);max-width:680px;font-size:12px;line-height:1.75}.phase-card .button,.result-card .button{margin-top:11px}.vote-target{align-items:center;gap:9px;display:flex}.vote-target b{color:var(--red);font-family:var(--mono)}.submitted-line{color:var(--gold);font-family:var(--mono);margin-top:17px;font-size:10px}.waiting-state{color:var(--muted);font-family:var(--mono);align-items:center;gap:9px;margin-top:18px;font-size:10px;display:flex}.spinner-dot{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}.notes-section{border-top:1px solid var(--line);margin-top:24px;padding:24px 0 0}.notes-grid{gap:6px;margin-top:15px;display:grid}.note-row{color:var(--muted);background:#ffffff09;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;font-size:12px;display:flex}.note-row span{align-items:center;gap:9px;display:flex}.note-row b{color:var(--gold);font-family:var(--mono);font-size:10px}.note-row select{color:var(--ink);border:1px solid var(--line);background:#19161e;min-height:32px;padding:0 7px;font-size:11px}.result-card{background:linear-gradient(135deg,#e36b5f2e,#292230e6 56%);border:1px solid #e36b5f59;margin-top:18px;position:relative;overflow:hidden}.result-ribbon{color:#e36b5f85;font-family:var(--mono);letter-spacing:.14em;font-size:10px;position:absolute;top:23px;right:22px}.result-card h2{letter-spacing:-.06em;margin:9px 0 3px;font-size:34px}.result-card p{color:var(--muted);font-size:12px}.winner-pills{flex-wrap:wrap;gap:6px;margin:17px 0;display:flex}.winner-pills span{color:var(--gold);font-family:var(--mono);border:1px solid #e6b76c4d;padding:7px 9px;font-size:10px}.replay-sections{gap:12px;margin-top:18px;display:grid}.replay-section{border-top:1px solid var(--line);padding-top:15px}.replay-section .section-title h3{font-size:16px}.replay-card-grid{gap:6px;margin-top:13px;display:grid}.replay-card-row{color:var(--ink);background:#0000002e;grid-template-columns:minmax(150px,1.3fr) repeat(2,minmax(110px,1fr));align-items:center;gap:7px;padding:9px 10px;font-size:11px;display:grid}.replay-card-row>b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.replay-card-row span{color:var(--muted)}.replay-card-row em{color:var(--dim);font-style:normal;font-family:var(--mono);margin-right:6px;font-size:9px}.replay-stage-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:13px;display:grid}.replay-stage-row{background:#ffffff09;gap:4px;padding:8px 9px;display:grid}.replay-stage-row b{color:var(--ink);font-size:10px}.replay-stage-row span{color:var(--dim);font-family:var(--mono);font-size:9px}.replay-event-list,.replay-vote-list{gap:5px;margin-top:12px;display:grid}.replay-event-row{color:var(--muted);background:#0000002e;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:8px 9px;font-size:11px;line-height:1.5;display:grid}.replay-event-row b{color:var(--gold);font-family:var(--mono);font-size:9px}.replay-empty{color:var(--dim);font-family:var(--mono);padding:10px 0;font-size:10px}.replay{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.replay summary{cursor:pointer;color:var(--ink);font-size:12px}.replay-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:13px;display:grid}.replay-grid div{background:#0000002e;gap:5px;padding:9px;display:grid}.replay-grid b{color:var(--dim);font-family:var(--mono);font-size:9px}.replay-grid span{color:var(--ink);font-size:11px}.toast{z-index:20;border:1px solid var(--line);color:var(--ink);opacity:0;pointer-events:none;background:#2a222d;padding:12px 17px;font-size:12px;transition:opacity .2s,transform .2s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,18px);box-shadow:0 12px 35px #0000004d}.toast[data-kind=error]{border-color:#e36b5fa6}.toast.is-visible{opacity:1;transform:translate(-50%)}.loading{text-align:center;color:var(--muted);padding:80px}@media (width<=900px){.landing{grid-template-columns:1fr;padding-top:25px}.landing-copy{padding-left:0}.landing-art{aspect-ratio:4/3;height:auto;min-height:0}.landing-art img{object-fit:contain;object-position:center}.room-layout,.config-layout{grid-template-columns:1fr}.room-side{order:-1}.identity-card{min-height:auto}}@media (width<=560px){.landing,.panel-page,.room-page{width:min(100% - 28px,1220px)}.landing h1{font-size:78px}.landing-art{min-height:0}.room-topbar{flex-wrap:wrap;height:auto;padding:13px 0}.room-code{order:3;width:100%}.top-actions{margin-left:auto}.seats-grid,.choice-grid,.vote-grid,.center-grid,.player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ready-bar{flex-direction:column;align-items:stretch}.ready-bar .button{width:100%}.role-editor{grid-template-columns:1fr}.role-choice{flex-direction:row;align-items:center;padding:9px 7px}.role-stepper,.role-toggle-label{align-self:auto}.replay-stage-list{grid-template-columns:repeat(2,minmax(0,1fr))}.replay-card-row{grid-template-columns:1fr;gap:5px}.page-heading{align-items:flex-start}.page-heading h2{font-size:31px}}.role-choice-toggle{cursor:pointer;border:1px solid var(--line);min-width:0;min-height:46px;color:var(--ink);background:#ffffff09;justify-content:space-between;align-items:center;gap:6px;padding:10px 12px;display:flex}.role-choice-toggle.is-selected{border-color:var(--gold);color:var(--gold);background:#e6b76c21}.role-choice-toggle .role-check{color:var(--dim);font-family:var(--mono);font-size:10px}.role-choice-toggle.is-selected .role-check{color:var(--green)}.role-choice-count{border:1px solid var(--line);background:#ffffff09;grid-column:1/-1;grid-template-columns:minmax(0,1fr) 28px 46px 28px;align-items:center;gap:6px;min-height:46px;padding:6px;display:grid}.role-choice-count button{border:1px solid var(--line);height:32px;color:var(--gold);background:#17141b}.role-choice-count input{border:1px solid var(--line);width:46px;height:32px;color:var(--ink);text-align:center;background:#17141b}.selected-role-section{background:#e6b76c0d;border:1px solid #e6b76c4d;margin-top:20px;padding:16px}.selected-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.selected-role-pill{min-height:42px;color:var(--gold);background:#e6b76c1a;border:1px solid #e6b76c59}.setting-toggle{color:var(--muted);align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.setting-toggle input{accent-color:var(--red)}.role-catalog-button{border:1px solid var(--line);color:var(--muted);background:0 0;padding:7px 10px;font-size:11px}.role-catalog-button:hover{color:var(--ink);border-color:var(--gold)}.room-main>.center-board,.room-main>.player-board{margin-top:18px}.board-section{border:1px solid var(--line);background:#211c27eb;padding:20px}.board-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.board-heading h3{margin:7px 0 0;font-size:18px}.center-grid,.player-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px;display:grid}.board-card-wrap{min-width:0}.center-card{border:1px solid var(--line);width:100%;min-height:128px;color:var(--ink);background:#19161e;place-items:center;gap:5px;padding:10px 6px;display:grid}.center-card.is-actionable:hover{border-color:var(--gold);background:#e6b76c14}.center-card .card-back{width:44px;height:58px;color:var(--gold);font-family:var(--mono);background:linear-gradient(135deg,#31233a,#17141b);border:1px solid #e6b76c73;place-items:center;display:grid}.center-card strong{font-size:12px}.center-card small{color:var(--muted);text-align:center;font-size:9px;line-height:1.45}.board-note,.player-note{margin-top:6px;display:block}.board-note select,.player-note select{border:1px solid var(--line);width:100%;min-height:28px;color:var(--muted);background:#19161e;padding:0 5px;font-size:10px}.player-card-button{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding:0}.player-card{border:1px solid var(--line);background:#19161e;min-height:116px;padding:12px}.player-card-button:hover .player-card,.player-card.is-me{border-color:var(--red);background:#e36b5f14}.player-card.is-dead{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.player-card-head{gap:4px;min-width:0;display:grid}.player-card-head b{color:var(--gold);font-family:var(--mono);font-size:10px}.player-card-head span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.player-card-state{color:var(--dim);margin-top:16px;font-size:10px}.player-note{color:var(--dim);font-size:10px}.identity-pair{color:var(--muted);gap:5px;margin-top:15px;font-size:10px;line-height:1.35;display:grid}.identity-pair strong{color:var(--gold);font-family:var(--mono);font-size:10px}.vote-card{position:relative}.vote-card>em{color:var(--red);font-style:normal;font-family:var(--mono);margin-top:6px;font-size:9px;display:block}.night-target{color:var(--gold);font-style:normal;font-family:var(--mono);margin-top:6px;font-size:9px;display:block}.board-help{color:var(--dim);font-family:var(--mono);margin:15px 0 0;font-size:10px}.operation-feedback{border-left:2px solid var(--gold);color:var(--gold);font-family:var(--mono);background:#e6b76c14;margin-top:14px;padding:10px 12px;font-size:10px}.result-card .board-section{background:#00000026;margin:21px -1px 0}.result-summary h2{max-width:780px;margin:9px 0 0;font-size:clamp(24px,4vw,37px);line-height:1.25}.personal-result{font-weight:800;margin:13px 0 0!important;font-size:20px!important}.personal-result.is-win{color:var(--green)}.personal-result.is-loss{color:var(--red)}.replay-section{margin-top:21px}.replay-section .section-title{border-top:1px solid var(--line);padding-top:15px}.replay-event-row{grid-template-columns:1fr}.role-dialog{width:min(720px,100% - 28px);max-height:85vh;color:var(--ink);background:#211c27;border:1px solid #e6b76c66;padding:25px;box-shadow:0 24px 90px #0009}.role-dialog::backdrop{background:#0a080ebf}.dialog-close{color:var(--muted);background:0 0;border:0;font-size:25px;position:absolute;top:10px;right:14px}.role-modal-grid{gap:16px;display:grid}.role-detail{border:1px solid var(--line);background:#ffffff09;grid-template-columns:82px 1fr;gap:15px;padding:13px;display:grid}.role-detail-icon{border:1px solid var(--line);width:82px;height:82px;color:var(--gold);font-family:var(--mono);background:#17141b;place-items:center;display:grid;overflow:hidden}.role-detail-icon img{object-fit:cover;width:100%;height:100%}.role-detail h3{margin:5px 0;font-size:19px}.role-detail p,.role-detail dd{color:var(--muted);margin:5px 0;font-size:11px;line-height:1.65}.role-detail dl{grid-template-columns:46px 1fr;gap:4px 8px;margin:9px 0 0;display:grid}.role-detail dt{color:var(--gold);font-size:11px}.role-detail dd{margin:0}.role-side-panel{gap:8px;margin-top:16px;display:grid}@media (width<=560px){.selected-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-choice-count{grid-template-columns:minmax(0,1fr) 25px 38px 25px;font-size:11px}.role-choice-count input{width:38px}.role-choice-toggle{min-height:42px;padding:8px 7px;font-size:11px}.center-card{min-height:112px}.player-card{min-height:108px;padding:8px}.player-card-head span{font-size:11px}.role-detail{grid-template-columns:60px 1fr}.role-detail-icon{width:60px;height:60px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}