@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#1b1515;--panel:#261d1b;--border:#4b382c;--muted:#b6a69a;--mint:#e8bd66;--text:#f4ecdc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .18s,transform .18s}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}a{color:inherit;text-decoration:none}header{height:88px;padding:0 4.3%;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center}.brand-mark{color:var(--mint);width:42px;height:42px;display:grid;place-items:center;border:1px solid #779565;border-radius:50%}.brand strong{font-family:'Space Grotesk',sans-serif;font-size:22px;letter-spacing:2px}.brand strong span{display:block;font-size:9px;letter-spacing:5px;color:var(--muted);margin-top:3px}nav{display:flex;align-items:center;gap:30px}.live{font-size:12px;color:var(--muted)}.live i,.dot{display:inline-block;height:6px;width:6px;background:var(--mint);border-radius:50%;margin-right:8px}.quiet{border:0;background:none;color:var(--muted);display:inline-flex;align-items:center;gap:7px;padding:8px}.quiet:hover{color:var(--text)}main{max-width:1500px;margin:auto;padding:39px 4.3% 0}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:2.3px;color:var(--mint);font-weight:500}h1{font-size:clamp(24px,2.6vw,37px);letter-spacing:-1px;line-height:1.35;margin:13px 0 12px;font-weight:600}p{color:var(--muted);line-height:1.8;margin:0;font-size:13px}.mode{display:flex;gap:12px;color:#d5ddcf;line-height:1.8;font-size:12px;padding:15px 0 15px 25px;border-left:1px solid var(--border)}.mode svg{color:var(--mint);margin-top:4px}.mode small{color:var(--muted);font-size:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:24px}.game-area{border:1px solid var(--border);border-radius:16px;background:#131e19;overflow:hidden}.table-bar{padding:20px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26372c;font-size:10px;letter-spacing:1.2px;color:#c1cdbf}.muted{color:var(--muted)}.table-wrap{padding:37px 24px 20px;min-height:514px;background:radial-gradient(ellipse at 50% 50%,#273b29 0%,#17271e 55%,#131e19 90%)}.table{position:relative;min-height:445px;border:1px solid #526343;border-radius:180px;background:radial-gradient(ellipse at 50% 40%,#304c35,#203a2b 65%,#203426);box-shadow:0 0 0 9px #1b2c21,0 0 0 10px #384b36,0 20px 55px #080f0b66,inset 0 0 60px #132419}.table-line{position:absolute;inset:13px;border:1px dashed #86936b40;border-radius:170px;pointer-events:none}.table-title{text-align:center;position:absolute;top:128px;left:0;right:0;font:600 20px 'Space Grotesk',sans-serif;letter-spacing:5px;color:#cfdbc724}.table-title span{display:block;font-size:7px;letter-spacing:3px;margin-top:5px}.top-seats{display:flex;justify-content:space-evenly;position:relative;top:-23px;gap:5px;padding:0 45px}.seat{text-align:center;min-width:65px;max-width:115px;font-size:11px}.seat strong{display:block;margin:7px 0;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:42px;height:42px;display:grid;place-items:center;margin:auto;background:#243a2c;border:1px solid #81946d;color:#c4d8ae;border-radius:50%;box-shadow:0 4px 12px #1119}.community{position:absolute;top:181px;left:0;right:0;text-align:center}.overline{font-size:9px;color:#abbaa5;letter-spacing:2px;margin-bottom:16px}.cards{display:flex;gap:9px;justify-content:center}.card{position:relative;width:65px;height:92px;border-radius:7px;background:#eceee2;color:#25352d;box-shadow:0 5px 8px #0002;border:1px solid #d5ddcc;flex-shrink:0}.card>b{position:absolute;top:5px;left:6px;font:bold 17px 'Space Grotesk',sans-serif;line-height:15px}.card b small{display:block;font-size:13px}.card .bottom{top:auto;left:auto;bottom:5px;right:6px;transform:rotate(180deg)}.card>span{font-size:30px;display:grid;place-items:center;height:100%}.card.red{color:#ba4d42}.empty-card{border:1px solid #a8bb9b35;background:#122c1f25;color:#a8bb9b20;box-shadow:none}.empty-card>span{font-size:25px}.back{display:grid;place-items:center;color:#98ad85;border:3px solid #bac5a5;background:repeating-linear-gradient(45deg,#354b35 0 2px,#2c412f 2px 6px)}.table-note{display:flex;justify-content:center;align-items:center;gap:6px;color:#9eaf98;font-size:10px;margin-top:18px}.my-seat{position:absolute;bottom:-30px;left:0;right:0;text-align:center}.my-seat .cards .card:first-child{transform:rotate(-8deg) translateX(4px)}.my-seat .cards .card:nth-child(2){transform:rotate(8deg) translateX(-4px)}.my-seat .cards{gap:0;margin-bottom:13px}.my-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px}.small{width:26px;height:26px;font-size:10px;margin:0}.tag{font-size:9px;background:#30432b;color:#b9cfa3;padding:3px 5px;border-radius:3px}.history{display:flex;gap:5px;justify-content:center;margin-top:6px}.mini-chip{border-radius:50%;width:18px;height:18px;display:grid;place-items:center;color:#253125;font-size:10px;border:1px dashed #fff9}.c0{background:#e2e5d5}.c1{background:#e1c974}.c2{background:#d99457}.c3{background:#c96c63}.tiny-cards{display:flex;justify-content:center;gap:3px;margin-top:6px}.tiny-cards .card{width:34px;height:47px;border-radius:3px}.tiny-cards .card>b{font-size:11px;top:3px;left:3px;line-height:11px}.tiny-cards .card b small{font-size:9px}.tiny-cards .card>span{font-size:17px;padding-left:6px}.tiny-cards .bottom{display:none}.seat>small{font-size:10px;color:#bed0b2}.action-tray{position:relative;padding:25px 26px 24px;background:#17221b;border-top:1px solid #31422e;min-height:103px}.tray-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.tray-top strong{font-size:13px;font-weight:500}.tray-top p{font-size:11px;margin-top:5px}.quiet-note{display:flex;gap:14px;align-items:center}.quiet-note>svg{color:#a2b68d;flex-shrink:0}.text-button{background:none;border:0;color:#bed89c;display:flex;gap:6px;align-items:center;font-size:11px;white-space:nowrap}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:23px}.mission{background:linear-gradient(135deg,#263329,#1d2921)}h2{font-size:21px;line-height:1.5;font-weight:500;margin:14px 0 10px;letter-spacing:-.5px}.mission h2{max-width:190px}.mission p{font-size:12px}.progress-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b2bfaa;margin:20px 0 10px}.progress-label b{font-family:'Space Grotesk';font-weight:400}.vaults{display:flex;gap:9px}.vaults>div{height:67px;flex:1;border:1px solid #526041;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#a3b18b;background:#293826}.vaults small{font-size:8px;letter-spacing:2px}.vaults .unlocked{background:var(--mint);color:#253426}.alarms{display:flex;gap:7px}.alarms i{width:20px;height:5px;border-radius:3px;background:#49483b}.alarms .on{background:#e17d6e}.room-panel{margin-top:16px}.section-title{display:flex;gap:10px;align-items:center;color:#cdd8c5}.section-title svg{color:var(--mint)}h3{font-size:14px;font-weight:500;margin:0}.room-panel p{font-size:11px;margin:15px 0 20px}.primary,.secondary{width:100%;display:flex;justify-content:center;align-items:center;gap:9px;min-height:43px;border-radius:6px;padding:12px 14px;font-size:12px;font-weight:600}.primary{background:var(--mint);color:#243322;border:1px solid var(--mint)}.primary svg{margin-left:auto}.primary:hover{background:#d8eec1}.secondary{background:#ffffff03;border:1px solid #40503d;color:#d1dac9;margin-top:10px}.secondary:hover{background:#30412f}.privacy{font-size:9px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;color:#8b9a84}.steps{margin:21px 8px}.steps>div{display:flex;align-items:center;gap:9px;font-size:11px;color:#9aa995;margin:15px 0}.steps b{font-size:9px;font-weight:400;color:#65735f}.steps small{margin-left:auto;font-size:10px;color:#73836d}.steps .active{color:var(--mint)}.round-dot{width:7px;height:7px;border-radius:50%}footer{padding:26px 0;display:flex;justify-content:space-between;font-size:9px;color:#75846f}footer a{display:flex;gap:4px;align-items:center}.overlay{position:fixed;inset:0;background:#060e0bd9;backdrop-filter:blur(8px);z-index:10;display:flex;justify-content:center;align-items:center;padding:20px}.dialog{position:relative;width:530px;max-height:90vh;overflow:auto;background:#1b2920;border:1px solid #41513a;border-radius:16px;padding:34px}.dialog h2{font-size:26px}.close{position:absolute;right:18px;top:18px;border:0;background:none;color:#b8c7b1}.dialog label{display:block;margin:22px 0;color:#c9d7c0;font-size:12px}.dialog input{display:block;width:100%;padding:13px;margin-top:9px;background:#111d15;border:1px solid #47543d;color:#e4eddf;border-radius:6px}.dialog ol{padding-left:20px;color:#b3c4a9;font-size:12px;line-height:1.9}.dialog li{margin:9px 0}.rule-box{padding:17px;border:1px solid #415439;border-radius:7px;margin:20px 0;font-size:12px}.rule-box p{font-size:12px;margin:8px 0}.rule-box small{color:#92a187;font-size:11px}.dialog>p{margin:15px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border:1px solid #997261;background:#3c2d24;padding:16px 22px;border-radius:8px;z-index:20;display:flex;gap:20px;max-width:90vw}.toast button{background:none;border:none;color:#fff}.room-code{margin:20px 0}.room-code small{display:block;font-size:10px;color:var(--muted)}.room-code strong{font-family:'Space Grotesk';font-size:30px;letter-spacing:5px;display:block;margin-top:6px;color:var(--mint)}.member-list{margin:20px 0}.member-list>div{display:flex;justify-content:space-between;margin:12px 0;font-size:12px}.member-list small{color:var(--muted);font-size:10px}.center{display:flex;margin:12px auto 0}.chips{display:flex;justify-content:center;gap:18px;margin:20px 0}.chip-wrap{background:none;border:0;color:#a6b79a;font-size:9px;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:65px}.chip{width:45px;height:45px;border:3px dashed #ffffff99;outline:3px solid #ffffff12;border-radius:50%;color:#273024;font:600 20px 'Space Grotesk';display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 #0003}.chip small{font-size:9px;margin-left:2px}.selected .chip{outline:3px solid var(--mint);transform:translateY(-5px)}.chip-wrap:hover .chip{transform:translateY(-5px)}.action-tray>small{font-size:10px;display:block;text-align:center}.action-tray>.primary{margin-top:18px;max-width:230px}@media(min-width:1450px){.table-wrap{min-height:550px}.table{min-height:480px}.community{top:198px}.table-title{top:137px}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.panel{padding:18px}.table-wrap{padding:37px 17px 20px}.top-seats{padding:0 20px}.card{width:56px;height:81px}.table{min-height:445px}.mode{display:none}.table-bar{padding:18px 15px;font-size:9px}.table-bar .muted{display:none}}@media(max-width:780px){header{height:72px;padding:0 20px}nav{gap:8px}.live{display:none}main{padding:28px 18px 0}.heading{margin-bottom:23px}h1{font-size:25px}.heading p{font-size:11px}.workspace{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.room-panel{margin:0}.steps{display:none}.mission h2{font-size:18px}.table-wrap{min-height:480px}.table{min-height:415px}.community{top:165px}.table-title{top:112px}.card{width:53px;height:76px}.top-seats{padding:0 5px}.avatar{width:34px;height:34px}.seat{min-width:43px;font-size:10px}.seat strong{max-width:65px}.small{width:24px;height:24px}.table-note{font-size:8px}.table-bar{font-size:8px}.quiet-note p{max-width:210px;font-size:10px}.action-tray{padding:20px 16px}.text-button{font-size:10px}.chips{gap:12px}.chip{width:39px;height:39px}.tiny-cards .card{width:28px;height:39px}.mini-chip{width:14px;height:14px;font-size:8px}.history{gap:3px}.dialog{padding:28px 22px}footer{gap:15px;font-size:8px}.brand strong{font-size:18px}.brand-mark{width:36px;height:36px}}@media(max-width:420px){aside{grid-template-columns:1fr}.mission h2{max-width:none}.mission p br{display:none}.vaults>div{height:48px;flex-direction:row}.progress-label{margin-top:13px}.cards{gap:6px}.card{width:46px;height:69px}.quiet-note{gap:8px}.quiet-note>svg{width:18px}.tray-top{gap:8px}.text-button{font-size:9px}.table-bar{letter-spacing:.6px}.chip-wrap{max-width:43px}.chips{gap:9px}}

