:root{--bg:#1b0f33;--panel:#2a1850;--panel-dark:#1b0f33;--yellow:#ffd23f;--red:#e63946;--red-dark:#9e2530;--cyan:#4cc9f0;--green:#7ce38b;--text:#fff;--text-2:#d9ccf5;--font-title:"Bungee", system-ui, sans-serif;--font-body:"Rubik", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);margin:0;overflow:hidden}#stage{width:100%;height:100%;display:block;position:fixed;inset:0}#labels{pointer-events:none;position:fixed;inset:0}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#ui input,#ui textarea{-webkit-user-select:text;user-select:text}canvas{-webkit-user-select:none;user-select:none}#ui>*,#ui .screen>*{pointer-events:auto}[hidden]{display:none!important}h1,h2{font-family:var(--font-title);margin:0;font-weight:400}.muted{color:var(--text-2)}.cyan{color:var(--cyan)}.accent{color:var(--yellow)}.screen{pointer-events:none;position:absolute;inset:0}#ui[data-view$=\:set] .screen>*{pointer-events:none}#ui[data-view=home] .screen,#ui[data-view=lobby] .screen,#ui[data-view=results] .screen,#ui[data-view=final] .screen{background:color-mix(in srgb, var(--bg) 82%, transparent)}.btn{font-family:var(--font-title);cursor:pointer;color:var(--bg);border:none;border-radius:10px;padding:12px 18px;font-size:16px;transition:transform 80ms}.btn:active:not(:disabled){transform:translateY(3px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-red{background:var(--red);color:#fff;box-shadow:0 5px 0 var(--red-dark)}.btn-yellow{background:var(--yellow);box-shadow:0 5px #b38f1c}.btn-dark{background:var(--panel-dark);color:#fff;font-family:var(--font-body);font-weight:700}.btn-big{padding:18px;font-size:28px}.btn-pressed{background:var(--green);box-shadow:0 5px #4e9b5a}input,textarea,select{background:var(--panel-dark);color:var(--text);font:inherit;border:none;border-radius:8px;padding:12px 14px;font-size:18px}input[type=range]{accent-color:var(--yellow);padding:0}input[type=checkbox]{width:22px;height:22px;accent-color:var(--yellow)}.select{padding:6px 10px;font-size:16px}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.panel{background:color-mix(in srgb, var(--panel) 94%, transparent);border-radius:16px;padding:24px}.panel-cyan{border:3px solid var(--cyan)}.card-label{font-family:var(--font-title);letter-spacing:2px;text-transform:uppercase;margin:0 0 8px;font-size:13px}.card-label.cyan{color:var(--cyan)}.avatar{width:44px;height:44px;color:var(--bg);font-family:var(--font-title);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;display:grid}.avatar-big{width:96px;height:96px;font-size:40px}.error{color:var(--yellow);margin:0}.logo-channel{font-family:var(--font-title);color:var(--cyan);letter-spacing:3px;text-transform:uppercase;font-size:13px}.logo-title{font-family:var(--font-title);color:var(--yellow);text-shadow:4px 4px 0 var(--red);font-size:56px;line-height:1}.logo-subtitle{margin:6px 0 0;font-weight:700}.logo-subtitle small{color:var(--text-2);font-weight:400}.logo-big .logo-title{text-shadow:7px 7px 0 var(--red);font-size:120px}.topbar{pointer-events:none;z-index:5;height:52px;position:absolute;top:20px;left:24px;right:24px}.logo-small{position:absolute;top:0;left:24px}.logo-small .logo-title{font-size:44px}.logo-small .logo-subtitle{font-size:14px}.status{background:var(--red);font-family:var(--font-title);text-transform:uppercase;border-radius:8px;align-items:center;gap:10px;padding:10px 20px;display:flex;position:absolute;top:0;right:0}.status:before{content:"";background:#fff;border-radius:50%;width:12px;height:12px}.status[data-status=live]:before{animation:1s infinite blink}.segment-pill{border:3px solid var(--yellow);background:var(--bg);font-family:var(--font-title);white-space:nowrap;border-radius:999px;align-items:center;gap:14px;padding:10px 24px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.segment-pill .cyan{letter-spacing:2px;font-size:12px}.segment-pill strong{color:var(--yellow);font-size:18px;font-weight:400}.timer{background:var(--panel);font-family:var(--font-title);border-radius:10px;padding:6px 16px;font-size:28px;position:absolute;top:0;right:200px}.timer-hot{background:var(--red)}.conductor{background:color-mix(in srgb, var(--panel) 95%, transparent);pointer-events:none;z-index:5;border-radius:14px;align-items:center;gap:14px;max-width:560px;padding:14px 18px;display:flex;position:absolute;bottom:24px;left:24px}#ui[data-view$=\:set] .conductor{max-width:340px;font-size:14px;top:20px;bottom:auto}.conductor-face{background:var(--yellow);border:3px solid var(--red);border-radius:50%;flex-shrink:0;width:48px;height:48px}.conductor-name{font-family:var(--font-title);color:var(--yellow);margin:0 0 2px;font-size:12px}.conductor p:last-child{margin:0}.toasts{pointer-events:none;z-index:6;gap:8px;display:grid;position:absolute;top:90px;left:50%;transform:translate(-50%)}.toast{background:var(--yellow);color:var(--bg);border-radius:10px;padding:10px 18px;font-weight:700;animation:.2s ease-out pop}.modal{z-index:10;background:#0a0519b3;place-items:center;display:grid;position:absolute;inset:0}.options{border:3px solid var(--yellow);background:var(--panel);gap:18px;width:420px;display:grid}.options h2{color:var(--yellow)}.slider{grid-template-columns:1fr;gap:6px;display:grid}.slider span:last-child{color:var(--text-2);justify-self:end}.home{text-align:center;background:radial-gradient(45% 75%,#1b0f33b8,#1b0f3359 70%,#0000);flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex;position:absolute;inset:0}.home-card{border:3px solid var(--cyan);text-align:left;gap:12px;width:420px;display:grid}.field-label{font-family:var(--font-title);color:var(--cyan)}.divider{color:var(--text-2);text-align:center;margin:8px 0 0}.home-card>*,.home-card input{min-width:0}.code-input{font-family:var(--font-title);letter-spacing:3px;text-transform:uppercase;flex:1}.lobby{grid-template-columns:1fr 380px;gap:32px;display:grid;position:absolute;inset:130px 48px 120px}.lobby-main{flex-direction:column;gap:16px;min-height:0;display:flex}.character-picks{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;display:grid}.character-card{background:var(--panel-2,#36206a);color:var(--text);font:inherit;cursor:pointer;border:3px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 6px;font-size:12px;transition:transform .1s;display:flex}.character-card img{aspect-ratio:180/220;object-fit:contain;width:100%}.character-card:not(:disabled):hover{border-color:var(--yellow);transform:translateY(-3px)}.character-card.mine{cursor:default;background:#4a2d8a}.character-card.taken{cursor:not-allowed;opacity:.8}.character-card.taken img{filter:brightness(0)}.participants{flex-direction:column;min-height:0;display:flex}.panel-head{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.panel-head h2{color:var(--cyan);font-size:24px}.seats{grid-template-columns:1fr 1fr;gap:12px;display:grid;overflow:hidden}.seat{background:var(--panel-dark);border-radius:12px;align-items:center;gap:14px;min-height:68px;padding:12px 14px;display:flex}.seat-info{flex:1;min-width:0;display:grid}.seat-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seat-info small{color:var(--text-2)}.seat-empty{color:var(--text-2);background:0 0;border:2px dashed #6a5a90;justify-content:center}.badge{font-family:var(--font-title);color:var(--bg);text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:12px}.badge-ready{background:var(--green)}.badge-waiting{background:var(--text-2)}.badge-offline{background:#777}.kick{color:var(--text-2);cursor:pointer;background:0 0;border:none;font-size:18px}.kick:hover{color:var(--red)}.side{flex-direction:column;gap:20px;display:flex}.card-yellow{background:var(--yellow);color:var(--bg);border-radius:16px;gap:12px;padding:22px;display:grid}.room-code{font-family:var(--font-title);letter-spacing:4px;font-size:48px;line-height:1}.grid-card{gap:12px;display:grid}.setting{justify-content:space-between;align-items:center;gap:10px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--red);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.chip-off{background:var(--panel-dark);color:var(--text-2);font-weight:400}button.chip{color:var(--text);cursor:pointer;border:2px solid #0000;font-family:inherit;transition:transform .1s,background .15s}button.chip:hover:not(:disabled){border-color:var(--yellow);transform:translateY(-1px)}button.chip:disabled{cursor:default}button.chip.chip-off{border-style:dashed;border-color:color-mix(in srgb, var(--text-2) 40%, transparent);text-decoration:line-through}button.chip.chip-few{background:color-mix(in srgb, var(--red) 45%, var(--panel-dark))}.games-head{justify-content:space-between;align-items:baseline;font-weight:700;display:flex}.games-hint{margin:0;font-size:13px}.actions{gap:14px;margin-top:auto;display:grid}.hint{text-align:center;margin:0}.intro{text-align:center;background:radial-gradient(circle,#1b0f3399,#1b0f33f2);place-content:center;justify-items:center;gap:16px;display:grid;position:absolute;inset:0}.kicker{font-family:var(--font-title);color:var(--cyan);letter-spacing:4px;text-transform:uppercase;margin:0}.big-title{color:var(--yellow);text-shadow:5px 5px 0 var(--red);text-transform:uppercase;font-size:72px;animation:.4s ease-out pop}.rules{max-width:640px;color:var(--text-2);font-size:20px}.badge-red{background:var(--red);font-family:var(--font-title);letter-spacing:1px;text-transform:uppercase;border-radius:999px;margin:0;padding:6px 14px;font-size:14px}.notebook-wrap{background:#1b0f3359;place-items:center;display:grid;position:absolute;inset:0}#ui[data-view=chamuyo\:write] .notebook-wrap,#ui[data-view=infiltrado\:role] .notebook-wrap{padding-right:calc(5 * var(--vw,1vw));background:linear-gradient(90deg,#0000 40%,#1b0f338c 55%);justify-items:end}#ui[data-view=chamuyo\:write] .notebook,#ui[data-view=infiltrado\:role] .role-card{width:min(560px, calc(50 * var(--vw,1vw)))}.notebook{width:min(640px, calc(90 * var(--vw,1vw)));color:var(--bg);box-shadow:10px 10px 0 var(--red);background:#fffbea repeating-linear-gradient(#0000 0 31px,#cfe3f5 31px 32px);border-radius:8px;padding:32px}.notebook .card-label{color:var(--red)}.prompt{margin-bottom:20px;font-size:30px;line-height:1.2}.notebook-form{gap:12px;display:grid}.notebook textarea{resize:none;color:var(--bg);border:2px solid var(--bg);background:#fff;font-size:22px}.notebook .muted{color:#6a5a90}.waiting{font-size:20px;font-weight:700}.set-hud{position:absolute;inset:0}#stage,#labels,.set-hud{-webkit-user-select:none;user-select:none}.set-prompt{max-width:calc(70 * var(--vw,1vw));background:color-mix(in srgb, var(--bg) 85%, transparent);text-align:center;border-radius:12px;margin:0;padding:10px 20px;font-size:20px;font-weight:700;position:absolute;top:86px;left:50%;transform:translate(-50%)}.set-status{background:color-mix(in srgb, var(--bg) 85%, transparent);white-space:nowrap;border-radius:12px;margin:0;padding:10px 20px;font-size:18px;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.status-near{background:var(--yellow);color:var(--bg);font-weight:700}.controls-hint{color:var(--text-2);white-space:nowrap;margin:0;font-size:14px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.crosshair{background:#fffc;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%}.label-name{font-family:var(--font-title);text-shadow:0 2px 0 var(--bg);font-size:14px}.head-count{flex-direction:column;align-items:center;gap:3px;display:flex}.hc-row{font-family:var(--font-title);white-space:nowrap;color:var(--bg);border:3px solid var(--bg);background:#b8b0cc;border-radius:999px;padding:2px 10px;font-size:17px}.hc-row[hidden]{display:none}.hc-label:after{content:": "}.hc-row.good{background:#7ce38b}.hc-row.bad{background:var(--red);color:#fff}.hc-row.sus{background:#ffa94d}.hc-num{text-align:center;min-width:14px;display:inline-block}.hc-num.pop{animation:.35s ease-out head-pop}@keyframes head-pop{0%{transform:scale(1.6)}to{transform:scale(1)}}.label-lectern{background:var(--panel);border:2px solid var(--cyan);text-align:center;border-radius:10px;max-width:220px;padding:10px 12px;font-size:15px;transition:transform .15s}.label-lectern p{margin:0}.label-lectern.near{background:var(--yellow);color:var(--bg);border-color:var(--red);transform:scale(1.12)}.label-lectern.own{opacity:.75;border-style:dashed}.label-author{font-family:var(--font-title);color:var(--yellow);font-size:12px;margin-top:6px!important}.label-lectern.near .label-author{color:var(--red)}.results,.final{flex-direction:column;align-items:center;padding:24px 48px 120px;display:flex;position:absolute;inset:0}.results-head{text-align:center;justify-items:center;gap:6px;display:grid}.results-head p{margin:0}.results .big-title{font-size:54px}.podium{flex:1;justify-content:center;align-items:flex-end;gap:20px;margin-top:12px;display:flex}.podium-col{flex-direction:column;align-items:center;gap:12px;width:230px;display:flex}.podium-people{gap:12px;display:flex}.podium-person{justify-items:center;gap:6px;font-size:20px;display:grid}.podium-block{border:3px solid var(--cyan);background:var(--panel);border-bottom:none;border-radius:12px 12px 0 0;align-content:center;justify-items:center;width:100%;display:grid}.podium-place{font-family:var(--font-title);font-size:44px}.podium-points{font-family:var(--font-title);color:var(--green);font-size:22px}.podium-1 .podium-block{background:var(--yellow);border-color:var(--yellow);height:180px;color:var(--bg)}.podium-1 .podium-points{color:var(--bg)}.podium-1 .avatar-big{border:4px solid var(--yellow)}.podium-2 .podium-block{height:135px}.podium-3 .podium-block{height:100px}.no-points{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:8px 0;display:flex}.pill{background:var(--panel);border-radius:999px;padding:6px 14px}.results-foot{align-items:center;gap:20px;display:flex;position:absolute;bottom:24px;right:24px}.final .big-title{margin-top:10px;font-size:60px}.standings{width:min(640px, calc(90 * var(--vw,1vw)));gap:10px;margin:28px 0;padding:0;list-style:none;display:grid}.standing{background:var(--panel);border-radius:12px;align-items:center;gap:16px;padding:10px 18px;font-size:20px;display:flex}.standing.shown{animation:.35s ease-out pop}.standing.hidden{opacity:.35}.standing strong{flex:1}.standing-place{width:48px;font-family:var(--font-title);font-size:26px}.standing-points{font-family:var(--font-title);color:var(--green)}.standing.winner.shown{background:var(--yellow);color:var(--bg);transform:scale(1.04)}.standing.winner.shown .standing-points{color:var(--red)}.actions-row{align-items:center;gap:16px;display:flex}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{width:10px;height:16px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{top:110%;transform:rotate(720deg)translate(40px)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@keyframes blink{50%{opacity:.2}}.label-name.aimed{background:var(--yellow);text-shadow:none;border-radius:6px;padding:2px 8px;color:var(--bg)!important}.role-card{width:min(560px, calc(90 * var(--vw,1vw)));background:var(--yellow);color:var(--bg);text-align:center;box-shadow:10px 10px 0 var(--red);border-radius:16px;gap:10px;padding:36px;animation:.35s ease-out pop;display:grid}.role-card.role-infiltrado{background:var(--red);color:#fff;box-shadow:10px 10px 0 var(--bg)}.role-word{font-size:48px;line-height:1.1}.role-category{margin:0;font-size:22px;font-weight:700}.role-card .muted{color:inherit;opacity:.85;margin:0}.secret-card{background:var(--yellow);color:var(--bg);box-shadow:4px 4px 0 var(--red);border-radius:10px;padding:12px 18px;position:absolute;bottom:24px;left:24px;transform:rotate(-2deg)}.secret-card.secret-infiltrado{background:var(--red);color:#fff;box-shadow:4px 4px 0 var(--bg)}.secret-card .card-label{margin:0;font-size:11px}.secret-word{font-family:var(--font-title);margin:2px 0 0;font-size:24px}.clue-panel{background:color-mix(in srgb, var(--bg) 85%, transparent);border-radius:12px;width:260px;max-height:calc(100% - 200px);padding:14px 16px;position:absolute;top:90px;right:24px;overflow:hidden}.clue-panel .card-label{margin-bottom:6px}.clue-round{font-family:var(--font-title);color:var(--text-2);margin:8px 0 4px;font-size:12px}.clue{margin:0 0 4px}.type-box{width:min(520px, calc(90 * var(--vw,1vw)));background:var(--yellow);color:var(--bg);border-radius:14px;gap:10px;padding:16px 18px;animation:.25s ease-out pop;display:grid;position:absolute;bottom:110px;left:50%;transform:translate(-50%);pointer-events:auto!important}.type-prompt{font-family:var(--font-title);margin:0}.type-box input{min-width:0;color:var(--bg);background:#fff;flex:1}.reveal-banner{width:min(600px, calc(90 * var(--vw,1vw)));border:3px solid var(--yellow);background:color-mix(in srgb, var(--bg) 92%, transparent);text-align:center;border-radius:14px;gap:6px;padding:18px 24px;animation:.3s ease-out pop;display:grid;position:absolute;top:130px;left:50%;transform:translate(-50%)}.reveal-banner p,.reveal-banner h2{margin:0}.reveal-banner h2{font-size:32px}.reveal-word{color:var(--yellow);font-size:20px;font-weight:700}.guess-right{color:var(--green);font-weight:700}.guess-wrong{color:var(--text-2)}.race-countdown{font-family:var(--font-title);color:var(--yellow);text-shadow:7px 7px 0 var(--red);font-size:140px;animation:.3s ease-out pop;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.race-progress{width:min(560px, calc(80 * var(--vw,1vw)));position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.race-bar{background:color-mix(in srgb, var(--bg) 85%, transparent);border:2px solid var(--cyan);border-radius:999px;height:14px;overflow:hidden}.race-bar-fill{background:var(--yellow);width:0;height:100%;transition:width .2s}.race-markers{height:18px;position:relative}.race-markers span{color:var(--green);font-size:11px;position:absolute;top:2px;transform:translate(-50%)}.race-progress-text{text-align:center;font-family:var(--font-title);text-shadow:0 2px 0 var(--bg);margin:4px 0 0}.race-arrivals{gap:4px;margin:0;padding-left:0;list-style:none;display:grid}.tangled{background:var(--red);font-family:var(--font-title);border-radius:12px;padding:12px 22px;font-size:24px;animation:.2s ease-out pop;position:absolute;top:30%;left:50%;transform:translate(-50%)rotate(-3deg)}.splash{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mud{transform:rotate(var(--turn));filter:drop-shadow(0 6px 4px #00000059);background:radial-gradient(circle at 35% 30%,#be96648c 0 6%,#0000 18%),radial-gradient(circle at 60% 65%,#4a2f17 0 35%,#5e3d1f 60%,#3a2410 100%);animation:3s ease-in forwards mud-drip;position:absolute;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes mud-drip{0%{translate:0;scale:1.15}12%{scale:1}to{translate:0 calc(6 * var(--vh,1vh))}}.splash-anim{animation:3s ease-in forwards splash-fade}@keyframes splash-fade{0%,60%{opacity:1}to{opacity:0}}.draw-wrap{background:color-mix(in srgb, var(--bg) 70%, transparent);border-radius:16px;gap:16px;padding:16px;display:flex;position:absolute;inset:80px 24px 24px}.draw-main{flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.draw-word{font-family:var(--font-title);color:var(--yellow);text-shadow:3px 3px 0 var(--red);margin:0;font-size:30px}.board-frame{width:min(100%, calc((calc(100 * var(--vh,1vh)) - 330px) * 16 / 9 + 36px));box-shadow:inset 0 2px 0 #ffe6be73, inset 0 -3px 0 #1e0a0080, 8px 8px 0 var(--red), 0 14px 30px #00000073;background:linear-gradient(160deg,#ffdcaa38,#280e0059),url(/assets/texturas/parquet_color.jpg) 50%/220px;border-radius:10px;padding:18px 18px 30px;position:relative}.board-frame .whiteboard{border-radius:3px;width:100%;display:block;box-shadow:0 0 0 3px #c9a24a,inset 0 0 18px #0000001f}.board-tray{background:linear-gradient(#e2e2ea,#9a9aac 60%,#6c6c7c);border-radius:3px 3px 6px 6px;align-items:center;gap:18px;height:16px;padding:0 16px;display:flex;position:absolute;bottom:6px;left:12%;right:12%;box-shadow:0 3px 4px #00000073}.board-marker{background:linear-gradient(90deg, var(--ink) 0 22%, #f4f4f4 22% 30%, var(--ink) 30%), var(--ink);border-radius:2px 5px 5px 2px;width:54px;height:9px;box-shadow:inset 0 2px #ffffff59,0 1px 1px #00000080}.whiteboard{width:min(100%, calc((calc(100 * var(--vh,1vh)) - 300px) * 16 / 9));aspect-ratio:16/9;box-shadow:8px 8px 0 var(--red);cursor:var(--pen,crosshair);touch-action:none;border-radius:8px}.whiteboard.locked{cursor:not-allowed}.draw-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.swatch,.size{cursor:pointer;border:3px solid #d9ccf559;border-radius:50%;width:36px;height:36px}.size{background:var(--panel);place-items:center;display:grid}.size span{background:var(--text);border-radius:50%}.swatch.active,.size.active{border-color:var(--yellow)}.draw-tools .sep{width:12px}.draw-banner{color:var(--text-2);margin:0}.draw-wrap .clue-panel{width:240px;max-height:none;position:static}.mic{opacity:.85;font-size:16px;transition:transform .15s}.mic-off{opacity:.4}.mic.speaking{filter:drop-shadow(0 0 6px var(--green));opacity:1;transform:scale(1.25)}.seat-speaking{box-shadow:inset 0 0 0 2px var(--green)}.kick.is-muted{color:var(--red)}.countdown{z-index:20;background:#1b0f3373;place-items:center;display:grid;position:absolute;inset:0;pointer-events:none!important}.countdown span{font-family:var(--font-title);color:var(--yellow);text-shadow:0 10px 0 var(--red);font-size:220px;animation:.9s ease-out both countdown-zoom}@keyframes countdown-zoom{0%{opacity:0;transform:scale(2.2)}25%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(.85)}}.gesture-bubble{filter:drop-shadow(0 2px 0 var(--bg));font-size:34px}.gesture-wheel{border:3px solid var(--yellow);z-index:15;background:#1b0f33bf;border-radius:50%;width:300px;height:300px;margin:-150px 0 0 -150px;position:absolute;top:50%;left:50%;pointer-events:none!important}.gesture-slice{width:96px;font-family:var(--font-title);text-align:center;transform:rotate(var(--a)) translateY(-150%) rotate(calc(-1 * var(--a))) translateY(-50%);opacity:.75;flex-direction:column;align-items:center;gap:2px;margin-left:-48px;font-size:13px;transition:transform .1s,opacity .1s;display:flex;position:absolute;top:50%;left:50%}.gesture-slice.on{opacity:1;color:var(--yellow);transform:rotate(var(--a)) translateY(-160%) rotate(calc(-1 * var(--a))) translateY(-50%) scale(1.2)}.gesture-icon{font-size:34px}.gesture-slice kbd{font-family:var(--font-body,sans-serif);opacity:.7;font-size:11px}.on-air-pill{background:var(--red);z-index:6;pointer-events:none;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;animation:.15s ease-out pop;position:absolute;top:64px;right:24px}.options{max-height:calc(90 * var(--vh,1vh));overflow:hidden}.options-section{font-family:var(--font-title);color:var(--cyan);margin:6px 0 0;font-size:14px}.mute-list{gap:6px;display:grid}.mute-btn{padding:6px 12px;font-size:13px}.mute-btn.muted{background:var(--red)}.mic-meter{background:#ffffff1f;border-radius:5px;flex:1;height:10px;overflow:hidden}.mic-meter-fill{background:var(--green,#7ce38b);width:0;height:100%;transition:width 80ms linear;display:block}.ornament{width:clamp(90px, calc(11 * var(--vw,1vw)), 150px);pointer-events:none;z-index:0;position:absolute;top:10px}.ornament-left{left:10px}.ornament-right{right:10px;transform:scaleX(-1)}.ornament-bottom{top:auto;bottom:10px}.ornament-left.ornament-bottom{transform:scaleY(-1)}.ornament-right.ornament-bottom{transform:scale(-1)}.filete-flourish{width:min(380px, calc(70 * var(--vw,1vw)));pointer-events:none;margin:2px auto 4px;display:block}.filete-framed{position:relative}.filete-frame{pointer-events:none;width:44px;height:44px;position:absolute}.filete-frame-tl{top:-3px;left:-3px}.filete-frame-tr{top:-3px;right:-3px;transform:scaleX(-1)}.filete-frame-bl{bottom:-3px;left:-3px;transform:scaleY(-1)}.filete-frame-br{bottom:-3px;right:-3px;transform:scale(-1)}.auth-form{gap:12px;display:grid}.auth-tabs{background:var(--panel-dark);border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.auth-tab{color:var(--text-2);font-family:var(--font-title);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:10px;font-size:14px}.auth-tab.active{background:var(--yellow);color:var(--bg)}.auth-title{color:var(--yellow);margin:0}.auth-text{margin:0}.auth-field{gap:6px;display:grid}.auth-field input{width:100%}.link-btn{color:var(--cyan);font:inherit;cursor:pointer;background:0 0;border:none;justify-self:center;padding:2px 4px;font-size:14px;text-decoration:underline}.error.ok,.friends-message.ok{color:var(--green)}.friends-panel{width:340px;max-height:min(620px, calc(calc(100 * var(--vh,1vh)) - 140px));border:3px solid var(--cyan);z-index:7;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.friends-panel h2{color:var(--cyan);margin:0;font-size:22px}.friends-panel[data-mode=side] .friends-close{display:none}.friends-close{color:var(--text-2);cursor:pointer;background:0 0;border:none;font-size:18px}.friends-add input{flex:1;min-width:0}.friends-message{color:var(--yellow);margin:0;font-size:14px}.friends-list{gap:6px;display:grid;overflow:hidden}.friends-list .card-label{margin:8px 0 2px}.friend-row{background:var(--panel-dark);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.friend-info{flex:1;min-width:0;display:grid}.friend-row>.friend-name{flex:1}.friend-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.friend-dot{background:#5a5070;border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-home .friend-dot,.status-lobby .friend-dot{background:var(--green);box-shadow:0 0 6px var(--green)}.status-playing .friend-dot{background:var(--yellow)}.friend-remove{color:var(--text-2);opacity:.5;cursor:pointer;background:0 0;border:none}.friend-remove:hover{opacity:1}.btn-small{box-shadow:none;padding:6px 10px;font-size:12px}.friends-toggle{z-index:7;border:2px solid var(--cyan);position:absolute;top:26px;right:230px}.invite-toast{z-index:9;background:var(--panel);border:3px solid var(--yellow);border-radius:14px;gap:10px;max-width:320px;padding:14px 16px;animation:.25s ease-out pop;display:grid;position:absolute;top:96px;left:50%;transform:translate(-50%)}.invite-toast p{margin:0;font-weight:700}.rooms-panel{width:360px;max-height:min(620px, calc(calc(100 * var(--vh,1vh)) - 140px));border:3px solid var(--yellow);z-index:7;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;left:32px;transform:translateY(-50%)}.rooms-panel h2{color:var(--yellow);margin:0;font-size:22px}.rooms-list{gap:6px;display:grid;overflow:hidden}.room-item{gap:4px;display:grid}.room-row{background:var(--panel-dark);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.room-closed{opacity:.6}.room-info{flex:1;min-width:0;display:grid}.room-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.room-count{font-family:var(--font-title);color:var(--cyan);font-size:13px}.room-password input{flex:1;min-width:0}.create-form,.home-main{gap:12px;display:grid}.create-form .setting{justify-content:space-between;align-items:center;display:flex}.room-title{font-family:var(--font-title);text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:15px;overflow:hidden}.price-product{margin:0;font-size:18px;font-weight:700}.price-waiting{margin:0;font-weight:700}.type-box.price-box{grid-template-columns:minmax(0,1fr)}.type-box.price-box .price-sign{color:var(--bg)}.price-reveal{width:min(380px, calc(40 * var(--vw,1vw)));max-height:calc(70 * var(--vh,1vh));border:3px solid var(--yellow);background:color-mix(in srgb, var(--bg) 92%, transparent);border-radius:14px;padding:16px 18px;animation:.3s ease-out pop;position:absolute;top:50%;right:24px;overflow:hidden;transform:translateY(-50%)}.price-reveal .card-label{color:var(--yellow);margin:0}.price-form{align-items:center}.price-sign{font-family:var(--font-title);color:var(--yellow);font-size:28px}.price-input{width:100%;min-width:0;font-family:var(--font-title);letter-spacing:1px;flex:1;font-size:26px}.price-real{font-family:var(--font-title);color:var(--green);margin:4px 0 10px;font-size:26px}.price-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.price-list li{background:var(--panel-dark);color:#fff;border-radius:8px;grid-template-columns:1fr auto 70px;align-items:center;gap:10px;padding:6px 10px;display:grid}.price-list li.me{outline:2px solid var(--yellow)}.price-list li.over{background:#4a2333}.price-name{font-weight:700}.price-value{font-family:var(--font-title)}.price-points{text-align:right;font-family:var(--font-title);color:var(--green)}.price-list li.over .price-points{color:#ff8fab;font-family:var(--font-body);font-size:13px}.dice-card{background:color-mix(in srgb, var(--panel) 92%, transparent);border:3px solid var(--yellow);text-align:center;pointer-events:none;border-radius:16px;min-width:420px;padding:14px 26px 16px;position:absolute;top:90px;left:50%;transform:translate(-50%)}.dice-card.dice-idle{border-color:var(--text-2);opacity:.85}.dice-says{font-family:var(--font-title);color:var(--yellow);margin:0;font-size:18px}.dice-order{font-family:var(--font-title);margin:2px 0;font-size:40px;line-height:1.1}.dice-card .dice-bar{margin-top:8px}.dice-bar{background:#fff2;border-radius:4px;height:8px;overflow:hidden}.dice-bar-fill{background:var(--red);width:100%;height:100%;display:block}.dice-keys{background:color-mix(in srgb, var(--bg) 80%, transparent);pointer-events:none;border-radius:999px;margin:0;padding:6px 14px;font-weight:700;position:absolute;bottom:130px;left:50%;transform:translate(-50%)}.disqualified{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;pointer-events:none;background:#0c061ad1;place-content:center;gap:10px;animation:3.2s ease-in forwards disqualified-out;display:grid;position:absolute;inset:0}.disqualified-stamp{border:6px solid var(--red);color:var(--red);background:color-mix(in srgb, var(--bg) 85%, transparent);font-family:var(--font-title);font-size:clamp(32px, calc(6 * var(--vw,1vw)), 72px);text-transform:uppercase;border-radius:14px;margin:0;padding:10px 28px;animation:.35s cubic-bezier(.2,1.6,.4,1) disqualified-stamp;transform:rotate(-6deg)}.disqualified-sub{max-width:min(640px, calc(90 * var(--vw,1vw)));background:var(--panel);border-radius:12px;margin:0 auto;padding:10px 18px;font-size:20px;font-weight:700;line-height:1.35}@keyframes disqualified-stamp{0%{opacity:0;transform:rotate(-6deg)scale(2.4)}}@keyframes disqualified-out{85%{opacity:1}to{opacity:0}}.home{padding:24px 0;overflow:hidden}.home-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:32px 40px;max-width:calc(100% - 48px);display:flex}.home-side{width:340px;display:flex}.home-side-left{order:-1}.home-side:empty{display:none}.home-side .rooms-panel,.home-side .friends-panel{width:100%;max-height:min(440px, calc(52 * var(--vh,1vh)));text-align:left;position:relative;transform:none}@media (width<=1260px){.home-side-left{order:1}}.logo-big .logo-title{font-size:clamp(72px, calc(12 * var(--vh,1vh)), 120px)}.home-card,.home-main{grid-template-columns:minmax(0,1fr)}.code-input{width:0}.options{grid-template-columns:minmax(0,1fr);overflow-x:hidden}.setting>span{flex-shrink:0}.setting select{text-overflow:ellipsis;min-width:0;max-width:62%}.break-panel{width:min(330px, calc(34 * var(--vw,1vw)));border:3px solid var(--yellow);background:color-mix(in srgb, var(--bg) 88%, transparent);pointer-events:none;border-radius:14px;gap:6px;max-height:calc(100% - 220px);padding:16px 18px;display:grid;position:absolute;top:96px;right:24px;overflow:hidden}.break-panel .card-label{color:var(--cyan);margin:0}.break-next{color:var(--yellow);margin:0;font-size:26px}.break-rules{color:var(--text-2);margin:0;font-size:14px}.break-panel .options-section{margin:8px 0 0}.break-podium{gap:4px;margin:0;padding:0;list-style:none;display:grid}.break-podium li{background:var(--panel-dark);border-radius:8px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:4px 8px;display:grid}.break-podium li.me{outline:2px solid var(--yellow)}.break-place,.break-points{font-family:var(--font-title)}.break-points{color:var(--green)}.break-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.break-lock{margin:4px 0 0;font-size:12px}.break-ready{pointer-events:auto;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.opening{pointer-events:none;position:absolute;inset:0}.opening-bar{height:calc(11 * var(--vh,1vh));background:#000;animation:.6s ease-out opening-in;position:absolute;left:0;right:0}.opening-top{top:0}.opening-bottom{bottom:0}.opening-skip{right:28px;bottom:calc(calc(11 * var(--vh,1vh)) + 18px);pointer-events:auto;position:absolute}@keyframes opening-in{0%{height:0}}#ui.opening-on .conductor{top:auto;left:50%;bottom:calc(2 * var(--vh,1vh));max-width:min(900px, calc(90 * var(--vw,1vw)));z-index:6;background:0 0;font-size:20px;transform:translate(-50%)}#ui.opening-on .conductor-face,#ui.opening-on .topbar{display:none}.price-head{align-items:center;gap:12px;display:flex}.price-head>div{min-width:0}.price-photo{object-fit:cover;border:3px solid #fff;border-radius:8px;flex-shrink:0;width:96px;height:72px;box-shadow:0 3px 8px #00000059}.price-photo[hidden]{display:none}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:22px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--yellow), var(--yellow)) 0 / var(--fill,0%) 100% no-repeat, var(--panel-dark);border:1px solid #fff2;height:8px}input[type=range]::-moz-range-track{background:var(--panel-dark);border:1px solid #fff2;height:8px}input[type=range]::-moz-range-progress{background:var(--yellow);height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--yellow);border:2px solid var(--bg);width:16px;height:20px;box-shadow:2px 2px 0 var(--red);border-radius:2px;margin-top:-7px}input[type=range]::-moz-range-thumb{background:var(--yellow);border:2px solid var(--bg);width:14px;height:18px;box-shadow:2px 2px 0 var(--red);border-radius:2px}.options{max-height:calc(94 * var(--vh,1vh));scrollbar-width:thin;scrollbar-color:var(--yellow) var(--panel-dark);gap:10px;padding:20px 22px}.options::-webkit-scrollbar{width:10px}.options::-webkit-scrollbar-track{background:var(--panel-dark)}.options::-webkit-scrollbar-thumb{background:var(--yellow);border-radius:0}.options h2{margin:0 0 2px}.options .options-section{margin:4px 0 0}.options .slider{grid-template-columns:1fr auto;gap:2px 10px}.options .slider>span:first-child{grid-column:1}.options .slider>input{grid-area:2/1/auto/-1}.options .slider>span:last-child{grid-area:1/2}.options,.options *{-webkit-user-select:none;user-select:none}.options{width:min(820px, calc(94 * var(--vw,1vw)))}.options-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 32px;display:grid}.options-col{align-content:start;gap:10px;min-width:0;display:grid}.options-col .options-section{margin:0}@media (width<=720px){.options-cols{grid-template-columns:minmax(0,1fr)}}.options{overflow:clip}.options-col>*{min-width:0}.options select{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:62%;overflow:hidden}.options-tabs{margin:-2px 0 2px}.controls-menu[hidden],.options-settings[hidden]{display:none}.controls-help{margin:0 0 8px;font-size:14px}.controls-list,.controls-fixed{gap:6px;display:grid}.controls-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.key-btn,.key-fixed{border:2px solid var(--yellow);background:var(--panel-dark);min-width:92px;color:var(--yellow);font-family:var(--font-title);text-align:center;cursor:pointer;box-shadow:2px 2px 0 var(--red);border-radius:4px;padding:5px 10px;font-size:13px}.key-btn:hover{background:color-mix(in srgb, var(--yellow) 18%, var(--panel-dark))}.key-btn.waiting{background:var(--yellow);color:var(--bg);animation:.8s steps(2,end) infinite blink}.key-fixed{color:var(--text-2);box-shadow:none;cursor:default;border-color:#fff3}.controls-menu .btn{justify-self:start;margin-top:8px}.home-row{align-items:stretch}.home-side .rooms-panel,.home-side .friends-panel{height:100%;max-height:none}.home-side{max-height:min(460px, calc(56 * var(--vh,1vh)))}.home-row>.home-card{align-content:start}.home-links{align-items:center;gap:14px}.options-btn{border:2px solid var(--yellow);color:var(--yellow);font-family:var(--font-title);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:12px}.options-btn:hover{background:color-mix(in srgb, var(--yellow) 18%, transparent)}.home-side .rooms-panel,.home-side .friends-panel{top:auto;left:auto;right:auto}.corte-curtain{pointer-events:none;background:radial-gradient(circle at 50% 45%,#140c26 0%,#030207 70%);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.corte-curtain-title{font-family:var(--font-title);color:var(--yellow);text-shadow:4px 4px 0 var(--red);margin:0;font-size:54px}.corte-curtain-sub{color:var(--text-2);margin:0;font-size:20px}.corte-banner{border:3px solid var(--yellow);background:color-mix(in srgb, var(--panel) 90%, transparent);font-family:var(--font-title);white-space:nowrap;pointer-events:none;border-radius:14px;margin:0;padding:10px 24px;font-size:24px;position:absolute;top:96px;left:50%;transform:translate(-50%)}.corte-banner.corte-banner-danger{border-color:var(--red);color:#fff;animation:.5s steps(2,end) infinite blink}.corte-bar{pointer-events:none;background:#fff2;border-radius:5px;width:320px;height:10px;position:absolute;top:156px;left:50%;overflow:hidden;transform:translate(-50%)}.corte-bar-fill{background:var(--yellow);height:100%;transition:width .1s linear;display:block}.corte-bar.corte-bar-danger .corte-bar-fill{background:var(--red)}.caught .label-name,.caught.label-name{opacity:.6;text-shadow:0 0 8px #4cc9f0}.mate-banner{border:3px solid var(--red);background:color-mix(in srgb, var(--panel) 92%, transparent);font-family:var(--font-title);white-space:nowrap;pointer-events:none;border-radius:14px;margin:0;padding:12px 26px;font-size:24px;animation:.6s ease-in-out infinite alternate mate-hot;position:absolute;top:96px;left:50%;transform:translate(-50%)}@keyframes mate-hot{0%{border-color:var(--red);color:#fff}to{border-color:var(--yellow);color:var(--yellow)}}.boliche-hud{pointer-events:none;position:absolute;inset:0}.boliche-track{width:min(300px, calc(30 * var(--vw,1vw)));border:3px solid var(--yellow);background:linear-gradient(#1b0f338c,#1b0f33d9);border-radius:16px;height:calc(100% - 114px);position:absolute;top:90px;bottom:24px;right:32px;box-shadow:0 0 24px #ff4fa359}.boliche-score{text-align:right;top:96px;right:calc(min(300px, calc(30 * var(--vw,1vw))) + 56px);font-family:var(--font-title);color:var(--yellow);text-shadow:3px 3px 0 var(--red);margin:0;font-size:30px;position:absolute}.boliche-combo{top:140px;right:calc(min(300px, calc(30 * var(--vw,1vw))) + 56px);font-family:var(--font-title);color:#4cc9f0;margin:0;font-size:20px;position:absolute}.boliche-keys{bottom:30px;right:calc(min(300px, calc(30 * var(--vw,1vw))) + 56px);background:color-mix(in srgb, var(--bg) 80%, transparent);border-radius:999px;margin:0;padding:6px 14px;font-weight:700;position:absolute}.boliche-banner{font-family:var(--font-title);color:var(--yellow);text-shadow:4px 4px 0 var(--red);margin:0;font-size:56px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.penales-role{border:3px solid var(--cyan);background:color-mix(in srgb, var(--panel) 92%, transparent);font-family:var(--font-title);white-space:nowrap;pointer-events:none;border-radius:14px;margin:0;padding:10px 22px;font-size:20px;position:absolute;top:96px;left:50%;transform:translate(-50%)}.penales-role.penales-role-kick{border-color:var(--yellow)}.penales-count{font-family:var(--font-title);color:var(--yellow);text-shadow:4px 4px 0 var(--red);pointer-events:none;margin:0;font-size:72px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.pizza-tower{border:3px solid var(--yellow);background:color-mix(in srgb, var(--panel) 92%, transparent);font-family:var(--font-title);pointer-events:none;border-radius:14px;margin:0;padding:8px 20px;font-size:22px;position:absolute;top:96px;left:50%;transform:translate(-50%)}.pizza-warn{border:3px solid var(--red);background:color-mix(in srgb, var(--panel) 92%, transparent);pointer-events:none;border-radius:12px;margin:0;padding:8px 18px;font-weight:700;animation:.5s steps(2,end) infinite blink;position:absolute;top:150px;left:50%;transform:translate(-50%)}.chat{width:min(440px, calc(40 * var(--vw,1vw)));z-index:6;pointer-events:none;gap:6px;display:grid;position:absolute;bottom:120px;left:24px}.chat.open{pointer-events:auto}.chat-log{max-height:calc(46 * var(--vh,1vh));gap:3px;display:grid;overflow:hidden}.chat.open .chat-log{background:color-mix(in srgb, var(--panel) 92%, transparent);border-radius:12px;padding:10px 12px;overflow:hidden}.chat-line{color:#fff;background:color-mix(in srgb, var(--bg) 70%, transparent);overflow-wrap:anywhere;border-radius:8px;margin:0;padding:4px 10px;font-size:15px;line-height:1.3;animation:.18s ease-out chat-in}.chat.open .chat-line{background:0 0;padding:2px 0}.chat-out{opacity:.85;font-style:italic}.chat-name{font-weight:700}.chat-input{font:inherit;border:2px solid var(--yellow);background:var(--panel);color:#fff;border-radius:10px;outline:none;padding:10px 12px;font-size:16px}@keyframes chat-in{0%{opacity:0;transform:translateY(6px)}}.host-subs{width:fit-content;left:0;right:0;bottom:calc(21 * var(--vh,1vh));box-sizing:border-box;text-align:center;pointer-events:none;z-index:6;background:#0a0418b8;border-radius:10px;max-width:min(980px,100% - 48px);margin:0 auto;padding:10px 22px 12px;position:absolute}.host-subs[hidden],#ui.opening-on .host-subs{display:none}.host-subs.in{animation:.25s ease-out subs-in}.host-subs-name{font-family:var(--font-title);color:var(--yellow);letter-spacing:.04em;font-size:13px;display:block}.host-subs-text{font-size:clamp(18px, calc(2.1 * var(--vw,1vw)), 26px);color:#fff;text-shadow:0 2px 4px #0009;margin:2px 0 0;font-weight:600;line-height:1.25}@keyframes subs-in{0%{opacity:0;transform:translateY(8px)}}#loading.ld-ready{font:inherit;color:var(--text);text-shadow:none;transition:opacity .55s;overflow:hidden}#loading.ld-out{opacity:0;pointer-events:none}#loading:before{content:"";background:conic-gradient(from 200deg at 30% 0%, transparent 0 8deg, #4cc9f01a 10deg 16deg, transparent 18deg), conic-gradient(from 150deg at 70% 0%, transparent 0 8deg, #ffd23f17 10deg 17deg, transparent 19deg);pointer-events:none;animation:7s ease-in-out infinite alternate ld-sweep;position:absolute;inset:-40%}@keyframes ld-sweep{to{transform:rotate(6deg)translate(3%)}}.ld-corner{width:min(calc(22 * var(--vw,1vw)), 190px);height:auto;position:absolute}.ld-tl{top:14px;left:14px}.ld-tr{top:14px;right:14px;transform:scaleX(-1)}.ld-bl{bottom:14px;left:14px;transform:scaleY(-1)}.ld-br{bottom:14px;right:14px;transform:scale(-1)}.ld-center{width:min(620px, calc(calc(100 * var(--vw,1vw)) - 32px));text-align:center;position:relative}.ld-title{font-family:var(--font-title);font-size:clamp(72px, calc(13 * var(--vw,1vw)), 132px);color:var(--yellow);text-shadow:7px 7px 0 var(--red);margin:4px 0 0;line-height:1;animation:2.4s ease-in-out infinite ld-pulse}@keyframes ld-pulse{50%{transform:scale(1.03)rotate(-1deg)}}.ld-flourish{width:min(360px,80%);margin:10px auto 26px;display:block}.ld-bar-row{align-items:center;gap:12px;display:flex}.ld-onair{background:var(--red);color:#fff;font-family:var(--font-title);letter-spacing:1px;text-transform:uppercase;border-radius:8px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;display:inline-flex;box-shadow:0 0 18px #e639468c}.ld-onair i{background:#fff;border-radius:50%;width:9px;height:9px;animation:1s steps(2,start) infinite ld-blink}@keyframes ld-blink{to{visibility:hidden}}.ld-bar{background:var(--panel);border:2px solid var(--yellow);height:18px;box-shadow:4px 4px 0 var(--red);border-radius:10px;flex:1;padding:3px}.ld-fill{background:repeating-linear-gradient(-45deg, var(--yellow) 0 12px, #ffe27a 12px 24px);background-size:34px 34px;border-radius:6px;width:0;height:100%;transition:width .3s ease-out;animation:.8s linear infinite ld-stripes}@keyframes ld-stripes{to{background-position:34px 0}}.ld-percent{min-width:46px;font-family:var(--font-title);color:var(--yellow);text-align:right}.ld-step{min-height:1.4em;color:var(--text);margin:16px 0 0;font-weight:600}.ld-quip{min-height:1.4em;color:var(--text-2);margin:22px 0 0;font-style:italic}.ld-quip.in{animation:.4s ease-out subs-in-plain}@keyframes subs-in-plain{0%{opacity:0;transform:translateY(6px)}}#ui[data-view^=dibujito\:draw] .conductor{max-width:340px;font-size:14px;top:20px;bottom:auto}#ui[data-view^=dibujito\:draw] .host-subs{display:none}.lobby-main .participants{flex:0 auto}.lobby .side{min-height:0;overflow:hidden}.lobby .side .actions{gap:8px;padding-top:6px}#ui[data-view=lobby] .chat{width:min(420px, calc(calc(100 * var(--vw,1vw)) - 990px));bottom:18px;left:520px}#ui[data-view=lobby] .chat:not(.open) .chat-log{max-height:92px}.lobby{gap:24px;inset:116px 40px 100px}.lobby-main{gap:10px}.lobby .panel{padding:12px 16px}.lobby .panel-head{margin-bottom:8px}.lobby .panel-head h2{font-size:20px}.seats{gap:6px}.seat{min-height:44px;padding:6px 12px}.seat .avatar,.seat-avatar{transform:scale(.85)}.character-picker{padding:8px 12px}.character-card img{max-height:64px}.lobby .side{gap:8px}.lobby .card-yellow{gap:6px;padding:10px 16px}.lobby .room-code{font-size:32px}.lobby .grid-card{gap:6px}.lobby .chips{gap:5px}.lobby .chip{padding:3px 9px;font-size:12px}.label-scale>*{zoom:var(--ui-scale,1)}.sb-gauge{border:3px solid var(--yellow);background:color-mix(in srgb, var(--panel) 90%, transparent);pointer-events:none;border-radius:14px;width:150px;height:64px;padding:10px;position:absolute;top:92px;right:28px}.sb-gauge-beam{background:repeating-linear-gradient(-45deg, var(--yellow) 0 8px, var(--red) 8px 16px);border-radius:4px;height:8px;transition:transform .15s linear;position:absolute;top:24px;left:14px;right:14px}.sb-gauge-pivot{border-left:12px solid #0000;border-right:12px solid #0000;border-bottom:18px solid var(--red);width:0;height:0;position:absolute;top:32px;left:50%;transform:translate(-50%)}.sb-gauge.steep{border-color:var(--red);animation:.4s ease-in-out infinite alternate mate-hot}.sb-warn{border:3px solid var(--red);background:color-mix(in srgb, var(--panel) 92%, transparent);font-family:var(--font-title);white-space:nowrap;pointer-events:none;border-radius:14px;margin:0;padding:10px 22px;font-size:22px;animation:.5s ease-in-out infinite alternate mate-hot;position:absolute;top:96px;left:50%;transform:translate(-50%)}.sb-warn[hidden],.sb-gauge[hidden]{display:none}.team-tag{color:var(--bg);font-family:var(--font-title);text-transform:uppercase;border-radius:999px;margin-left:4px;padding:3px 10px;font-size:12px}.cin-top{pointer-events:none;justify-items:center;gap:6px;width:min(520px,60%);display:grid;position:absolute;top:84px;left:50%;transform:translate(-50%)}.cin-score{background:color-mix(in srgb, var(--panel) 92%, transparent);font-family:var(--font-title);border-radius:999px;margin:0;padding:6px 16px;font-size:16px}.cin-meter{background:repeating-linear-gradient(-45deg,#c8a87a 0 6px,#a8885a 6px 10px);border-radius:7px;width:100%;height:14px;position:relative;box-shadow:0 3px #00000059}.cin-line{border-radius:3px;width:6px;position:absolute;top:-6px;bottom:-6px}.cin-line-1{left:0}.cin-line-2{right:0}.cin-hanky{background:radial-gradient(circle at 30% 30%,#fff 0 2px,#0000 3px) 0 0/8px 8px,#d62f3a;border:2px solid #fff;border-radius:3px 3px 8px 8px;width:22px;height:30px;margin-left:-11px;transition:left .25s ease-out;position:absolute;top:-8px}.cin-shake{background:var(--yellow);color:var(--bg);border-radius:10px;margin:0;padding:4px 12px;font-size:13px;font-weight:700}.cin-shake.used{background:color-mix(in srgb, var(--panel) 92%, transparent);color:var(--text-2);font-weight:400}.cin-ring{pointer-events:none;width:0;height:0;position:absolute;top:56%;left:50%}.cin-ring[hidden],.cin-top[hidden]{display:none}.cin-target,.cin-approach{border-radius:50%;width:90px;height:90px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cin-target{border:6px solid var(--yellow);box-shadow:0 0 0 3px var(--bg)}.cin-approach{border:4px solid #ffffffd9}.cin-now{font-family:var(--font-title);color:var(--yellow);text-shadow:3px 3px 0 var(--red);white-space:nowrap;opacity:0;margin:0;font-size:30px;position:absolute;top:64px;left:0;transform:translate(-50%)}.cin-ring.on-beat .cin-target{border-color:var(--red);transform:translate(-50%,-50%)scale(1.12)}.cin-ring.on-beat .cin-now{opacity:1}.gf-role{border:4px solid var(--yellow);background:color-mix(in srgb, var(--panel) 96%, transparent);text-align:center;pointer-events:none;border-radius:18px;width:min(560px,80%);padding:22px 28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gf-role[hidden],.gf-panel[hidden]{display:none}.gf-role-title{font-family:var(--font-title);color:var(--yellow);text-shadow:3px 3px 0 var(--red);margin:0 0 8px;font-size:34px}.gf-role-sub{margin:0;font-size:18px}.gf-banner{border:3px solid var(--red);background:color-mix(in srgb, var(--panel) 92%, transparent);font-family:var(--font-title);white-space:nowrap;pointer-events:none;border-radius:14px;margin:0;padding:10px 22px;font-size:22px;animation:.5s ease-in-out infinite alternate mate-hot;position:absolute;top:92px;left:50%;transform:translate(-50%)}.gf-hint{background:var(--yellow);color:var(--bg);white-space:nowrap;pointer-events:none;border-radius:12px;margin:0;padding:8px 18px;font-weight:700;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.gf-panel{width:min(820px,94%);max-height:calc(100 * var(--vh,1vh) - 120px);pointer-events:auto;background:linear-gradient(160deg,#3b3f4a,#23252d);border:4px solid #9aa3ad;border-radius:16px;gap:12px;padding:18px 24px;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 14px 30px #00000080}.gf-panel-head{align-items:center;gap:14px;display:flex}.gf-panel-head .btn{margin-left:auto}.gf-panel-row{grid-template-columns:1.15fr 1fr;align-items:start;gap:18px;display:grid}.gf-panel h2{font-family:var(--font-title);color:#e8691c;margin:0}.gf-panel h3{font-family:var(--font-title);color:var(--yellow);margin:0;font-size:16px}.gf-panel section p{margin:2px 0 8px}.gf-flat{background:#1e4f8c;border:2px solid #fff;border-radius:6px;justify-self:start;margin:0;padding:4px 12px;font-weight:700}.gf-cables{background:radial-gradient(at 50% 30%,#4a4e58,#1c1e24);border-radius:10px;justify-content:center;padding:6px;display:flex;box-shadow:inset 0 2px 10px #0009}.gf-cables-svg{width:auto;max-width:100%;height:165px}.gf-wire{cursor:pointer}.gf-wire:hover path:first-child{stroke:var(--yellow)}.gf-cables.done .gf-wire{cursor:default}.gf-cables.done .gf-wire:hover path:first-child{stroke:inherit}.gf-valve{align-items:center;gap:14px;display:flex}.gf-valve-art{flex:none;width:150px}.gf-valve-svg{width:100%;display:block;overflow:visible}.gf-lever{cursor:pointer;transform-box:view-box;transform-origin:110px 42px;transition:transform .6s cubic-bezier(.3,1.4,.5,1)}.gf-valve-art.open .gf-lever{cursor:default;transform:rotate(90deg)}.gf-valve-art:not(.open) .gf-lever:hover rect:first-child{stroke:var(--yellow);stroke-width:3px}.gf-dials{justify-items:center;gap:8px;display:grid}.gf-drums{background:linear-gradient(#d9a441,#8a5e18);border-radius:8px;gap:4px;padding:6px 8px;display:flex;box-shadow:inset 0 2px #ffffff59,0 3px 6px #00000080}.gf-drum{justify-items:center;gap:2px;display:grid}.gf-drum-face{width:40px;height:72px;font-family:var(--font-title);text-align:center;background:linear-gradient(#1a1b20,#4a4d56 30%,#f0f0ea 50%,#4a4d56 70%,#1a1b20);border-radius:6px;line-height:24px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 2px #2a1c06}.gf-drum-side{color:#ffffff59;font-size:13px}.gf-drum-num{color:#1b0f33;font-size:26px}.gf-drum-face.roll-up{animation:.18s ease-out gf-roll-up}.gf-drum-face.roll-down{animation:.18s ease-out gf-roll-down}@keyframes gf-roll-up{0%{padding-top:14px}}@keyframes gf-roll-down{0%{margin-top:-14px;padding-bottom:14px}}.gf-drum-btn{color:#ffe2a0;cursor:pointer;background:#3a2a10;border:none;border-radius:4px;width:34px;font-size:11px}.gf-drum-btn:hover{background:#5a4018}.gf-done{color:var(--green);margin:4px 0 0;font-weight:700}.gf-done[hidden]{display:none}.gf-breaker-box{background:linear-gradient(#c9ccd0,#9a9ea6);border:3px solid #6a6e76;border-radius:8px;justify-self:center;padding:10px 16px;box-shadow:inset 0 2px #ffffff80,0 3px 8px #00000080}.gf-breakers{background:linear-gradient(#0000 44%,#7a7e86 44% 56%,#0000 56%);gap:6px;padding:0 6px;display:flex}.gf-breaker{cursor:pointer;background:linear-gradient(90deg,#e4e4de,#fbfbf6 40%,#d8d8d2);border:1px solid #8a8e94;border-radius:4px;justify-items:center;gap:4px;width:52px;padding:5px 0 6px;display:grid;box-shadow:0 2px 3px #00000059}.gf-breaker-tag{font-family:var(--font-title);color:#1b0f33;font-size:15px}.gf-breaker-slot{background:#2a2c32;border-radius:4px;width:18px;height:46px;position:relative;box-shadow:inset 0 2px 4px #000000b3}.gf-breaker-lever{background:linear-gradient(#5a5e66,#1c1d22);border-radius:3px;height:20px;transition:bottom .18s ease-out;position:absolute;bottom:3px;left:2px;right:2px}.gf-breaker:hover .gf-breaker-lever{background:linear-gradient(#7a7e88,#34363c)}.gf-breaker-state{background:#c03030;border-radius:2px;width:30px;height:7px}.gf-breaker.up .gf-breaker-lever{bottom:23px}.gf-breaker.up .gf-breaker-state{background:var(--green)}.gf-banner.good{border-color:var(--green,#7ce38b)}.pager{justify-content:center;align-items:center;gap:12px;margin-top:4px;display:flex}.pager-btn{border:2px solid var(--yellow);background:var(--panel-dark);width:34px;height:28px;color:var(--yellow);cursor:pointer;border-radius:8px;font-size:13px}.pager-btn:disabled{opacity:.3;cursor:default}.pager-count{font-family:var(--font-title);color:var(--text-2);text-align:center;min-width:48px;font-size:13px}#ui,#ui *{scrollbar-width:none}#ui ::-webkit-scrollbar{display:none}.final:has(.standings>:nth-child(7)) .big-title{margin-top:0;font-size:48px}.standings:has(>:nth-child(7)){gap:6px;margin:14px 0}.standings:has(>:nth-child(7)) .standing{padding:5px 16px;font-size:18px}.standings:has(>:nth-child(7)) .standing-place{font-size:22px}.standings:has(>:nth-child(7)) .avatar{transform:scale(.85)}.on-air-pill{align-items:center;gap:8px;display:flex}.on-air-pill[hidden]{display:none}.mic-bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.mic-bar{background:#ffffff47;border-radius:1px;width:3px;transition:background 80ms}.mic-bar:first-child{height:4px}.mic-bar:nth-child(2){height:6px}.mic-bar:nth-child(3){height:8px}.mic-bar:nth-child(4){height:10px}.mic-bar:nth-child(5){height:12px}.mic-bar.on{background:#fff}.tips-card{border:3px solid var(--cyan);background:color-mix(in srgb, var(--bg) 90%, transparent);pointer-events:auto;border-radius:14px;gap:8px;width:380px;padding:14px 18px;display:grid;position:absolute;top:170px;left:24px}.tips-card h3{color:var(--yellow);margin:0;font-family:Bungee,sans-serif;font-size:18px}.tips-card ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.tips-card li{grid-template-columns:112px 1fr;align-items:center;gap:10px;font-size:14px;display:grid}.tips-card kbd{border:2px solid var(--yellow);color:var(--yellow);white-space:nowrap;border-radius:6px;justify-self:start;padding:2px 8px;font:700 13px Rubik,sans-serif}.tips-card .muted{margin:0;font-size:13px}.tips-card .btn{justify-self:start}.voice-card{border:3px solid var(--yellow);background:var(--panel);text-align:center;pointer-events:auto;border-radius:14px;justify-items:center;gap:8px;width:520px;padding:14px 20px;display:grid;position:absolute;top:110px;left:50%;transform:translate(-50%)}.voice-card h3{color:var(--yellow);margin:0;font-family:Bungee,sans-serif;font-size:20px}.voice-card p{margin:0;font-size:16px}.voice-card .muted{font-size:14px}.voice-card-timer{background:var(--yellow);transform-origin:0;height:4px;animation:voice-card-timer var(--voice-card-s,12s) linear forwards;border-radius:2px;justify-self:stretch}@keyframes voice-card-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.net-panel{z-index:60;border:3px solid var(--yellow,#ffd23f);color:#d9ccf5;pointer-events:none;background:#2a1850;border-radius:12px;min-width:260px;padding:10px 14px;font:14px/1.5 Rubik,sans-serif;position:fixed;top:12px;left:50%;transform:translate(-50%)}.net-panel .net-title{color:#ffd23f;margin-bottom:4px;font-family:Bungee,sans-serif}.net-panel div:not(.net-title):not(.net-hint){justify-content:space-between;gap:16px;display:flex}.net-panel b{color:#fff}.net-panel .bad b{color:#e63946}.net-panel .net-hint{opacity:.8;margin-top:6px;font-size:12px}.btn-discord{color:#fff;text-align:center;background:#5865f2;justify-content:center;align-items:center;gap:8px;width:max-content;margin:12px auto 0;padding:7px 16px;font-size:13px;text-decoration:none;display:flex}.btn-discord:hover{background:#6d78f5}.btn-discord svg{width:18px;height:18px}.on-air-pill .on-air-mic{color:#fff;width:16px;height:16px}#loading.phone-note{text-align:center;text-shadow:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.phone-note h1{color:#ffd23f;text-shadow:5px 5px #e63946;margin:0;font:72px/1 Bungee,Impact,sans-serif}.phone-note p{color:#d9ccf5;max-width:340px;margin:0;font:16px/1.5 Rubik,sans-serif}.phone-note .phone-note-main{color:#fff;font:20px/1.3 Bungee,Impact,sans-serif}.logo-title{position:relative}.logo-big .logo-title{margin-inline:auto;display:table}.beta-badge{background:var(--red);color:#fff;font-family:var(--font-title);white-space:nowrap;text-shadow:none;border:2px solid #fff;border-radius:6px;padding:5px 10px;font-size:15px;line-height:1;position:absolute;top:-6px;right:-118px;transform:rotate(12deg);box-shadow:3px 3px #00000059}.maintenance-bar{z-index:7;border:2px solid var(--yellow);background:var(--panel);color:#fff;text-align:center;pointer-events:none;border-radius:10px;max-width:900px;padding:8px 18px;font-weight:700;position:absolute;top:84px;left:50%;transform:translate(-50%)}.maintenance-bar[hidden]{display:none}