.room-page{position:relative}.room-topline{display:grid;grid-template-columns:1fr minmax(420px,1.5fr) 1fr;align-items:center;gap:20px;min-height:62px;margin-bottom:18px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff}.room-title{display:flex;align-items:center;gap:10px}.room-title>div{display:flex;align-items:baseline;gap:7px;color:var(--muted);font-size:12px}.room-code-button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;color:var(--ink);background:transparent;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.phase-tracker{display:grid;grid-template-columns:repeat(5,1fr)}.phase-tracker span{position:relative;display:grid;justify-items:center;gap:5px;color:#9a9ea5;font-size:10px}.phase-tracker span:before{content:"";position:absolute;top:5px;right:50%;left:-50%;height:1px;background:#dde0e5}.phase-tracker span:first-child:before{display:none}.phase-tracker i{position:relative;z-index:1;width:11px;height:11px;border:2px solid #d2d5db;border-radius:50%;background:#fff}.phase-tracker .active{color:#365f92;font-weight:700}.phase-tracker .active i{border-color:#6c9ad3;box-shadow:0 0 0 4px #e6f0fb}.phase-tracker .complete:before{background:#98b9df}.phase-tracker .complete i{border-color:#75a0d2;background:#75a0d2}.room-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.connection-pill{display:inline-flex;align-items:center;gap:5px;color:#3d805e;font-size:11px;font-weight:700}.connection-pill.offline{color:#a34951}.floating-alert{position:fixed;z-index:70;top:84px;left:50%;display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid #f0c8cc;border-radius:999px;color:#863b43;background:#fff0f1;box-shadow:var(--shadow);transform:translate(-50%);font-size:13px}.floating-alert button{display:grid;place-items:center;padding:0;border:0;color:inherit;background:transparent}.spectator-drawer{position:absolute;z-index:40;top:72px;right:0;width:min(330px,92vw);padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.spectator-drawer header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.spectator-drawer h2{font-size:16px}.spectator-drawer p{margin-top:4px;color:var(--muted);font-size:11px}.spectator-row{display:flex;align-items:center;justify-content:space-between;min-height:42px;border-top:1px solid var(--line);font-size:13px}.spectator-row small{color:var(--green)}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.room-primary,.room-sidebar,.result-section{border:1px solid var(--line);border-radius:8px;background:#fff}.room-primary{min-width:0;padding:18px}.room-sidebar{overflow:hidden}.sidebar-section{padding:20px;border-bottom:1px solid var(--line)}.sidebar-section:last-child{border-bottom:0}.table-stage{position:relative;width:min(100%,760px);height:560px;margin:0 auto}.table-surface{position:absolute;top:72px;right:100px;bottom:72px;left:100px;display:grid;place-items:center;border:1px solid #cdd9d3;border-radius:46%;background:#edf5f0;box-shadow:inset 0 0 0 9px #ffffff73}.table-surface:before{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px dashed #cfddd5;border-radius:inherit}.table-center{position:relative;z-index:1;display:grid;justify-items:center;gap:5px}.table-center span{color:#6c8175;font-size:11px;font-weight:700}.table-center strong{color:#385648;font-size:16px}.seat-node{--seat-angle: 0deg;position:absolute;z-index:2;top:50%;left:50%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;width:124px;height:68px;align-items:center;column-gap:8px;padding:7px 10px;border:1px solid #dadddf;border-radius:8px;text-align:left;color:var(--ink);background:#fff;box-shadow:0 5px 14px #2b313912;transform:translate(-50%,-50%) rotate(var(--seat-angle)) translateY(-238px) rotate(calc(var(--seat-angle) * -1))}.seat-node .avatar-bubble{grid-row:1 / 3}.seat-number{position:absolute;top:-8px;left:-7px;display:grid;width:23px;height:23px;place-items:center;border:2px solid white;border-radius:50%;color:#4c5866;background:#e7ebf0;font-size:10px;font-weight:800}.seat-name{overflow:hidden;align-self:end;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750}.host-crown{position:absolute;top:-7px;right:-5px;color:#c38a2e}.offline-icon{position:absolute;bottom:5px;right:5px;color:#a1a5ab}.vote-count,.seat-role,.speaker-badge{align-self:start;width:max-content;padding:2px 6px;border-radius:999px;color:#4f647e;background:#edf3fa;font-size:9px;font-weight:700}.speaker-badge{color:#7f531d;background:#fff0db}.seat-node.current{border-color:#e0b971;box-shadow:0 0 0 4px #fff3dd,0 7px 16px #2b313914}.seat-node.selected{border-color:#70a0d6;box-shadow:0 0 0 4px #e7f1fd}.seat-node.interactive:hover{border-color:#8aadd7;transform:translate(-50%,-50%) rotate(var(--seat-angle)) translateY(-238px) rotate(calc(var(--seat-angle) * -1)) scale(1.03)}.seat-node.empty{grid-template-columns:auto 1fr;grid-template-rows:1fr;color:#92979e;border-style:dashed;background:#fafafa;box-shadow:none}.seat-node.empty .seat-name{align-self:center;font-weight:600}.seat-node.eliminated{border-color:#e5b7bd;background:#fff5f5}.eliminated-icon{position:absolute;right:6px;bottom:5px;color:var(--red)}.lobby-summary-strip{display:flex;flex-wrap:wrap;gap:10px;padding:15px 4px 2px}.seat-guidance{display:flex;width:max-content;max-width:100%;align-items:center;gap:7px;margin:-2px auto 5px;padding:7px 11px;border-radius:999px;color:#596675;background:#edf2f7;font-size:11px}.seat-guidance.seated{color:#397052;background:#e8f4ed}.lobby-member-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 2px}.lobby-member-strip>span{display:inline-flex;min-height:28px;align-items:center;gap:5px;padding:0 5px 0 9px;border:1px solid var(--line);border-radius:999px;color:#676d76;background:#fff;font-size:10px}.lobby-member-strip b{color:#454c55}.lobby-member-strip button{display:grid;width:22px;height:22px;place-items:center;padding:0;border:0;border-radius:50%;color:#a04c54;background:#faecee}.room-inline-alert{margin-top:12px}.lobby-summary-strip span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;color:#59636f;background:#f1f3f6;font-size:11px}.room-warning{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;border:1px solid #efd29b;border-radius:8px;color:#76501e;background:#fff5e2;font-size:12px;line-height:1.5}.room-warning span,.room-warning strong{display:block}.warning-soft{color:#765d39;border-color:#ebdfc9;background:#faf7f0}.compact-settings{display:grid}.compact-settings>label{display:flex;min-height:49px;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eceef1;color:#50565f;font-size:12px}.compact-settings>label:first-child{border-top:0}.compact-settings select{width:138px;min-height:34px;padding:5px 9px;font-size:11px}.stepper.small{width:128px;height:34px;grid-template-columns:34px 1fr 34px}.stepper.small button{font-size:17px}.sidebar-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0;text-align:left;color:var(--ink);background:transparent}.sidebar-toggle>span{display:flex;align-items:center;gap:10px}.sidebar-toggle strong,.sidebar-toggle small{display:block}.sidebar-toggle strong{font-size:15px}.sidebar-toggle small{margin-top:3px;color:var(--muted);font-size:10px;font-weight:400}.role-picker-scroll{max-height:360px;overflow:auto;margin-top:16px;padding-right:3px}.role-picker-group+.role-picker-group{margin-top:15px}.role-picker-group h3{margin-bottom:7px;color:#858b94;font-size:10px;text-transform:uppercase}.role-picker-group{display:flex;flex-wrap:wrap;gap:6px}.role-picker-group h3{width:100%}.role-picker-group button{display:inline-flex;min-height:31px;align-items:center;gap:5px;padding:0 10px;border:1px solid #e0e2e6;border-radius:999px;color:#61666e;background:#fff;font-size:11px}.role-picker-group button.selected{color:#315f95;border-color:#b8d0ed;background:#edf4fc}.shared-roles h2{margin-bottom:12px;font-size:15px}.shared-role-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.shared-role-row>span{min-width:0}.shared-role-row strong,.shared-role-row small{display:block}.shared-role-row strong{font-size:12px}.shared-role-row small{overflow:hidden;margin-top:3px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px}.deal-button{width:calc(100% - 40px);margin:20px}.lobby-waiting-note{margin:20px;padding:12px;border-radius:999px;color:#717780;background:#f1f2f4;text-align:center;font-size:12px}.night-screen{min-height:calc(100vh - 160px);padding:42px 20px 60px;border:1px solid #d9dde4;border-radius:8px;color:#eceff5;background:#252b35}.night-header{max-width:640px;margin:0 auto 30px;text-align:center}.night-header .eyebrow{color:#aebdce}.night-header h1{margin-top:8px;font-size:30px}.night-header p{margin-top:8px;color:#aeb4be;font-size:13px}.night-workspace{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,560px);gap:18px;max-width:940px;margin:0 auto}.identity-panel,.night-action-panel{min-height:460px;padding:28px;border:1px solid #444c58;border-radius:8px;background:#303743}.identity-hidden,.identity-revealed{display:grid;height:100%;place-items:center;align-content:center;text-align:center}.identity-hidden>svg{color:#8390a1}.identity-hidden h2{margin-top:20px}.identity-hidden p{margin:8px 0 24px;color:#abb2bd;font-size:12px}.identity-panel .button-soft{color:#dce7f5;border-color:#566477;background:#3f4b5b}.identity-revealed{position:relative;overflow:hidden;border:1px solid #899fbb;border-radius:8px;background:#edf3fa;color:#1d2e45}.hide-role-button{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:0;border-radius:999px;color:#5b6979;background:#ffffffb3;font-size:11px}.role-camp{padding:5px 9px;border-radius:999px;color:#3b6490;background:#d9e8f8;font-size:11px;font-weight:700}.identity-revealed h2{margin-top:18px;font-size:36px}.identity-revealed p{max-width:240px;margin-top:10px;color:#58697b;line-height:1.55}.private-label{margin-top:30px;color:#7a8795;font-size:10px}.night-action-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.step-label{color:#98a7b8;font-size:10px;font-weight:700;text-transform:uppercase}.night-action-heading h2{margin-top:5px;font-size:21px}.round-timer{position:relative;display:grid;width:58px;height:58px;place-items:center}.round-timer svg{position:absolute;width:58px;height:58px;transform:rotate(-90deg)}.round-timer circle{fill:none;stroke:#495361;stroke-width:5}.round-timer .timer-progress{stroke:#83addd;stroke-linecap:round;transition:stroke-dashoffset .4s linear}.round-timer strong{position:relative;font-size:17px;font-variant-numeric:tabular-nums}.round-timer.urgent strong{color:#ffc5ca}.round-timer.urgent .timer-progress{stroke:#db7d85}.action-prompt{margin-top:24px;color:#c2c7d0;font-size:13px}.night-mode-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:14px 0 2px;padding:4px;border-radius:999px;background:#252b35}.night-mode-switch button{min-height:36px;border:0;border-radius:999px;color:#aab3c0;background:transparent;font-weight:700}.night-mode-switch button.selected{color:#17395f;background:#dbeaff}.target-block{margin-top:15px}.target-title{display:block;color:#9ca8b7;font-size:10px;font-weight:800;text-transform:uppercase}.target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 20px}.target-grid button{position:relative;display:grid;min-height:58px;justify-items:start;padding:10px 12px;border:1px solid #4a5360;border-radius:8px;text-align:left;color:#d9dde4;background:#353d49}.target-grid button span{color:#929ba8;font-size:10px}.target-grid button strong{margin-top:3px;font-size:13px}.target-grid button>svg{position:absolute;top:20px;right:12px}.target-grid button.selected{color:#dcecff;border-color:#7299c9;background:#3d4f65}.center-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 18px}.center-target-grid button{position:relative;min-height:48px;padding:0 36px 0 13px;border:1px solid #4a5360;border-radius:999px;text-align:left;color:#d9dde4;background:#353d49}.center-target-grid button>svg{position:absolute;top:16px;right:13px}.center-target-grid button.selected{color:#dcecff;border-color:#7299c9;background:#3d4f65}.night-action-panel .inline-alert{margin-bottom:14px}.night-result{display:grid;min-height:300px;justify-items:center;align-content:center;text-align:center}.result-icon{display:grid;width:52px;height:52px;margin-bottom:18px;place-items:center;border-radius:50%;color:#a9e0c0;background:#354c41}.night-result h3{margin-top:9px;color:#f1f3f6;font-size:18px;line-height:1.5}.night-result p{margin-top:9px;color:#a4acb8;font-size:12px}.discussion-status,.vote-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:104px;padding:6px 8px 18px;border-bottom:1px solid var(--line)}.round-pills{display:flex;gap:5px;align-self:flex-start}.round-pills span{display:inline-flex;min-height:29px;align-items:center;gap:4px;padding:0 10px;border-radius:999px;color:#858a92;background:#f0f1f3;font-size:10px;font-weight:700}.round-pills span.active{color:#6c4b1f;background:#fcedd3}.round-pills span.complete{color:#3e7658;background:#e5f3eb}.speaker-focus{display:flex;align-items:center;gap:12px}.speaker-number{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:50%;color:#405e83;background:#e5edf7;font-size:17px;font-weight:800}.speaker-focus h1{margin-top:3px;font-size:21px}.speaker-focus p{margin-top:4px;color:var(--muted);font-size:10px}.discussion-main .table-stage{height:500px}.discussion-main .seat-node{transform:translate(-50%,-50%) rotate(var(--seat-angle)) translateY(-210px) rotate(calc(var(--seat-angle) * -1))}.discussion-main .seat-node.interactive:hover{transform:translate(-50%,-50%) rotate(var(--seat-angle)) translateY(-210px) rotate(calc(var(--seat-angle) * -1)) scale(1.03)}.discussion-sidebar>section,.vote-sidebar>section{padding:20px;border-bottom:1px solid var(--line)}.statement-form{display:grid;gap:12px}.statement-form label{display:grid;gap:6px;color:#5d626b;font-size:11px;font-weight:650}.statement-form select,.statement-form input{min-height:38px;font-size:12px}.waiting-speaker{display:grid;min-height:250px;place-items:center;align-content:center;text-align:center}.waiting-speaker>svg{color:#77889b}.waiting-speaker h2{margin-top:13px;font-size:17px}.waiting-speaker p{margin:7px 0 18px;color:var(--muted);font-size:12px}.statement-history{max-height:390px;overflow:auto}.statement-list{display:grid;gap:8px}.statement-list article{padding:11px;border-radius:8px;background:#f5f6f8}.statement-list header{display:flex;justify-content:space-between;gap:8px}.statement-list header strong{font-size:11px}.statement-list header span{color:#8b9098;font-size:9px}.statement-list p{margin-top:6px;color:#61666f;font-size:11px;line-height:1.45}.statement-list b{color:#344c68}.mini-empty{padding:20px;color:#969ba2;text-align:center;font-size:11px}.discussion-sidebar>.button,.vote-sidebar>.button{width:calc(100% - 40px);margin:20px}.vote-heading h1{margin-top:7px;font-size:23px}.vote-heading p{margin-top:6px;color:var(--muted);font-size:12px}.vote-progress{display:grid;min-width:90px;justify-items:end}.vote-progress strong{font-size:20px;font-variant-numeric:tabular-nums}.vote-progress span{color:var(--muted);font-size:10px}.vote-main .table-stage{height:500px}.vote-main .seat-node{transform:translate(-50%,-50%) rotate(var(--seat-angle)) translateY(-210px) rotate(calc(var(--seat-angle) * -1))}.vote-main .seat-node.interactive:hover{transform:translate(-50%,-50%) rotate(var(--seat-angle)) translateY(-210px) rotate(calc(var(--seat-angle) * -1)) scale(1.03)}.vote-privacy{display:flex;align-items:flex-start;gap:10px;margin-top:6px;padding:11px 13px;border-radius:8px;color:#536274;background:#eff4f9;font-size:11px;line-height:1.45}.vote-privacy strong{display:block;color:#3c526b}.success-icon{color:var(--green)}.selected-vote{display:flex;min-height:78px;align-items:center;gap:12px;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f7f8fa}.selected-vote small,.selected-vote strong{display:block}.selected-vote small{color:var(--muted);font-size:10px}.selected-vote strong{margin-top:3px;font-size:14px}.empty-choice{justify-content:center;color:#888e96;font-size:12px}.vote-choice .button+.button{margin-top:8px}.live-vote-list{max-height:340px;overflow:auto}.vote-result-row{display:flex;min-height:38px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#5b6069;font-size:11px}.vote-result-row strong{display:grid;min-width:26px;height:24px;place-items:center;border-radius:999px;color:#3d5e84;background:#e8f0fa}.button-footnote{margin:-12px 20px 18px;color:var(--muted);text-align:center;font-size:10px}.result-page{display:grid;gap:18px}.result-hero{display:grid;min-height:300px;place-items:center;align-content:center;padding:38px 20px;border:1px solid #d8e4dc;border-radius:8px;text-align:center;background:#eef6f1}.result-crown{display:grid;width:62px;height:62px;margin-bottom:18px;place-items:center;border-radius:50%;color:#96702e;background:#fff0cf}.result-hero h1{margin-top:8px;color:#28573d;font-size:34px}.result-hero>p{margin-top:9px;color:#63766a}.result-actions{display:flex;gap:9px;margin-top:24px}.result-section{min-width:0;padding:22px}.result-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}.result-table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;font-size:12px}.result-table th{position:sticky;z-index:2;top:0;padding:11px 13px;border-bottom:1px solid var(--line);color:#727780;background:#f4f5f7;text-align:left;font-size:10px}.result-table td{padding:12px 13px;border-bottom:1px solid #eceef1}.result-table tr:last-child td{border-bottom:0}.result-table tr.eliminated td{background:#fff5f5}.result-table .changed{color:#37689f;padding:3px 7px;border-radius:999px;background:#e8f1fb}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.audit-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.audit-list li{position:relative;display:grid;grid-template-columns:30px 1fr;gap:10px;min-height:66px}.audit-list li:before{content:"";position:absolute;top:29px;bottom:0;left:14px;width:1px;background:#dfe2e6}.audit-list li:last-child:before{display:none}.audit-list li>span{position:relative;z-index:1;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#58728e;background:#e9eff6}.audit-list strong{font-size:12px}.audit-list p{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45}.settlement-reason>strong{color:#356448;font-size:16px}.settlement-reason>p{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.6}.priority-flow{display:grid;gap:8px;margin-top:20px}.priority-flow span{position:relative;padding:10px 12px 10px 30px;border-radius:8px;color:#59616b;background:#f4f5f7;font-size:11px}.priority-flow span:before{content:"";position:absolute;top:14px;left:13px;width:7px;height:7px;border-radius:50%;background:#7da0c5}.shared-role-result{display:grid;gap:8px}.shared-role-result article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px;border:1px solid var(--line);border-radius:8px}.shared-role-result article>span{min-width:0}.shared-role-result strong{font-size:13px}.shared-role-result p{margin-top:4px;color:var(--muted);font-size:11px}.shared-role-result small{display:block;margin-top:5px;color:#92969d;font-size:9px}.page-loading{display:grid;min-height:60vh;place-items:center;align-content:center;gap:12px;color:#757b84}@media (max-width: 1120px){.room-topline{grid-template-columns:auto 1fr auto}.phase-tracker small{display:none}.room-layout{grid-template-columns:minmax(0,1fr) 340px}.table-stage{height:500px}.seat-node{transform:translate(-50%,-50%) rotate(var(--seat-angle)) translateY(-210px) rotate(calc(var(--seat-angle) * -1))}.seat-node.interactive:hover{transform:translate(-50%,-50%) rotate(var(--seat-angle)) translateY(-210px) rotate(calc(var(--seat-angle) * -1)) scale(1.03)}}@media (max-width: 880px){.room-topline{grid-template-columns:1fr auto}.phase-tracker{grid-column:1 / -1;grid-row:2}.phase-tracker small{display:block}.room-layout{grid-template-columns:1fr}.room-sidebar{order:2}.night-workspace{grid-template-columns:1fr}.identity-panel,.night-action-panel{min-height:390px}.result-grid{grid-template-columns:1fr}}@media (max-width: 600px){.room-topline{gap:10px;padding:8px}.room-title .icon-button{width:36px;height:36px}.connection-pill{display:none}.room-top-actions .button{padding:0 10px}.phase-tracker small{font-size:8px}.room-primary{padding:12px}.table-stage,.discussion-main .table-stage,.vote-main .table-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;width:100%;height:auto;min-height:310px;padding-top:116px}.table-surface{inset:4px 18px auto;height:96px;border-radius:48%}.table-surface:before{top:10px;right:10px;bottom:10px;left:10px}.seat-node,.discussion-main .seat-node,.vote-main .seat-node{position:relative;top:auto;left:auto;width:100%;height:64px;transform:none}.seat-node.interactive:hover,.discussion-main .seat-node.interactive:hover,.vote-main .seat-node.interactive:hover{transform:none}.lobby-summary-strip{padding-top:12px}.night-screen{padding:28px 12px 40px}.night-header h1{font-size:25px}.identity-panel,.night-action-panel{min-height:360px;padding:18px}.target-grid{grid-template-columns:1fr}.discussion-status,.vote-heading{align-items:flex-start;flex-direction:column}.round-pills{order:2;width:100%}.round-pills span{flex:1;justify-content:center;padding:0 5px}.result-hero{min-height:260px}.result-hero h1{font-size:28px}.result-actions{width:100%;flex-direction:column}.shared-role-result article{align-items:flex-start;flex-direction:column}.shared-role-result .button{width:100%}}:root{color:#1d1d1f;background:#f6f7f9;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1d1d1f;--muted: #6e6e73;--line: #e2e4e9;--surface: #ffffff;--surface-soft: #f5f6f8;--blue: #3976df;--blue-soft: #eaf1ff;--green: #287d55;--green-soft: #e5f5ec;--red: #bd4b54;--red-soft: #fbeaec;--amber: #9a681c;--amber-soft: #fff2d9;--purple: #7357a8;--purple-soft: #f0ebfa;--shadow: 0 12px 34px rgba(34, 38, 50, .08)}*{box-sizing:border-box}html{min-width:320px;background:#f6f7f9}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex:0 0 auto}.app-shell{min-height:100vh}.topbar{position:sticky;z-index:50;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(224,226,232,.9);background:#fafbfceb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-link{display:inline-flex;align-items:center;width:max-content;gap:10px;font-size:16px;font-weight:700}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:#315b96;background:#e8eff9}.desktop-nav{display:flex;align-items:center;gap:28px;color:#55565a;font-size:14px;font-weight:600}.desktop-nav a{padding:10px 0}.desktop-nav a.router-link-active{color:var(--ink)}.topbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.account-chip{display:inline-flex;min-height:38px;align-items:center;gap:8px;padding:4px 12px 4px 5px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13px;font-weight:600}.mobile-menu-button,.mobile-nav{display:none}.shell-content{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:56px 0 80px}.shell-compact .shell-content{width:min(1440px,calc(100% - 32px));padding-top:20px}.avatar-bubble{display:inline-grid;flex:0 0 auto;place-items:center;border:2px solid rgba(255,255,255,.92);border-radius:50%;color:#344054;font-weight:750}.avatar-sm{width:28px;height:28px;font-size:12px}.avatar-md{width:42px;height:42px;font-size:15px}.avatar-lg{width:56px;height:56px;font-size:19px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-weight:700;color:var(--ink);background:transparent;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:#174477;background:#dbeaff;border-color:#c7dcfb}.button-primary:hover:not(:disabled){background:#cfe2ff}.button-accent{color:#6f3f12;background:#ffead2;border-color:#f6d7b6}.button-soft{color:#3f4753;background:#f0f2f5;border-color:#e3e5e9}.button-ghost{color:#656970;border-color:var(--line);background:#fff}.button-wide{width:100%}.button-small{min-height:36px;padding:0 14px;font-size:13px}.icon-button{display:inline-grid;width:40px;height:40px;flex:0 0 auto;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;color:#555b65;background:#fff}.icon-button:hover{background:#f3f4f6}.danger-icon{color:var(--red)}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:#607087;font-size:12px;font-weight:750;text-transform:uppercase}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}.page-heading h1{margin-top:8px;font-size:36px;line-height:1.15}.page-heading p{margin-top:10px;color:var(--muted);line-height:1.6}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-title-row h2{font-size:20px}.section-title-row p{margin-top:5px;color:var(--muted);font-size:13px}.section-title-row>svg{color:#7e8792}.section-title-row.small{margin-bottom:15px}.section-title-row.small h2{font-size:16px}.hub-intro{max-width:720px;padding:26px 0 44px}.hub-intro h1{margin-top:12px;font-size:46px;line-height:1.12}.hub-intro p{max-width:620px;margin-top:16px;color:var(--muted);font-size:18px;line-height:1.65}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.game-card{display:grid;grid-template-columns:minmax(190px,42%) 1fr;min-height:280px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:transform .2s ease,box-shadow .2s ease}.game-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.game-art{position:relative;display:grid;overflow:hidden;place-items:center;color:#426a9b;background:#dce9f7}.moon-ring{position:absolute;border:1px solid rgba(62,97,139,.18);border-radius:50%}.ring-one{width:130px;height:130px}.ring-two{width:210px;height:210px}.game-art>svg{position:relative;z-index:1}.game-card-content{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:30px}.game-title-row{display:flex;align-items:center;justify-content:space-between;color:#66707d}.status-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#45a275}.status-text{color:#6d727a;font-size:12px;font-weight:700}.game-card h2{margin-top:24px;font-size:26px}.game-card p{margin-top:10px;color:var(--muted);line-height:1.55}.game-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;color:#6e747d;font-size:12px}.game-meta span{display:inline-flex;align-items:center;gap:6px}.game-card-placeholder{grid-template-columns:42% 1fr;pointer-events:none;background:#fafafa}.placeholder-lines{display:grid;align-content:center;gap:14px;padding:38px;background:#eff0f2}.placeholder-lines span{height:10px;border-radius:999px;background:#dcdfe3}.placeholder-lines span:nth-child(2){width:72%}.placeholder-lines span:nth-child(3){width:48%}.auth-page{display:grid;min-height:100vh;place-items:center;padding:76px 24px 40px;background:#f5f7fa}.back-link{position:absolute;top:26px;left:28px;display:inline-flex;align-items:center;gap:7px;color:#59616d;font-size:14px;font-weight:650}.auth-panel{width:min(440px,100%);padding:38px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.auth-symbol{display:grid;width:56px;height:56px;margin-bottom:22px;place-items:center;border-radius:50%;color:#406b9e;background:#e9f1fb}.auth-panel h1{margin-top:9px;font-size:30px}.auth-panel>p{margin-top:8px;color:var(--muted)}.form-stack{display:grid;gap:18px;margin-top:26px}.form-stack label{display:grid;gap:8px;color:#41464f;font-size:13px;font-weight:650}.form-stack label>small{color:var(--muted);font-weight:400;line-height:1.45}input,select,textarea{width:100%;min-height:44px;padding:10px 13px;border:1px solid #d9dce2;border-radius:8px;outline:0;color:var(--ink);background:#fff}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#7ca6e3;box-shadow:0 0 0 3px #4c7cc21f}.input-with-action{display:flex;align-items:center;border:1px solid #d9dce2;border-radius:8px;padding-left:12px}.input-with-action:focus-within{border-color:#7ca6e3;box-shadow:0 0 0 3px #4c7cc21f}.input-with-action input{min-width:0;border:0;box-shadow:none}.input-with-action button{display:grid;width:42px;height:42px;place-items:center;border:0;color:#6f747c;background:transparent}.inline-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #f1cdd1;border-radius:8px;color:#923e47;background:#fff0f1;font-size:13px;line-height:1.45}.inline-alert button{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;color:inherit;background:transparent;font-weight:700}.auth-switch{text-align:center;font-size:13px}.auth-switch a{color:#3569b2;font-weight:700}.recovery-panel{display:grid;justify-items:center;gap:12px;margin-top:26px;text-align:center}.recovery-check{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;color:#287d55;background:#e4f4eb}.recovery-panel h2{font-size:21px}.recovery-panel p{color:var(--muted);font-size:13px;line-height:1.55}.recovery-code{display:flex;width:100%;min-height:52px;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid #d3dbe5;border-radius:8px;color:#315c8d;background:#f1f6fc}.recovery-code code{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:700}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.action-tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:118px;padding:24px;text-align:left;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff}.action-tile:hover{border-color:#c9d3e0;box-shadow:0 8px 22px #292f3c0f}.tile-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:50%;color:#386a9c;background:#e5eff9}.join-tile .tile-icon{color:#7c5d29;background:#faeed7}.action-tile strong,.action-tile small{display:block}.action-tile strong{font-size:18px}.action-tile small{margin-top:7px;color:var(--muted)}.content-section{margin-top:48px;padding-top:30px;border-top:1px solid var(--line)}.home-alert{margin-top:14px}.recent-list{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.recent-row{display:grid;grid-template-columns:100px 110px 1fr 110px auto;align-items:center;width:100%;min-height:64px;gap:20px;padding:0 20px;border:0;border-bottom:1px solid #eceef1;text-align:left;color:#555c66;background:#fff}.recent-row:last-child{border-bottom:0}.recent-row:hover{background:#f8f9fa}.room-code{color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums}.room-status{display:inline-flex;align-items:center;gap:7px;font-size:13px}.room-status i{width:7px;height:7px;border-radius:50%;background:#4da678}.recent-row>span:not(.room-code,.room-status){display:inline-flex;align-items:center;gap:6px;font-size:13px}.recent-row time{color:var(--muted);font-size:12px}.empty-state{display:grid;min-height:210px;place-items:center;align-content:center;gap:8px;padding:28px;border:1px dashed #d6d9df;border-radius:8px;color:#7b818a;text-align:center;background:#fafbfc}.empty-state h3{color:#3e444d;font-size:16px}.empty-state p{font-size:13px}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;padding:24px;background:#23272f61;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-panel{width:min(540px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:28px;border:1px solid rgba(255,255,255,.55);border-radius:8px;background:#fff;box-shadow:0 24px 70px #171b232e}.modal-wide{width:min(760px,100%)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-header h2{margin-top:5px;font-size:24px}.two-column-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stepper{display:grid;grid-template-columns:44px 1fr 44px;height:44px;border:1px solid #d9dce2;border-radius:999px;overflow:hidden;background:#f7f8fa}.stepper button{border:0;color:#4e5865;background:transparent;font-size:20px}.stepper strong{display:grid;place-items:center;font-variant-numeric:tabular-nums}.settings-list{border-top:1px solid var(--line)}.setting-row{display:flex!important;min-height:64px;flex-direction:row!important;align-items:center;justify-content:space-between;gap:18px!important;border-bottom:1px solid var(--line)}.setting-row>span{display:flex;align-items:center;gap:11px}.setting-row strong,.setting-row small{display:block}.setting-row small{margin-top:3px;color:var(--muted);font-weight:400}.setting-row select{width:auto;min-width:125px}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:46px;min-height:28px;height:28px;padding:2px;border:0;border-radius:999px;background:#d7d9df;transition:background .18s ease}.switch:after{content:"";display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000002e;transition:transform .18s ease}.switch:checked{background:#76a6e5}.switch:checked:after{transform:translate(18px)}.notice-line{padding:11px 13px;border-radius:8px;color:#5d6672;background:#f2f4f7;font-size:12px;line-height:1.55}.segmented-control{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;border-radius:999px;background:#eceef2}.segmented-control button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:0;border-radius:999px;color:#656b74;background:transparent;font-weight:650}.segmented-control button.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #2226301a}.code-input{text-align:center;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.library-alert{margin-bottom:18px}.segmented-control.compact{width:270px}.search-field{display:flex;width:min(340px,100%);align-items:center;gap:8px;padding-left:12px;border:1px solid #dadee4;border-radius:999px;color:#7a8089;background:#fff}.search-field input{min-width:0;border:0;border-radius:999px;box-shadow:none;background:transparent}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.role-card{display:flex;min-height:210px;flex-direction:column;padding:21px;border:1px solid var(--line);border-top:3px solid #8aaee0;border-radius:8px;background:#fff}.role-card.camp-wolf{border-top-color:#c9858c}.role-card.camp-neutral{border-top-color:#c8a15d}.role-card.camp-copy{border-top-color:#9a86bd}.role-card-top{display:flex;justify-content:space-between;gap:8px}.camp-badge,.custom-badge{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;color:#596574;background:#eff3f8;font-size:11px;font-weight:700}.custom-badge{color:#6d5597;background:var(--purple-soft)}.role-card h2{margin-top:20px;font-size:20px}.role-card>p{margin-top:9px;color:var(--muted);font-size:13px;line-height:1.6}.role-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;color:#858b93;font-size:11px}.role-card footer>span{display:inline-flex;align-items:center;gap:5px}.row-actions{display:flex;gap:6px}.row-actions .icon-button{width:32px;height:32px}.module-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0}.module-picker legend{grid-column:1 / -1;margin-bottom:2px;color:#41464f;font-size:13px;font-weight:650}.module-picker button{display:flex;min-height:62px;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;text-align:left;color:#343943;background:#fff}.module-picker button.selected{border-color:#9ab9e3;background:#f1f6fd}.module-check{display:grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border:1px solid #cdd2d9;border-radius:50%}.selected .module-check{color:#fff;border-color:#5f8dcb;background:#5f8dcb}.module-picker strong,.module-picker small{display:block}.module-picker small{margin-top:3px;color:var(--muted);font-size:11px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 880px){.topbar{grid-template-columns:1fr auto;padding:0 18px}.desktop-nav,.desktop-only{display:none}.mobile-menu-button{display:inline-grid}.mobile-nav{position:fixed;z-index:49;top:68px;right:14px;display:grid;width:220px;overflow:hidden;padding:7px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.mobile-nav a,.mobile-nav button{display:flex;min-height:46px;align-items:center;gap:10px;padding:0 12px;border:0;border-radius:6px;color:#454b55;background:transparent;text-align:left}.shell-content,.shell-compact .shell-content{width:min(100% - 28px,720px);padding-top:34px}.game-grid,.action-grid{grid-template-columns:1fr}.game-card{min-height:230px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.account-chip span:not(.avatar-bubble){display:none}.account-chip{padding-right:5px;border:0;background:transparent}.hub-intro{padding-top:8px}.hub-intro h1{font-size:36px}.hub-intro p{font-size:16px}.game-card{grid-template-columns:1fr}.game-art{min-height:160px}.game-card-placeholder{display:none}.game-card-content{padding:24px}.page-heading{align-items:flex-start;margin-bottom:26px}.page-heading h1{font-size:30px}.library-heading{flex-direction:column}.library-heading .button{width:100%}.action-tile{min-height:104px;padding:18px}.recent-row{grid-template-columns:76px 1fr auto;gap:10px}.recent-row>span:not(.room-code,.room-status),.recent-row time{display:none}.modal-backdrop{align-items:end;padding:0}.modal-panel{width:100%;max-height:92vh;padding:24px 18px calc(24px + env(safe-area-inset-bottom));border-radius:8px 8px 0 0}.two-column-fields{grid-template-columns:1fr}.library-toolbar{align-items:stretch;flex-direction:column}.segmented-control.compact,.search-field{width:100%}.role-grid{grid-template-columns:1fr}.role-card{min-height:180px}.module-picker{grid-template-columns:1fr}.back-link{top:20px;left:18px}.auth-page{padding:66px 14px 20px}.auth-panel{padding:28px 20px}}