:root{color-scheme:light;--ink:#203858;--muted:#627894;--blue:#4679b9;--cyan:#1ddfff;--line:#9dbcd345;--paper:#ffffffb8;--pink:#f3a8b3;--cream:#fff2df;--danger:#a73d62;--shadow:0 18px 55px #37639513;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#edf6ff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;background:radial-gradient(ellipse at 12% 10%,#bdeeffb5,transparent 52%),linear-gradient(140deg,#e5f6ff 8%,#f0f5ff 54%,#fff2df 86%,#f3a8b347);overflow-x:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #3482cb;outline-offset:4px}button,input,select,textarea{min-height:44px}input,select,textarea{width:100%;min-width:0;background:#ffffffc9;color:var(--ink);border:1px solid #9ab7d15e;border-radius:13px;padding:12px 14px}textarea{resize:vertical;line-height:1.65;min-height:90px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em}h2{font-size:23px}p{line-height:1.8}button{border-radius:13px;font-weight:700;transition:transform .15s,background .15s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.22em;color:#5c80aa;margin-bottom:12px}.primary{background:linear-gradient(120deg,#99e8ff,#84c2f0);color:#203e65;border:1px solid #74b4df;padding:13px 20px;box-shadow:0 6px 18px #5c96bf19}.primary:hover{background:#b2edff}.secondary{background:#ffffff94;border:1px solid var(--line);color:#496789;padding:12px 17px}.danger{background:#faedf2;border:1px solid #dfadc1;color:var(--danger);padding:12px 17px}.text-button{background:transparent;color:#4e73a0;font-size:12px;padding:8px}.wide{width:100%}.sky-orbit{position:fixed;pointer-events:none;border:1px solid #789ac515;border-radius:50%;z-index:-1}.orbit-one{width:750px;height:750px;top:-530px;left:15%}.orbit-two{width:580px;height:580px;bottom:-400px;right:-100px}
.topbar{max-width:1440px;margin:auto;min-height:84px;padding:18px clamp(16px,4vw,52px);display:flex;justify-content:space-between;align-items:center;gap:16px}.pill-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;max-width:45%;padding:9px 16px;border:1px solid #9cb9d550;border-radius:999px;background:#ffffff8f;box-shadow:0 3px 10px #416c9810;font-size:12px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wordmark{font-size:16px;font-weight:850;display:flex;align-items:center;gap:8px}.wordmark>span{font-size:28px;color:#5b88bf}.wordmark small{font-size:8px;letter-spacing:.15em;font-weight:700;color:#6c87a6}.account-link{max-width:220px}.footer{max-width:1320px;margin:36px auto 0;display:flex;justify-content:space-between;gap:15px;padding:20px 28px 26px;font-size:9px;color:#7890ab;letter-spacing:.08em}.footer a{letter-spacing:0}.loading-panel{margin:12vh auto;max-width:420px;text-align:center;padding:25px}.loading-moon{font-size:70px;color:#6398c9;display:block;margin-bottom:20px}.loading-panel h1{font-size:26px}.loading-panel p{font-size:13px;color:var(--muted)}
#app{max-width:1280px;margin:auto;padding:0 28px}.game-tabs{display:flex;gap:8px;justify-content:center;margin:10px 0 24px}.game-tabs button{min-height:38px;padding:9px 20px;border-radius:999px;background:transparent;color:#7b92ac;font-size:12px}.game-tabs button.active{background:#ffffffb2;color:#355b89;box-shadow:0 4px 20px #4a74920d}.home-screen{display:grid;grid-template-columns:1fr 420px;gap:clamp(34px,8vw,110px);align-items:center;max-width:1080px;min-height:calc(100svh - 220px);margin:0 auto}.hero{position:relative;padding:35px 0 45px}.hero .eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(64px,8vw,100px);line-height:1.04;letter-spacing:-.07em;margin:0 0 15px;font-weight:900;color:#355d8c}.hero h1>span{color:#6f9acc}.hero .hero-subtitle{font-size:17px;letter-spacing:.18em;line-height:2;color:#617e9e}.hero-art{position:relative;width:300px;height:175px;margin-top:25px}.moon-disc{position:absolute;top:5px;left:75px;width:144px;height:144px;border-radius:50%;background:linear-gradient(140deg,#fff8e9,#fff2df 65%,#f3a8b36e);box-shadow:0 0 65px #fff2dfce}.wolf-shape{position:absolute;left:110px;top:40px;width:104px;height:108px;background:linear-gradient(155deg,#8ebada,#557bad);clip-path:polygon(10% 0,37% 20%,65% 18%,92% 0,96% 60%,77% 88%,50% 100%,25% 89%,5% 61%);filter:drop-shadow(0 10px 15px #4b6d9330)}.wolf-eye{position:absolute;top:91px;width:11px;height:5px;border-radius:8px;background:#e1f8ff}.wolf-eye.eye-left{left:139px;transform:rotate(17deg)}.wolf-eye.eye-right{left:178px;transform:rotate(-17deg)}.hero-star{position:absolute;font-size:19px;color:#87a8ca}.star-a{left:27px;top:60px}.star-b{left:252px;top:36px;font-size:11px}.star-c{left:239px;top:135px;font-size:15px}.hero-art:after{content:"";position:absolute;bottom:2px;left:30px;width:240px;height:20px;border-radius:50%;background:#7196c215;filter:blur(5px)}.hero-note{font-size:11px;color:#718ca9;display:flex;gap:18px;flex-wrap:wrap}.hero-note span:before{content:"✧";margin-right:6px;color:#8ba9ca}
.menu-card{background:var(--paper);border:1px solid #fff;border-radius:26px;padding:32px;box-shadow:var(--shadow);backdrop-filter:blur(15px)}.menu-card h2{font-size:20px;margin-bottom:8px}.menu-card>p{font-size:12px;margin-bottom:24px;color:var(--muted)}.big-create{width:100%;min-height:62px;font-size:17px;letter-spacing:.14em}.join-divider{display:flex;align-items:center;gap:12px;color:#8092a8;font-size:10px;margin:22px 0 17px}.join-divider:before,.join-divider:after{content:"";height:1px;background:var(--line);flex:1}.join-form{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:9px}.join-form input{letter-spacing:.12em;font-size:14px}.join-form button{background:#edf7ff;color:#4879aa;border:1px solid #a6c7e180;font-size:20px}.menu-bottom{display:flex;justify-content:space-between;gap:8px;margin-top:18px}.resume-link{font-size:12px;color:#4977a4;display:block;margin-top:15px}.home-help{font-size:10px!important;margin:18px 0 0!important}.lobby-screen{max-width:1050px;min-height:65svh;margin:30px auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 22px}.page-heading h1{font-size:32px;margin:0 0 8px}.page-heading p{font-size:12px;color:var(--muted);margin:0}.lobby-tools{display:flex;gap:8px;flex-wrap:wrap}.room-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.room-tile{background:var(--paper);border:1px solid #ffffff;border-radius:20px;padding:21px;box-shadow:0 8px 25px #4b729611}.room-tile .room-meta{display:flex;justify-content:space-between;gap:8px;color:#7891ad;font-size:10px;margin-bottom:22px}.room-tile h2{font-size:18px;line-height:1.5;word-break:break-word;margin-bottom:8px}.room-tile p{font-size:11px;color:var(--muted);margin-bottom:18px}.room-tile .tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.room-tile button{font-size:11px;padding:10px 14px}.status-tag{border-radius:999px;background:#e4f3ff;padding:5px 8px;font-size:9px;color:#547ba6}.status-tag.playing{background:#f8edf0;color:#a36e85}.empty-state{grid-column:1/-1;padding:60px 24px;border:1px dashed #99bad163;border-radius:23px;text-align:center;color:#7e96b0;font-size:13px}.empty-state .empty-icon{display:block;font-size:45px;color:#91b0ce;margin-bottom:15px}
.room-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 18px}.room-header h1{font-size:25px;line-height:1.4;margin:0;overflow-wrap:anywhere}.room-header .eyebrow{margin-bottom:5px}.copy-room{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#ffffffb5;border:1px solid var(--line);color:#406b96;white-space:nowrap;font-size:12px}.copy-room b{font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:.06em}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.village-table{position:relative;isolation:isolate;min-height:540px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,96px);gap:9px;padding:20px 0}.village-table:before{content:"";position:absolute;inset:85px 65px;border:1px solid #a4c5db8c;border-radius:45%;background:radial-gradient(ellipse at 40% 25%,#dff2ff,#cfe2f17a 75%);box-shadow:inset 0 0 0 12px #ffffff42,0 20px 40px #7297bc10;z-index:-1}.table-center{grid-area:2/2/5/5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;min-width:0}.table-center .phase-symbol{font-size:40px;color:#7099bf;line-height:1.2}.table-center h2{font-size:22px;margin:12px 0 7px}.table-center p{font-size:11px;color:#6682a0;max-width:220px;margin-bottom:10px}.timer{font:800 30px ui-monospace,monospace;letter-spacing:-.06em;color:#4b74a1}.timer small{font-size:11px;font-weight:500;letter-spacing:0;margin-left:4px}.table-day{font-size:10px;color:#89a0b9;margin-top:13px}.seat-card{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffcc;border:1px solid #ffffff;border-radius:16px;box-shadow:0 6px 18px #658ca211;padding:9px 5px;text-align:center;color:#3e628b;overflow:hidden}.seat-card.speaking{border:2px solid #71b6de;background:#edfaff;box-shadow:0 0 0 3px #b9e6fa54}.seat-card.mine{box-shadow:0 0 0 2px #99c7e46b}.seat-card.dead{opacity:.68;filter:saturate(.6)}.seat-card.empty{background:#ffffff44;border:1px dashed #9cb9ce69;box-shadow:none;color:#92a8bd}.seat-number{position:absolute;top:7px;left:9px;font-size:9px;font-weight:800;color:#7d97ae}.seat-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:12px;background:linear-gradient(140deg,#c3eafd,#e5e9fb);color:#5b83ad;font-size:14px;font-weight:800;margin-bottom:6px}.seat-name{font-size:10px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-state{font-size:8px;line-height:1.6;margin-top:3px;color:#8599af}.seat-state .live-dot{display:inline-block;width:4px;height:4px;background:#78b4a7;border-radius:50%;margin-right:3px}.seat-state .live-dot.offline{background:#b2bdc9}.seat-role{font-size:9px;color:#577393;margin-top:3px}.ring-seat-0{grid-area:1/2}.ring-seat-1{grid-area:1/3}.ring-seat-2{grid-area:1/4}.ring-seat-3{grid-area:2/5}.ring-seat-4{grid-area:3/5}.ring-seat-5{grid-area:4/5}.ring-seat-6{grid-area:5/4}.ring-seat-7{grid-area:5/3}.ring-seat-8{grid-area:5/2}.ring-seat-9{grid-area:4/1}.ring-seat-10{grid-area:3/1}.ring-seat-11{grid-area:2/1}
.sidebar{display:grid;gap:14px}.panel{background:#ffffffbc;border:1px solid #ffffff;border-radius:20px;box-shadow:var(--shadow);padding:20px;min-width:0}.panel h2{font-size:16px;letter-spacing:-.02em;margin-bottom:10px}.panel p{font-size:11px;color:var(--muted);margin-bottom:12px}.panel button{font-size:12px}.room-controls{display:grid;gap:9px}.room-controls button{width:100%}.room-controls .small-actions{display:flex;gap:8px}.room-controls .small-actions button{padding:8px 5px;font-size:10px;min-height:36px}.room-rules{display:flex;gap:7px;flex-wrap:wrap;margin:4px 0 14px}.rule-chip{background:#edf5fc;border:1px solid #bdd1e342;border-radius:8px;font-size:9px;padding:5px 7px;color:#6c88a7}.identity-card{position:relative;overflow:hidden}.identity-card:after{content:"☾";position:absolute;right:5px;top:0;font-size:90px;line-height:1;color:#98b9d217;pointer-events:none}.identity-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.identity-title button{padding:5px 9px;min-height:32px;font-size:10px}.role-heading{display:flex;gap:12px;align-items:center;margin:14px 0}.role-mark{font-size:32px;color:#769ec4}.role-heading strong{font-size:22px}.role-heading span{display:block;font-size:10px;color:#8295aa;margin-top:5px}.identity-covered{display:flex;gap:12px;align-items:center;padding:12px 0 4px}.identity-covered strong{font-size:14px;display:block;margin-bottom:7px}.private-label{font-size:9px;color:#9b849c}.private-list{margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--line);font-size:11px;color:#587899;line-height:1.9}.potion-row{display:flex;gap:8px;margin-top:13px}.potion{flex:1;background:#f0f7ff;padding:9px 10px;border-radius:11px;font-size:10px;color:#5c7e9f}.potion.used{opacity:.55}.potion b{display:block;margin-bottom:3px}.action-panel{margin-top:18px}.action-panel h2{display:flex;align-items:center;gap:9px}.action-panel .action-note{font-size:12px;color:var(--muted);margin-bottom:15px}.target-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.target-button{padding:10px 5px;border:1px solid #a8c7df6e;background:#fff;color:#52769a;min-height:58px;border-radius:12px;min-width:0}.target-button b{display:block;font-size:17px;margin-bottom:3px}.target-button span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.target-button.selected{background:#cdeeff;border:2px solid #63a7d6;color:#315c86}.target-button.skip{font-size:10px}.action-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.action-footer button{font-size:12px}.potion-options{display:flex;gap:9px;margin:10px 0 15px}.potion-options button{font-size:11px}.potion-options button.selected{background:#d5ecff;border-color:#76b1d9}.speech-form{margin-top:18px}.speech-label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;font-weight:700;margin-bottom:9px}.speech-label span{font-size:10px;color:#7d95ad;font-weight:400}.speech-feed{display:grid;gap:9px;max-height:290px;overflow:auto;margin-top:13px}.speech-item{font-size:12px;line-height:1.8;color:#536f8d;background:#f4f8fc;border-radius:13px;padding:11px 13px;overflow-wrap:anywhere}.speech-item .speaker{font-size:9px;color:#89a0b6;margin-bottom:4px}.record-list{list-style:none;padding:0;margin:0;display:grid;gap:9px;max-height:230px;overflow:auto}.record-list li{font-size:10px;color:#758da5;line-height:1.8;padding-left:11px;border-left:2px solid #c2d9e9}.connection-banner{padding:12px 16px;background:#fff1df;border:1px solid #ead5b1;color:#906f47;border-radius:13px;font-size:12px;margin-bottom:15px}.spectator-note{font-size:11px;color:#7d92a7;background:#ffffff8a;border-radius:12px;padding:12px 15px;margin-bottom:14px}.waiting-note{font-size:12px;color:#7e96af;text-align:center;padding:12px 15px;line-height:1.9}.result-panel{background:linear-gradient(115deg,#e0f5ff,#fff2df 70%,#f3a8b32b);border:1px solid #fff;border-radius:19px;padding:24px;margin:14px 0}.result-panel h2{font-size:25px;margin-bottom:7px}.result-panel p{font-size:12px;color:#6e84a0;margin-bottom:16px}.result-roles{display:flex;flex-wrap:wrap;gap:7px}.result-roles span{font-size:10px;background:#ffffffaa;padding:7px 10px;border-radius:8px}.toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:100;max-width:min(520px,calc(100vw - 32px));padding:13px 20px;border:1px solid #abcce1;border-radius:14px;background:#effafff5;box-shadow:0 10px 35px #4a769e26;font-size:12px;line-height:1.8;color:#3b6388;overflow-wrap:anywhere}.toast.error{background:#fff1f4;color:#a13f64;border-color:#e7b4c6}
dialog{width:min(500px,calc(100% - 28px));max-height:calc(100svh - 36px);overflow:auto;border:1px solid #fff;border-radius:24px;padding:27px;background:linear-gradient(140deg,#f0faff,#fff8ef);color:var(--ink);box-shadow:0 30px 100px #26456833}dialog::backdrop{background:#294b6d40;backdrop-filter:blur(6px)}dialog h2{font-size:27px;margin-bottom:9px}dialog p{font-size:12px;color:var(--muted)}.field-label{display:block;font-size:11px;font-weight:750;color:#5d7b9b;margin:17px 0 8px}.field-help{font-size:10px!important;margin:8px 0 0;line-height:1.7}.role-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.role-counts label{font-size:10px;color:#6f88a3}.role-counts input{margin-top:6px;padding:8px 10px;font-size:14px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.dialog-actions button{font-size:12px}.form-error{color:var(--danger)!important;margin:14px 0 0}.guide-roles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.guide-roles p{background:#ffffff8c;border:1px solid #d4e4ee;border-radius:11px;padding:12px;margin:0;font-size:10px}.guide-roles b{display:block;font-size:12px;color:#4e749a;margin-bottom:5px}
@media(min-width:1280px){.village-table{grid-template-rows:repeat(5,105px)}}
@media(max-width:1000px){.home-screen{grid-template-columns:1fr 370px;gap:35px}.hero h1{font-size:75px}.room-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.village-table{grid-template-rows:repeat(5,87px);gap:6px}.seat-card{border-radius:12px}.seat-avatar{width:27px;height:27px;font-size:12px}.seat-name{font-size:9px}.table-center h2{font-size:18px}.panel{padding:17px}.target-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.topbar{min-height:72px;padding:15px 16px;gap:9px}.wordmark{font-size:14px}.wordmark small{display:none}.pill-link{font-size:10px;padding:8px 11px;min-height:38px}.wordmark>span{font-size:22px}.account-link{max-width:30%}#app{padding:0 16px}.game-tabs{margin:6px 0 18px}.home-screen{grid-template-columns:1fr;gap:0;min-height:0;max-width:430px}.hero{text-align:center;padding:14px 0 20px}.hero .eyebrow{font-size:8px;margin-bottom:13px}.hero h1{font-size:63px;letter-spacing:-.06em;margin-bottom:9px}.hero .hero-subtitle{font-size:12px;letter-spacing:.15em;margin-bottom:0}.hero-art{width:250px;height:130px;margin:10px auto 0}.moon-disc{width:115px;height:115px;left:63px;top:0}.wolf-shape{width:81px;height:87px;left:96px;top:25px}.wolf-eye{width:9px;height:4px;top:65px}.wolf-eye.eye-left{left:118px}.wolf-eye.eye-right{left:149px}.hero-art:after{width:190px;left:26px;bottom:3px}.star-a{left:30px;top:30px}.star-b{left:215px;top:15px}.star-c{left:204px;top:88px}.hero-note{justify-content:center;font-size:9px;gap:11px}.menu-card{padding:25px;border-radius:23px}.menu-card h2{font-size:17px}.menu-card>p{font-size:11px;margin-bottom:20px}.big-create{min-height:56px;font-size:16px}.menu-bottom{margin-top:12px}.home-help{margin-top:12px!important}.footer{padding:18px 18px 24px;font-size:8px;margin-top:22px;flex-wrap:wrap;justify-content:center;gap:12px 18px}.footer>span:first-child{display:none}.lobby-screen{margin:12px auto}.page-heading{align-items:flex-start;margin-top:22px}.page-heading h1{font-size:25px}.page-heading p{font-size:10px}.lobby-tools{justify-content:flex-end;gap:6px}.lobby-tools button{font-size:10px;padding:10px 12px}.room-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room-tile{padding:16px;border-radius:17px}.room-tile h2{font-size:15px}.room-tile p{font-size:10px}.room-tile .room-meta{font-size:9px;margin-bottom:15px}.room-tile .tile-bottom{font-size:10px;gap:5px;flex-wrap:wrap}.room-tile button{font-size:10px;padding:8px 10px;min-height:36px}.room-header{gap:9px;margin-top:16px}.room-header h1{font-size:19px}.room-header .eyebrow{font-size:8px}.copy-room{padding:9px 10px;gap:7px;font-size:9px}.copy-room b{font-size:15px}.room-layout{grid-template-columns:1fr;gap:17px}.village-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:9px;min-height:0;padding:0}.village-table:before{inset:30px 5px 5px;border-radius:25px}.table-center{grid-area:auto;grid-column:1/-1;padding:21px 15px 24px;border-radius:20px;background:linear-gradient(120deg,#dcefffaf,#eaf5ff8a);margin-bottom:4px;min-height:155px}.table-center .phase-symbol{font-size:31px}.table-center h2{font-size:20px;margin:7px 0}.table-center p{font-size:11px;max-width:260px;margin:0}.timer{font-size:29px;margin-top:8px}.table-day{font-size:9px;margin-top:8px}.seat-card{grid-area:auto;min-height:90px;border-radius:15px;padding:11px 6px}.seat-avatar{width:31px;height:31px;margin-bottom:6px;font-size:13px}.seat-name{font-size:10px}.seat-number{font-size:9px}.seat-state{font-size:8px}.sidebar{grid-template-columns:1fr;gap:12px}.panel{padding:20px;border-radius:19px}.identity-card{order:-1}.identity-covered{padding:8px 0}.action-panel{margin-top:15px}.target-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.target-button{min-height:56px}.target-button b{font-size:16px}.target-button span{font-size:8px}.action-footer{flex-wrap:wrap}.action-footer button{flex:1;min-height:46px;padding:11px 14px;font-size:11px}.record-list{max-height:170px}.room-controls{grid-template-columns:1fr 1fr}.room-controls .small-actions,.room-controls>.wide-control{grid-column:1/-1}.room-controls .small-actions button{font-size:10px;min-height:38px}.room-rules{gap:6px;margin-bottom:14px}.rule-chip{font-size:9px}.spectator-note,.connection-banner{font-size:11px}.result-panel{padding:20px}.result-panel h2{font-size:23px}.result-roles span{font-size:9px}.speech-feed{max-height:260px}}
@media(max-width:380px){.topbar{padding:13px 12px;gap:6px}.wordmark{font-size:12px;gap:5px}.pill-link{font-size:9px;padding:8px 9px}#app{padding:0 12px}.hero h1{font-size:58px}.hero{padding-top:8px}.hero-art{height:119px}.hero-note{font-size:8px;gap:9px}.menu-card{padding:22px}.room-list{grid-template-columns:1fr}.room-tile .tile-bottom{flex-wrap:nowrap}.room-tile .room-meta{margin-bottom:12px}.seat-card{min-height:86px}.seat-avatar{width:29px;height:29px}.seat-name{font-size:9px}.panel{padding:17px}.target-grid{gap:6px}.role-counts{gap:8px}dialog{padding:22px}.guide-roles{gap:7px}.copy-room span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}