:root{--bg:#14151b;--panel:#1b1d25;--panel-raised:#22242e;--ink:#f0eee7;--muted:#a6a5ae;--dim:#757580;--line:rgba(236,223,195,.11);--gold:#d6ba7a;--gold-pale:#e8d6ad;--wine:#583a49;--mint:#8ab4a2;--danger:#eb9c9c;--radius:18px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button,a{touch-action:manipulation}input,textarea,select{width:100%;min-width:0;background:#15171e;color:var(--ink);border:1px solid #393940;border-radius:9px;padding:12px 14px;outline:none;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#777680}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d6ba7a13}textarea{resize:vertical;min-height:96px;max-height:260px}label{display:block;font-size:13px;font-weight:600;color:#d3cfd0}label input,label select{margin-top:8px}form>label,form>.form-row{margin-top:18px}form>.button{margin-top:24px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:.01em}h1{font-size:38px;line-height:1.4}h2{font-size:22px}h3{font-size:16px}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}fieldset{padding:0;border:0;margin:22px 0}legend{font-size:13px;font-weight:600;margin-bottom:12px}svg{flex-shrink:0}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(100px);z-index:-1}.ambient-one{background:#51354436;width:560px;height:480px;right:-260px;top:0}.ambient-two{background:#28403922;width:420px;height:420px;left:-260px;bottom:0}.topbar{height:102px;max-width:1440px;margin:0 auto;padding:0 60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:13px;font-size:22px;font-weight:600;letter-spacing:3px}.brand-moon{font-family:Georgia,serif;font-size:47px;line-height:1;color:var(--gold);transform:rotate(-18deg);display:inline-block}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:400;color:var(--dim);margin-top:3px}.brand-dot{padding:0 7px;color:var(--gold)}.header-nav{display:flex;align-items:center;gap:12px}.account-name{font-size:13px;color:var(--muted);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection{font-size:11px;color:var(--muted)}.connection::before{content:"";display:inline-block;width:5px;height:5px;background:#a9946b;border-radius:50%;margin-right:6px}.connection.online::before{background:var(--mint)}.connection.offline::before{background:var(--danger)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;min-height:46px;padding:11px 20px;border-radius:9px;font-size:13px;font-weight:600;line-height:1.4;transition:background .18s,border-color .18s,transform .18s,color .18s;background:transparent;color:var(--ink)}.button:not(:disabled):active{transform:translateY(1px)}.primary{background:var(--gold);color:#24221d;box-shadow:0 4px 20px #c6a35d0a}.primary:hover:not(:disabled){background:#e3cd9b}.outline{border-color:#6c5b3d;color:var(--gold-pale);background:#d6ba7a07}.outline:hover:not(:disabled){background:#d6ba7a13}.ghost{color:var(--muted);border-color:var(--line)}.ghost:hover:not(:disabled){background:#ffffff05;color:var(--ink);border-color:#ffffff26}.small{min-height:35px;padding:8px 12px;font-size:12px}.full{width:100%}.icon-button{width:38px;height:38px;min-height:38px;padding:0;border:1px solid var(--line);font-size:21px;color:var(--muted)}.icon-button:hover{background:#ffffff08;color:var(--ink)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#23232d99,#1b1d25ed);box-shadow:0 15px 35px #0000000a}.muted{color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:11px;letter-spacing:3px;margin-bottom:20px}.eyebrow>span{width:23px;height:1px;background:var(--gold)}.card-kicker{font-size:9px;letter-spacing:2px;color:#a69a80;line-height:1.8}.loading-screen{height:65vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);gap:10px;font-size:13px}.loading-moon{font-family:Georgia,serif;color:var(--gold);font-size:65px;animation:breathe 2s ease-in-out infinite}.auth-layout{max-width:1180px;margin:70px auto 40px;padding:0 40px;display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.auth-intro h1{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-weight:500;font-size:52px;line-height:1.5;letter-spacing:4px}.auth-intro h1 span{color:var(--gold-pale)}.intro-copy{color:var(--muted);font-size:13px;line-height:2.1;margin:23px 0 0;letter-spacing:.7px}.auth-card{padding:35px 34px;align-self:start;margin-top:10px;background:linear-gradient(150deg,#27252f,#1a1c24);box-shadow:0 25px 70px #00000024}.auth-card h2{margin-top:9px;font-size:23px}.auth-card>.muted{font-size:12px;margin-top:9px}.tabs{display:flex;border-bottom:1px solid var(--line)}.tabs button{flex:1;border:0;border-bottom:2px solid transparent;color:var(--dim);padding:13px 6px;background:none;font-size:13px;transition:color .2s}.tabs button[aria-selected=true],.tabs button.selected{border-bottom-color:var(--gold);color:var(--gold-pale)}.auth-tabs{margin:25px 0 24px}.auth-foot{border-top:1px solid var(--line);padding-top:22px;margin-top:25px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--dim);font-size:11px;letter-spacing:1px}.tiny-moon{font-family:Georgia,serif;color:var(--gold);font-size:24px}.field-hint{font-size:11px;line-height:1.8;color:var(--dim);margin-top:12px}.form-error{color:#ffb0ac;background:#762f3333;border:1px solid #b65d5d44;border-radius:8px;padding:10px 12px;font-size:12px;margin-top:18px}.form-row{display:flex;gap:14px}.form-row>*{flex:1;min-width:0}.intro-notes{display:flex;gap:24px;margin-top:20px;color:#9c99a4;font-size:10px;white-space:nowrap}.intro-notes i{font-style:normal;color:#c3ac7c;font-size:9px;margin-right:5px}.night-scene{position:relative;width:370px;height:170px;overflow:hidden;margin-top:30px;mask-image:linear-gradient(to bottom,#000 80%,transparent);max-width:100%}.scene-moon{position:absolute;left:236px;top:7px;width:61px;height:61px;border-radius:50%;background:#e0c78e;box-shadow:0 0 55px #c7a2571c}.scene-moon::after{content:"";position:absolute;top:-4px;left:15px;width:60px;height:58px;background:#17171e;border-radius:50%}.scene-orbit{position:absolute;width:240px;height:240px;border:1px solid #d6ba7a10;border-radius:50%;top:-70px;left:130px}.star{font-style:normal;position:absolute;color:#c1a56e}.s1{top:30px;left:120px;font-size:10px}.s2{top:66px;left:320px;font-size:13px}.s3{top:9px;left:193px;font-size:6px}.s4{top:75px;left:40px;font-size:17px}.scene-hill{position:absolute;width:400px;height:130px;border-radius:50% 50% 0 0}.hill-back{background:#2a2a32;top:116px;left:26px;transform:rotate(-8deg)}.hill-front{background:#1e2429;top:135px;left:-70px;transform:rotate(4deg)}.scene-house{position:absolute;width:54px;height:48px;left:154px;top:94px;background:#3e3439;transform:rotate(-3deg);border-left:5px solid #463a3d}.roof{position:absolute;width:62px;height:42px;background:#514448;top:-25px;left:-10px;clip-path:polygon(50% 0,100% 100%,0 100%)}.window{width:14px;height:18px;background:#d6ba7a;position:absolute;left:7px;top:15px;box-shadow:0 0 24px #d6ba7a33}.window::before,.window::after{content:"";position:absolute;background:#493a36}.window::before{width:2px;height:18px;left:6px}.window::after{width:14px;height:2px;top:8px}.door{width:11px;height:25px;background:#231f26;position:absolute;right:7px;bottom:0}.scene-tree{position:absolute;background:#333939;width:36px;height:85px;clip-path:polygon(50% 0,90% 44%,70% 44%,100% 78%,56% 78%,56% 100%,44% 100%,44% 78%,0 78%,30% 44%,10% 44%)}.tree-one{left:75px;top:63px;transform:rotate(-5deg)}.tree-two{left:275px;top:91px;width:25px;height:55px}.scene-caption{position:absolute;font-size:8px;letter-spacing:3px;color:#a59b88;bottom:3px;left:98px}.site-footer{max-width:1320px;margin:30px auto 0;border-top:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between;padding:22px 0;font-size:10px;letter-spacing:1px;color:#6f6f7b}.footer-moon{color:var(--gold);font-size:22px;line-height:1}.page-shell{max-width:1240px;margin:55px auto 70px;padding:0 35px}.lobby-hero{display:flex;justify-content:space-between;align-items:center;gap:30px}.lobby-hero h1{font-size:34px;font-family:"Noto Serif SC","Songti SC",SimSun,serif;letter-spacing:2px}.lobby-hero p{font-size:13px;color:var(--muted);margin-top:13px}.feature-strip{margin:35px 0 40px;background:#1b1d2488;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);padding:23px 10px}.feature-strip>div{display:flex;align-items:center;justify-content:center;gap:17px;border-right:1px solid var(--line)}.feature-strip>div:last-child{border:0}.feature-symbol{font-size:27px;font-family:Georgia,serif;color:var(--gold)}.feature-strip strong{display:block;font-size:12px;font-weight:500}.feature-strip small{font-size:10px;display:block;color:var(--dim);margin-top:4px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.section-title h2{font-size:19px}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;background:#d6ba7a0b;border:1px solid #d6ba7a21;border-radius:5px;color:#b6a682;margin-left:7px;vertical-align:middle;font-weight:400}.rooms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.room-card{padding:24px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.room-card:hover{border-color:#d6ba7a45;transform:translateY(-2px)}.room-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.room-emblem{display:flex;justify-content:center;align-items:center;width:44px;height:44px;font-size:27px;font-family:Georgia,serif;color:var(--gold);border:1px solid #d6ba7a22;border-radius:50%;background:#d6ba7a05}.badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;border:1px solid #8ab4a228;background:#8ab4a209;color:var(--mint);padding:4px 8px;border-radius:5px;white-space:nowrap}.badge.active{color:#dbc08b;border-color:#dbc08b30;background:#dbc08b08}.badge.finished{color:var(--dim);border-color:var(--line);background:transparent}.room-card h3{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card .room-meta{font-size:11px;color:var(--dim);margin-top:9px}.room-dots{display:flex;gap:5px;margin:22px 0}.room-dots i{height:6px;width:6px;border-radius:50%;background:#4b4950}.room-dots i.filled{background:var(--gold)}.room-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:5px}.room-card-bottom p{color:var(--muted);font-size:11px}.room-card-bottom strong{color:var(--gold-pale);font-weight:500}.empty-rooms{grid-column:1/-1;border:1px dashed #d6ba7a28;border-radius:15px;text-align:center;padding:55px 20px}.empty-rooms .empty-icon{display:block;font-size:50px;font-family:Georgia,serif;color:#bca67788;margin-bottom:8px}.empty-rooms h3{font-size:17px;color:#cbc7c4}.empty-rooms p{font-size:12px;color:var(--dim);margin:9px 0 22px}.lobby-bottom{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:35px;font-size:11px;color:#9b9487;text-align:left}.lobby-bottom>span{font-size:23px;color:#9e8a65}.lobby-bottom small{font-size:10px;color:var(--dim)}.table-shell{max-width:1420px;margin:28px auto 50px;padding:0 40px}.table-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.table-heading-main{display:flex;align-items:center;gap:15px;min-width:0}.table-heading-main h1{font-size:24px;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eyebrow.compact{font-size:8px;letter-spacing:2px;margin:0 0 3px}.table-heading-actions{display:flex;gap:8px}.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.game-column{min-width:0}.table-board{height:580px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#2d2a31 0,#20222b 43%,#1b1e25 72%)}.table-orbit{position:absolute;top:14%;left:12%;width:76%;height:72%;border:1px solid #d6ba7a17;border-radius:50%}.table-orbit.orbit-inner{top:20%;left:17%;width:66%;height:60%;border-style:dashed;border-color:#d6ba7a10}.board-watermark{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%) rotate(-18deg);font:90px Georgia,serif;color:#d6ba7a0e}.table-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46%;text-align:center;z-index:1}.table-center h2{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-size:24px;color:var(--gold-pale);letter-spacing:2px;margin:10px 0}.table-center>p{font-size:11px;color:var(--muted);line-height:1.9}.center-controls{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:18px}.center-controls .button{padding:10px 15px;min-height:39px;font-size:11px}.phase-clock{margin:12px auto 0}.phase-clock>span{font-size:33px;font-weight:300;font-variant-numeric:tabular-nums;color:var(--gold-pale);letter-spacing:3px}.phase-clock small{display:block;color:var(--dim);font-size:8px;letter-spacing:2px}.phase-clock.urgent>span{color:#df9c8b}.seats{position:absolute;inset:0;pointer-events:none}.seat{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:105px;height:103px;border:1px solid #78717c24;border-radius:12px;background:#1b1e26d9;color:var(--ink);display:flex;align-items:center;flex-direction:column;justify-content:center;padding:12px 6px 7px;pointer-events:auto;transition:border-color .2s,box-shadow .2s}.seat.empty{border-style:dashed;background:#1b1e2644;color:var(--dim)}.seat.empty:not(:disabled):hover{border-color:var(--gold);color:var(--gold)}.seat.own{border-color:#d6ba7a88;box-shadow:0 0 24px #d6ba7a07}.seat.speaking{border-color:var(--mint);box-shadow:0 0 0 3px #8ab4a216,0 0 25px #8ab4a210}.seat.dead{opacity:.5}.seat-number{position:absolute;top:4px;left:7px;font-size:8px;color:#8a8490;font-variant-numeric:tabular-nums}.seat-avatar{display:grid;place-items:center;background:#42404c;width:31px;height:31px;border-radius:50%;font-size:13px;font-weight:500;color:#d8d1ca;margin-bottom:5px;line-height:1}.seat:nth-child(3n+1) .seat-avatar{background:#493c45;color:#e2cad0}.seat:nth-child(3n+2) .seat-avatar{background:#384846;color:#c7ddd5}.seat:nth-child(3n+3) .seat-avatar{background:#484437;color:#e5d8b9}.seat.empty .seat-avatar{background:transparent;font-size:21px;font-weight:300;color:inherit;margin-bottom:3px}.seat-name{font-size:10px;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}.seat-status{font-size:8px;margin-top:3px;color:var(--dim);white-space:nowrap}.seat-status.ready{color:var(--mint)}.seat-status.speaking{color:var(--mint)}.seat-tag{position:absolute;right:5px;top:4px;font-size:7px;color:#b6a47f}.role-panel{display:flex;align-items:center;gap:17px;padding:20px 23px;margin-top:16px;background:linear-gradient(110deg,#2e2731aa,#1d2028)}.role-sigil{display:grid;place-items:center;width:43px;height:49px;flex-shrink:0;border:1px solid #d6ba7a36;border-radius:9px;color:var(--gold);font-size:25px;background:#d6ba7a07}.role-copy{flex:1;min-width:0}.role-copy h3{font-size:16px;margin-top:3px}.role-copy p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:4px}.role-copy .card-kicker{font-size:8px}.action-panel,.private-panel{padding:22px 24px;margin-top:16px}.section-title.tight{margin-bottom:14px}.action-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #d6ba7a10}.action-row{display:flex;align-items:center;gap:9px;margin-top:12px}.action-row>label{flex:1;min-width:0}.action-row>label span{display:block;font-size:11px;margin-bottom:6px;color:var(--muted)}.action-row select{font-size:12px;padding:10px}.action-row .button{align-self:flex-end;min-height:40px;white-space:nowrap}.action-feedback{font-size:11px;color:var(--mint);margin-top:8px;min-height:0}.private-panel h3{font-size:13px;color:#cfc2aa;margin-bottom:13px}.private-panel h3 span{margin-right:8px;color:var(--gold)}.private-entry{font-size:11px;color:var(--muted);padding:7px 0;border-top:1px solid var(--line)}.private-entry:first-child{border:0}.private-entry small{color:var(--dim);margin-right:9px}.history-panel{margin-top:16px;overflow:hidden}.disclosure{display:flex;align-items:center;text-align:left;gap:8px;width:100%;background:none;border:0;padding:18px 22px;color:var(--ink);font-size:13px}.disclosure>span:first-child{flex:1}.disclosure>span:first-child>span{margin-right:10px}.disclosure-chevron{font-size:17px;color:var(--muted);margin-left:5px;transition:transform .2s}.disclosure[aria-expanded=true] .disclosure-chevron{transform:rotate(180deg)}.game-history{max-height:300px;overflow:auto;padding:0 23px 18px;scrollbar-width:thin;scrollbar-color:#4a4245 transparent}.history-entry{display:flex;gap:12px;font-size:11px;border-top:1px solid var(--line);padding:11px 0;color:var(--muted)}.history-entry small{flex-shrink:0;font-size:9px;color:var(--dim);width:35px;padding-top:2px}.empty-hint{color:var(--dim);font-size:11px;line-height:1.8;padding:15px 0}.notice{padding:12px 18px;border-radius:10px;margin-bottom:15px;font-size:12px}.warning{background:#d6ba7a10;border:1px solid #d6ba7a30;color:#e1c995}.chat-panel{height:750px;display:flex;flex-direction:column;position:sticky;top:20px;background:linear-gradient(165deg,#24232b,#1b1e26)}.chat-header{padding:22px 22px 15px;display:flex;align-items:center;justify-content:space-between}.chat-header h2{font-size:17px;margin-top:4px}.chat-header .card-kicker{font-size:8px;letter-spacing:1.5px}.chat-spark{font-size:38px;color:#b79d674d;font-family:Georgia,serif}.chat-tabs{margin:0 20px}.chat-tabs button{font-size:11px;padding:10px 6px}.chat-messages{flex:1;min-height:160px;overflow:auto;padding:16px 19px;scrollbar-width:thin;scrollbar-color:#4a4245 transparent;overscroll-behavior:contain}.chat-empty{display:flex;height:100%;min-height:160px;align-items:center;justify-content:center;flex-direction:column;gap:11px;text-align:center;font-size:11px;color:var(--dim)}.chat-empty span{font-size:35px;color:#bda16a50;font-family:Georgia,serif}.chat-message{margin-bottom:17px;animation:fade-in .2s ease}.message-meta{display:flex;align-items:center;gap:7px;font-size:10px;margin-bottom:6px}.message-avatar{display:grid;place-items:center;width:21px;height:21px;flex-shrink:0;border-radius:50%;background:#44414b;color:#d2cbd0;font-size:9px}.message-name{color:#c8c3c7;max-width:140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.message-time{color:#65646e;font-size:8px;margin-left:auto}.message-body{font-size:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;background:#292a33;border:1px solid #ffffff03;border-radius:0 9px 9px 9px;padding:10px 12px;margin-left:28px;color:#d8d5d7}.chat-message.own .message-body{background:#3a3234;border-color:#d6ba7a12;color:#e5dbca}.message-kind{color:#a99878;border:1px solid #a9987830;border-radius:3px;padding:0 3px;font-size:7px}.chat-compose{border-top:1px solid var(--line);padding:13px 18px 15px}.chat-permission{font-size:10px;line-height:1.8;color:var(--dim);margin-bottom:10px;min-height:18px}.chat-permission.allowed{color:#a3bbaa}.chat-compose textarea{padding:10px 11px;font-size:12px;border-color:#ffffff0c;border-radius:9px;background:#151820;min-height:80px;height:80px;max-height:160px}.compose-bottom{display:flex;align-items:center;gap:8px;margin-top:9px}.compose-bottom small{font-size:8px;color:var(--dim);flex:1}.mic-button{font-size:10px;gap:6px;padding:8px 10px;min-height:35px;background:#ffffff04;border:1px solid var(--line);color:var(--muted)}.mic-button[aria-pressed=true]{border-color:#db9d9877;color:#efb1a9;background:#b956571a;animation:breathe 2s infinite}.voice-playback{font-size:10px;color:var(--mint);padding:8px 19px;background:#8ab4a208;border-top:1px solid #8ab4a218}.chat-compose .field-hint{margin-top:8px;font-size:9px;min-height:0}.modal{border:1px solid #5c5254;border-radius:19px;background:linear-gradient(140deg,#29262f,#1b1e26);color:var(--ink);padding:29px 30px;max-width:480px;width:calc(100% - 30px);box-shadow:0 35px 120px #0009;max-height:90vh;max-height:90dvh;overflow:auto;scrollbar-width:thin;scrollbar-color:#51474c transparent}.modal::backdrop{background:#090c14b8;backdrop-filter:blur(7px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.modal-heading h2{font-size:22px;margin-top:4px}.modal-heading .icon-button{border:0;align-self:flex-start;flex-shrink:0}.size-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.size-option{position:relative;display:block;cursor:pointer}.size-option input{position:absolute;opacity:0;width:1px;height:1px}.size-option span{display:flex;align-items:center;justify-content:center;gap:4px;background:#181b22;border:1px solid #ffffff12;border-radius:9px;height:56px;font-size:24px;font-weight:400;color:#b4acaa;font-variant-numeric:tabular-nums}.size-option small{font-size:10px;margin-top:5px}.size-option input:checked+span{border-color:var(--gold);background:#d6ba7a12;color:var(--gold-pale)}.size-option input:focus-visible+span{outline:2px solid var(--gold);outline-offset:4px}.preset-preview{padding:15px 17px;background:#d6ba7a06;border:1px solid #d6ba7a17;border-radius:10px;margin:16px 0}.preset-preview h3{font-size:12px;color:#d7c29a}.role-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.role-chip{padding:3px 8px;border:1px solid #d6ba7a22;border-radius:5px;background:#d6ba7a05;color:#c2b7a4;font-size:10px}.role-chip.wolf{border-color:#a57b8830;background:#7e4a581a;color:#d2a3ae}.preset-preview p{font-size:10px;color:var(--dim);margin-top:12px;line-height:1.9}.timing-details{margin:22px 0 0;font-size:12px;color:var(--muted)}.timing-details summary{cursor:pointer;color:var(--muted)}.timing-details .form-row{margin-top:17px}.rules-section{margin-top:22px}.rules-section h3{font-size:13px;color:var(--gold-pale);margin-bottom:9px}.rules-section p,.rules-section li{font-size:12px;color:var(--muted);line-height:1.95}.rules-section ul{padding-left:17px;margin:8px 0}.compact-modal{max-width:420px}.seat-dialog-actions{display:flex;flex-direction:column;gap:12px}.seat-dialog-actions .button{justify-content:space-between}.invite-result{display:flex;align-items:center;gap:12px;background:#12151d;padding:16px;border:1px solid #d6ba7a44;border-radius:9px;margin:15px 0;overflow-wrap:anywhere}.invite-result code{font-size:17px;color:var(--gold-pale);flex:1;font-family:ui-monospace,monospace;letter-spacing:1px}.admin-section{border-top:1px solid var(--line);padding-top:20px;margin-top:21px}.admin-section:first-child{border-top:0;padding-top:0}.admin-section h3{font-size:14px;margin-bottom:11px}.admin-section p{color:var(--muted);font-size:11px;line-height:1.9}.ai-state{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.ai-state span:last-child{margin-left:auto;font-size:10px;color:var(--dim)}.ai-state.online span:last-child{color:var(--mint)}.invite-item{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.invite-item code{color:#d1bc94;overflow-wrap:anywhere}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);padding:13px 24px;background:#343029;border:1px solid #8f7d55;border-radius:10px;color:var(--gold-pale);font-size:13px;box-shadow:0 8px 35px #0006;z-index:100;animation:fade-in .18s ease}.toast.error{background:#38282c;border-color:#9f6363;color:#f1baba}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{0%,100%{opacity:.65}50%{opacity:1}}@keyframes fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.auth-layout{margin-top:100px}.table-board{height:620px}.chat-panel{height:790px}}@media(max-width:1200px){.topbar{padding:0 35px}.auth-layout{gap:55px;margin-top:55px}.table-shell{padding:0 25px}.table-layout{grid-template-columns:minmax(0,1fr) 310px;gap:17px}.table-board{height:550px}.seat{width:89px;height:96px}.seat-name{max-width:78px;font-size:9px}.table-center h2{font-size:21px}.table-center>p{font-size:10px}.table-center{width:44%}.site-footer{margin-left:35px;margin-right:35px}.rooms-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.table-heading-actions{gap:5px}.table-heading-actions .button{padding:7px 9px;font-size:10px}}
@media(max-width:1000px){.auth-layout{gap:35px;grid-template-columns:1fr 1fr;padding:0 30px}.auth-intro h1{font-size:42px}.auth-card{padding:28px 25px}.intro-notes{gap:13px;font-size:8px}.table-layout{grid-template-columns:minmax(0,1fr) 290px;gap:13px}.table-shell{padding:0 20px}.seat{width:75px;height:91px}.seat-name{max-width:66px}.seat-avatar{width:28px;height:28px}.seat-status{font-size:7px}.table-center h2{font-size:18px}.center-controls .button{font-size:10px;padding:9px 10px}.table-heading-main h1{max-width:210px;font-size:21px}.table-heading-main{gap:10px}.table-heading-main .badge{display:none}.chat-header{padding:20px 17px 13px}.chat-compose{padding:12px}.chat-messages{padding:15px 12px}.rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phase-clock>span{font-size:27px}.role-panel{padding:17px;gap:12px}.role-sigil{width:36px;height:42px}.role-copy p{font-size:9px}.role-panel .button{font-size:10px;padding:8px}}
@media(max-width:800px){.topbar{height:85px;padding:0 23px}.brand{font-size:20px;gap:10px}.brand small{font-size:8px;letter-spacing:1px}.brand-moon{font-size:39px}.header-nav{gap:7px}.header-nav .button{font-size:10px;padding:7px 9px;min-height:31px}.account-name{max-width:95px;font-size:11px}.connection{display:none}.auth-layout{max-width:590px;display:block;margin:40px auto;padding:0 30px}.auth-intro{margin-bottom:30px}.auth-intro h1{font-size:37px;line-height:1.5}.auth-intro h1 br{display:none}.eyebrow{margin-bottom:14px}.intro-copy{margin-top:13px;font-size:12px}.intro-copy br{display:none}.night-scene,.intro-notes{display:none}.auth-card{margin-top:0;padding:28px}.auth-card h2{font-size:21px}.page-shell{margin-top:35px;padding:0 24px}.lobby-hero h1{font-size:27px}.lobby-hero p{font-size:11px}.feature-strip{margin:27px 0 31px;padding:17px 5px}.feature-strip>div{gap:9px}.feature-symbol{font-size:23px}.feature-strip strong{font-size:10px}.feature-strip small{font-size:8px}.table-layout{grid-template-columns:1fr}.table-shell{padding:0 22px;margin-top:22px}.table-heading{align-items:flex-start;gap:13px;flex-wrap:wrap;margin-bottom:17px}.table-heading-actions{margin-left:auto}.table-heading-main .badge{display:inline-flex}.table-board{height:570px}.seat{width:98px;height:103px}.seat-name{font-size:10px;max-width:87px}.seat-status{font-size:8px}.seat-avatar{width:31px;height:31px}.table-center{width:47%}.table-center h2{font-size:23px}.table-center>p{font-size:12px}.center-controls .button{font-size:12px;padding:10px 16px}.chat-panel{position:relative;top:auto;height:570px;margin-top:6px}.chat-header{padding:21px 22px 15px}.chat-messages{padding:18px}.chat-compose{padding:14px 19px}.compose-bottom small{font-size:9px}.chat-compose textarea{height:75px;min-height:75px}.message-body{font-size:12px}.chat-tabs button{font-size:12px}.role-panel{padding:20px;gap:15px}.role-copy p{font-size:11px}.role-panel .button{font-size:12px;padding:9px 12px}.site-footer{margin:25px 24px 0;font-size:8px;letter-spacing:0}.site-footer>span:first-child{display:none}.feature-strip>div:last-child small{max-width:95px;line-height:1.8}.phase-clock>span{font-size:32px}}
@media(max-width:520px){.topbar{padding:0 17px;height:77px;gap:8px}.brand{font-size:17px;letter-spacing:1px;gap:8px}.brand-moon{font-size:36px}.brand-dot{padding:0 4px}.brand small{font-size:7px;letter-spacing:0}.header-nav{gap:5px}.account-name{display:none}.header-nav .button{font-size:9px;padding:6px 7px;min-height:29px}.auth-layout{padding:0 21px;margin-top:30px}.auth-intro h1{font-size:29px;letter-spacing:2px}.auth-intro .eyebrow{font-size:9px;letter-spacing:2px}.intro-copy{font-size:10px;line-height:1.8}.auth-card{padding:25px 23px}.auth-card h2{font-size:21px}.form-row{gap:10px}.auth-card .form-row{display:block}.auth-card .form-row label+label{margin-top:16px}.auth-tabs{margin:23px 0 22px}.page-shell{padding:0 19px}.lobby-hero{gap:12px}.lobby-hero h1{font-size:25px}.lobby-hero p{font-size:10px;max-width:180px;line-height:1.8}.lobby-hero>.button{font-size:11px;min-height:40px;padding:10px 14px;gap:7px;flex-shrink:0}.lobby-hero .eyebrow{font-size:9px;letter-spacing:2px}.feature-strip{gap:0;padding:16px 0;grid-template-columns:1fr 1fr}.feature-strip>div:nth-child(2){border:0}.feature-strip>div:last-child{display:none}.feature-strip strong{font-size:10px}.feature-strip small{font-size:8px}.section-title h2{font-size:17px}.rooms-grid{grid-template-columns:1fr}.room-card{padding:23px}.room-card-top{margin-bottom:17px}.room-dots{margin:17px 0}.lobby-bottom{font-size:9px}.lobby-bottom small{font-size:8px}.table-shell{padding:0 13px;margin-top:17px}.table-heading-main{gap:9px}.table-heading-main h1{font-size:20px;max-width:205px}.table-heading-main>.icon-button{width:31px;height:31px;min-height:31px;font-size:18px}.table-heading-main .badge{font-size:8px;padding:3px 5px}.table-heading-actions{width:100%;justify-content:flex-end;gap:6px}.table-heading-actions .button{font-size:9px;padding:6px 9px;min-height:29px}.table-heading{gap:12px}.table-board{height:auto;min-height:0;padding:22px 14px 17px;overflow:visible}.table-orbit,.board-watermark{display:none}.table-center{position:static;transform:none;width:100%;padding:5px 13px 23px;border-bottom:1px solid var(--line);margin-bottom:19px;min-height:115px}.table-center .card-kicker{font-size:8px}.table-center h2{font-size:23px;margin:7px 0}.table-center>p{font-size:11px;line-height:1.8}.center-controls{margin-top:13px}.center-controls .button{font-size:11px;min-height:36px;padding:9px 14px}.seats{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;pointer-events:auto}.seat{position:relative;left:auto;top:auto;transform:none;width:100%;height:101px;padding-top:13px;border-radius:10px}.seat-name{font-size:10px;max-width:calc(100% - 4px)}.seat-avatar{width:31px;height:31px}.seat-status{font-size:8px}.seat-tag,.seat-number{font-size:8px}.seats[data-size="8"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.seats[data-size="8"] .seat{height:95px}.seats[data-size="8"] .seat-name{font-size:9px}.seats[data-size="8"] .seat-avatar{width:28px;height:28px;font-size:11px}.seats[data-size="8"] .seat-status{font-size:7px}.role-panel{padding:17px 14px;gap:10px;margin-top:13px}.role-sigil{width:32px;height:40px;font-size:20px}.role-copy h3{font-size:14px}.role-copy p{font-size:9px}.role-panel .button{font-size:10px;padding:8px;min-height:33px}.role-copy .card-kicker{font-size:7px}.action-panel,.private-panel{padding:18px 16px;margin-top:13px}.action-row{gap:6px;flex-wrap:wrap}.action-row>label{flex-basis:100%;margin-bottom:3px}.action-row>.button{flex:1;font-size:11px}.action-row select{font-size:12px}.history-panel{margin-top:13px}.disclosure{padding:17px;font-size:12px}.chat-panel{margin-top:0;height:570px}.chat-header{padding:18px 19px 13px}.chat-compose{padding:13px 15px}.modal{padding:24px 21px;border-radius:16px;max-height:92dvh}.modal-heading h2{font-size:21px}.size-options{gap:8px}.size-option span{height:52px;font-size:23px}.modal .form-row label{font-size:11px}.modal .form-row input{padding:10px}.modal .field-hint{font-size:10px}.site-footer{margin:20px 18px 0;padding:18px 0;font-size:8px}.toast{font-size:12px;padding:12px 18px;bottom:20px}.phase-clock{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:8px}.phase-clock>span{font-size:27px}.phase-clock small{font-size:8px}.chat-header h2{font-size:17px}.intro-notes{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.room-navigation-hint{color:var(--muted);font-size:12px;line-height:1.8;margin:-8px 0 20px}.table-heading-actions{flex-wrap:wrap}#back-lobby{flex-shrink:0}#room-visibility{white-space:nowrap}@media(max-width:520px){.room-navigation-hint{font-size:10px;margin:0 0 14px}.table-heading-actions{justify-content:flex-start}#room-visibility{font-size:9px}}