@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0d0e12;--panel:#181a21;--raised:#232630;--line:#30333f;--ink:#f4f3f7;--muted:#9095a6;--gold:#f5c65e;--gold-dark:#be9340;--green:#80dbbb;--danger:#f6a49b;--radius:20px;font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0%,#25223045,transparent 45%),var(--bg);color:var(--ink);font-size:13px;line-height:1.5}button,input{font:inherit}button{cursor:pointer;color:inherit;transition:background .2s,border-color .2s,opacity .2s,transform .2s,box-shadow .2s}button:disabled{cursor:not-allowed;opacity:.42}button,a,input,summary{outline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold)}input:focus-visible{outline:1px solid var(--gold)}a{color:inherit;text-decoration:none}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{display:none}[hidden]{display:none!important}button:not(:disabled):active{transform:translateY(1px)}input{min-width:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{appearance:none}input[type=checkbox],input[type=range]{accent-color:var(--gold)}::selection{background:#f5c65e44;color:#fff}
.site-header{height:92px;max-width:1600px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:13px;font-size:23px;font-weight:800;letter-spacing:1px;flex-shrink:0}
.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;color:#8a8d9e;margin-top:4px}
.brand-mark{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#ffdf83,#e7b440);color:#3a2a0c;display:grid;place-items:center;box-shadow:inset 0 1px 1px #fff8,0 4px 20px #e7b44016;transform:rotate(-7deg)}
.brand-mark svg{width:29px;height:29px;stroke-width:1.5}
.header-right{display:flex;align-items:center;gap:26px}.author-credit{font-size:12px;color:#85899c;white-space:nowrap}.author-credit a{color:#e9e8ed;font-weight:500;margin-left:4px;text-underline-offset:4px}.author-credit a:hover{color:var(--gold);text-decoration:underline}
.quiet-button,.icon-button,.text-button{background:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.quiet-button{font-size:12px;min-height:40px;padding:9px 13px;background:#1b1e26;border:1px solid #303442;border-radius:10px}.quiet-button:hover{border-color:#606172;background:#242733}.quiet-button svg{width:16px;color:#a9adba}.record-count{background:#333743;padding:1px 6px;border-radius:4px;font-size:10px;color:#c7cad3;font-family:'Space Grotesk',sans-serif}
.icon-button{width:36px;height:36px;border-radius:9px;color:#9296a5}.icon-button:hover{background:#ffffff0b;color:var(--ink)}.icon-button[aria-pressed=false]{opacity:.5}.text-button{padding:3px;color:var(--muted);font-size:11px}.text-button:hover{color:var(--gold)}
.workspace{max-width:1532px;margin:0 auto;display:grid;grid-template-columns:318px minmax(0,1fr);gap:22px;padding:0 24px;align-items:stretch;min-height:800px;height:calc(100dvh - 140px);max-height:1120px}
.control-panel{padding:23px 23px 18px;background:linear-gradient(165deg,#1d1f28,#171920 60%);border:1px solid #30333e;border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#3b3e49 transparent;box-shadow:inset 0 1px #ffffff03,0 10px 30px #00000014}
.panel-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:21px;margin-bottom:23px;border-bottom:1px solid #ffffff09}.panel-title{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600}.panel-title svg{width:16px;height:16px;color:#a3a7b8}
.eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.6px}.round-tag{color:#d4c6a8;font-size:10px;padding:4px 8px;background:#f5c65e0b;border:1px solid #f5c65e20;border-radius:6px}
.section-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;margin-bottom:15px}.section-label>span:first-child{display:flex;align-items:center;gap:9px}.step-no{display:inline-grid;place-items:center;color:#9b9cac;font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:500;width:23px;height:23px;border:1px solid #424551;border-radius:7px;background:#ffffff03}
.connection-state{color:var(--muted);font-size:10px;font-weight:400;display:flex;align-items:center;gap:6px}.connection-state:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:currentColor}.connection-state.connected{color:var(--green)}.connection-state.error{color:var(--danger)}
.room-picker{display:flex;align-items:center;gap:11px;text-align:left;padding:14px 12px;width:100%;background:linear-gradient(115deg,#2b2e3a,#252832);border:1px solid #464a58;border-radius:12px;box-shadow:inset 0 1px #ffffff06}
.room-picker:hover{background:#303441;border-color:#ad9360;box-shadow:0 0 0 3px #f5c65e08}.room-picker:disabled{opacity:.72}
.room-avatar{width:41px;height:41px;flex-shrink:0;border-radius:11px;background:linear-gradient(145deg,#4e4c5d,#353744);display:grid;place-items:center;color:#d0cedd;overflow:hidden;font-size:19px;font-weight:600;position:relative}
.room-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.room-avatar>svg{width:19px;color:var(--gold)}
.room-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px}.room-copy strong{font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-copy small{font-size:10px;color:#9298aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-picker .chevron{width:15px;color:#9ba0af}
.connection-detail{color:#81879a;font-size:10px;line-height:1.8;margin:10px 0 22px;min-height:18px}
.rules-section{border-top:1px solid #ffffff09;padding-top:20px}
.field-label{display:block;font-size:12px;color:#a8acbb;margin-bottom:8px}.keyword-field{display:flex;align-items:center;background:#101218;border:1px solid #3c414f;border-radius:10px;height:48px;padding:0 13px;gap:10px;box-shadow:inset 0 2px 5px #0002}.keyword-field:focus-within{border-color:#b29457;box-shadow:0 0 0 3px #f5c65e08}.keyword-field>span:first-child{color:var(--gold);font:500 21px 'Space Grotesk',sans-serif}.keyword-field input{color:var(--ink);background:none;border:0;outline:0;width:100%;font-size:14px}.keyword-badge{font-size:10px;color:#646f85;white-space:nowrap}
.setting-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.setting-columns .field-label{margin:0}.number-field,.text-field{margin-top:8px;width:100%;height:42px;background:#12151c;border:1px solid #393e4b;border-radius:9px;display:flex;align-items:center;color:var(--ink)}
.number-field button{width:32px;height:36px;background:none;border:0;color:#a1a7b7;font-size:18px}.number-field button:hover{color:var(--gold)}.number-field input{border:0;width:35px;flex:1;text-align:center;color:var(--ink);background:none;font:500 16px 'Space Grotesk',sans-serif}.text-field{padding:0 11px;font-size:13px}.text-field::placeholder{color:#70798d;font-size:12px}
.advanced-settings{margin-top:11px}.advanced-settings summary{color:#8b93a7;font-size:11px;list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:5px 0}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary span{font-size:18px;color:#636c7e}.advanced-settings[open] summary{margin-bottom:10px}.advanced-settings[open] summary span{transform:rotate(45deg)}
.check-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#b3b8c7;cursor:pointer}.check-label input{margin:0}.advanced-settings .check-label{margin-bottom:12px}.advanced-settings>.field-label{display:flex;justify-content:space-between;margin-top:16px}.advanced-settings input[type=range]{width:100%;margin:0 0 9px}
.fairness-note{font-size:10px;line-height:1.9;color:#81899d;margin:6px 0 10px}
.collect-section{margin-top:17px}.primary-button,.secondary-button{border-radius:10px;min-height:43px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600}
.primary-button{background:linear-gradient(110deg,#f6cd78,#e9b84b);color:#30240e;border:1px solid #e8bd63;width:100%;box-shadow:inset 0 1px #fff5,0 4px 12px #c4931714}.primary-button:hover{background:#ffdb8a;box-shadow:0 0 20px #f5c65e15}.primary-button svg{width:15px;height:15px}.primary-button>span{flex:1}.primary-button.collecting{background:#f5c65e12;border-color:#8b703c;color:var(--gold)}
.secondary-button{background:#292d39;border:1px solid #434a5a;color:var(--ink)}.secondary-button:hover{border-color:var(--gold-dark)}#new-round-btn{width:100%;margin-top:8px}
.collection-status{display:flex;align-items:center;justify-content:center;gap:6px;color:#80889c;font-size:10px;margin:11px 0 19px}.status-dot{width:5px;height:5px;border-radius:50%;background:#626b80}.collection-status.active{color:var(--green)}.collection-status.active .status-dot{background:var(--green);box-shadow:0 0 0 3px #79c7a118}
.participants-section{border-top:1px solid #ffffff09;padding-top:18px;display:flex;flex:1;flex-direction:column;min-height:169px}.participants-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500}.participants-heading b{font-size:11px;font-weight:500;color:var(--gold);background:#f5c65e12;padding:2px 7px;border-radius:5px;margin-left:6px;font-family:'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums}
.participants-list{min-height:100px;flex:1;max-height:270px;overflow:auto;margin-top:10px;scrollbar-width:thin;scrollbar-color:#3b4150 transparent}.empty-participants{padding:22px 0;text-align:center;color:#818ba1}.empty-participants svg{width:25px;height:25px;color:#6c7286}.empty-participants p{font-size:12px;margin:10px 0 5px;color:#a1a8ba}.empty-participants span{font-size:10px;color:#666f85}
.participant-row{display:flex;align-items:center;gap:9px;padding:8px 0;font-size:12px;border-bottom:1px solid #ffffff04}.participant-index{color:#626d86;width:19px;font-size:10px;font-family:'Space Grotesk',sans-serif}.participant-avatar{width:29px;height:29px;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,hsl(var(--avatar-hue,250) 20% 32%),hsl(var(--avatar-hue,250) 20% 22%));color:#e2dff0;font-size:12px;flex-shrink:0;position:relative}.participant-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.participant-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.participant-row .joined{font-size:10px;color:#6c9384}.participant-row.won .participant-name{color:var(--gold)}.participants-note{font-size:10px;color:#6d768c;margin:10px 0 15px;text-align:center}
.demo-button{display:flex;gap:8px;align-items:center;padding:13px 0 0;border:0;border-top:1px solid #ffffff09;background:none;color:#a4a9b8;font-size:11px;width:100%;text-align:left;min-height:30px}.demo-button>span:nth-child(2){flex:1}.demo-button svg{width:14px;height:14px}.demo-dot{width:6px;height:6px;background:#ad9bcc;border-radius:50%;box-shadow:0 0 0 3px #ad9bcc10}.demo-button:hover{color:var(--gold)}
/* The stage */
.stage-panel{--scene:#f5c65e;--scene-rgb:245,198,94;min-width:0;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;border:1px solid #3b3b43;border-radius:var(--radius);background:linear-gradient(135deg,#202027,#121419 60%);box-shadow:inset 0 1px #ffffff07,0 12px 50px #0002}
.stage-panel[data-style=grid]{--scene:#b7a6ff;--scene-rgb:183,166,255}.stage-panel[data-style=capsule]{--scene:#c5a8f8;--scene-rgb:197,168,248}
.stage-panel:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 34%,rgba(var(--scene-rgb),.07),transparent 60%)}
.stage-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;gap:15px;border-bottom:1px solid #ffffff08;z-index:3;background:#15161b50}.stage-identity{display:flex;gap:10px;align-items:center}.stage-identity>strong{font-size:13px;font-weight:600;letter-spacing:.5px}.studio-icon{display:grid;place-items:center;width:29px;height:29px;background:#f5c65e10;border:1px solid #f5c65e24;border-radius:9px;color:var(--gold)}.studio-icon svg{width:17px;height:17px}
.live-pill{color:#81d8b8;font:500 9px 'Space Grotesk',sans-serif;letter-spacing:1px;display:flex;align-items:center;gap:5px;border:1px solid #80dbbb20;background:#80dbbb09;border-radius:4px;padding:3px 5px;margin-left:3px}.live-pill:before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%}.stage-tools{display:flex;gap:6px}.stage-tools svg{width:16px;height:16px}
.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3;color:#b7a582;background:#f5c65e06;border-bottom:1px solid #f5c65e0c;font-size:10px;padding:8px 25px}.demo-banner>span{display:flex;align-items:center;gap:6px}.demo-indicator{width:4px;height:4px;border-radius:50%;background:var(--gold)}.demo-banner button{background:none;border:0;color:#d7bd8a;font-size:10px;padding:1px 0}.demo-banner button span{margin-left:6px}
.stage-content{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:28px 28px 22px;gap:0}
.stage-intro{text-align:center;position:relative;z-index:2}.stage-kicker{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:12px;font:400 9px 'Space Grotesk',sans-serif;letter-spacing:2.1px;color:#9897a0}.stage-round{color:#ddc794;font-weight:500}.kicker-line{height:1px;width:18px;background:#807051}
h1{font-size:clamp(27px,3.1vw,43px);font-weight:800;letter-spacing:-1px;line-height:1.4;margin:0;text-align:center;max-width:100%;overflow-wrap:anywhere}h1 em{font-style:normal;color:var(--gold);background:linear-gradient(110deg,#ffe6a0,#e9b84e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.stage-description{color:#9294a2;font-size:12px;letter-spacing:.5px;margin:10px 0 0;text-align:center}
.stage-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:19px;font-size:11px;color:#8f93a5}.stage-meta>span{display:flex;align-items:center;gap:5px}.stage-meta svg{width:14px;height:14px;color:#787e92}.stage-meta strong{font:500 17px 'Space Grotesk',sans-serif;color:#eae7e0;margin-right:1px}.stage-meta>i{height:11px;width:1px;background:#454550}.stage-meta .meta-keyword{color:#d7be90;background:#f5c65e0b;border:1px solid #f5c65e18;padding:3px 8px;border-radius:5px;font-size:10px}.meta-keyword b{font-weight:500;max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.draw-arena{position:relative;flex:1;min-height:300px;max-height:410px;width:100%;display:flex;align-items:center;justify-content:center;margin:17px 0 17px;isolation:isolate}
.draw-arena:before{content:'';position:absolute;inset:4% -2%;background:radial-gradient(ellipse at 50% 58%,rgba(var(--scene-rgb),.1),transparent 63%);z-index:-1;transition:background .4s}
.draw-arena:after{content:'';position:absolute;bottom:14px;left:12%;right:12%;height:55px;background:radial-gradient(ellipse,rgba(var(--scene-rgb),.09),transparent 65%);transform:perspective(120px) rotateX(50deg);z-index:-1}
.arena-corner{width:12px;height:12px;border-color:#7b71674d;position:absolute;pointer-events:none}.corner-tl{top:0;left:0;border-top:1px solid;border-left:1px solid}.corner-tr{top:0;right:0;border-top:1px solid;border-right:1px solid}.corner-bl{bottom:0;left:0;border-bottom:1px solid;border-left:1px solid}.corner-br{bottom:0;right:0;border-bottom:1px solid;border-right:1px solid}
.arena-topline,.arena-bottomline{position:absolute;left:13px;right:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3;pointer-events:none}.arena-topline{top:8px;font:500 9px 'Space Grotesk',sans-serif;letter-spacing:1.7px;color:#7e7c87}.arena-bottomline{bottom:7px;font-size:9px;color:#747887;letter-spacing:.3px}.arena-signal{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:0}.arena-signal>i{width:4px;height:4px;background:#736854;border-radius:50%}.animation-meter{height:2px;width:64px;background:#ffffff0b;border-radius:2px;overflow:hidden}.animation-meter>i{height:100%;display:block;width:0;background:var(--scene)}
.effect-stage{width:calc(100% + 24px);height:100%;min-height:300px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .5s,filter .5s,transform .5s}
.stage-actions{text-align:center;position:relative;z-index:3;margin-top:0;margin-bottom:24px}
.draw-button{height:54px;min-width:213px;position:relative;isolation:isolate;border:1px solid #ffe1a0;border-radius:12px;color:#3c2b0d;background:linear-gradient(120deg,#f8d57f 0%,#ffdfa0 45%,#eebf56 100%);font-size:15px;font-weight:700;letter-spacing:1px;display:inline-flex;align-items:center;justify-content:center;gap:13px;box-shadow:inset 0 1px #fff9,0 5px 0 #936b2b,0 11px 35px #eebf5624;padding:0 20px}
.draw-button:before{content:'';position:absolute;inset:1px;border-radius:10px;background:linear-gradient(115deg,transparent 10%,#ffffff45 50%,transparent 80%);opacity:.3;pointer-events:none}
.draw-button .draw-arrow{width:16px;height:16px;margin-left:6px}.draw-button-icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:#6c450a12;border:1px solid #6c450a18}.draw-button-icon svg{width:18px;height:18px}
.draw-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px #fff9,0 7px 0 #936b2b,0 14px 42px #eebf5630}.draw-button:not(:disabled):active{transform:translateY(3px);box-shadow:inset 0 1px #fff9,0 2px 0 #936b2b,0 5px 20px #eebf5620}
.draw-button:disabled{background:linear-gradient(110deg,#35343a,#2b2a30);color:#7d7b80;border-color:#4a474d;opacity:1;box-shadow:inset 0 1px #ffffff0b,0 4px 0 #1c1d24;cursor:not-allowed}.draw-button:disabled .draw-button-icon{background:#ffffff04;border-color:#ffffff08}.draw-hint{font-size:10px;color:#808496;margin-top:16px;letter-spacing:.2px;min-height:16px;max-width:520px}
.style-dock{width:100%;border-top:1px solid #ffffff09;padding-top:17px}.dock-label{display:flex;align-items:center;justify-content:space-between;color:#b1afba;font-size:10px;margin-bottom:11px}.dock-label>span{font:400 8px 'Space Grotesk',sans-serif;letter-spacing:1.6px;color:#626777}
.style-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
.style-tab{display:flex;position:relative;align-items:center;justify-content:center;gap:9px;background:linear-gradient(145deg,#ffffff04,#ffffff01);border:1px solid #363743;border-radius:10px;padding:11px 7px;color:#a8a7b6;min-height:68px;text-align:left;min-width:0;overflow:hidden}
.style-tab:hover{border-color:#7c6f53;background:#f5c65e05;transform:translateY(-2px)}
.style-tab.active{color:#ead2a5;background:linear-gradient(120deg,#44382445,#f5c65e07);border-color:#b6914e;box-shadow:inset 0 0 0 1px #f5c65e08,0 0 16px #f5c65e05}
.style-name{font-size:11px;font-weight:500;white-space:nowrap;min-width:0}.style-name small{font-size:8px;color:#7e7c8c;display:block;font-weight:400;margin-top:4px}.style-tab.active .style-name small{color:#ab9672}
.style-selected{position:absolute;right:0;top:0;width:15px;height:14px;background:#c39b50;clip-path:polygon(0 0,100% 0,100% 100%);opacity:0}.style-selected svg{width:9px;height:9px;position:absolute;right:0;top:0;stroke:#181714;stroke-width:3}.style-tab.active .style-selected{opacity:1}
.style-mini{width:35px;height:35px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mini-csgo{gap:3px;overflow:hidden}.mini-csgo i{height:25px;width:11px;flex-shrink:0;border:1px solid #7a6a98;border-radius:3px;background:linear-gradient(#81719522,#52426544)}.mini-csgo i:nth-child(2){height:30px;border-color:#caa96b;background:linear-gradient(#caa96b22,#876f4744)}.mini-csgo b{position:absolute;width:2px;height:35px;background:#d4b16f;left:50%}
.mini-wheel i{height:32px;width:32px;border:2px solid #b39155;border-radius:50%;background:repeating-conic-gradient(#7c6039 0 30deg,#27242b 30deg 60deg);box-shadow:0 0 0 2px #4f453d}.mini-wheel i:after{content:'';position:absolute;inset:12px;background:#d2b57c;border-radius:50%}.mini-wheel b{position:absolute;top:0;width:7px;height:8px;background:#ebc177;clip-path:polygon(0 0,100% 0,50% 100%)}
.mini-grid{display:grid;grid-template-columns:repeat(3,9px);gap:3px}.mini-grid i{width:9px;height:9px;border-radius:2px;background:#48405f;border:1px solid #76628f}.mini-grid i:nth-child(4){background:#c1a5ee;border-color:#ddd0f1;box-shadow:0 0 5px #a68cc46b}
.mini-capsule{height:36px}.mini-capsule:before{content:'';position:absolute;inset:0 3px 9px;border-radius:50%;background:#9b89b21c;border:1px solid #a699bc}.mini-capsule b{position:absolute;bottom:0;left:3px;right:3px;height:13px;background:linear-gradient(#a69db2,#776b88);border-radius:3px 3px 6px 6px;border:1px solid #bcb0c8}.mini-capsule i{position:absolute;width:8px;height:8px;background:linear-gradient(#c5a8ee 50%,#ede4f4 50%);border-radius:50%;top:10px;left:8px}.mini-capsule i:nth-child(2){left:18px;top:9px;background:linear-gradient(#e4c575 50%,#ece4d2 50%)}.mini-capsule i:nth-child(3){top:16px;left:13px}
.stage-footer{position:relative;z-index:2;padding:14px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff08;font-size:9px;color:#6e7384;background:#0b0d1250}.stage-footer>span:first-child{display:flex;align-items:center;gap:7px}.tiny-diamond{width:4px;height:4px;background:#b69964;transform:rotate(45deg)}
.page-footer{max-width:1532px;margin:auto;padding:16px 28px;display:flex;justify-content:space-between;gap:16px;font-size:9px;color:#62687b}.page-footer i{font-style:normal;margin:0 6px;color:#43495a}
.stage-panel[data-phase=spinning] .arena-signal>i{background:var(--scene);box-shadow:0 0 8px var(--scene)}
.stage-panel[data-phase=spinning] .animation-meter{background:#ffffff14}
.stage-panel[data-phase=drawn] .effect-stage{opacity:.12;filter:blur(9px);transform:scale(.92)}
.stage-panel[data-phase=drawn] .draw-arena:before{background:radial-gradient(ellipse,rgba(var(--scene-rgb),.13),transparent 65%)}
.stage-panel:fullscreen{border:0;border-radius:0;height:100dvh}.stage-panel:fullscreen .stage-content{padding:28px max(30px,calc((100vw - 1200px)/2))}.stage-panel:fullscreen .draw-arena{max-height:580px;min-height:360px}.stage-panel:fullscreen h1{font-size:48px}.stage-panel:fullscreen .style-dock{max-width:850px}
.stage-panel.fallback-fullscreen{position:fixed;inset:0;z-index:30;border-radius:0;overflow:auto;min-height:100dvh}
/* Portraits and case tracks */
.effect-avatar{--avatar-hue:260;display:grid;place-items:center;position:relative;isolation:isolate;background:radial-gradient(ellipse at 25% 15%,hsl(var(--avatar-hue) 39% 62% / .3),transparent 65%),linear-gradient(150deg,hsl(var(--avatar-hue) 23% 32%),hsl(var(--avatar-hue) 18% 19%));color:hsl(var(--avatar-hue) 30% 90%);box-shadow:inset 0 1px #ffffff24,0 8px 18px #0003;overflow:hidden;font-weight:600}
.effect-avatar:before{content:'';position:absolute;width:90%;height:90%;border-radius:30%;border:1px solid #ffffff08;transform:rotate(28deg);z-index:-1}.effect-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.case-layout{width:100%;display:flex;flex-direction:column;gap:13px;position:relative;padding:24px 0}
.case-lane{position:relative;width:100%;height:227px;isolation:isolate}
.case-viewport{width:100%;height:100%;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.case-strip{display:flex;position:absolute;top:11px;left:50%;gap:12px;will-change:transform;--card-width:152px}
.case-card{--card-hue:260;position:relative;isolation:isolate;flex:0 0 var(--card-width);width:var(--card-width);height:196px;border:1px solid hsl(var(--card-hue) 17% 37%);border-radius:13px;background:radial-gradient(ellipse at 50% 0,hsl(var(--card-hue) 36% 46% / .15),transparent 80%),linear-gradient(145deg,#2c2d39,#20222b 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 8px 15px #0003;transition:box-shadow .15s,border-color .15s,background .15s}
.case-card:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffffff09,transparent 45%);pointer-events:none}
.case-card:after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:hsl(var(--card-hue) 40% 65%);box-shadow:0 -3px 16px hsl(var(--card-hue) 40% 65% / .2)}
.case-card-top{display:flex;justify-content:space-between;align-items:center;position:absolute;top:12px;left:12px;right:12px;color:#9894a5;font:400 8px 'Space Grotesk',sans-serif;letter-spacing:1px}.case-card-top>i{display:block;width:4px;height:4px;border:1px solid hsl(var(--card-hue) 35% 68%);transform:rotate(45deg)}
.case-card .effect-avatar{width:69px;height:69px;border-radius:20px;font-size:30px;margin-top:15px;border:1px solid #ffffff13}
.case-card strong{font-size:13px;font-weight:600;padding:0 9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}
.case-card small{font:400 8px 'Space Grotesk',sans-serif;color:#6e7386;letter-spacing:1.5px}
.case-card.focused{border-color:#a59d8a;box-shadow:inset 0 1px #fff1,0 8px 20px #0004}
.case-card.hit{border-color:#ffdc8a;background:radial-gradient(ellipse at 50% 0%,#e6b65235,transparent 80%),linear-gradient(145deg,#3b3324,#27251f);box-shadow:inset 0 1px #ffe6a54d,0 0 30px #f5c65e24}
.case-card.hit:after{background:#f7d17a;box-shadow:0 -8px 30px #f5c65e55}
.case-card.hit .effect-avatar{border-color:#e0bc7355;box-shadow:0 0 35px #e0bc731a}
.case-pointer{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#f5d28955 12%,#f5d28999 50%,#f5d28955 88%,transparent);z-index:3;pointer-events:none}
.case-pointer:before,.case-pointer:after{content:'';position:absolute;width:15px;height:12px;left:-7px;background:linear-gradient(#fff0b6,#e6b650);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 0 6px #f5c65e80)}.case-pointer:before{top:0}.case-pointer:after{bottom:0;transform:rotate(180deg)}
.case-focus-frame{position:absolute;width:158px;left:50%;top:7px;bottom:13px;transform:translateX(-50%);border:1px solid #f5c65e4d;border-radius:15px;z-index:2;box-shadow:0 0 0 3px #f5c65e03,0 0 35px #f5c65e08;pointer-events:none}
.case-layout.multi{gap:10px;padding:20px 0}.case-layout.multi .case-lane{height:91px}.case-layout.multi .case-card{height:75px;flex-direction:row;justify-content:flex-start;gap:10px;padding:10px 12px;border-radius:10px}.case-layout.multi .case-strip{top:6px;--card-width:174px;gap:10px}.case-layout.multi .case-card .effect-avatar{width:37px;height:37px;font-size:18px;flex-shrink:0;border-radius:11px;margin:0}.case-layout.multi .case-card strong{font-size:11px;padding:0}.case-layout.multi .case-card-top,.case-layout.multi .case-card small{display:none}.case-layout.multi .case-focus-frame{width:180px;top:3px;bottom:7px;border-radius:12px}.case-layout.multi .case-pointer:before,.case-layout.multi .case-pointer:after{width:9px;height:7px;left:-4px}.case-lane-label{position:absolute;left:15px;top:-2px;font:400 8px 'Space Grotesk',sans-serif;letter-spacing:1px;color:#b4a589;z-index:5}
/* Machined brass wheel */
.wheel-wrap{width:292px;height:292px;position:relative;flex-shrink:0;border-radius:50%;background:radial-gradient(ellipse at 30% 15%,#ffebad,#b78a42 35%,#765529 60%,#ddbc73 82%,#6a4b23);padding:17px;box-shadow:inset 0 2px 2px #fff7,inset 0 -4px 6px #0008,0 12px 0 #25221c,0 18px 30px #0005,0 0 60px #f5c65e12;isolation:isolate}
.wheel-wrap:before{content:'';position:absolute;inset:9px;border:1px solid #49361d;border-radius:50%;box-shadow:0 0 0 2px #f4d59170,inset 0 0 0 2px #0004;z-index:3;pointer-events:none}
.wheel-canvas{width:100%;height:100%;display:block;border-radius:50%;background:#252129;box-shadow:inset 0 0 10px #000;will-change:transform}
.wheel-bulbs{position:absolute;inset:0;z-index:4;pointer-events:none}.wheel-bulb{position:absolute;width:4px;height:4px;background:#fff2bf;border-radius:50%;box-shadow:0 0 4px #fff2bf,0 0 9px #f5c65e88}
.wheel-pin{position:absolute;top:-5px;left:calc(50% - 12px);width:24px;height:36px;z-index:5;transform-origin:50% 7px;background:linear-gradient(120deg,#fff3ce,#e7bf69 50%,#a47631);clip-path:polygon(18% 0,82% 0,100% 25%,50% 100%,0 25%);filter:drop-shadow(0 3px 2px #0006)}
.wheel-pin:after{content:'';position:absolute;top:5px;left:9px;width:6px;height:6px;background:#5b4426;border-radius:50%;box-shadow:inset 0 1px #0006}
.wheel-center{position:absolute;inset:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 15%,#f8db91,#c59b4f 60%,#87602d);border:3px solid #e5c480;box-shadow:0 4px 8px #0006,inset 0 1px #fff9,0 0 0 4px #3c2f1d;color:#4a3412;font-size:11px;font-weight:700;z-index:3}.wheel-center svg{width:23px;height:23px;stroke-width:1.5}.wheel-center small{font:500 7px 'Space Grotesk',sans-serif;letter-spacing:1px;margin-top:3px}
.wheel-base{position:absolute;bottom:-18px;left:50%;width:98px;height:17px;transform:translateX(-50%);background:linear-gradient(#655131,#b38c4c,#7d5c2e);clip-path:polygon(23% 0,77% 0,100% 100%,0 100%);z-index:-1;filter:drop-shadow(0 5px 10px #000)}
/* Light chase */
.lucky-grid{width:355px;max-width:calc(100% - 26px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;perspective:800px}
.lucky-cell{height:87px;border:1px solid #50455f;border-radius:12px;background:radial-gradient(ellipse at 40% 0,#9a7dc31a,transparent 80%),linear-gradient(145deg,#2d2b3a,#21212b);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:11px;min-width:0;padding:8px;box-shadow:inset 0 1px #ffffff09,0 4px 0 #101117,0 7px 12px #0003;position:relative;transition:border-color .09s,box-shadow .09s,background .09s,transform .09s}
.lucky-cell .effect-avatar{width:32px;height:32px;border-radius:10px;font-size:15px;border:1px solid #ffffff0b;box-shadow:0 2px 8px #0003}
.lucky-cell>span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
.lucky-cell.center{background:radial-gradient(ellipse at 50% 0,#ba9ed31a,transparent 70%),#292332;border-color:#8a739f;color:#d9bcee;box-shadow:inset 0 1px #e1c6f11a,0 4px 0 #151119,0 7px 15px #0003;gap:4px}.lucky-cell.center svg{width:25px;height:25px;stroke-width:1.4}.lucky-cell.center small{font:400 7px 'Space Grotesk',sans-serif;letter-spacing:1px;color:#9881a9}
.lucky-cell.trail{border-color:#8c759f;box-shadow:inset 0 0 20px #bca2d90c,0 4px 0 #17151d}
.lucky-cell.active{border-color:#ddc5ff;background:radial-gradient(ellipse at 50% 10%,#b78bff40,transparent 85%),linear-gradient(145deg,#4f3b67,#34293f);box-shadow:inset 0 1px #f3e2ff44,0 0 0 2px #c4a4ec22,0 0 27px #bc95e52e,0 4px 0 #201726;transform:translateY(-3px);z-index:1}
.lucky-cell.active:after{content:'';position:absolute;top:5px;right:7px;width:3px;height:3px;background:#ead4ff;border-radius:50%;box-shadow:0 0 5px #d7b2ff}
/* Pearl gashapon machine, canvas physics inside glass */
.capsule-machine{position:relative;width:286px;height:301px;flex-shrink:0;transform:translateY(3px);isolation:isolate}
.capsule-machine:after{content:'';position:absolute;left:15px;right:15px;bottom:-7px;height:27px;background:radial-gradient(ellipse,#0009,transparent 70%);z-index:-1}
.capsule-dome{position:absolute;left:48px;top:0;width:190px;height:190px;border-radius:50%;background:radial-gradient(ellipse at 28% 20%,#dad5eb0f,transparent 70%),linear-gradient(160deg,#a89ab91a,#19141f08 60%,#b5a5c318);border:2px solid #a89cb38c;box-shadow:inset 1px 1px 1px #fff4,inset -8px -10px 25px #09070d60,0 0 0 1px #29212e,0 8px 20px #0004;overflow:hidden;z-index:3}
.capsule-dome:before{content:'';position:absolute;inset:10px 53% 50% 15px;border-radius:50%;background:linear-gradient(130deg,#fff5,#fff0 70%);transform:rotate(28deg);z-index:2;pointer-events:none}
.capsule-dome:after{content:'';position:absolute;inset:7px 7px 18px;border-radius:50%;border-top:2px solid #ffffff29;border-left:1px solid #ffffff14;transform:rotate(-22deg);z-index:2;pointer-events:none}
.capsule-canvas{width:100%;height:100%;display:block}
.capsule-neck{position:absolute;left:54px;top:167px;width:178px;height:34px;background:linear-gradient(#d9d0e1,#7c7285 15%,#e1d6e7 33%,#9e91ac 45%,#605768 85%,#b5a7c0);border:1px solid #ded0eb77;border-radius:50%;box-shadow:0 5px 10px #0003;z-index:4}
.capsule-body{position:absolute;top:181px;left:38px;width:210px;height:110px;border-radius:20px 20px 32px 32px;background:linear-gradient(120deg,#cbbbd8,#a391b5 30%,#877492 72%,#6a5976);border:1px solid #e9d4f4aa;box-shadow:inset 2px 2px 2px #fff5,inset -4px -5px 10px #39294366,0 6px 0 #46364f,0 12px 22px #0004;z-index:2}
.capsule-body:before{content:'';position:absolute;inset:8px 9px 9px;border:1px solid #eee0f022;border-radius:15px 15px 26px 26px;pointer-events:none}
.capsule-brand{position:absolute;top:11px;left:21px;font:500 7px 'Space Grotesk',sans-serif;letter-spacing:1.7px;color:#51415e;text-shadow:0 1px #ffffff38}
.capsule-door{position:absolute;left:21px;top:33px;width:61px;height:57px;border-radius:12px;background:linear-gradient(150deg,#18121e,#2b2034);border:3px solid #d4c0e0;box-shadow:0 1px 1px #fff5,inset 0 5px 8px #000a,0 2px 4px #3b2a4d77}
.capsule-door:after{content:'';position:absolute;bottom:-2px;left:4px;right:4px;height:5px;border-radius:50%;background:linear-gradient(#c2adc8,#9b849f)}
.capsule-handle{position:absolute;right:27px;top:32px;width:48px;height:48px;border:3px solid #dfcde8;border-radius:50%;background:radial-gradient(ellipse at 25% 20%,#e5d3ed,#9e80b2 75%);box-shadow:0 3px 0 #5f4672,0 5px 7px #4e395d88,inset 0 1px #fff8}
.capsule-handle:after{content:'';position:absolute;width:49px;height:10px;top:16px;left:-4px;border:1px solid #e9d9ef;border-radius:5px;transform:rotate(-35deg);background:linear-gradient(#f7e9ff,#d0b7df);box-shadow:0 3px 3px #6e4c8366}
.capsule-handle-label{position:absolute;bottom:10px;right:27px;width:48px;text-align:center;color:#4c3b5b;font-size:7px;letter-spacing:1.5px}
.capsule-prize{position:absolute;left:69px;top:222px;width:40px;height:40px;z-index:6;transform-origin:center;isolation:isolate}
.capsule-prize:before,.capsule-prize:after{content:'';position:absolute;left:0;width:100%;height:50%;border:1px solid #e6d0fa;background:radial-gradient(ellipse at 28% 24%,#ede2ff,#b590d0 70%);box-shadow:inset 0 1px #fff8,0 2px 6px #49345266}
.capsule-prize:before{top:0;border-radius:22px 22px 0 0;transform-origin:center bottom}.capsule-prize:after{bottom:0;border-radius:0 0 22px 22px;background:linear-gradient(145deg,#fff7ff,#d5c6df)}
.capsule-prize.open:before{transform:translate(-10px,-11px) rotate(-25deg);transition:transform .3s}.capsule-prize.open:after{transform:translate(8px,4px) rotate(18deg);transition:transform .3s}
.capsule-prize span{position:absolute;inset:0;z-index:1;display:grid;place-items:center;font-size:11px;font-weight:600;color:#4b365e;opacity:0}.capsule-prize.open span{opacity:1;transition:opacity .25s}
.capsule-foot{position:absolute;bottom:0;left:48px;right:48px;height:12px;background:linear-gradient(#5d496b,#3d2f48);border-radius:0 0 14px 14px;z-index:1}
/* Winner reveal */
.winner-result{position:absolute;inset:25px 0 30px;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;animation:award-in .55s cubic-bezier(.16,1,.3,1)}
.winner-result:before{content:'';position:absolute;inset:-15%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#f5c65e14,transparent 60%)}
.winner-label{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;letter-spacing:3px;color:#d1b580}.winner-label:before,.winner-label:after{content:'';width:24px;height:1px;background:linear-gradient(90deg,transparent,#a88d59)}.winner-label:after{transform:rotate(180deg)}
.winner-cards{display:flex;gap:12px;justify-content:center;align-items:stretch;width:100%;padding:3px 14px;min-height:0}
.winner-card{border:1px solid #dfba6e66;border-radius:17px;background:radial-gradient(ellipse at 30% 0,#f5c65e16,transparent 65%),linear-gradient(145deg,#343028f5,#22221df5);box-shadow:inset 0 1px #ffdfa51a,0 12px 25px #0003,0 0 30px #f5c65e0b;padding:19px 17px;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;flex:1;max-width:190px;position:relative;overflow:hidden;animation:award-in .6s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--reveal-delay,0s)}
.winner-card:before{content:'';position:absolute;inset:1px;border:1px solid #f5c65e12;border-radius:15px;pointer-events:none}.winner-position{font:400 8px 'Space Grotesk',sans-serif;letter-spacing:2px;color:#b5a078}.winner-card .effect-avatar{width:63px;height:63px;border-radius:18px;font-size:28px;border:2px solid #e4c583;box-shadow:0 0 0 4px #f5c65e0c,0 7px 20px #0003}
.winner-card strong{font-size:17px;font-weight:600;color:#ffe0a1;max-width:100%;overflow-wrap:anywhere;line-height:1.5}.winner-card small{font-size:8px;color:#a4977d;overflow-wrap:anywhere;max-width:100%}
.winner-cards.single .winner-card{max-width:290px;min-width:230px;padding:20px 30px 24px}.winner-cards.single .effect-avatar{width:84px;height:84px;font-size:36px;border-radius:23px;margin:3px 0 4px}.winner-cards.single .winner-card strong{font-size:26px}
.winner-cards.many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:235px;overflow:auto;scrollbar-width:thin;scrollbar-color:#8b734d #26231c;align-items:start;gap:8px}.winner-cards.many .winner-card{max-width:none;padding:10px 8px;gap:5px;min-height:119px;border-radius:10px}.winner-cards.many .winner-position{font-size:7px}.winner-cards.many .effect-avatar{width:34px;height:34px;font-size:16px;border-radius:10px}.winner-cards.many strong{font-size:12px}.winner-cards.many small{font-size:7px}
.celebration-canvas{position:absolute;inset:-18px -12px;width:calc(100% + 24px);height:calc(100% + 36px);z-index:7;pointer-events:none}
@keyframes award-in{from{opacity:0;transform:translateY(15px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}
/* Dialogs and records */
dialog{border:1px solid #464857;background:linear-gradient(145deg,#252832,#1b1e27);color:var(--ink);padding:27px;border-radius:20px;width:min(580px,calc(100% - 28px));box-shadow:inset 0 1px #ffffff09,0 30px 100px #0008;max-height:85dvh;overflow:auto}dialog::backdrop{background:#07090fd4;backdrop-filter:blur(10px)}
.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.dialog-heading h2{font-size:24px;font-weight:700;margin:5px 0 0;letter-spacing:-.5px}.dialog-close{align-self:flex-start}
.search-box{display:flex;align-items:center;gap:10px;border:1px solid #535969;background:#12151e;border-radius:12px;padding:7px 8px 7px 14px;box-shadow:inset 0 2px 5px #0003}.search-box:focus-within{border-color:#c19c57}.search-box>svg{width:18px;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;background:none;color:var(--ink);height:35px;font-size:13px}.search-box input::placeholder{font-size:12px;color:#778096}.search-box button{border:0;border-radius:8px;padding:9px 14px;color:#3c2b0d;background:var(--gold);white-space:nowrap;font-size:12px;font-weight:600}
.room-filter{display:flex;justify-content:space-between;align-items:center;margin:24px 0 11px;font-size:12px;color:var(--muted);gap:10px}.room-filter .check-label{font-size:11px}.room-results{max-height:370px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.creator-result{display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:11px;background:none;text-align:left;width:100%;padding:11px 9px}.creator-result:hover{border-color:#786644;background:#f5c65e07}.creator-result .room-copy strong{font-size:13px}.creator-result .room-copy small{font-size:11px}.creator-live{font-size:10px;color:var(--green);white-space:nowrap}.creator-live.offline{color:var(--muted)}.creator-live:before{content:'●';font-size:7px;margin-right:4px}.creator-result .online-label{font:400 10px 'Space Grotesk',sans-serif;color:var(--muted);margin-left:8px}
.dialog-note{border-top:1px solid var(--line);padding-top:17px;margin:15px 0 0;font-size:11px;line-height:1.8;color:#858fa4}.search-status{padding:16px 5px;font-size:12px;color:var(--muted);line-height:1.9}.search-status.error{color:var(--danger)}
.records-dialog{width:min(690px,calc(100% - 28px))}.records-tools{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);gap:12px;margin-bottom:18px}.records-tools .secondary-button{font-size:11px;min-height:35px;padding:7px 13px}.records-tools svg{width:15px}
.record-item{border:1px solid #3e414e;padding:17px;border-radius:12px;margin-bottom:13px;background:#ffffff02}.record-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-bottom:12px}.record-top strong{color:var(--ink);font-weight:500}.record-winners{display:flex;flex-wrap:wrap;gap:8px}.record-winner{border:1px solid #f5c65e30;border-radius:7px;background:#f5c65e09;color:var(--gold);padding:7px 10px;font-size:13px}.record-winner small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.record-info{color:var(--muted);font-size:11px;margin-top:11px}.copy-record{background:none;border:0;color:var(--gold);font-size:11px}.records-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:var(--muted);margin-top:20px}
.confirm-dialog{max-width:420px}.confirm-dialog h2{font-size:20px;font-weight:600}.confirm-dialog p{font-size:13px;color:#a9adba;line-height:1.9}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.confirm-actions .primary-button{width:auto}
.toast-stack{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:9px;width:min(520px,calc(100% - 28px));pointer-events:none}
.toast{background:#313643f7;border:1px solid #606676;border-radius:12px;padding:13px 19px;font-size:12px;box-shadow:0 8px 30px #0005;text-align:center;animation:toast-in .2s ease}.toast.error{border-color:#a8675e;color:#ffd4c9}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1450px){.workspace{grid-template-columns:335px minmax(0,1fr)}.stage-content{padding-left:40px;padding-right:40px}.draw-arena{min-height:340px}.case-strip{--card-width:174px}.case-card{height:217px}.case-lane{height:248px}.case-card .effect-avatar{width:82px;height:82px;font-size:36px}.case-focus-frame{width:180px}.wheel-wrap{width:322px;height:322px}.wheel-center{inset:123px}.capsule-machine{transform:scale(1.08)}.lucky-grid{width:380px;gap:12px}.lucky-cell{height:96px}.style-tab{gap:14px}.style-name{font-size:12px}.style-name small{font-size:9px}}
@media(max-height:850px) and (min-width:901px){.workspace{min-height:720px;height:auto}.control-panel{padding-top:20px}.panel-heading{margin-bottom:19px;padding-bottom:17px}.draw-arena{min-height:290px;margin-top:15px;margin-bottom:12px}.stage-content{padding-top:22px;padding-bottom:18px}.stage-actions{margin-bottom:20px}.stage-intro h1{font-size:34px}.style-tab{min-height:62px}}
@media(max-width:1180px){.site-header{padding:0 28px}.workspace{grid-template-columns:294px minmax(0,1fr);gap:18px;padding:0 20px}.control-panel{padding:21px 20px 18px}.stage-content{padding:26px 22px 20px}.stage-toolbar{padding:17px 22px}.style-tabs{gap:6px}.style-tab{flex-direction:column;gap:6px;padding:9px 3px;min-height:89px;text-align:center}.style-name{font-size:10px}.style-name small{font-size:8px;margin-top:3px}.dock-label{margin-bottom:10px}.stage-description{font-size:12px}.stage-meta{gap:12px}.stage-footer{padding:14px 19px;font-size:8px}.draw-arena{min-height:300px}.capsule-machine{transform:scale(.94)}.stage-content h1{font-size:33px}}
@media(max-width:900px){.workspace{grid-template-columns:264px minmax(0,1fr);min-height:830px;height:auto;gap:14px;padding:0 16px}.control-panel{padding:21px 17px 17px}.site-header{padding:0 23px;height:84px}.brand{font-size:21px}.brand-mark{width:41px;height:41px}.header-right{gap:16px}.stage-toolbar{padding:15px 17px}.stage-content{padding:24px 17px 18px}.stage-content h1{font-size:28px;letter-spacing:-1px}.stage-meta{gap:9px;font-size:10px}.stage-meta strong{font-size:16px}.stage-meta .meta-keyword{font-size:9px}.stage-description{font-size:11px}.stage-kicker{font-size:8px;gap:8px;letter-spacing:1.5px}.demo-banner{padding:8px 17px;font-size:9px}.demo-banner button{font-size:9px}.draw-hint{font-size:9px}.style-tabs{gap:5px}.style-tab{padding:9px 2px}.style-name{font-size:9px}.style-name small{font-size:7px}.stage-footer{flex-direction:column;gap:5px}.draw-arena{margin:20px 0 20px;min-height:310px}.effect-stage{width:calc(100% + 24px)}.case-strip{--card-width:137px;gap:10px}.case-card{height:188px}.case-focus-frame{width:143px}.case-card .effect-avatar{width:64px;height:64px}.case-lane{height:220px}.wheel-wrap{width:258px;height:258px;padding:15px}.wheel-center{inset:99px;font-size:10px}.wheel-center svg{width:21px;height:21px}.wheel-center small{font-size:6px}.wheel-pin{width:22px;left:calc(50% - 11px)}.wheel-wrap:before{inset:8px}.lucky-grid{max-width:calc(100% - 12px);gap:8px}.lucky-cell{height:83px;font-size:10px}.lucky-cell.center>span{font-size:10px}.lucky-cell.center small{font-size:6px}.capsule-machine{transform:scale(.9)}.winner-cards{gap:7px;padding:0 4px}.winner-card{padding:14px 7px;gap:9px;border-radius:12px}.winner-card .effect-avatar{width:45px;height:45px;font-size:21px;border-radius:13px}.winner-card strong{font-size:12px}.winner-position{font-size:7px;letter-spacing:1px}.winner-label{font-size:9px;letter-spacing:2px}.winner-cards.many{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.site-header{height:83px;padding:0 19px;gap:10px}.brand{font-size:21px;gap:11px;letter-spacing:0}.brand-mark{width:39px;height:39px;border-radius:12px}.brand-mark svg{width:26px;height:26px}.brand small{font-size:8px;letter-spacing:1.6px}.header-right{flex-direction:column;align-items:flex-end;gap:6px}.author-credit{font-size:10px}.quiet-button{padding:3px 7px;min-height:27px;gap:5px;font-size:10px;border-radius:7px;background:none;border-color:#343744}.quiet-button svg{width:12px;height:12px}.record-count{font-size:9px;padding:0 5px}
.workspace{display:flex;flex-direction:column-reverse;gap:16px;min-height:0;max-height:none;height:auto;padding:0 12px}
.stage-panel{min-height:808px;border-radius:17px}.stage-toolbar{padding:13px 16px}.stage-identity{gap:8px}.stage-identity>strong{font-size:12px}.studio-icon{width:27px;height:27px}.stage-tools .icon-button{width:31px;height:31px}.demo-banner{padding:8px 16px;font-size:9px}.stage-content{padding:26px 17px 18px}.stage-content h1{font-size:30px}.stage-kicker{font-size:8px;letter-spacing:1.7px}.stage-description{font-size:11px}.stage-meta{gap:12px;margin-top:18px;font-size:10px}.stage-meta strong{font-size:17px}.stage-meta .meta-keyword{font-size:9px}
.draw-arena{height:310px;flex:none;margin-top:19px;margin-bottom:18px;min-height:310px}.effect-stage{min-height:310px}.arena-topline{font-size:8px;left:10px;right:10px}.arena-bottomline{font-size:8px;left:10px;right:10px}.animation-meter{width:42px}.stage-actions{margin-bottom:26px}.draw-button{height:52px;min-width:210px;font-size:14px}.draw-hint{font-size:9px}.dock-label{font-size:10px}.dock-label>span{font-size:7px;letter-spacing:1px}.style-tabs{gap:7px}.style-tab{min-height:90px;padding:9px 3px;gap:6px}.style-name{font-size:10px}.style-name small{font-size:7px}.style-mini{transform:scale(.9)}.stage-footer{flex-direction:row;gap:8px;padding:13px 16px;font-size:8px}.stage-footer>span:first-child{max-width:65%}.case-strip{--card-width:145px;gap:11px}.case-focus-frame{width:151px}.wheel-wrap{width:270px;height:270px;padding:16px}.wheel-center{inset:104px}.wheel-wrap:before{inset:8px}.capsule-machine{transform:scale(.94)}.lucky-grid{max-width:295px}.lucky-cell{height:86px}.lucky-cell .effect-avatar{width:33px;height:33px}.winner-cards.single .winner-card{max-width:258px;min-width:210px}.winner-cards.single .winner-card strong{font-size:23px}
.control-panel{padding:23px;border-radius:17px;overflow:visible;min-height:620px}.panel-heading{padding-bottom:18px;margin-bottom:20px}.participants-section{min-height:130px}.participants-list{max-height:170px;min-height:100px}.empty-participants{padding:17px 0}.participant-row{font-size:13px}.participant-avatar{width:32px;height:32px}.participants-note{margin-top:12px}.demo-button{min-height:37px;font-size:12px}.keyword-field input,.text-field,.number-field input{font-size:16px}.primary-button{min-height:47px;font-size:13px}
.page-footer{flex-direction:column;gap:5px;padding:19px 17px 25px;font-size:9px}dialog{padding:21px}.search-box input{font-size:16px}.search-box input::placeholder{font-size:10px}.search-box>svg{width:16px}.search-box{gap:7px;padding-left:11px}.search-box button{padding:8px 10px;font-size:11px}.online-label{display:none}.dialog-note{font-size:10px}.dialog-heading h2{font-size:22px}
}
@media(max-width:370px){.site-header{padding:0 15px}.brand{font-size:19px}.brand small{font-size:7px}.author-credit{font-size:9px}.workspace{padding:0 9px}.stage-content{padding-left:13px;padding-right:13px}.stage-content h1{font-size:26px}.stage-meta{gap:8px;font-size:9px}.stage-meta strong{font-size:15px}.stage-kicker{font-size:7px;gap:7px}.stage-description{font-size:10px}.style-tabs{gap:5px}.style-name{font-size:9px}.style-name small{font-size:6px}.style-tab{min-height:87px}.stage-footer{font-size:7px;padding:12px}.control-panel{padding:21px}.arena-bottomline{font-size:7px}.winner-cards.many{padding:0;gap:6px}.winner-card strong{font-size:11px}.capsule-machine{transform:scale(.9)}.lucky-grid{gap:7px}.lucky-cell{height:82px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the complete scene in normal flow, including on short screens. */
.workspace{height:auto;max-height:none;min-height:calc(100dvh - 140px)}
.stage-content>.stage-intro,.stage-content>.stage-actions,.stage-content>.style-dock{flex-shrink:0}
.stage-content{padding-top:23px;padding-bottom:18px}
.stage-kicker{margin-bottom:10px}
.stage-meta{margin-top:14px}
.draw-arena{margin-top:14px;margin-bottom:14px}
.stage-actions{margin-bottom:20px}
.stage-footer{padding-top:12px;padding-bottom:12px}
@media(min-width:681px) and (max-width:1180px){
  .style-tab{flex-direction:row;min-height:65px;padding:10px 5px;gap:7px;text-align:left}
  .style-mini{width:30px;transform:scale(.88)}
  .style-name{font-size:10px}
  .style-name small{font-size:7px}
}
@media(min-width:681px) and (max-width:900px){
  .style-tab{gap:4px;padding:9px 3px}
  .style-name{font-size:9px}
  .style-name small{font-size:6px}
  .style-mini{transform:scale(.78);width:27px}
}
@media(max-width:680px){.workspace{min-height:0}.style-tab{flex-direction:column;min-height:90px}.stage-content{padding-top:25px}}
@media(min-width:681px){
  .workspace{height:calc(100dvh - 120px);min-height:820px;max-height:1120px}
  .draw-arena{height:300px;min-height:300px;max-height:300px;flex:none}
  .effect-stage{height:300px;min-height:300px}
}
@media(max-width:680px){.draw-arena{height:310px;min-height:310px;max-height:310px;flex:none}.effect-stage{height:310px;min-height:310px}}
.arena-corner{color:#95856866}
.stage-meta .meta-keyword{padding:6px 11px;border-radius:8px;border:1px solid #f5c65e30;background:#f5c65e0c;font-size:14px;color:#e0c88d}.stage-meta .meta-keyword b{font-size:19px;font-weight:700;color:#ffe0a1;overflow-wrap:anywhere}
.wheel-wrap{transform:translateY(-6px) scale(.91)}
.case-layout.multi{padding:14px 0;gap:8px}
.case-layout.multi .case-lane{height:82px}
.case-layout.multi .case-card{height:68px}
.case-layout.multi .case-lane-label{top:-1px;left:8px;font-size:7px}
.stage-panel:fullscreen{overflow:auto}
.stage-panel:fullscreen .stage-content{flex:1 0 auto;min-height:auto}
.stage-panel:fullscreen .stage-toolbar,.stage-panel:fullscreen .stage-footer,.stage-panel:fullscreen .demo-banner{flex-shrink:0}
.stage-tools .sound-toggle{width:auto;padding:0 9px;gap:6px;font-size:10px;white-space:nowrap;border:1px solid #f5c65e22;background:#f5c65e07;color:#ddc58e}
.stage-tools .sound-toggle[aria-pressed=false]{opacity:1;background:#ffffff04;border-color:#ffffff16;color:#a1a7b6}
.sound-test-button{align-self:center;background:#f5c65e12;border:1px solid #b9955044;border-radius:7px;padding:5px 8px;color:#e9cb90;font-size:10px;white-space:nowrap}
.sound-test-button:hover{background:#f5c65e22}
.audio-output{display:flex;align-items:center;gap:7px;color:#a8b7ba;font-size:9px;line-height:1.7;margin:2px 0 10px}
.audio-meter{display:block;flex-shrink:0;width:28px;height:5px;border-radius:4px;overflow:hidden;background:#ffffff10}
.audio-meter i{display:block;width:0;height:100%;background:#80dbbb;transition:width .05s}
@media(max-width:370px){.stage-identity .live-pill{display:none}.stage-tools{gap:4px}.stage-tools .sound-toggle{padding:0 6px;font-size:9px}.sound-test-button{padding:5px 6px;font-size:9px}}
/* Room data and the broadcast collection view share the same live feed. */
.room-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 25px 0;border:1px solid #ffffff0c;background:#ffffff02;border-radius:13px;flex-shrink:0}
.room-stat{padding:13px 17px;min-width:0}.room-stat+.room-stat{border-left:1px solid #ffffff0c}.room-stat>span{display:flex;align-items:center;gap:6px;color:#a2a6b5;font-size:10px;white-space:nowrap}.room-stat>span svg{width:13px;height:13px;color:#a39068}.room-stat>div{display:flex;align-items:baseline;gap:6px;margin-top:6px}.room-stat strong{font:500 27px 'Space Grotesk',sans-serif;color:#f0e3c9;line-height:1.2;font-variant-numeric:tabular-nums}.room-stat small{font-size:9px;color:#81899b}.room-stat p{margin:5px 0 0;color:#798195;font-size:8px;min-height:12px}.room-stat[data-stale=true] strong{color:#a9a79f}
#audience-home{display:flex;flex:1;min-height:220px}.audience-panel{width:100%;position:relative}.participants-heading{gap:4px}.audience-tabs{display:flex;gap:13px;min-width:0}.audience-tabs button{padding:5px 0 9px;border:0;border-bottom:2px solid transparent;background:none;color:#81899d;font-size:11px;white-space:nowrap}.audience-tabs button[aria-selected=true]{border-color:var(--gold);color:#f1e6cc}.audience-tabs b{font-size:9px;padding:1px 4px;margin-left:2px;background:#ffffff07;color:#898fa0}.audience-tabs button[aria-selected=true] b{color:var(--gold);background:#f5c65e12}.audience-tools{display:flex;align-items:center;gap:5px}.audience-tools .icon-button{width:24px;height:28px}.audience-tools svg{width:14px;height:14px}.audience-tools .text-button{font-size:9px}.audience-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4d4c51 transparent}.chat-list{flex:1;min-height:100px;max-height:270px;overflow:auto;margin-top:10px}.chat-row{display:flex;align-items:flex-start;gap:8px;border-bottom:1px solid #ffffff06;padding:10px 0}.chat-copy{min-width:0;flex:1}.chat-meta{display:flex;gap:7px;align-items:center}.chat-name{color:#b9c1d3;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{margin-left:auto;font:9px 'Space Grotesk',sans-serif;color:#656e81;white-space:nowrap}.chat-text{margin:4px 0 0;color:#e0e1e8;font-size:12px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.chat-joined{font-size:8px;border:1px solid #80dbbb22;border-radius:4px;color:#80dbbb;padding:0 3px;white-space:nowrap}.chat-note{font-size:9px;text-align:center;margin:10px 0 15px;color:#858fa4}.new-chat-button{position:absolute;bottom:32px;align-self:center;border:1px solid #b29552;background:#3c3421;color:#ffe2a0;padding:6px 13px;border-radius:20px;font-size:10px;box-shadow:0 5px 14px #0006;z-index:2}.shrink-button{display:flex;align-items:center;gap:6px;color:#d8c695;border:1px solid #f5c65e33;background:#f5c65e09;border-radius:8px;padding:7px 10px;font-size:11px}
.collection-expanded .control-panel{display:none}.collection-expanded .workspace{grid-template-columns:minmax(0,1fr);min-height:780px;height:calc(100dvh - 125px);max-height:none}.collection-expanded .stage-content{display:none}.collection-expanded .stage-panel{min-height:0}.collection-expanded .stage-footer{display:none}.collection-expanded .room-stats{margin:22px 32px 0;background:linear-gradient(110deg,#ffffff04,#ffffff01)}.collection-expanded .room-stat{padding:15px 24px}.collection-expanded .room-stat strong{font-size:35px}.collection-expanded .room-stat>span{font-size:12px}.collection-expanded .room-stat p{font-size:9px}.collection-expanded #sound-btn,.collection-expanded #sound-test-btn{display:none}.collection-expanded .stage-toolbar{padding-left:32px;padding-right:32px}
.collection-focus{flex:1;min-height:0;display:flex;flex-direction:column;padding:24px 32px 25px;gap:20px}.focus-intro{display:flex;justify-content:space-between;align-items:center;gap:24px}.focus-kicker{display:flex;align-items:center;gap:7px;color:var(--green);font-size:11px}.focus-kicker>.status-dot{background:currentColor;box-shadow:0 0 0 4px #80dbbb12}.focus-kicker>span:last-child{font:10px 'Space Grotesk',sans-serif;color:#8b8d9b;margin-left:10px;letter-spacing:1px}.focus-intro h1{font-size:32px;text-align:left;letter-spacing:0;margin-top:9px}.focus-intro p{font-size:12px;color:#9a9fab;margin:9px 0 0}.focus-total{text-align:right;flex-shrink:0;display:flex;align-items:baseline;gap:12px}.focus-total strong{font:500 84px 'Space Grotesk',sans-serif;letter-spacing:-4px;color:#ffe1a2;line-height:1}.focus-total>span{font-size:13px;color:#aea795}.focus-keyword{display:flex;align-items:center;gap:18px;padding:11px 20px;border:1px solid #f5c65e25;border-radius:10px;background:linear-gradient(100deg,#f5c65e0d,#f5c65e03);flex-shrink:0}.focus-keyword>span{font-size:12px;color:#b0a285}.focus-keyword strong{color:#ffe0a1;font-size:24px;letter-spacing:2px;overflow-wrap:anywhere}.focus-keyword>span:last-child{margin-left:auto;color:#8b8b91;font-size:11px}
#audience-focus-home{display:flex;flex:1;min-height:0}#audience-focus-home .audience-panel{border:1px solid #ffffff0d;border-radius:14px;padding:15px 22px 0;background:#0f111655;min-height:0}#audience-focus-home .participants-heading{padding-bottom:7px;border-bottom:1px solid #ffffff09;flex-shrink:0}#audience-focus-home .audience-tabs{gap:26px}#audience-focus-home .audience-tabs button{font-size:15px;padding:0 0 9px}#audience-focus-home .audience-tabs b{font-size:12px;padding:1px 7px;margin-left:6px}#audience-focus-home .audience-tools{display:none}#audience-focus-home .participants-list,#audience-focus-home .chat-list{max-height:none;min-height:0;flex:1;margin-top:9px;padding-right:9px}#audience-focus-home .participants-list:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:4px 22px}#audience-focus-home .participant-row{padding:14px 0;gap:12px;font-size:23px}#audience-focus-home .participant-index{font-size:12px;width:25px}#audience-focus-home .participant-avatar{width:42px;height:42px;font-size:19px;border-radius:12px}#audience-focus-home .joined{font-size:10px}#audience-focus-home .participants-note,#audience-focus-home .chat-note{margin:9px 0 11px;font-size:10px;flex-shrink:0}#audience-focus-home .empty-participants{grid-column:1/-1;width:100%;padding:35px 0}#audience-focus-home .empty-participants p{font-size:20px}#audience-focus-home .empty-participants span{font-size:13px}#audience-focus-home .chat-row{padding:14px 0;gap:13px}#audience-focus-home .chat-name{font-size:16px}#audience-focus-home .chat-time{font-size:11px}#audience-focus-home .chat-text{font-size:22px;line-height:1.65;margin-top:4px}#audience-focus-home .chat-joined{font-size:10px}#audience-focus-home .new-chat-button{bottom:40px;font-size:12px}
.focus-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0}.focus-footer>span{font-size:11px;color:#8991a3}.focus-footer button{width:auto;min-width:230px;min-height:45px}.collection-expanded .focus-paused .focus-kicker{color:#ceb98c}
@media(min-width:681px){.workspace{min-height:950px;max-height:1250px}.stage-content{justify-content:center}.control-panel{padding-left:19px;padding-right:19px}}
@media(max-width:1180px){.room-stats{margin:16px 18px 0}.room-stat{padding:12px}.room-stat strong{font-size:23px}.room-stat>span{font-size:9px}#audience-focus-home .participant-row{font-size:20px}#audience-focus-home .participants-list:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.room-stats{margin:16px 16px 0;border-radius:10px}.room-stat{padding:10px 9px}.room-stat strong{font-size:22px}.room-stat>span{font-size:8px;gap:4px}.room-stat>span svg{display:none}.room-stat p{font-size:7px;line-height:1.6;min-height:22px}#audience-home{min-height:220px}.audience-tabs{gap:21px}.audience-tabs button{font-size:13px}.audience-tools .icon-button{width:30px;height:30px}.audience-tools .text-button{font-size:11px}.chat-list{max-height:220px}.chat-name{font-size:12px}.chat-text{font-size:14px}.collection-expanded .workspace{height:calc(100dvh - 100px);min-height:740px}.collection-expanded .stage-panel{min-height:0}.collection-expanded .stage-toolbar{padding:13px 17px}.collection-expanded .room-stats{margin:14px 16px 0}.collection-expanded .room-stat{padding:10px}.collection-expanded .room-stat strong{font-size:25px}.collection-expanded .room-stat>span{font-size:8px}.collection-expanded .room-stat p{font-size:7px}.collection-focus{padding:20px 16px 17px;gap:16px}.focus-intro{gap:12px}.focus-intro h1{font-size:22px}.focus-intro p{font-size:10px}.focus-kicker{font-size:9px}.focus-kicker>span:last-child{display:none}.focus-total{flex-direction:column;gap:4px;align-items:flex-end}.focus-total strong{font-size:56px;letter-spacing:-2px}.focus-total>span{font-size:9px}.focus-keyword{padding:10px 12px;gap:10px;flex-wrap:wrap}.focus-keyword>span{font-size:10px}.focus-keyword strong{font-size:22px}.focus-keyword>span:last-child{font-size:8px}#audience-focus-home .audience-panel{padding:15px 14px 0}#audience-focus-home .audience-tabs button{font-size:13px}#audience-focus-home .audience-tabs{gap:20px}#audience-focus-home .participants-list:not([hidden]){grid-template-columns:1fr}#audience-focus-home .participant-row{font-size:22px;padding:12px 0}#audience-focus-home .chat-name{font-size:13px}#audience-focus-home .chat-text{font-size:19px}.focus-footer{flex-direction:column;gap:12px}.focus-footer>span{font-size:9px}.focus-footer button{width:100%}.collection-expanded .site-header{height:82px}}
/* The participation keyword must remain readable in a livestream capture. */
.chat-copy{max-width:100%}.chat-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;min-width:0}.chat-row{min-width:0}.focus-keyword strong{min-width:0;overflow-wrap:anywhere}
.collection-focus .focus-keyword{padding:14px 24px;gap:24px}
.collection-focus .focus-keyword strong{font-size:clamp(38px,4.2vw,64px);font-weight:800;line-height:1.25;letter-spacing:4px;color:#ffe1a0;text-shadow:0 3px 24px #f5c65e14}
.collection-focus .focus-keyword>span:first-child{font-size:13px;flex-shrink:0}
@media(max-width:680px){.collection-focus .focus-keyword{padding:14px 16px;gap:8px 14px}.collection-focus .focus-keyword>span:first-child{font-size:10px}.collection-focus .focus-keyword strong{font-size:36px;letter-spacing:2px}.collection-focus .focus-keyword>span:last-child{flex-basis:100%;margin:0;font-size:9px}.stage-meta .meta-keyword{font-size:12px;padding:5px 9px}.stage-meta .meta-keyword b{font-size:17px}}
.effect-avatar>.avatar-placeholder{width:48%;height:48%;opacity:.5;stroke-width:1.5}.room-avatar>.avatar-placeholder{color:#c9c4d9;width:52%;height:52%;opacity:.65}
@media(max-width:680px){.collection-expanded .stage-identity .live-pill{display:none}.collection-expanded .stage-identity>strong{font-size:11px;white-space:nowrap}.collection-expanded .stage-toolbar{gap:10px}.shrink-button{white-space:nowrap;font-size:10px;padding:7px 9px}}
.audience-scroll:focus-visible{outline:1px solid #f5c65e50;outline-offset:2px;border-radius:6px}