.table-wrap{padding-bottom:45px}.game-area{align-self:start}
.theme-switch{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text);font-size:12px}.mode-control{margin-top:18px}.mode-control label{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}select{max-width:100%;width:100%;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:10px 8px;border-radius:5px;font:inherit;font-size:11px}.dialog select{margin-top:10px}.large-team{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));row-gap:10px;top:-20px;padding:0 40px}.large-team .avatar{width:27px;height:27px}.large-team .seat{min-width:0;max-width:none}.large-team .seat strong{font-size:10px;margin:3px auto}.large-team .history{margin-top:3px}.large-team .mini-chip{width:14px;height:14px;font-size:8px}.chips{flex-wrap:wrap}.exit-area{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.exit-area>strong{font-size:12px}.exit-area p{font-size:11px;margin-top:5px}.exit-chip{background:#723e39;border:1px solid #bd7165;color:#fff;padding:10px 18px;border-radius:5px}.exit-chip small{display:block;margin-top:5px}.exit-chip.selected{outline:2px solid var(--mint)}.office{--bg:#f7f8fa;--panel:#fff;--border:#e4e7ed;--muted:#87909f;--mint:#3370ff;--text:#1f2329;color-scheme:light;color:var(--text);background:var(--bg);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}.office-shell{display:flex;min-height:100vh}.office-nav{width:216px;flex-shrink:0;background:#f5f6f8;border-right:1px solid #e4e7ed;padding:24px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.office-logo{display:grid;grid-template-columns:36px 1fr;column-gap:9px;align-items:center;margin:0 7px 28px}.office-logo>span{grid-row:span 2;background:#3370ff;color:white;border-radius:9px;height:36px;display:grid;place-items:center}.office-logo b{font-size:16px;font-weight:600}.office-logo small{font-size:8px;color:#8d96a4;letter-spacing:1.6px}.nav-caption{font-size:11px;color:#939ba8;padding:15px 14px 9px}.nav-item{border:0;background:none;display:flex;align-items:center;gap:10px;padding:12px;border-radius:6px;color:#606977;font-size:12px;text-align:left;margin:2px 0}.nav-item.active{background:#e8efff;color:#245bdb;font-weight:500}.nav-item span{margin-left:auto;color:#7897d9;font-size:10px}.nav-item:hover{background:#e8efff}.office-nav-bottom{margin-top:auto;display:flex;gap:10px;padding:12px 7px;color:#66717f;font-size:12px}.office-nav-bottom small{display:block;margin-top:6px;font-size:10px;color:#959da8}.office-body{flex:1;min-width:0}.office-top{height:64px;background:#fff;border-bottom:1px solid #e5e8ed;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:10px}.office-top>div{display:flex;gap:12px;align-items:center;font-size:12px;color:#89909b}.office-top strong{font-weight:400;color:#4c5665}.office-top .theme-switch{color:#58616e;font-size:11px;background:#fff}.office-content{max-width:1420px;margin:0 auto;padding:32px 35px}.office-title{display:flex;align-items:center;gap:15px;margin-bottom:25px}.doc-icon{background:#e9f0ff;color:#3370ff;border-radius:10px;width:49px;height:53px;display:grid;place-items:center}.office-title h1{font-size:25px;font-weight:600;letter-spacing:0;margin:0 0 8px}.office-title p{font-size:11px;line-height:1.4;color:#929aa6}.office-share{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;color:white;background:#3370ff;border:1px solid #3370ff;border-radius:5px;font-size:12px;min-height:35px}.office-share:hover{background:#245bdb}.office-title>.office-share{margin-left:auto}.office-tabs{display:flex;gap:28px;border-bottom:1px solid #e0e4eb;height:43px;align-items:flex-start;font-size:12px;color:#6c7582}.office-tabs>.active{border-bottom:2px solid #3370ff;padding-bottom:15px;color:#3370ff;font-weight:500}.office-tabs button{background:none;border:none;color:#727c8b;padding:0;font-size:12px}.office-tabs .sync{margin-left:auto;font-size:10px}.sync i{display:inline-block;background:#31ad75;width:5px;height:5px;border-radius:50%;margin-right:5px}.office-banner{margin:20px 0;background:#edf3ff;border:1px solid #e0eaff;border-radius:6px;color:#5175b7;display:flex;gap:9px;align-items:center;padding:12px 16px;font-size:11px}.office-banner svg{flex-shrink:0}.office-grid{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:22px;align-items:start}.office-document{background:#fff;border:1px solid #e5e8ee;border-radius:8px;padding:26px;min-width:0;box-shadow:0 2px 4px #1f232903}.office-section-head{display:flex;justify-content:space-between;align-items:center;margin:5px 0 15px;gap:10px}.office-section-head h2{font-size:14px;font-weight:600;margin:0;letter-spacing:0}.office-section-head>span{font-size:10px;color:#9ba2ad}.office-table-scroll{overflow:auto;margin:0 0 32px}.office-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}.office-table th{background:#f6f7f9;color:#727b89;text-align:left;font-size:10px;font-weight:400;padding:13px 10px;border:1px solid #e9ecf1}.office-table td{padding:13px 10px;border:1px solid #e9ecf1;color:#626c7c}.office-table th.current{background:#ebf1ff;color:#3370ff}.office-table td>b{color:#424a56;font-size:11px;font-weight:400}.office-table td>small{margin-left:7px;color:#3370ff;font-size:9px}.office-avatar{display:inline-grid;place-items:center;background:#eef0ff;color:#7a76be;width:23px;height:23px;border-radius:50%;margin-right:8px;font-size:10px}.grade{color:#4f70aa;background:#eef3ff;padding:4px 7px;border-radius:4px;font-size:10px}.grade.unset{background:none;color:#b5bbc5}.status-exit{color:#bd823a;background:#fff6e9;padding:4px 7px;border-radius:4px;font-size:10px}.office-table .office-empty{text-align:center;padding:35px 15px;white-space:normal}.office-empty>svg{display:block;margin:0 auto 15px;color:#a4b7da}.office-empty strong{display:block;font-size:13px!important;margin-bottom:9px}.office-empty>span{display:block;font-size:11px;color:#979fac;line-height:1.7}.office-empty>div{display:flex;justify-content:center;gap:10px;margin-top:20px}.office-plain{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid #dce1e9;border-radius:5px;color:#657082;padding:8px 12px;font-size:11px}.office-plain:hover{background:#f5f7fc}.data-cards{display:flex;gap:10px;margin:0 0 28px;flex-wrap:wrap}.data-cards>span{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:68px;border:1px solid #e5e9f0;border-radius:5px;background:#fafbfd;padding:12px 18px;gap:7px}.data-cards small{font-size:9px;color:#8b95a5}.data-cards b{font-size:19px;font-weight:500;color:#3e506d}.data-cards .data-red b{color:#bd7374}.data-cards>.data-placeholder{font-size:11px;color:#a3abba;width:100%;min-height:68px;border-style:dashed;align-items:flex-start;background:#fcfcfd}.office-box{border:1px solid #e4e8ef;border-radius:8px;background:#fff;padding:20px;margin-bottom:16px}.office-box h3{font-size:13px;font-weight:600;margin-bottom:17px}.office-box p{font-size:10px;color:#929aa7;line-height:1.8;margin:12px 0}.office-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.office-stats>div{padding:11px;border-radius:5px;background:#f7f9fc}.office-stats strong{font-size:26px;font-weight:500;color:#3f75df}.office-stats strong small{font-size:12px;color:#a6afbd;margin-left:3px}.office-stats span{display:block;font-size:10px;color:#848e9d;margin-top:8px}.office-stats>div:nth-child(2) strong{color:#cc9064}.office-meter{display:flex;gap:6px;margin-top:15px}.office-meter i{height:5px;flex:1;background:#e8edf6;border-radius:5px}.office-meter .done{background:#68a2ff}.office-box label{display:block;font-size:10px;color:#8b95a4;margin:17px 0 8px}.office select{background:#fff;color:#4d5869;border-color:#dce2ec;font-size:11px}.office-roomcode{font:500 24px 'Space Grotesk',sans-serif;letter-spacing:3px;color:#536b94;margin-bottom:16px}.full{width:100%;margin-top:10px}.steps-box>div{display:flex;align-items:center;gap:9px;margin:18px 0;font-size:11px;color:#8791a1}.steps-box>div b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font-size:9px;background:#f0f2f6;font-weight:400}.steps-box small{margin-left:auto;font-size:9px;color:#a4adba}.steps-box .current{color:#3370ff}.steps-box .current b{background:#edf3ff}.office-controls{border-top:1px solid #edf0f5;padding-top:20px}.office-controls p{font-size:11px;color:#8a94a3}.office-grades{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.office-grades button{min-width:59px;max-width:85px;flex:1;background:#fff;border:1px solid #dce3ee;border-radius:5px;display:flex;flex-direction:column;gap:9px;align-items:center;padding:12px 7px;color:#53657f}.office-grades b{font-weight:500;font-size:19px}.office-grades span{font-size:10px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office .chosen{background:#ecf3ff!important;border-color:#3370ff!important;color:#3370ff}.office-exits{border-top:1px solid #edf0f4;padding-top:18px;margin-top:20px}.office-exits>strong{font-size:12px;color:#697588}.office-exits p{margin:10px 0}.office-exits>div{display:flex;flex-wrap:wrap;gap:8px}.office-review h2{font-size:14px}.office-review>div{padding:13px 0;border-top:1px solid #e5e8ed}.office-review strong{font-size:11px;font-weight:500}.office-review .data-cards{display:inline-flex;margin:0 14px;vertical-align:middle}.office-review .data-cards>span{padding:4px 9px;min-width:42px;gap:3px}.office-review .data-cards b{font-size:13px}.office-review>div>span{font-size:11px;color:#73829a}.office-footer{display:flex;justify-content:space-between;color:#a1a9b5;font-size:9px;margin-top:24px;gap:12px}.office-footer button{border:0;background:none;color:#8a98b0;font-size:10px}.office .overlay{background:#24364d55}.office .dialog{background:#fff;border-color:#e3e8f0;box-shadow:0 12px 50px #15274322}.office .dialog h2{color:#27354b}.office .dialog p,.office .dialog ol,.office .dialog label{color:#7a8799}.office .dialog input{background:#fff;border-color:#dbe2ed;color:#34445b}.office .primary{background:#3370ff;color:white;border-color:#3370ff}.office .rule-box{border-color:#e0e6ef;background:#f8faff}.office .rule-box a{color:#3370ff}.office .rule-box small{color:#7e8ca0}.office .close{color:#8f9baa}.office .toast{background:#fff7ec;border-color:#ecd5b3;color:#886b44}.office .toast button{color:#886b44}@media(max-width:1150px){.office-nav{width:175px;padding:24px 10px}.office-content{padding:25px 22px}.office-grid{grid-template-columns:minmax(0,1fr) 225px;gap:16px}.office-document{padding:20px}.office-table th,.office-table td{padding:11px 8px}.office-logo b{font-size:14px}.nav-item{font-size:11px}}@media(max-width:900px){.office-nav{width:59px;padding:20px 8px}.office-logo{display:block;margin:0 2px 28px}.office-logo>span{width:36px}.office-logo b,.office-logo small,.nav-caption,.office-nav-bottom{display:none}.nav-item{font-size:0;padding:13px}.nav-item span{display:none}.office-grid{grid-template-columns:1fr}.office-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.steps-box{display:none}.office-content{padding:25px 20px}.office-top{padding:0 20px}.office-title h1{font-size:22px}}@media(max-width:550px){.office-nav{display:none}.office-top{height:55px;padding:0 15px}.office-top>div{font-size:10px;gap:6px}.office-top>div>span,.office-top>div>svg:nth-child(3){display:none}.office-top .theme-switch{font-size:10px;padding:7px}.office-content{padding:23px 14px}.office-title{gap:10px}.office-title h1{font-size:19px}.office-title p{font-size:9px}.doc-icon{width:36px;height:42px}.doc-icon svg{width:22px}.office-title>.office-share{padding:7px 9px;font-size:10px}.office-banner{font-size:10px;padding:10px}.office-document{padding:16px}.office-aside{grid-template-columns:1fr}.office-table{min-width:480px}.office-section-head h2{font-size:12px}.office-footer{line-height:1.8}.large-team{padding:0 14px;gap:8px 2px}.large-team .seat strong{font-size:9px}.large-team .history{gap:1px}.large-team .mini-chip{width:11px;height:11px;font-size:7px}.large-team .tiny-cards .card{width:23px;height:32px}.large-team .seat>small{font-size:8px}}
.large-table{min-height:620px}.large-table .community{top:300px}.large-table .table-title{top:252px}.lobby-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin:16px 0 6px}.lobby-list{max-height:390px;overflow:auto;margin:0 0 20px}.lobby-room{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:7px;padding:15px;margin:10px 0;gap:12px}.lobby-room strong{font-size:13px;display:block}.lobby-room small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.lobby-room span{display:flex;gap:5px;align-items:center;font-size:10px;color:var(--muted);margin-top:8px}.lobby-room button{background:var(--mint);color:var(--bg);border:0;padding:9px 12px;border-radius:4px;display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.lobby-empty{padding:30px;text-align:center;color:var(--muted)}.lobby-empty svg{margin:0 auto 15px}.lobby-empty strong{display:block;font-size:14px;margin-bottom:12px}.lobby-tip{font-size:11px!important}.office .lobby-room button{color:white}.office .eyebrow{color:#3370ff}@media(max-width:550px){.large-table{min-height:600px}.large-table .community{top:290px}nav{gap:1px}.theme-switch{font-size:10px;padding:7px}.quiet{font-size:10px;padding:6px}}
.nav-item svg{flex-shrink:0}@media(max-width:900px){.nav-item{gap:0;padding:12px}.nav-item svg{width:17px;height:17px}}
.inline-lobby{border:1px solid var(--border);border-radius:10px;padding:18px 22px;margin:0 0 24px;background:var(--panel)}.inline-lobby>.eyebrow{font-size:12px;letter-spacing:.5px}.inline-lobby>p{font-size:10px;margin-top:8px}.inline-lobby .lobby-toolbar{margin:8px 0 0}.inline-lobby .lobby-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;max-height:210px;margin:0}.inline-lobby .lobby-room{margin:4px 0}.inline-lobby .lobby-empty{padding:10px 0;display:flex;align-items:center;gap:10px;text-align:left}.inline-lobby .lobby-empty svg{width:19px;height:19px;margin:0}.inline-lobby .lobby-empty strong{font-size:12px;margin:0}.inline-lobby .lobby-empty p{font-size:10px}.office .inline-lobby{padding:16px 20px}.office .inline-lobby .eyebrow{color:#596b88}.office .inline-lobby .lobby-room strong{color:#425570}.office .inline-lobby .lobby-room small,.office .inline-lobby .lobby-room span{color:#8b96a6}
.activity{margin-top:20px;border:1px solid var(--border);border-radius:9px;padding:18px;background:var(--panel);min-width:0}.activity-title{display:flex;align-items:center;justify-content:space-between;gap:9px}.activity-title h3{display:flex;gap:7px;align-items:center;font-size:13px}.activity-title>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px;white-space:nowrap}.activity-filters{display:flex;gap:6px;margin:15px 0 8px}.activity-filters button{border:1px solid var(--border);border-radius:4px;padding:5px 9px;background:transparent;color:var(--muted);font-size:10px}.activity-filters .active{color:var(--mint);border-color:var(--mint)}.activity-hint{font-size:9px!important;margin-bottom:9px!important}.activity-list{padding:0;list-style:none;margin:0;max-height:330px;overflow:auto;overflow-wrap:anywhere}.activity-list li{padding:11px 0;border-bottom:1px solid var(--border)}.activity-list li>div{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px}.activity-list small{font-size:9px}.activity-list p{font-size:11px;color:var(--text);line-height:1.7;margin:5px 0 0}.activity-zone{display:block;margin-top:12px;font-size:9px;color:var(--muted)}.spectator-note strong{font-size:13px}.spectator-note p{font-size:11px;line-height:1.8}.spectator-note button{margin-top:12px;max-width:180px}.spectator-seat>.cards{visibility:hidden}.spectator-seat .small{display:none}.lobby-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.lobby-actions button:first-child{background:transparent;color:var(--mint);border:1px solid var(--border)}.office .lobby-actions button:first-child{color:#3370ff;border-color:#dbe4f3}.office .activity{background:#fff;padding:18px;margin-top:26px}.office .activity-title h3{color:#43516a}.office .spectator-note{border:1px dashed #dfe5ef;border-radius:5px;background:#fafbfe;padding:15px;margin-bottom:25px}.office .activity-hint,.office .activity-zone{color:#98a2b2}.office .activity-list p{color:#5a6880}@media(max-width:780px){aside>.activity{grid-column:1/-1}}
/* Log panels stay visible beside the document on desktop. */
.office-top>.office-top-actions{display:flex;align-items:center;gap:8px}.office-aside>.activity{margin:0 0 16px}.office-aside>.activity .activity-list{max-height:clamp(240px,42vh,430px)}
@media(min-width:901px){.office-aside{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}.office-aside>.activity{margin-top:0}.office-aside .activity-title{flex-wrap:wrap}.office-aside .activity-list{max-height:clamp(220px,42vh,430px)}}
@media(min-width:781px){.workspace>aside{display:flex;flex-direction:column;position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}.workspace>aside>.activity{order:-1;margin:0 0 16px;flex-shrink:0}.workspace>aside>.activity .activity-list{max-height:clamp(240px,42vh,430px)}.workspace>aside>.panel,.workspace>aside>.steps{flex-shrink:0}}
@media(max-width:900px){.office-aside>.activity{grid-column:1/-1;margin:0}.office-aside>.activity .activity-list{max-height:330px}.office-aside{position:static;max-height:none;overflow:visible;padding-right:0}}

.office-title{flex-wrap:wrap}
.office-title-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.office-title-actions .office-share{background:#fff;color:#3370ff}
.office-title-actions .office-share:hover{background:#eff4ff}
.office-start{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:9px 15px;border:1px solid #3370ff;border-radius:5px;background:#3370ff;color:#fff;font-size:12px;white-space:nowrap}
.office-start:hover:not(:disabled){background:#245bdb}
.office-start:disabled{background:#e8f0ff;border-color:#b7c9ec;color:#416bb5;cursor:default;opacity:1}
@media(max-width:550px){.office-title-actions{width:100%;margin-left:0}.office-title-actions>button{flex:1}.office-start{font-size:11px;padding-inline:9px}}
@media(max-width:550px){.office-top>.office-top-actions{gap:5px}.office-top .office-history-link{font-size:10px;padding:7px}.office-top-actions .theme-switch svg{display:none}}
.saved-rooms{margin:16px 0;padding:13px;border:1px solid var(--border);border-radius:7px;background:var(--panel)}
.saved-rooms>strong{display:block;margin-bottom:9px;font-size:12px}
.saved-rooms>div{display:flex;flex-wrap:wrap;gap:7px}
.saved-rooms button{padding:7px 10px;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--text);font-size:11px;cursor:pointer}
.saved-rooms button:hover:not(:disabled){border-color:var(--mint);color:var(--mint)}
.saved-rooms button:disabled,.lobby-actions button:disabled{opacity:.7;cursor:default}
.office .saved-rooms{background:#f7faff;border-color:#dce5f2}
.office .saved-rooms button{background:#fff;border-color:#dce5f2;color:#4a6184}
.office .saved-rooms button:hover:not(:disabled){border-color:#3370ff;color:#3370ff}
.lobby-footer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.room-action-badge,.office-action-status,.night-action-status{display:inline-flex;align-items:center;width:max-content;padding:3px 7px;border:1px solid #efb869;border-radius:4px;background:#fff1d6;color:#9c5b16;font-size:10px;font-style:normal;font-weight:700;line-height:1.3;white-space:nowrap}
.saved-rooms .room-action-badge{margin-left:7px}
.lobby-room .room-action-badge{margin-top:6px}
.lobby-room .lobby-room-players{display:block;margin-top:5px;white-space:normal;overflow-wrap:anywhere}
.office-room-trigger{position:relative;width:100%}
.office-room-trigger.selected{background:#e8efff;color:#245bdb}
.office-room-dot{display:inline-block;flex:none;width:7px;height:7px;margin-left:auto;border-radius:50%;background:#e38b32;box-shadow:0 0 0 2px #fff}
.office-mobile-room-trigger{display:none!important}
.office-room-menu{position:fixed;left:205px;top:190px;z-index:55;width:min(370px,calc(100vw - 220px));max-height:calc(100vh - 210px);display:flex;flex-direction:column;background:#fff;border:1px solid #dde5f0;border-radius:10px;box-shadow:0 15px 42px #2534522b;color:#34445b;overflow:hidden}
.office-room-menu-head,.office-room-menu-meta,.office-room-menu-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}
.office-room-menu-head{border-bottom:1px solid #e9edf3}.office-room-menu-head strong{font-size:14px}.office-room-menu-head button{border:0;background:transparent;color:#7e8998;padding:3px;cursor:pointer}
.office-room-menu-meta{padding-top:8px;padding-bottom:8px;color:#8a96a8;font-size:10px}
.office-room-menu-list{min-height:50px;overflow:auto;padding:3px 7px 8px}.office-room-menu-list>p{padding:18px 9px;color:#8490a2;font-size:12px}
.office-room-menu-row{width:100%;display:flex;align-items:center;gap:8px;border:0;border-radius:7px;background:transparent;padding:10px 8px;text-align:left;color:#47566c;cursor:pointer}
.office-room-menu-row:hover{background:#f1f5fd}.office-room-menu-row.current{background:#f3f6fb;cursor:default;opacity:1}.office-room-menu-row.needs-action{background:#fff9ef}.office-room-menu-row.needs-action:hover{background:#fff2df}
.office-room-menu-row-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.office-room-menu-row-main b{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.office-room-menu-row-main small{font-size:10px;color:#8b97a8}.office-room-menu-row-main .office-room-menu-players{white-space:normal;overflow-wrap:anywhere;line-height:1.45;color:#63748c}
.office-room-menu-row-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:98px;flex:none;text-align:right}.office-room-menu-row-status em{font-style:normal;color:#a75b16;background:#ffebca;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:700}.office-room-menu-row-status small{color:#8b97a8;font-size:9px;line-height:1.35}
.office-room-menu-row>svg{flex:none;color:#aab5c3}.office-room-menu-actions{gap:8px;border-top:1px solid #e9edf3}.office-room-menu-actions button{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;background:#f4f7fc;color:#4e658a;border:1px solid #dde6f3;border-radius:5px;padding:8px;font-size:11px;cursor:pointer}.office-room-menu-actions button:last-child{background:#edf3ff;color:#336bd3}
.office-room-menu-error{font-size:10px;color:#a3654a;margin:0;padding:0 14px 8px}
@media(min-width:1200px){.office-private-action-grid.is-playing{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;align-items:start}.office-private-action-grid.is-playing>.office-private-section,.office-private-action-grid.is-playing>.office-controls{min-width:0}.office-private-action-grid.is-playing>.office-controls{border-top:0;border-left:1px solid #e8edf4;padding:0 0 0 22px}.office-private-action-grid.is-playing .office-grades{gap:7px}.office-private-action-grid.is-playing .office-grades button{min-width:55px}}
@media(max-width:900px){.office-room-menu{left:54px;top:187px;width:min(370px,calc(100vw - 68px))}.office-room-trigger .office-room-dot{position:absolute;right:5px;top:6px;margin:0}}
@media(max-width:550px){.office-mobile-room-trigger{display:inline-flex!important;align-items:center;gap:4px}.office-mobile-room-trigger .office-room-dot{margin:0 0 0 2px}.office-room-menu{left:12px;right:12px;top:62px;width:auto;max-height:calc(100vh - 74px)}}
.office-action-status{margin-left:9px}
.night-action-status{border-color:#e3aa6a;background:#4e2d1e;color:#ffdba6}
/* Dialogs must cover sticky status bars and floating room menus. */
.overlay{z-index:100}

.action-guide{position:sticky;top:0;z-index:15;margin:0 0 16px;padding:9px 12px;border:1px solid #567357;border-radius:9px;background:#1b2b22;color:#edf6e8;box-shadow:0 5px 16px #0002}
.action-guide-main{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:27px}.action-guide-main strong{font-size:13px}.action-guide-main small{font-size:11px;color:#afc0af}.action-guide-state{padding:3px 7px;border-radius:4px;background:#334b38;font-size:10px;font-weight:700;white-space:nowrap}.action-guide-state.needs-action{background:#ffdc8c;color:#684108}.action-guide-sync{display:inline-flex;align-items:center;gap:3px;margin-left:auto;font-size:10px;color:#bdd4b5;white-space:nowrap}.action-guide-sync.disconnected{color:#ffbe9d}.action-guide-main>button,.action-guide details button{display:inline-flex;align-items:center;gap:4px;border:1px solid #9ab688;border-radius:5px;background:#314a35;color:#eff9e6;padding:5px 8px;font-size:10px}.action-guide details{font-size:11px}.action-guide summary{display:inline-flex;align-items:center;gap:4px;cursor:pointer;color:#b7c8b1}.action-guide details p{margin:6px 0;color:#d0dfcb}.action-guide details button{margin-top:2px}
.office-action-guide{border-color:#d7e4f8;background:#f9fbff;color:#263a59;box-shadow:0 3px 12px #273f6515}.office-action-guide .action-guide-state{background:#e8eef9;color:#5d7190}.office-action-guide .action-guide-state.needs-action{background:#ffedcb;color:#985910}.office-action-guide .action-guide-main small,.office-action-guide .action-guide-sync,.office-action-guide summary{color:#75849a}.office-action-guide .action-guide-main>button,.office-action-guide details button{background:#e9f0ff;border-color:#c7d9fb;color:#2763ce}.office-action-guide details p{color:#576a84}
@media(max-width:600px){.action-guide{margin:0 -4px 12px;padding:8px 10px}.action-guide-main{gap:6px}.action-guide-main strong{flex:1;min-width:130px}.action-guide-main>small{display:none}.action-guide-sync{margin-left:0}.action-guide-main>button{min-height:38px;padding:7px 10px}.action-guide details{margin-top:3px}}

.best-hand-panel{margin:18px 24px 22px;padding:15px 18px;border:1px solid #4a6247;border-radius:10px;background:#203326;color:#edf2e8}
.best-hand-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;color:#b8cfa8}
.best-hand-heading small{font-size:9px;color:#a3b59b}
.best-hand-panel strong{display:block;margin:7px 0 3px;font-size:18px;line-height:1.3;font-weight:600;color:#dbf0c9}
.best-hand-panel p{font-size:10px;line-height:1.6;color:#aebfa8}
.best-hand-panel.pending strong{color:#dce4d2}
.office .best-hand-panel{margin:-10px 0 28px;padding:15px 17px;border-color:#dce6f6;border-radius:7px;background:#f4f8ff;color:#34445b}
.office .best-hand-heading{color:#64799c}
.office .best-hand-heading small{color:#8a99ae}
.office .best-hand-panel strong{color:#3265bf}
.office .best-hand-panel.pending strong{color:#516987}
.office .best-hand-panel p{color:#7b8ca6}
@media(max-width:550px){.best-hand-panel{margin:16px 15px 19px}}

.browser-reminders{position:relative;margin:0 0 14px;padding:11px 12px;border:1px solid #425a42;border-radius:8px;background:#203326;color:#e5f1df}
.browser-reminder-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.browser-reminder-head strong{display:flex;align-items:center;gap:6px;font-size:12px}
.browser-reminder-head small{display:block;margin-top:5px;color:#a9bea3;font-size:10px;line-height:1.5}
.browser-reminder-actions{display:flex;gap:6px;flex-wrap:wrap}
.browser-reminder-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:5px 9px;border:1px solid #536c51;border-radius:5px;background:#29432e;color:#e0f0da;font-size:10px;cursor:pointer}
.browser-reminder-actions button:disabled{opacity:.48;cursor:not-allowed}
.browser-reminder-actions .browser-remind-send{border-color:#b7dd9f;background:#b7dd9f;color:#243822;font-weight:700}
.browser-reminder-actions .browser-remind-send,.browser-reminder-actions .browser-remind-cross{width:100%;min-height:36px}
.browser-reminder-actions .browser-remind-cross{border-color:#849e80;background:#2c4633;color:#e2f1dd;font-weight:600}
.browser-reminder-scope{margin-top:8px;font-size:10px;line-height:1.5;color:#a9bea3}
.browser-reminder-help,.browser-reminder-feedback{margin-top:9px;font-size:10px;line-height:1.5;color:#bcd0b7}
.browser-reminder-toast{position:fixed;right:22px;bottom:22px;z-index:60;width:min(340px,calc(100vw - 32px));padding:17px 38px 17px 17px;border:1px solid #c4d6eb;border-left:4px solid #3370ff;border-radius:8px;background:#fff;box-shadow:0 14px 42px #19284638;color:#34445c}
.browser-reminder-toast strong{font-size:14px}
.browser-reminder-toast p{margin-top:7px;font-size:11px;line-height:1.5}
.browser-reminder-toast button{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:4px;background:#f1f4f9;color:#718095;cursor:pointer}
.office .browser-reminders{margin:0 0 12px;border-color:#dfe7f2;background:#f7faff;color:#394b65}
.office .browser-reminder-head{display:block}
.office .browser-reminder-head small{font-size:9px}
.office .browser-reminder-actions{margin-top:9px}
.office .browser-reminder-head small{color:#8291a5}
.office .browser-reminder-actions button{border-color:#d9e2ef;background:#fff;color:#4c6283}
.office .browser-reminder-actions .browser-remind-send{border-color:#3370ff;background:#3370ff;color:#fff}
.office .browser-reminder-actions .browser-remind-cross{border-color:#b9cef2;background:#edf4ff;color:#315fa9}
.office .browser-reminder-scope{color:#8291a5}
.office .browser-reminder-help,.office .browser-reminder-feedback{color:#677b99}
.browser-permission-guide{position:fixed;right:18px;bottom:18px;z-index:75;width:min(320px,calc(100vw - 32px));padding:15px;border:1px solid #617453;border-radius:10px;background:#203326;box-shadow:0 12px 36px #111d1a55;color:#e5f1df}
.browser-permission-guide-title{display:flex;align-items:center;gap:8px;font-size:14px}
.browser-permission-guide p{margin:9px 0 0;font-size:12px;line-height:1.5}
.browser-permission-guide .browser-permission-steps{padding:8px;border-radius:5px;background:#304b36;color:#e6f2df}
.browser-permission-guide-actions{display:flex;gap:8px;margin-top:13px}
.browser-permission-guide-actions button{flex:1;min-height:34px;padding:6px 8px;border:1px solid #6d825b;border-radius:6px;background:transparent;color:inherit;font-size:12px;cursor:pointer}
.browser-permission-guide-actions .browser-permission-allow{border-color:#b7dd9f;background:#b7dd9f;color:#243822;font-weight:700}
.office .browser-permission-guide{border-color:#dce7f8;background:#fff;box-shadow:0 12px 36px #273f6530;color:#394b65}
.office .browser-permission-guide .browser-permission-steps{background:#f2f6fd;color:#586e8b}
.office .browser-permission-guide-actions button{border-color:#d9e2ef}
.office .browser-permission-guide-actions .browser-permission-allow{border-color:#3370ff;background:#3370ff;color:#fff}
@media(max-width:650px){.browser-reminder-actions{width:100%}.office .browser-reminders{margin:0 0 12px}.browser-reminder-toast{right:16px;bottom:16px}}

.expansion-notes{margin:18px 0 24px}.expansion-notes>h4{margin-bottom:12px}.expansion-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.expansion-note-grid.jokers{grid-template-columns:repeat(3,minmax(0,1fr))}.expansion-note{padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.expansion-note>span{font-size:10px;letter-spacing:.1em;font-weight:700;opacity:.6}.expansion-note>h5{font-size:15px;line-height:1.5;margin:9px 0}.expansion-note>p{font-size:13px;line-height:1.8;margin:0}.expansion-note-credit{display:inline-block;margin-top:10px;font-size:11px;opacity:.65;text-decoration:none}.expansion-note-credit:hover{opacity:1;text-decoration:underline}@media(max-width:640px){.expansion-note-grid,.expansion-note-grid.jokers{grid-template-columns:1fr}.expansion-note{padding:15px}}

.expansion-card{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:33px;height:48px;padding:5px 8px;border-radius:4px;border:1px solid #cdd6c5;background:#edf0e4;color:#314735;box-shadow:0 2px 3px #0002}.expansion-card small{font-size:11px;line-height:1}.expansion-card b{font:600 17px 'Space Grotesk',sans-serif;line-height:1.1}.expansion-card.red{color:#b3514a}.expansion-card-text{display:none}.expansion-card-joker{background:#e5e6ce;color:#6c6341}.expansion-card-joker small{font-size:7px}.expansion-card-pending{background:#203727;color:#acbe9c;border-style:dashed;border-color:#6e8460}.expansion-cards{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.expansion-card-empty{color:#8da382;font-size:9px;min-height:48px;min-width:33px;display:flex;align-items:center;justify-content:center;padding:5px;border:1px dashed #617e4b55;border-radius:4px}.variant-board{margin:auto;max-width:100%;min-width:0;text-align:center}.variant-slot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:410px;margin:auto}.variant-slot{min-width:0}.variant-slot>small{display:block;color:#afc09e;font-size:8px;margin-bottom:7px;white-space:nowrap}.variant-slot.has-alternatives{border:1px solid #788d5d66;border-radius:6px;padding:5px 3px;margin-top:-5px}.variant-slot.has-alternatives .expansion-cards{flex-wrap:nowrap;gap:3px}.variant-slot.has-alternatives .expansion-card{min-width:26px;padding:4px;height:46px}.variant-slot.has-alternatives .expansion-card b{font-size:14px}.variant-board-hint{font-size:9px;line-height:1.65;color:#a2b496;margin:8px auto;display:flex;align-items:center;justify-content:center;gap:6px;max-width:440px}.variant-public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:470px;margin:auto;max-height:215px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}.variant-public-group{border:1px solid #6e886544;border-radius:5px;background:#18332066;padding:8px 6px}.variant-public-group.mine{border-color:#97b87e88;background:#34513244}.variant-public-group>strong{display:block;font-size:9px;line-height:1.5;font-weight:400;color:#bccdb1;margin-bottom:7px;overflow-wrap:anywhere}.variant-public-group>strong>span{color:#7e9870}.variant-public-group .expansion-card{min-width:27px;height:40px;padding:4px 5px}.variant-public-group .expansion-card b{font-size:14px}.variant-public-group .expansion-card small{font-size:10px}.variant-public-group .expansion-card-empty{min-height:40px}.community:has(.variant-board){padding:0 14px}.table:has(.variant-board-distributed){min-height:565px}.table-wrap:has(.variant-board-distributed){min-height:635px}.community:has(.variant-board-distributed){top:172px}.expansion-tray:not(:empty){padding:20px 25px;border-top:1px solid #31422e;background:#16231b}.expansion-play{display:flex;flex-direction:column;gap:14px}.expansion-task{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:18px}.expansion-task-heading{display:flex;align-items:center;gap:8px;color:var(--mint);margin-bottom:10px}.expansion-task-heading h3{font-size:13px;font-weight:500}.expansion-task-heading>span{margin-left:auto;font-size:9px;color:var(--muted);white-space:nowrap}.expansion-task>p{font-size:11px;line-height:1.8}.joker-candidates{display:flex;justify-content:center;gap:14px;margin:19px 0 8px}.joker-candidates>button{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--border);border-radius:7px;color:var(--text);padding:16px 25px;min-width:108px}.joker-candidates>button:hover:not(:disabled){border-color:var(--mint)}.joker-candidates>button>span:last-child{font-size:11px}.joker-candidates .expansion-card{min-width:46px;height:65px}.joker-candidates .expansion-card b{font-size:22px}.joker-redraw{max-width:320px;margin:16px auto 0;font-size:11px}.expansion-wait{font-size:11px;padding:12px 14px;border:1px dashed var(--border);border-radius:6px;background:var(--bg)}.vote-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:17px 0}.vote-slots>button{position:relative;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--muted);padding:10px 5px}.vote-slots>button>span{display:block;font-size:9px;margin-bottom:8px}.vote-slots>button.selected{border-color:var(--mint);background:#c6e7a212;opacity:1}.vote-selected-icon{position:absolute;right:3px;top:3px;color:var(--mint)}.vote-slots .expansion-card{min-width:27px;padding:5px}.vote-submit{max-width:250px;margin:0 auto 16px}.vote-members{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:17px 0 0;list-style:none}.vote-members>li{display:flex;align-items:center;gap:9px;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:7px 10px;font-size:10px;color:var(--muted)}.vote-members small{font-size:9px}.vote-members .submitted small{color:var(--mint)}.expansion-lock{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.8;padding:11px 13px;border:1px solid #94885a55;border-radius:5px;background:#867a3d12;color:#baa873}.expansion-lock>svg{flex-shrink:0;margin-top:3px}.office .variant-board{text-align:left;margin:0 0 28px}.office .variant-slot-grid{max-width:none;gap:10px}.office .variant-slot{padding:9px 5px;border:1px solid #e4e9f2;border-radius:5px;background:#fafbfd}.office .variant-slot>small{color:#8592a6;font-size:9px;text-align:center}.office .variant-slot.has-alternatives{margin-top:0;border-color:#c8d6ed}.office .expansion-card{background:#f8faff;border-color:#dfe6f1;box-shadow:none;color:#4d6385;min-width:43px;height:55px;padding:7px 10px}.office .expansion-card-symbol{display:none}.office .expansion-card-text{display:block;font-size:9px;color:#8896aa}.office .expansion-card.red b{color:#b87176}.office .expansion-card-joker{background:#faf6ee;color:#a68754}.office .expansion-card-pending{border-color:#d3dbe7;color:#97a2b3}.office .expansion-card-empty{color:#9aa6b7;border-color:#e1e6ee;font-size:10px;min-height:55px}.office .variant-board-hint{font-size:10px;color:#8894a6;max-width:none;justify-content:flex-start;margin:10px 0}.office .variant-public-grid{max-width:none;max-height:none;padding-right:0;gap:10px}.office .variant-public-group{background:#fafbfd;border-color:#e4e9f2;padding:12px}.office .variant-public-group.mine{background:#f5f8ff;border-color:#cad9f3}.office .variant-public-group>strong{color:#62748f;font-size:11px;margin-bottom:10px}.office .variant-public-group .expansion-cards{justify-content:flex-start}.office .variant-public-group .expansion-card{min-width:37px;height:49px;padding:6px}.office .variant-public-group .expansion-card b{font-size:17px}.office .variant-public-group .expansion-card-text{font-size:8px}.office .expansion-play{margin:0 0 22px}.office .expansion-task{background:#fafdff;border-color:#dfe7f4}.office .expansion-task-heading{color:#4b71ad}.office .expansion-task-heading h3{font-weight:600}.office .joker-candidates>button{background:#fff;border-color:#dfe5ed;color:#62718a}.office .joker-candidates>button:hover:not(:disabled){border-color:#3370ff}.office .joker-redraw{color:#5a7196;border-color:#d6e0ed;background:#fff}.office .expansion-wait{background:#fafbfd;border-color:#e0e6ef;color:#8b97a8}.office .vote-slots>button{background:#fff;border-color:#dce4ef}.office .vote-slots>button.selected{border-color:#3370ff;background:#f1f6ff}.office .vote-members>li{background:#fff;border-color:#e2e7ee}.office .vote-members .submitted small{color:#5288d7}.office .expansion-lock{background:#fffcf5;border-color:#f0e6cf;color:#aa925e}.office-controls>.expansion-lock{margin:12px 0}.office .office-lock-label{font-size:9px;color:#b3985c}
@media(max-width:780px){.table:has(.variant-board-distributed){min-height:590px}.table-wrap:has(.variant-board-distributed){min-height:660px}.community:has(.variant-board-distributed){top:165px}.variant-public-grid{max-height:235px}.variant-slot-grid{gap:5px}.variant-slot.has-alternatives .expansion-cards{flex-wrap:wrap}.variant-slot.has-alternatives .expansion-card{min-width:25px}.expansion-tray:not(:empty){padding:18px 16px}.expansion-task{padding:15px}.vote-slots{gap:5px}.vote-slots>button{padding:9px 3px}.vote-slots .expansion-card{min-width:25px;padding:4px}.vote-slots .expansion-card b{font-size:15px}}
@media(max-width:550px){.office .variant-slot-grid{gap:5px}.office .variant-slot{padding:8px 3px}.office .variant-slot>small{font-size:8px}.office .variant-slot .expansion-card{min-width:32px;padding:5px;height:49px}.office .variant-slot.has-alternatives .expansion-cards{flex-wrap:wrap}.office .variant-public-grid{grid-template-columns:1fr}.office .variant-public-group{padding:10px}.office .variant-public-group .expansion-cards{justify-content:flex-start}.expansion-task-heading{flex-wrap:wrap}.expansion-task-heading h3{font-size:12px}.expansion-task-heading>span{font-size:8px}.joker-candidates>button{min-width:95px;padding:14px 20px}.vote-slots .expansion-card-empty{font-size:8px;min-width:25px}.office .vote-slots .expansion-card{min-width:28px;padding:5px}.office .vote-slots .expansion-card-text{font-size:8px}}

/* Expanded boards follow the document flow so every public group remains readable. */
.table:has(.variant-board){display:flex;flex-direction:column;gap:25px;min-height:520px;padding:0 14px 30px}.table-wrap:has(.variant-board){min-height:0;padding-bottom:65px}.table:has(.variant-board) .top-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:12px 5px;padding:0 10px;width:100%;top:-20px;margin-bottom:-20px}.table:has(.variant-board) .seat{min-width:0;max-width:115px;justify-self:center}.table:has(.variant-board) .community{position:static;padding:10px 0;flex:1}.table:has(.variant-board) .my-seat{position:relative;bottom:-55px;left:auto;right:auto;margin-top:-20px}.table:has(.variant-board) .table-title{top:43%}.table:has(.variant-board) .tiny-cards .card{width:25px;height:36px}.table:has(.variant-board) .tiny-cards .card>span{font-size:13px}.table:has(.variant-board) .tiny-cards .card>b{font-size:9px;line-height:9px;top:2px;left:2px}.table:has(.variant-board) .tiny-cards .card b small{font-size:8px}.variant-slot.has-alternatives .expansion-cards{flex-wrap:wrap}.history-detail .variant-board{margin:12px 0 24px}.history-detail .variant-public-grid{max-height:none;max-width:none;overflow:visible}.history-detail .variant-slot-grid{max-width:none}.history-detail .variant-board-hint{max-width:none}.history-detail .variant-public-group{text-align:left}.history-detail .variant-public-group .expansion-cards{justify-content:flex-start}
@media(max-width:550px){.table:has(.variant-board){gap:20px;min-height:530px;padding-left:10px;padding-right:10px}.table:has(.variant-board) .top-seats{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));padding:0;gap:13px 5px}.table:has(.variant-board) .tiny-cards .card{width:20px;height:29px}.table:has(.variant-board) .tiny-cards{gap:2px}.table:has(.variant-board) .tiny-cards .card>span{font-size:10px}.table:has(.variant-board) .tiny-cards .card>b{font-size:8px}.table:has(.variant-board) .tiny-cards .card b small{font-size:7px}.history-detail .variant-public-grid{grid-template-columns:1fr}.variant-slot-grid{max-width:100%}}
.variant-open-tools{max-width:470px;margin:14px auto 0;border-top:1px solid #6e886544;padding-top:10px;display:grid;gap:8px}.variant-open-tools>div{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:#17341e66;border:1px solid #6e886544;border-radius:5px;padding:8px 10px}.variant-open-tools>div>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}.variant-open-tools strong{font-size:10px;font-weight:500;color:#bccdb1;overflow-wrap:anywhere}.variant-open-tools small{font-size:8px;line-height:1.6;color:#9bb18e}.variant-open-tools .expansion-card{min-width:25px;height:35px;padding:4px}.variant-open-tools .expansion-card b{font-size:13px}.variant-open-tools .expansion-card small{font-size:9px;color:inherit}.tool-field-label{margin:17px 0 10px!important;font-size:11px!important}.tool-card-choices{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:10px;margin:17px 0 10px}.tool-card-choices>button{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:12px 15px}.tool-card-choices>button>small{font-size:9px;color:var(--muted)}.tool-card-choices>button:hover:not(:disabled),.tool-card-choices>button.selected{border-color:var(--mint)}.tool-card-choices>button.selected{background:#c6e7a212}.tool-action-button{margin-top:17px;max-width:320px}.tool-action-row{display:flex;gap:10px;max-width:320px}.tool-action-row .secondary{flex:1}.tool-timing,.tool-task-waiting{font-size:10px!important;margin-top:12px!important;color:var(--muted)}.tool-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.tool-form label,.tool-guess-form label{display:block;color:var(--muted);font-size:11px}.tool-form select,.tool-guess-form select{margin-top:7px}.specialist-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:17px 0}.specialist-options>button{display:flex;flex-direction:column;text-align:left;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:14px;color:var(--text)}.specialist-options>button.selected{border-color:var(--mint);background:#c6e7a212}.specialist-options>button>span{font-size:9px;color:var(--muted)}.specialist-options strong{font-size:12px;font-weight:500;line-height:1.5}.specialist-options small{font-size:10px;line-height:1.7;color:var(--muted)}.specialist-options em{font-size:9px;font-style:normal;color:var(--muted);margin-top:4px}.tool-seen-row{display:flex;align-items:center;gap:15px;border-top:1px solid var(--border);margin-top:12px;padding-top:12px;font-size:11px;color:var(--muted)}.tool-challenge p+p{margin-top:13px}.tool-challenge strong{font-weight:500;color:var(--text)}.tool-guess-form{display:flex;gap:12px;align-items:flex-end;margin-top:17px}.tool-guess-form label{flex:1}.tool-guess-form .primary{width:auto;min-width:110px;height:37px;min-height:37px}.office .variant-open-tools{max-width:none;border-color:#e4e9f2}.office .variant-open-tools>div{background:#fafbfd;border-color:#e4e9f2}.office .variant-open-tools strong{color:#5e718d;font-size:11px}.office .variant-open-tools small{color:#8c9aaf;font-size:9px}.office .variant-open-tools .expansion-card{height:45px;min-width:32px;padding:5px}.office .variant-open-tools .expansion-card b{font-size:15px}.office .variant-open-tools .expansion-card-text{font-size:8px}.office .tool-card-choices>button,.office .specialist-options>button{background:#fff;border-color:#dfe6f1}.office .tool-card-choices>button.selected,.office .specialist-options>button.selected{background:#f0f5ff;border-color:#3370ff}.office .tool-action-row .secondary{color:#5b73a0;border-color:#d3dff0;background:#fff}.office .tool-challenge{background:#fffdf7;border-color:#efe4c8}.office .tool-challenge .expansion-task-heading{color:#a68d52}.office .tool-challenge strong{color:#8e7b4f}.office .tool-guess-form .primary{height:37px}.history-detail .variant-open-tools{max-width:none}
@media(max-width:550px){.tool-form{grid-template-columns:1fr}.specialist-options{grid-template-columns:1fr}.tool-card-choices{gap:8px}.tool-card-choices>button{padding:10px}.tool-guess-form{gap:8px}.tool-guess-form .primary{font-size:10px;min-width:88px;padding:10px}.variant-open-tools>div{flex-wrap:wrap}.variant-open-tools>div>.expansion-cards{justify-content:flex-start}.tool-action-button{max-width:none}}

.history-browser{min-width:0}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.history-heading h2{display:flex;align-items:center;gap:10px}.history-heading>span{border:1px solid var(--border);border-radius:4px;color:var(--muted);font-size:10px;padding:4px 8px}.history-description{font-size:11px!important;line-height:1.8;margin-bottom:16px!important}.history-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin:10px 0 12px}.history-toolbar .quiet{font-size:11px}.history-room-list{display:flex;flex-direction:column;gap:12px}.history-room{display:block;text-align:left;width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:17px}.history-room:hover{border-color:var(--mint)}.history-room-heading{display:flex;gap:10px;align-items:center}.history-room-heading strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.history-room-heading>span{font-size:9px;border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:3px 6px;margin-left:auto;white-space:nowrap}.history-room-heading svg{color:var(--muted);flex-shrink:0}.history-room-mode{font-size:10px;color:var(--muted);margin-top:8px}.history-room-progress{display:flex;flex-wrap:wrap;gap:13px;margin-top:15px;font-size:10px;color:var(--muted)}.history-room-progress span{display:flex;align-items:center;gap:5px}.history-room-times{display:flex;flex-direction:column;gap:5px;font-size:9px;color:var(--muted);margin-top:13px;line-height:1.5}.history-empty{text-align:center;padding:35px 20px;color:var(--muted);border:1px dashed var(--border);border-radius:8px;margin:18px 0}.history-empty>svg{display:block;margin:0 auto 16px}.history-empty strong{display:block;font-size:14px;margin-bottom:10px;color:var(--text)}.history-empty p{font-size:11px!important}.history-error{font-size:12px;line-height:1.7;overflow-wrap:anywhere;background:#b6634420;border:1px solid #b6634450;border-radius:5px;padding:13px;color:#d79a82;margin:12px 0}.history-loading{font-size:12px!important;padding:20px 0}.history-more{margin-top:18px}.history-detail{border-top:1px solid var(--border);padding-top:20px}.history-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-detail-heading>div>strong{font:500 23px 'Space Grotesk',sans-serif;letter-spacing:3px;display:block}.history-detail-heading>div>span{font-size:11px;color:var(--muted);display:block;margin-top:7px}.history-result{padding:6px 9px;border:1px solid var(--border);border-radius:4px;font-size:10px;color:var(--mint);white-space:nowrap}.history-detail-meta{display:flex;flex-direction:column;gap:6px;font-size:10px;color:var(--muted);margin:17px 0}.history-detail-meta>span{display:flex;gap:6px;align-items:center}.history-score{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:21px 0 25px}.history-score>div{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:12px}.history-score span{font-size:10px;color:var(--muted);display:block}.history-score b{display:block;font-size:24px;font-weight:500;margin-top:8px}.history-score small{font-size:10px;color:var(--muted);font-weight:400;margin-left:5px}.history-detail>h3{font-size:13px;font-weight:600;margin:20px 0 12px}.archive-cards{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.archive-cards>span{min-width:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:9px 12px}.archive-cards small{font-size:12px;color:var(--muted)}.archive-cards b{font-size:19px;font-weight:500}.archive-cards .red b,.archive-cards .red small{color:#c87973}.archive-cards>.archive-no-cards{width:100%;font-size:11px;color:var(--muted);border-style:dashed;min-height:58px;align-items:flex-start}.history-table-scroll{overflow:auto}.history-table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}.history-table th{background:var(--bg);font-weight:400;color:var(--muted);padding:10px 9px;text-align:left;border:1px solid var(--border)}.history-table td{padding:12px 9px;border:1px solid var(--border)}.history-table td small{display:inline-block;margin-left:5px;font-size:9px;color:var(--muted)}.history-private{border:1px dashed var(--border);border-radius:5px;padding:12px;margin-top:18px!important;font-size:11px!important}.history-revealed{display:flex;flex-direction:column;gap:9px}.history-revealed>div{border:1px solid var(--border);border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.history-revealed strong{font-size:11px;max-width:35%;overflow-wrap:anywhere}.history-revealed .archive-cards{margin:0;gap:5px}.history-revealed .archive-cards>span{padding:6px 9px;min-width:32px;gap:3px}.history-revealed .archive-cards b{font-size:15px}.history-revealed>div>span{font-size:10px;color:var(--muted)}.history-footnote{font-size:9px!important;line-height:1.8;margin:21px 0 4px!important}.history-close{display:block;margin:14px auto 0;font-size:12px}.history-detail .activity{position:static!important;max-height:none!important;margin:24px 0 0!important}.history-detail .activity-list{max-height:350px!important}.office .history-room{background:#fafbfd}.office .history-result{background:#f2f6ff;color:#4b73ac;border-color:#dce6f5}.office .history-score>div{background:#f7f9fd;border-color:#e0e6ef}.office .history-room:hover{background:#f4f7ff}.office .history-error{background:#fff4ed;color:#b36b42;border-color:#f2ddcb}.office .archive-cards>span{background:#f9fbff;border-color:#dfe6f1}.office .archive-cards b{color:#455b7d}.office .archive-cards .red b{color:#b86969}@media(max-width:550px){.history-room{padding:14px}.history-score>div{padding:10px 8px}.history-score b{font-size:21px}.history-score small{font-size:9px}.history-table{min-width:440px}.history-revealed>div{gap:8px;padding:10px}.history-room-progress{gap:10px}.history-room-heading strong{font-size:12px}.history-heading h2{font-size:23px}.history-detail-heading>div>strong{font-size:20px}}

.notification-settings h2{display:flex;align-items:center;gap:10px}.notification-settings .notification-intro{font-size:11px;margin:0 0 16px}.notification-summary{border:1px solid var(--border);background:var(--bg);border-radius:7px;padding:15px;margin:18px 0}.notification-summary strong{font-size:12px;font-weight:600}.notification-summary p{font-size:11px!important;margin:8px 0!important;line-height:1.8}.notification-summary>span{display:inline-block;border:1px solid var(--border);border-radius:4px;padding:4px 7px;font-size:10px;color:var(--mint)}.notification-settings form>label{display:block;font-size:12px;margin:20px 0 8px}.notification-settings label small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.notification-settings form>input{display:block;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:12px;font-size:12px;margin:0}.notification-settings form>.notification-toggle{display:flex;align-items:center;gap:8px;font-size:12px;margin:18px 0}.notification-settings .notification-toggle input{margin:0;width:15px;height:15px;flex-shrink:0;accent-color:var(--mint)}.notification-settings form>.notification-clear{font-size:10px;color:var(--muted);margin-top:10px}.notification-help{font-size:10px!important;color:var(--muted);line-height:1.7;margin:10px 0!important}.notification-actions{display:flex;gap:10px;margin-top:22px}.notification-actions button{flex:1;min-width:0}.notification-actions .secondary{margin-top:0}.notification-feedback{margin:16px 0;padding:12px;border-radius:6px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.notification-feedback.success{display:flex;align-items:center;gap:8px;color:var(--mint);border:1px solid var(--border);background:var(--bg)}.notification-feedback.error{background:#b6634420;color:#d79a82;border:1px solid #b6634450}.notification-health{border-top:1px solid var(--border);padding-top:15px;margin-top:18px;color:var(--muted);font-size:10px}.notification-health>span{display:flex;align-items:center;gap:6px}.notification-health small{display:block;font-size:10px;margin-top:8px;line-height:1.6}.notification-health .notification-last-error{color:#c88a79;overflow-wrap:anywhere}.notification-loading{padding:20px 0;font-size:12px!important}.notification-close{display:block;margin:14px auto 0}.office .notification-summary{background:#f7f9fd;border-color:#dfe6f1}.office .notification-summary strong{color:#3d526f}.office .notification-feedback.error{background:#fff3ed;border-color:#f4dacb;color:#b3663e}.office .notification-feedback.success{background:#f0f6ff;border-color:#d9e7ff;color:#3474d7}.office .notification-settings .secondary{background:white;color:#566a89;border-color:#dbe4f0}.office .notification-health .notification-last-error{color:#b3663e}@media(max-width:450px){.notification-actions{flex-direction:column}.notification-settings h2{font-size:23px}.notification-settings .notification-summary{padding:12px}}

.office .grade-up {
  display: inline-block;
  margin-left: 5px;
  color: #d92935;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  vertical-align: middle;
}

.player-notes{margin:0 24px 22px;padding:17px;border:1px solid #405640;border-radius:9px;background:#1b2a20}
.player-notes-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.player-notes-heading h3{font-size:14px;color:#e6f0db}
.player-notes-heading p{font-size:10px;margin-top:5px;color:#a0b398}
.player-notes-heading>small{font-size:9px;line-height:1.5;color:#a0b398;text-align:right}
.player-notes-list{display:grid;gap:8px}
.player-note{border:1px solid #3a4c3a;border-radius:6px;background:#243629;padding:11px 12px}
.player-note-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;font-size:11px}
.player-note-top strong{font-weight:600;color:#edf4e9;white-space:nowrap}
.player-note-top span{color:#bdd6aa;text-align:right;overflow-wrap:anywhere}
.player-note-controls{display:grid;gap:13px;width:100%}
.note-choice-group{min-width:0;margin:0;padding:0;border:0}
.note-choice-group legend{margin-bottom:6px;color:#adbea7;font-size:10px;font-weight:600}
.note-choice-list{display:flex;flex-wrap:wrap;gap:6px}
.note-choice{position:relative;cursor:pointer}
.note-choice input{position:absolute;width:1px;height:1px;opacity:0}
.note-choice span{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border:1px solid #506550;border-radius:5px;background:#1a291e;color:#d1dec9;font-size:11px;line-height:1.25;white-space:nowrap}
.note-choice input:checked+span{border-color:#c5e7a2;background:#c5e7a2;color:#223221;font-weight:700}
.note-choice input:focus-visible+span{outline:2px solid #f4d580;outline-offset:2px}
.note-choice:hover span{border-color:#9cc77b}
.note-field{display:flex;flex-direction:column;gap:4px;color:#adbea7;font-size:10px}
.note-field input{height:34px;width:100%;min-width:0;border:1px solid #506550;border-radius:5px;background:#1a291e;color:#e8f0e5;padding:5px 8px;font-size:11px}
.note-clear{justify-self:start;padding:4px 0;background:none;border:0;color:#aebcac;font-size:10px;cursor:pointer}
.note-clear:hover{color:#f0e0c7}
.office .player-notes{margin:20px 0 26px;background:#f9fbfe;border-color:#e1e7f0}
.office .player-notes-heading h3{color:#3c4c65}
.office .player-notes-heading p,.office .player-notes-heading>small{color:#8c98aa}
.office .player-note{background:#fff;border-color:#e2e8f1}
.office .player-note-top strong{color:#44536b}
.office .player-note-top span{color:#5478ae}
.office .note-choice-group legend,.office .note-field{color:#69788c}
.office .note-choice span{background:#fff;border-color:#dbe3ee;color:#43536c}
.office .note-choice input:checked+span{background:#e9f1ff;border-color:#3370ff;color:#1454ca}
.office .note-choice input:focus-visible+span{outline-color:#3370ff}
.office .note-choice:hover span{border-color:#86a8e7}
.office .note-field input{background:#fff;border-color:#dbe3ee;color:#3c4c65}
.office .note-clear{color:#8795a7}
@media(max-width:650px){.player-notes{margin:0 14px 18px;padding:13px}.player-notes-heading{flex-wrap:wrap}.player-notes-heading>small{text-align:left}.player-note-top{align-items:flex-start;flex-direction:column;gap:4px}.player-note-top span{text-align:left}.office .player-notes{margin:18px 0 24px}}
.office .office-table{table-layout:fixed;min-width:650px}
.office .office-table th:first-child{width:24%}
.office .office-table th:nth-child(n+2):nth-child(-n+5){width:10%}
.office .office-table th:nth-child(6){width:13%}
.office .office-table th:nth-child(7){width:23%}
.office-table-hint{display:none}
.office .office-table td.office-note-cell{padding:5px 7px}
.office-note-button{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;min-width:0;padding:6px 7px;background:#f7f9fc;border:1px solid #e1e7f0;border-radius:4px;color:#8995a7;font-size:10px;text-align:left}
.office-note-button.has-note{color:#416eae;background:#f0f5ff;border-color:#d6e3fb}
.office-note-button:hover{border-color:#86a8e7;background:#eef4ff}
.office-note-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.office-note-button svg{flex:none}
.office-self-hand{display:inline-block;max-width:100%;overflow-wrap:anywhere;border-radius:4px;padding:5px 7px;background:#edf6ed;color:#397b47;font-size:10px;font-weight:600;line-height:1.45}
.office-note-waiting{font-size:9px;color:#a3abba;white-space:normal}
.office .office-table tr.office-note-expanded>td{padding:0;background:#f7faff;border-top:0}
.office-note-inline{padding:14px 17px 16px;border-left:3px solid #3370ff}
.office-note-inline-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#33425d;font-size:12px}
.office-note-inline-head button{display:grid;place-items:center;width:25px;height:25px;border:0;border-radius:4px;background:#e9eff9;color:#65758e;cursor:pointer}
.office-note-inline>small{display:block;margin-top:11px;color:#8995a6;font-size:10px}
@media(max-width:650px){.office-table-hint{display:inline}.office-note-inline{padding:12px}}

.round-review{margin:0 0 18px;padding:18px;border:1px solid #405640;border-radius:9px;background:#1d2c21}
.round-review-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.round-review-header h3{font-size:15px;color:#e6f0db}
.round-review-header p{margin-top:5px;font-size:10px;color:#a0b398}
.round-review-header>strong{font-size:11px;white-space:nowrap;padding:5px 8px;border-radius:5px}
.round-review .review-pass{color:#bce5a8;background:#2d4732}
.round-review .review-fail{color:#ffd0bc;background:#593a33}
.round-review-list{display:grid;gap:1px;border:1px solid #3b4d3b;border-radius:6px;overflow:hidden}
.round-review-row{display:grid;grid-template-columns:28px minmax(100px,1fr) minmax(100px,1.2fr) 75px 56px;align-items:center;gap:8px;padding:10px 12px;background:#243629}
.review-position{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#3b523b;color:#e1f3d3;font-size:11px}
.review-player,.review-hand,.review-chip{min-width:0}
.review-player strong,.review-hand b,.review-chip b{display:block;font-size:11px;font-weight:600;color:#ecf2e8}
.review-player small,.review-hand small,.review-chip small{display:block;font-size:9px;line-height:1.5;color:#a0b398}
.review-player small{margin-top:3px;overflow-wrap:anywhere}
.review-best-five{display:block;margin-top:5px;font-size:10px;line-height:1.5;color:#c4d7bd;overflow-wrap:anywhere}
.review-match{justify-self:end;border-radius:4px;padding:4px 6px;font-size:10px;white-space:nowrap}
.review-match.review-exit{color:#edcf9b;background:#4a3c2b}
.review-explanation{margin-top:12px;border-left:3px solid #d38e70;padding:2px 0 2px 11px}
.review-explanation strong{display:block;font-size:10px;color:#f0c5b0}
.review-explanation p,.round-review .review-footnote{margin-top:5px;font-size:10px;line-height:1.6;color:#adc0a8}
.round-review .review-footnote{margin-top:12px}
.office .round-review{margin:18px 0 24px;border-color:#dfe5ef;background:#fff}
.office .round-review-header h3,.office .review-player strong,.office .review-hand b,.office .review-chip b{color:#3c4c65}
.office .round-review-header p,.office .review-player small,.office .review-hand small,.office .review-chip small,.office .review-footnote{color:#8997aa}
.office .review-best-five{color:#617695}
.office .round-review-list{border-color:#e5e9f0}
.office .round-review-row{background:#f8fafd}
.office .review-position{background:#e8effc;color:#4772bd}
.office .round-review .review-pass{background:#e9f5e7;color:#3a8440}
.office .round-review .review-fail{background:#fff0e9;color:#b2623d}
.office .review-match.review-exit{background:#fff6e9;color:#aa773a}
.office .review-explanation strong{color:#b2623d}
.office .review-explanation p{color:#69778e}
@media(max-width:650px){.round-review-header{flex-wrap:wrap}.round-review-row{grid-template-columns:24px minmax(100px,1fr) 68px 50px;gap:6px;padding:9px}.review-hand{grid-column:2;grid-row:2}.review-chip{grid-column:3;grid-row:1 / 3}.review-match{grid-column:4;grid-row:1 / 3}.review-player small{font-size:8px}}

.expansion-setup{margin:12px 0;border:1px solid var(--border);border-radius:7px;padding:11px;font-size:11px}.expansion-setup summary{cursor:pointer;font-weight:600;line-height:1.6}.expansion-setup summary>span{float:right;font-size:9px;font-weight:400;color:var(--muted)}.expansion-option-group{padding:14px 0 5px;border-top:1px solid var(--border);margin-top:12px}.expansion-option-group>strong{font-size:11px}.expansion-option-group>label{font-size:11px;margin:12px 0!important}.expansion-option-group select{display:block;width:100%;margin-top:7px;font-size:11px;padding:9px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:5px}.expansion-setup .expansion-check{display:flex!important;align-items:center;gap:8px;line-height:1.5}.expansion-setup .expansion-check input{display:inline-block!important;width:14px;height:14px;margin:0!important;accent-color:var(--mint);flex-shrink:0}.expansion-option-group small,.compatibility-note{font-size:10px!important;color:var(--muted);line-height:1.8;display:block}.pending-module{font-size:10px;color:var(--muted);padding:9px;border:1px dashed var(--border);border-radius:4px;margin-top:12px}.rule-summary{border:1px solid var(--border);background:var(--bg);border-radius:7px;padding:16px;margin:20px 0}.rule-summary>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.rule-summary strong{display:flex;align-items:center;gap:7px;font-size:12px}.rule-summary span{font-size:9px;color:var(--muted)}.rule-summary ol{margin:10px 0;padding-left:17px;font-size:11px}.rule-summary li{margin:5px 0}.rule-summary p{font-size:11px;line-height:1.8;margin-top:9px}.rules-detail-link{display:flex;align-items:center;gap:5px;border:0;background:none;color:var(--mint);padding:12px 0 0;font-size:11px}.rules-jump{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.rules-jump a{font-size:10px;padding:6px 9px;border:1px solid var(--border);border-radius:4px;color:var(--mint)}.rules-panel section{padding:20px 0;border-top:1px solid var(--border);scroll-margin-top:20px}.rules-panel h3{font-size:16px;color:var(--text);margin:0 0 12px}.rules-panel h4{font-size:12px;margin:18px 0 7px}.rules-panel p,.rules-panel ol{font-size:12px;line-height:1.9}.rules-panel p+p{margin-top:9px}.variant-rule{padding:11px 0}.variant-rule strong{font-size:12px}.variant-rule p{margin-top:5px}.rules-sources{border-top:1px solid var(--border);padding:18px 0 24px;display:grid;gap:10px;font-size:11px}.rules-sources a{font-size:10px;color:var(--mint)}.office .rule-summary{background:#f7f9fd}.office .rule-summary ol{color:#65738a}.office .rules-panel h3{color:#33425d}.office .expansion-option-group select{background:#fff}.office .rule-summary b{color:#4b607f}.dialog:has(.history-browser),.dialog:has(.rules-panel){width:800px;max-width:100%}.joker-card{display:flex;align-items:center;justify-content:center;flex-direction:column}.joker-card small{font-size:8px}.expansion-tray{padding:0 24px}.expansion-tray:empty{display:none}

.expansion-art{display:flex;gap:14px;margin:13px 0 17px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:center}
.expansion-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:116px;flex-shrink:0;align-items:start}
.expansion-art-card,.expansion-card-preview{display:block;position:relative;aspect-ratio:63.5 / 88;min-width:0;overflow:hidden;background:#fff;border:1px solid #d8dde3;border-radius:6px;padding:0;box-shadow:0 2px 5px #152a4020}
.expansion-art-card{width:100%;height:auto;appearance:none;transition:box-shadow .18s,border-color .18s}
.expansion-art-card:hover{border-color:var(--mint);box-shadow:0 3px 10px #152a4033}
.expansion-card-face{display:block;position:absolute;inset:4%;width:92%;height:92%;overflow:hidden;background:#fff}
.expansion-art figcaption{display:flex;flex-direction:column;gap:6px;min-width:0}
.expansion-art strong{font-size:11px;line-height:1.5}
.expansion-art span,.expansion-art-links>a{font-size:9px;line-height:1.6;color:var(--muted)}
.expansion-art-links{display:flex;flex-wrap:wrap;gap:4px 12px}
.expansion-art-links>a{color:var(--mint)}
.expansion-art.large{display:block;padding:16px}
.expansion-art.large .expansion-art-grid{width:100%;gap:14px}
.expansion-art.large .expansion-art-card{border-radius:9px}
.expansion-art.large figcaption{padding:16px 2px 0}
.expansion-art.large strong{font-size:15px}
.expansion-art.large span,.expansion-art.large .expansion-art-links>a{font-size:11px}
.expansion-card-dialog{width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 28px);margin:auto;padding:16px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 80px #0006;overflow:auto}
.expansion-card-dialog[open]{display:flex;flex-direction:column;gap:14px}
.expansion-card-dialog::backdrop{background:#071321b8;backdrop-filter:blur(4px)}
.expansion-card-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}
.expansion-card-dialog-heading strong{font-size:13px;line-height:1.5}
.expansion-card-dialog button{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:8px 12px;font-size:11px;white-space:nowrap}
.expansion-card-dialog .expansion-card-preview{width:min(100%,calc((100dvh - 210px) * 63.5 / 88));margin:0 auto;border-radius:10px;flex-shrink:0}
.expansion-card-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.expansion-card-navigation span{font-size:11px;color:var(--muted)}
.tool-rule-list{font-size:12px;line-height:1.9;color:var(--muted);padding-left:20px}.tool-rule-list b{color:var(--text)}.office .expansion-art{background:#fafbfe}.office .tool-rule-list{color:#65738a}
@media(max-width:480px){.expansion-art{gap:10px;padding:10px}.expansion-art-grid{width:102px;gap:4px}.expansion-art.large{padding:10px}.expansion-art.large .expansion-art-grid{gap:8px}.expansion-art.large .expansion-art-card{border-radius:6px}.expansion-art.large strong{font-size:13px}.expansion-art.large span,.expansion-art.large .expansion-art-links>a{font-size:10px}.expansion-card-dialog{padding:12px}.expansion-card-dialog-heading strong{font-size:12px}}

.rules-reference{margin-top:18px;border:1px solid var(--border);border-radius:6px;padding:14px}.rules-reference summary{font-size:12px;cursor:pointer}.rules-reference li{padding:5px 0}.rules-reference b{color:var(--text)}

.expansion-art-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.expansion-art-toolbar>div:first-child{display:flex;flex-direction:column;gap:4px}.card-language-switch{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--border);border-radius:7px;background:var(--bg);padding:3px;width:max-content}.card-language-switch button,.expansion-card-dialog .card-language-switch button{border:0;border-radius:4px;padding:6px 11px;background:transparent;color:var(--muted);font-size:11px;line-height:1.4}.card-language-switch button[aria-pressed=true],.expansion-card-dialog .card-language-switch button[aria-pressed=true]{background:var(--panel);color:var(--mint);box-shadow:0 1px 4px #12223820;font-weight:700}.all-expansion-cards{align-self:flex-start;border:0;background:none;color:var(--mint);font-size:10px;padding:4px 0}.expansion-card-settings{display:flex;align-items:center;justify-content:space-between;gap:8px}.expansion-card-settings>span{font-size:10px;color:var(--muted)}.expansion-art-card:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.expansion-card-preview,.expansion-art-card{box-sizing:border-box}.expansion-card-preview>svg,.expansion-art-card>svg{display:block;width:100%;height:100%;position:absolute;inset:0}.expansion-art:not(.large) .card-language-switch button{padding:4px 7px;font-size:10px}@media(max-width:480px){.expansion-art-toolbar{align-items:flex-start;flex-wrap:wrap}.expansion-art.large .expansion-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.expansion-card-dialog[open]{gap:10px}}
.expansion-art .expansion-art-toolbar{position:static;min-height:0;height:auto;padding:0 0 12px;margin:0 0 16px;border:0;border-bottom:1px solid var(--border);background:transparent;box-shadow:none}.expansion-art .expansion-art-toolbar strong{font-size:14px}.expansion-art .expansion-art-toolbar span{font-size:10px}

.expansion-cover-button{display:block;box-sizing:border-box;width:100%;min-width:0;overflow:hidden;margin:12px 0 16px;padding:0;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}.expansion-cover-button>svg{display:block;width:100%;height:auto;aspect-ratio:635/350}.expansion-cover-button>span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-top:1px solid var(--border);font-size:11px;line-height:1.5;color:var(--mint)}.expansion-cover-button:hover{border-color:var(--mint);box-shadow:0 3px 12px #12223815}.expansion-cover-button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.expansion-gallery-dialog{width:min(800px,calc(100vw - 28px))}.expansion-gallery-content{min-width:0}.expansion-gallery-content>p{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 12px}.expansion-gallery-content .expansion-art-grid{width:100%;gap:14px}.expansion-card-dialog .expansion-art-card{padding:0;border:1px solid #d8dde3;border-radius:8px;background:#fff;white-space:normal}.expansion-card-dialog-heading>strong{min-width:0;overflow-wrap:break-word}.expansion-card-dialog .back-to-gallery{display:block;padding:0 0 5px;border:0;background:none;color:var(--mint);font-size:10px}.expansion-option-group>strong{display:block;line-height:1.7;overflow-wrap:break-word}.expansion-art-toolbar>div:first-child{min-width:0}.expansion-art-toolbar .card-language-switch{flex-shrink:0}@media(max-width:480px){.expansion-gallery-content .expansion-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.expansion-art-toolbar{flex-wrap:wrap}.expansion-card-dialog-heading{align-items:flex-start}}

.seat-password-panel{margin-top:12px;border:1px solid #455367;border-radius:8px;background:#1b2634;color:#dce5ee;overflow:hidden}
.seat-password-toggle{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:inherit;padding:12px;text-align:left;cursor:pointer;font-size:12px}
.seat-password-toggle>span{flex:1}.seat-password-toggle>small{font-size:10px;color:#a8bdd6}.seat-password-toggle>svg:last-child{transition:transform .2s}.seat-password-toggle[aria-expanded="true"]>svg:last-child{transform:rotate(180deg)}
.seat-password-body{border-top:1px solid #455367;padding:11px 12px 14px}.seat-password-body p{font-size:11px;line-height:1.6;color:#b4c0ce;margin:0 0 11px}
.seat-password-body label{display:block;margin:9px 0;color:#c3cfdd;font-size:11px}.seat-password-body input{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #536377;border-radius:5px;background:#111d2b;color:#fff;padding:9px;font-size:12px}
.seat-password-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.seat-password-actions button{border:1px solid #5e769b;border-radius:5px;background:#34558d;color:#fff;padding:8px 10px;font-size:11px;cursor:pointer}.seat-password-actions button:last-child:not(:first-child){background:transparent;color:#bcc8d8}.seat-password-actions button:disabled{opacity:.55;cursor:default}
.seat-password-feedback{display:block;margin-top:9px;font-size:11px;color:#d5e8a9}
.office .seat-password-panel{margin:0 0 16px;background:#fff;border-color:#e4e8ef;color:#44536a}.office .seat-password-toggle{padding:12px 14px}.office .seat-password-toggle>small{color:#7e8da0}.office .seat-password-body{border-color:#e8ecf2;padding:12px 14px 14px}.office .seat-password-body p{color:#8996a7}.office .seat-password-body label{color:#68798d}.office .seat-password-body input{background:#fff;color:#34445b;border-color:#dbe2ed}.office .seat-password-actions button{background:#3370ff;border-color:#3370ff}.office .seat-password-actions button:last-child:not(:first-child){background:#fff;color:#66768b;border-color:#dbe2ed}.office .seat-password-feedback{color:#527c4e}

.recovery-entry{background:#e8f0ff!important;border:1px solid #9abcf6!important;color:#2457a6!important;font-weight:700!important;white-space:nowrap}.seat-recovery-code{padding:16px;border:1px solid #c6d7ef;border-radius:12px;background:#f3f8ff;margin:16px 0}.seat-recovery-code small{display:block;color:#64748b}.seat-recovery-code strong{display:block;font-size:28px;letter-spacing:.2em;color:#2457a6}.seat-recovery-error{color:#bc3434}.seat-recovery-approvals{padding:16px;margin:12px 0;border:2px solid #e3a451;border-radius:12px;background:#fffaf0;color:#344054}.seat-recovery-approvals h3{margin:0 0 6px;font-size:16px}.seat-recovery-approvals p{font-size:13px;line-height:1.5;margin:0 0 10px}.seat-recovery-request{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ead8b5;padding-top:9px;margin-top:9px}.seat-recovery-request strong,.seat-recovery-request small{display:block}.seat-recovery-request small{color:#805e2c}.seat-recovery-request>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.seat-recovery-request button{border:1px solid #d6aa69;border-radius:7px;background:#fff;padding:6px 9px;cursor:pointer}.seat-recovery-request button:first-child{background:#d9ebd7;border-color:#9cc69a}.seat-recovery-claim form>button{width:100%;margin-top:10px}@media(max-width:600px){.seat-recovery-request{align-items:flex-start;flex-direction:column}.office-top-actions>.recovery-entry{font-size:11px;padding:7px 8px}}
.seat-login form>button{width:100%;margin-top:10px}.seat-login-matches{display:grid;gap:8px;margin:16px 0}.seat-login-matches button{display:block;width:100%;text-align:left;border:1px solid #cbd9ed;border-radius:9px;background:#f7faff;color:#334866;padding:12px}.seat-login-matches strong,.seat-login-matches small{display:block}.seat-login-matches small{margin-top:5px;color:#74849b;font-size:11px}

.selection-status{display:inline-flex;align-items:center;gap:4px;border-radius:4px;padding:4px 7px;font-size:10px;line-height:1.2;white-space:nowrap}
.selection-status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.selection-status.selected{color:#aeb6ae;background:#303a32}
.selection-status.pending{color:#f8cf69;background:#5a4924;border:1px solid #a78032;font-weight:600}
.office .selection-status.selected{color:#858d99;background:#eef0f3}
.office .selection-status.pending{color:#835a06;background:#fff0b9;border-color:#e0ad36}
.seat .selection-status{margin:2px auto 3px;font-size:9px;padding:3px 5px}
.my-label .selection-status{font-size:9px;padding:3px 5px}

.translated-card{display:block;width:100%;height:100%;aspect-ratio:635/880;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;text-align:left;isolation:isolate}.translated-card-copy{box-sizing:border-box;width:100%;height:100%;color:#2b2e34;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.46;font-weight:400;letter-spacing:0;overflow-wrap:break-word;white-space:normal;text-align:left}.translated-card-copy p{font-size:inherit!important;line-height:inherit!important;color:inherit!important;margin:0 0 .62em!important;padding:0!important}.translated-card-copy p:last-child{margin-bottom:0!important}.translated-card-copy .translated-card-subtitle{font-weight:750;line-height:1.4!important}.translated-card-copy:lang(en){line-height:1.35;hyphens:none}.translated-card-copy:lang(zh-CN){line-break:strict}.translated-card-intro .translated-card-copy{color:#4d352d}.translated-card-title{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;letter-spacing:0}.translated-card-footer{letter-spacing:.3px}.translated-card-tool .translated-card-copy{line-height:1.39}.translated-card-tool .translated-card-copy:lang(en){line-height:1.3}

.room-title-panel{display:grid;gap:7px;margin:13px 0;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}
.room-title-panel label{font-size:11px;font-weight:700}.room-title-panel>div{display:flex;gap:6px}.room-title-panel input{min-width:0;flex:1;padding:8px;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--text)}.room-title-panel button{padding:8px 11px;border:1px solid var(--border);border-radius:5px;background:#314a35;color:var(--text)}.room-title-panel small{color:var(--muted)}
.office-room-title-panel{background:#f8faff;border-color:#e0e7f0;color:#435671}.office-room-title-panel input{background:white;color:#34445b;border-color:#dce5f2}.office-room-title-panel button{background:#e8f0ff;color:#2c65cb;border-color:#cadcf8}
.seat-continuation-link{width:100%;margin:0 0 12px;padding:8px;border:1px solid #bdd2f5;border-radius:5px;background:#edf4ff;color:#2b62c1;font-size:11px}
.activity-mobile-toggle{display:none;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--text);padding:7px 10px;font-size:11px}
@media(max-width:600px){.activity-mobile-toggle{display:inline-flex;margin-left:auto;min-height:36px;align-items:center}.activity:not(.mobile-open) .activity-filters,.activity:not(.mobile-open) .activity-hint,.activity:not(.mobile-open) .activity-list,.activity:not(.mobile-open) .activity-zone{display:none}.activity:not(.mobile-open){padding:10px 13px}.office .activity-mobile-toggle{color:#45617f;border-color:#dae3ef}.office-grades button,.chips button,.lobby-actions button,.office-room-menu-actions button{min-height:44px}.office-controls{scroll-margin-top:90px}.action-tray{scroll-margin-top:90px}}

.mobile-menu-trigger,.mobile-room-shortcut,.mobile-lobby-actions,.mobile-board-stats,.mobile-hand-rank{display:none}

@media(max-width:640px){
  .app:not(.office){background:radial-gradient(circle at 50% 0,#24402e 0,#101c16 55%,#0a120f 100%);min-height:100dvh;color:#f4f1df}
  .app:not(.office)>header{height:60px;padding:0 14px;position:sticky;top:0;z-index:40;gap:8px;background:#101a15f2;backdrop-filter:blur(12px);border-bottom:1px solid #56704d}
  .app:not(.office) .brand{gap:8px;min-width:0;margin-right:auto}
  .app:not(.office) .brand-mark{width:33px;height:33px;flex:none;border-color:#b8c79b;background:#223b29}
  .app:not(.office) .brand-mark svg{width:21px;height:21px}
  .app:not(.office) .brand strong{font-size:18px;letter-spacing:1.7px;white-space:nowrap;color:#f7edce}
  .app:not(.office) .mobile-room-shortcut,.app:not(.office) .mobile-menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:38px;border:1px solid #536c52;border-radius:8px;background:#203628;color:#e9eddb;font-size:11px;padding:6px 9px;white-space:nowrap}
  .app:not(.office) .mobile-room-shortcut{font-variant-numeric:tabular-nums}
  .app:not(.office)>header nav{display:none;position:absolute;top:60px;left:0;right:0;padding:10px 14px 16px;flex-direction:column;align-items:stretch;gap:3px;background:#17261df8;border-bottom:1px solid #718564;box-shadow:0 18px 28px #050b08aa;max-height:70dvh;overflow:auto}
  .app:not(.office)>header nav.mobile-open{display:flex}
  .app:not(.office)>header nav button{width:100%;min-height:44px;justify-content:flex-start;padding:10px 12px;border-radius:7px;color:#e8ecd9;font-size:13px}
  .app:not(.office)>header nav .live{display:none}
  .app:not(.office)>main{padding:14px 12px 22px;max-width:none}
  .app:not(.office).is-playing>main{padding-bottom:calc(205px + env(safe-area-inset-bottom))}
  .app:not(.office).has-room .heading{display:none}
  .app:not(.office).no-room .heading{display:block;margin:0 0 12px;padding:20px 18px;border:1px solid #788b62;border-radius:16px;background:linear-gradient(145deg,#294532,#14251c);box-shadow:0 14px 25px #050b0866}
  .app:not(.office).no-room .heading .eyebrow{color:#d4dfab;font-size:10px}
  .app:not(.office).no-room .heading h1{font-size:24px;line-height:1.25;margin:9px 0;color:#fff2d1}
  .app:not(.office).no-room .heading p{font-size:12px;color:#c6d3b7}
  .app:not(.office).no-room .heading .mode{display:none}
  .app:not(.office) .mobile-lobby-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 14px}
  .app:not(.office) .mobile-lobby-actions button{min-height:50px;border-radius:9px;font-size:14px;font-weight:700}
  .app:not(.office) .mobile-lobby-actions .primary{background:#d6b76d;border-color:#f2d993;color:#172317}
  .app:not(.office) .mobile-lobby-actions .secondary{border:1px solid #8ca278;background:#263f2d;color:#f1f2dd}
  .app:not(.office).no-room .workspace{display:none}
  .app:not(.office) .inline-lobby{margin:0;border-color:#617656;background:#17281e;padding:14px;border-radius:13px}
  .app:not(.office) .inline-lobby .lobby-list{display:grid;grid-template-columns:1fr;max-height:none;gap:3px}
  .app:not(.office) .inline-lobby .lobby-room{background:#223729;border-color:#52694c;padding:12px;margin:4px 0}
  .app:not(.office) .inline-lobby .lobby-room strong{color:#f1ebd3}
  .app:not(.office) .inline-lobby .lobby-room small,.app:not(.office) .inline-lobby .lobby-room span{color:#b7c5aa}
  .app:not(.office) .inline-lobby .lobby-actions{flex-direction:column;gap:6px}
  .app:not(.office) .inline-lobby .lobby-actions button{min-height:38px;justify-content:center}
  .app:not(.office) .action-guide{top:68px;margin:0 0 11px;padding:9px 11px;border:1px solid #9fb58c;background:#243b2b;box-shadow:0 7px 16px #07110888}
  .app:not(.office) .action-guide-main{gap:5px 8px}
  .app:not(.office) .action-guide-main strong{min-width:0;font-size:12px;line-height:1.3}
  .app:not(.office) .action-guide-sync{font-size:9px}
  .app:not(.office) .action-guide details{margin-top:2px}
  .app:not(.office) .workspace{display:block}
  .app:not(.office) .game-area{overflow:visible;border-color:#40583c;border-radius:16px;background:#122019;box-shadow:0 12px 28px #03080599}
  .app:not(.office) .table-bar{display:grid;grid-template-columns:1fr auto;gap:9px;padding:11px 13px;border-bottom:1px solid #516c4a;color:#e5e8ce;background:#1c3022;border-radius:16px 16px 0 0;font-size:10px;letter-spacing:.5px}
  .app:not(.office) .table-bar>span:nth-child(2),.app:not(.office) .table-bar>.muted{display:none}
  .app:not(.office) .mobile-board-stats{display:flex;grid-column:1/-1;align-items:center;gap:8px;width:100%;font-size:11px;letter-spacing:0}
  .app:not(.office) .mobile-board-stats b{padding:5px 8px;border:1px solid #5e7650;border-radius:6px;background:#2c4530;color:#e9ebd5;font-weight:600}
  .app:not(.office) .mobile-board-stats b:nth-child(2){color:#f1c9b9}
  .app:not(.office) .mobile-board-stats em{margin-left:auto;font-style:normal;color:#d7bd76;font-weight:700}
  .app:not(.office) .table-wrap{min-height:auto;padding:16px 14px 38px;background:radial-gradient(ellipse at 50% 35%,#31543a 0%,#203a29 60%,#13261c 100%);border-radius:0 0 16px 16px}
  .app:not(.office) .table{min-height:450px;border:2px solid #9aac79;border-radius:50px;background:radial-gradient(ellipse at 50% 45%,#3b6243,#234b31 65%,#183d28);box-shadow:0 0 0 7px #162d20,0 0 0 9px #789166,0 20px 30px #07120baa,inset 0 0 40px #0e2e1a}
  .app:not(.office) .table-line{inset:10px;border:1px dashed #d0d7a14d;border-radius:41px}
  .app:not(.office) .table-title{top:43%;font-size:19px;letter-spacing:4px;color:#e4eed62e}
  .app:not(.office) .table-title span{display:none}
  .app:not(.office) .top-seats,.app:not(.office) .large-team{position:absolute;top:13px;left:13px;right:13px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px 3px;padding:0;z-index:2}
  .app:not(.office) .seat{min-width:0;max-width:none;font-size:9px}
  .app:not(.office) .seat .avatar{width:29px;height:29px;background:#152d1d;border-color:#d4d6a4;color:#f5ecc5;font-size:13px}
  .app:not(.office) .seat strong{max-width:100%;margin:4px 0;font-size:9px;font-weight:700}
  .app:not(.office) .seat .history{gap:2px;margin:2px 0}
  .app:not(.office) .seat .mini-chip{width:11px;height:11px;font-size:7px}
  .app:not(.office) .community{top:177px;left:7px;right:7px}
  .app:not(.office) .community .overline{margin-bottom:10px;color:#dae3b8;font-size:10px;letter-spacing:1.2px}
  .app:not(.office) .community .cards{gap:5px}
  .app:not(.office) .community .card{width:clamp(44px,13vw,56px);height:auto;aspect-ratio:63.5/88;min-width:0;border:2px solid #f6f1e4;border-radius:6px;box-shadow:0 3px 6px #08140e88}
  .app:not(.office) .table-note{margin:10px auto 0;max-width:90%;font-size:9px;color:#d1dbbf}
  .app:not(.office) .my-seat{bottom:14px;left:10px;right:10px}
  .app:not(.office) .my-seat .cards{margin-bottom:7px}
  .app:not(.office) .my-seat .card{width:62px;height:auto;aspect-ratio:63.5/88;border:2px solid #f4eddf;box-shadow:0 5px 10px #05110888}
  .app:not(.office) .my-label{gap:6px;font-size:11px}
  .app:not(.office) .my-label .avatar{background:#d7b66d;border-color:#f9e5ac;color:#20331e;font-weight:700}
  .app:not(.office) .mobile-hand-rank{display:block;width:max-content;max-width:90%;margin:5px auto 0;padding:3px 8px;border:1px solid #d9c98b;border-radius:5px;background:#162d1e;color:#f5e7b3;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .app:not(.office) .large-table{min-height:555px}
  .app:not(.office) .large-table .community{top:236px}
  .app:not(.office) .large-table .table-title{top:50%}
  .app:not(.office) .best-hand-panel{margin-top:10px}
  .app:not(.office) .mobile-chip-dock{position:fixed;left:0;right:0;bottom:0;z-index:30;max-height:42dvh;overflow-y:auto;overscroll-behavior:contain;border:1px solid #a9b687;border-bottom:0;border-radius:17px 17px 0 0;background:#182c20f7;backdrop-filter:blur(12px);box-shadow:0 -12px 30px #020904bb;padding:12px 12px calc(9px + env(safe-area-inset-bottom));min-height:0}
  .app:not(.office) .mobile-chip-dock .tray-top{gap:6px;align-items:start}
  .app:not(.office) .mobile-chip-dock .tray-top strong{font-size:13px;color:#f2e5b8}
  .app:not(.office) .mobile-chip-dock .tray-top p{font-size:9px;line-height:1.3}
  .app:not(.office) .mobile-chip-dock .tray-top>.quiet{font-size:10px;padding:4px}
  .app:not(.office) .mobile-chip-dock .chips{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:10px 0 2px;padding:5px 5px 10px;scrollbar-width:thin}
  .app:not(.office) .mobile-chip-dock .chip-wrap{flex:0 0 51px;max-width:51px;gap:4px;color:#d7dfc7;font-size:9px;scroll-snap-align:start}
  .app:not(.office) .mobile-chip-dock .chip{width:48px;height:48px;border:3px dashed #fff9;outline:2px solid #f7eed1aa;box-shadow:0 3px 0 #0008,inset 0 0 0 3px #ffffff60;color:#1b2a20;font-size:19px}
  .app:not(.office) .mobile-chip-dock .chip-wrap.selected .chip{outline:3px solid #fff1a0;box-shadow:0 0 0 5px #dabc5d55,0 3px 0 #0008}
  .app:not(.office) .mobile-chip-dock>small{font-size:9px;line-height:1.4;text-align:left}
  .app:not(.office) .mobile-chip-dock .exit-area{margin-top:8px;padding-top:8px}
  .app:not(.office) .mobile-chip-dock .exit-area p{font-size:9px;margin:4px 0}
  .app:not(.office) .workspace>aside{display:flex;flex-direction:column;gap:10px;margin-top:16px}
  .app:not(.office) .workspace>aside>*{margin:0;flex:none}
  .app:not(.office) .workspace>aside>.activity{order:-1}
  .app:not(.office) .workspace>aside .panel{padding:16px}
  .app:not(.office) footer{padding-bottom:15px}
}

@media(max-width:390px){
  .app:not(.office) .top-seats,.app:not(.office) .large-team{gap:7px 2px;left:10px;right:10px}
  .app:not(.office) .seat .avatar{width:27px;height:27px}
  .app:not(.office) .table-wrap{padding-inline:11px}
  .app:not(.office) .community .cards{gap:3px}
  .app:not(.office) .community .card{width:clamp(42px,12.7vw,50px)}
}

@media(max-width:640px) and (max-height:720px){
  .app:not(.office) .table{min-height:400px}
  .app:not(.office) .community{top:124px}
  .app:not(.office) .my-seat{bottom:8px}
  .app:not(.office) .my-seat .card{width:52px}
  .app:not(.office) .large-table{min-height:505px}
  .app:not(.office) .large-table .community{top:204px}
  .app:not(.office) .mobile-chip-dock{padding-top:8px}
  .app:not(.office) .mobile-chip-dock .tray-top p,.app:not(.office) .mobile-chip-dock>small{display:none}
  .app:not(.office) .mobile-chip-dock .chips{margin:5px 0 0;padding-block:3px 5px}
  .app:not(.office) .mobile-chip-dock .chip-wrap{flex-basis:46px;max-width:46px}
  .app:not(.office) .mobile-chip-dock .chip{width:42px;height:42px;font-size:17px}
}

.app .gang-mobile-home{display:none}@media(max-width:640px){.app:not(.office) .gang-mobile-home{display:inline-flex}.app:not(.office) nav .gang-desktop-home{display:none}}