*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0c0709;--surface: #1a1016;--surface2: #23121b;--border: rgba(255,138,30,.22);--accent: #ff8a1e;--accent-gold: #ffd45e;--accent2: #ff2d7e;--accent3: #18c5b6;--text: #f3ece2;--text-dim: #9b8f97;--radius: 13px}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:DM Sans,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input{font-family:inherit}input::placeholder{color:#6f6168}button{font-family:inherit}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#ff8a1e59;border-radius:8px}::-webkit-scrollbar-track{background:transparent}@keyframes shimmer-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes card-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spinslow-c{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes glowpulse{0%,to{filter:drop-shadow(0 0 16px rgba(245,197,66,.4))}50%{filter:drop-shadow(0 0 32px rgba(255,138,30,.75))}}@keyframes risein{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes riseout{0%{transform:translateY(0);opacity:1}to{transform:translateY(16px);opacity:0}}@keyframes slidein{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cmpMapPetalFall{0%{transform:translateY(-30px) translate(0) rotate(var(--mp-rot,0deg));opacity:0}7%{opacity:1}88%{opacity:.8}to{transform:translateY(900px) translate(var(--mp-drift,40px)) rotate(calc(var(--mp-rot,0deg) + 520deg));opacity:0}}@keyframes cmpMapEmberRise{0%{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:1}55%{transform:translateY(-150px) translate(var(--me-drift,20px)) scale(.55);opacity:.9}to{transform:translateY(-340px) translate(calc(var(--me-drift,20px) * 1.9)) scale(.08);opacity:0}}@keyframes cmpMapWispFloat{0%{transform:translate(0) scale(1);opacity:0}18%{opacity:1}50%{transform:translate(var(--mw-dx,30px),var(--mw-dy,-20px)) scale(1.5)}82%{opacity:.7}to{transform:translate(calc(var(--mw-dx,30px) * .4),calc(var(--mw-dy,-20px) * 2.5)) scale(.2);opacity:0}}@keyframes cmpMapSparkle{0%{transform:scale(0) rotate(0);opacity:0}25%{transform:scale(2.2) rotate(45deg);opacity:1}55%{transform:scale(1) rotate(90deg);opacity:.65}to{transform:scale(0) rotate(180deg);opacity:0}}@keyframes campPetalFall{0%{transform:translateY(-50px) translate(0) rotate(var(--petal-rot, 0deg));opacity:0}6%{opacity:1}90%{opacity:.75}to{transform:translateY(108vh) translate(var(--petal-sway, 40px)) rotate(calc(var(--petal-rot, 0deg) + 580deg));opacity:0}}@keyframes campEmberRise{0%{transform:translateY(0) translate(0) scale(1);opacity:0}8%{opacity:1}60%{transform:translateY(-45vh) translate(var(--ember-drift, 0px)) scale(.7);opacity:.85}to{transform:translateY(-90vh) translate(calc(var(--ember-drift, 0px) * 1.4)) scale(.2);opacity:0}}@keyframes campLanternFloat{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:1}50%{transform:translate(calc(var(--lantern-dx, 0px) * .5),calc(var(--lantern-dy, 0px) * -1)) scale(1.15)}90%{opacity:.8}to{transform:translate(var(--lantern-dx, 0px),calc(var(--lantern-dy, 0px) * -2)) scale(.5);opacity:0}}@keyframes campWispFloat{0%{transform:translate(0) scale(1);opacity:0}15%{opacity:1}50%{transform:translate(calc(var(--wisp-dx, 0px) * .6),calc(var(--wisp-dy, 0px))) scale(1.3)}85%{opacity:.7}to{transform:translate(var(--wisp-dx, 0px),calc(var(--wisp-dy, 0px) * 2)) scale(.3);opacity:0}}@keyframes campDustDrift{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:1}to{transform:translate(var(--dust-drift, 60px)) scale(.4);opacity:0}}@keyframes fadeup{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFlipIn{0%{transform:rotateY(-90deg);opacity:.4}40%{opacity:1}to{transform:rotateY(0);opacity:1}}@keyframes cardFlipBack{0%{transform:rotateY(90deg);opacity:.4}40%{opacity:1}to{transform:rotateY(0);opacity:1}}@keyframes cardFlyIn{0%{transform:translate(-70px) rotateY(-70deg);opacity:0}50%{opacity:1}to{transform:translate(0) rotateY(0);opacity:1}}@keyframes trioPulse{0%{box-shadow:0 0 12px 2px #18c5b640}to{box-shadow:0 0 28px 8px #18c5b680}}@keyframes targetRing{0%,to{box-shadow:0 0 0 3px #ffffff8c,0 0 20px #fff3}50%{box-shadow:0 0 0 4px #ffffffd9,0 0 30px #ffffff59}}@keyframes turnPulse{0%,to{box-shadow:0 0 0 3px #ffd45e8c,0 0 22px #ff8a1ea6}50%{box-shadow:0 0 0 6px #ffd45ee6,0 0 40px #ff8a1e}}@keyframes turnLabelFloat{0%,to{transform:translate(-50%) translateY(0);opacity:1}50%{transform:translate(-50%) translateY(-4px);opacity:.75}}@keyframes badgeIn{0%{opacity:0;transform:scale(.7) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes playablePulse{0%,to{opacity:.6;box-shadow:0 0 #ffd45e00}50%{opacity:1;box-shadow:0 0 12px 4px #ffd45e59}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastInRight{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOutRight{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes victoryEnter{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes crownBounce{0%{opacity:0;transform:scale(.3) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes confettiFall{0%{transform:translateY(-20px) translate(0) rotate(var(--rot));opacity:1}to{transform:translateY(110vh) translate(var(--drift)) rotate(calc(var(--rot) + 720deg));opacity:.2}}@keyframes popoverIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes petal{0%{transform:translateY(30px) rotate(0);opacity:0}12%{opacity:.65}to{transform:translateY(-94vh) rotate(340deg);opacity:0}}@keyframes patternMove{0%{transform:translateZ(0)}to{transform:translate3d(1672px,941px,0)}}.home{height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(125% 95% at 50% -12%,#23121b,#120a10,#0a0608);position:relative;overflow:hidden;animation:risein .35s ease both}.home-leaving{animation:riseout .3s ease forwards;pointer-events:none}.home:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,138,30,.05) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;opacity:.45;z-index:0}.home-pattern-bg{position:absolute;top:-941px;left:-1672px;right:0;bottom:0;z-index:0;background-repeat:repeat;background-size:auto;opacity:.1;animation:patternMove 110s linear infinite;will-change:transform;pointer-events:none}.home-pattern-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#0000001a;pointer-events:none}.home-glow-tl{position:absolute;top:-200px;left:-130px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,45,126,.15),transparent 65%);pointer-events:none;z-index:0}.home-glow-br{position:absolute;bottom:-220px;right:-150px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(24,197,182,.12),transparent 65%);pointer-events:none;z-index:0}.home-card-outer{position:relative;width:452px;max-width:94vw;padding:8px;background:linear-gradient(135deg,#ff8a1e,#ff2d7e,#18c5b6,#ffd45e,#ff8a1e);background-size:300% 300%;border-radius:26px;animation:shimmer-border 9s linear infinite;box-shadow:0 40px 90px -30px #000000d9}.home-card{position:relative;padding:30px 34px 28px;background:linear-gradient(180deg,#1a1016,#100a0d);border-radius:20px;border:1px solid rgba(255,138,30,.18)}.home-corner{position:absolute;width:14px;height:14px;opacity:.6}.home-corner-tl{top:12px;left:12px;border-top:2px solid #ffd45e;border-left:2px solid #ffd45e}.home-corner-tr{top:12px;right:12px;border-top:2px solid #ffd45e;border-right:2px solid #ffd45e}.home-corner-bl{bottom:12px;left:12px;border-bottom:2px solid #ffd45e;border-left:2px solid #ffd45e}.home-corner-br{bottom:12px;right:12px;border-bottom:2px solid #ffd45e;border-right:2px solid #ffd45e}.logo-tagline{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:6px;font-size:11px;color:#ff8a1e;text-align:center;margin-bottom:10px}.home-emblem-wrap{position:relative;width:82px;height:114px;margin:0 auto 4px}.home-emblem-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.logo{font-family:Rye,serif;font-size:58px;line-height:.95;letter-spacing:2px;background:linear-gradient(180deg,#ffe487,#ff8a1e);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;animation:glowpulse 4s ease-in-out infinite;margin:4px 0}.logo-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 9px}.logo-divider-line-l{width:46px;height:1px;background:linear-gradient(90deg,transparent,#ffd45e)}.logo-divider-line-r{width:46px;height:1px;background:linear-gradient(90deg,#ffd45e,transparent)}.logo-divider-diamond{width:7px;height:7px;background:#ffd45e;transform:rotate(45deg);flex-shrink:0}.subtitle{text-align:center;color:var(--text-dim);font-size:.85rem;margin-bottom:20px}.input{width:100%;background:#ffffff0b;border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:15px 18px;color:var(--text);font-size:15px;outline:none;transition:border .2s,box-shadow .2s;display:block}.input:focus{border-color:#ff8a1ea6;box-shadow:0 0 0 3px #ff8a1e1f}.input-wrap{position:relative}.input-hint{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;font-family:Oswald,sans-serif;letter-spacing:.5px;color:#6f6168;pointer-events:none;white-space:nowrap;transition:color .2s}.input-wrap:focus-within .input-hint{color:#9b8f97}.input-code{text-transform:uppercase;letter-spacing:6px;font-weight:600;font-family:Oswald,sans-serif;color:#ffd45e;border-color:#ffffff1a}.input-code:focus{border-color:#ff2d7e99;box-shadow:none}.join-row{display:flex;gap:8px;align-items:stretch}.join-row .input{flex:1}.form-group{margin-bottom:10px}.join-section{width:100%;display:flex;flex-direction:column;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:12px 14px;margin-top:14px}.join-section-label{font-family:Oswald,sans-serif;font-size:11px;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase}.btn-join-go{padding:0 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--text);font-family:Oswald,sans-serif;font-size:14px;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:background .15s;flex-shrink:0}.btn-join-go:hover:not(:disabled){background:#ffffff24}.btn-join-go:disabled{opacity:.35;cursor:not-allowed}.divider{display:flex;align-items:center;gap:14px;margin:16px 2px 12px}.divider-line{flex:1;height:1px;background:#ffffff1a}.divider span{font-size:11px;letter-spacing:2px;color:#80747c;text-transform:uppercase;white-space:nowrap}.error{color:#ff8d91;font-size:.85rem;text-align:center;margin:6px 0}.hint{color:var(--text-dim);font-size:.8rem;text-align:center}.btn{border:none;border-radius:var(--radius);padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .12s,filter .12s}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,#ffc94f,#ff8a1e);color:#3a1d00;font-family:Oswald,sans-serif;font-weight:700;font-size:17px;letter-spacing:1.5px;text-transform:uppercase;box-shadow:0 12px 28px -8px #ff8a1ebf;width:100%;padding:16px;border-radius:13px;margin-top:10px}.btn-primary:hover:not(:disabled){filter:brightness(1.07)}.btn-primary:active:not(:disabled){transform:translateY(2px)}.btn-secondary{background:#ff2d7e26;border:1px solid rgba(255,45,126,.45);color:#ff7aaf;font-family:Oswald,sans-serif;font-weight:600;letter-spacing:1px;font-size:15px;padding:0 24px;border-radius:13px;transition:background .15s;flex-shrink:0}.btn-secondary:hover{background:#ff2d7e4d}.btn-quickstart{width:100%;margin-top:10px;background:transparent;border:1px dashed rgba(255,138,30,.3);color:#80747c;font-size:.78rem;padding:.45rem 1rem;border-radius:8px;cursor:pointer;transition:border-color .15s,color .15s}.btn-quickstart:hover{border-color:#ff8a1e;color:#9b8f97}.home-center{display:flex;flex-direction:column;align-items:center;gap:14px;z-index:1}.mode-toggle{display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:3px;gap:2px}.mode-toggle-btn{font-family:Oswald,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 22px;border-radius:999px;border:1px solid transparent;cursor:pointer;background:transparent;color:#ffffff59;transition:color .2s,background .2s,border-color .2s}.mode-toggle-btn.active{background:#ff8a1e26;border-color:#ff8a1e59;color:#ffd45e}.mode-toggle-btn:hover:not(.active){color:#ffffffa6}.mode-toggle-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.btn-campaign{width:100%;margin-top:8px;padding:14px;background:linear-gradient(135deg,#ff8a1e1f,#ff2d7e1f);border:1px solid rgba(255,138,30,.35);border-radius:10px;color:#ffd45e;font-family:Oswald,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}.btn-campaign:hover{background:linear-gradient(135deg,#ff8a1e38,#ff2d7e38);border-color:#ff8a1e99;transform:translateY(-1px)}.btn-campaign:active{transform:translateY(1px)}.btn-public-rooms{width:100%;padding:13px;background:transparent;border:1.5px solid rgba(24,197,182,.45);border-radius:10px;color:#18c5b6;font-family:Oswald,sans-serif;font-size:15px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;transition:border-color .15s,color .15s}.btn-public-rooms:hover:not(:disabled){border-color:#18c5b6cc;color:#30ddd0}.btn-public-rooms:disabled{opacity:.35;cursor:not-allowed}.btn-sm{padding:9px 18px;border-radius:9px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);font-family:Oswald,sans-serif;font-weight:600;letter-spacing:.5px;cursor:pointer;color:var(--text);font-size:.85rem;transition:background .15s;flex-shrink:0}.btn-sm:hover{background:#ff8a1e33}.cmp-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0;border-radius:inherit}.cmp-fx-petal{position:absolute;top:0;border-radius:50% 20%;will-change:transform,opacity;animation:cmpMapPetalFall linear infinite;filter:blur(.3px)}.cmp-fx-ember{position:absolute;border-radius:50%;will-change:transform,opacity;animation:cmpMapEmberRise ease-out infinite}.cmp-fx-wisp{position:absolute;border-radius:50%;will-change:transform,opacity;animation:cmpMapWispFloat ease-in-out infinite;filter:blur(1px)}.cmp-fx-spark{position:absolute;border-radius:50%;background:#ffd45e;box-shadow:0 0 5px #ffd45e,0 0 10px #ffd45e99,0 0 18px #ff8a1e4d;will-change:transform,opacity;animation:cmpMapSparkle ease-in-out infinite}.cmp-screen{height:100vh;display:flex;flex-direction:column;background:#0a0608;color:#f5e8c8;font-family:DM Sans,sans-serif;overflow:hidden;animation:risein .35s ease both}.cmp-screen-leaving{animation:riseout .3s ease forwards;pointer-events:none}.cmp-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid rgba(255,138,30,.15);flex-shrink:0;background:#0a0608f7;z-index:20}.cmp-back-btn{min-width:90px;display:inline-flex;align-items:center;gap:5px;background:transparent;border:1px solid rgba(255,138,30,.3);color:#f5e8c8a6;font-family:Oswald,sans-serif;font-size:11px;letter-spacing:.15em;text-transform:uppercase;padding:7px 14px;border-radius:7px;cursor:pointer;transition:color .18s,border-color .18s}.cmp-back-btn:hover{color:#ffd45e;border-color:#ff8a1e}.cmp-title{font-family:Rye,serif;font-size:18px;letter-spacing:.2em;color:#ffd45e}.cmp-phase-counter{min-width:90px;text-align:right;font-family:Oswald,sans-serif;font-size:11px;letter-spacing:.12em;color:#f5e8c880;text-transform:uppercase}.cmp-phase-counter strong{color:#ffd45e}.cmp-stage-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;min-height:0}.cmp-stage{position:relative;width:min(115rem,96vw,calc((100vh - 70px)*2.334));aspect-ratio:1916 / 821;background-size:cover;background-position:center;border-radius:14px;box-shadow:0 0 0 1px #ff8a1e2e,0 8px 60px #000000c7,0 0 100px #ff50140f;flex-shrink:0;overflow:visible}.cmp-marker{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.cmp-marker--current{--disk: 52px}.cmp-marker--done{--disk: clamp(34px, 2.9vw, 44px)}.cmp-marker--locked{--disk: clamp(60px, 2.5vw, 40px)}.cmp-marker--boss-locked{--disk: clamp(52px, 4.7vw, 72px)}.cmp-marker--selected .cmp-disk{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 3px #ffffff26,0 0 20px #ffdc50e6,0 0 40px #ffb4148c;transform:scale(1.18);transition:transform .15s ease,box-shadow .15s ease;z-index:2}.cmp-marker--selected{z-index:20}.cmp-you-flag{position:absolute;left:50%;top:-30px;display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none;animation:bob 1.8s ease-in-out infinite;z-index:3}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,5px)}}.cmp-you-text{font-family:Oswald,sans-serif;font-weight:700;font-size:9px;letter-spacing:2px;color:#ffd45e;text-shadow:0 1px 3px #000;white-space:nowrap}.cmp-you-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #ffd45e;margin-top:2px}.cmp-current-node{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;overflow:visible}.cmp-ring{position:absolute;border-radius:50%;pointer-events:none}.cmp-ring--a{top:-16px;right:-16px;bottom:-16px;left:-16px;border:3px dashed rgba(255,210,60,1);box-shadow:0 0 10px #ffc83ccc,inset 0 0 10px #ffc83c4d;animation:spinslow 11s linear infinite}.cmp-ring--b{top:-7px;right:-7px;bottom:-7px;left:-7px;border:2px dotted rgba(255,160,40,1);box-shadow:0 0 8px #ff8c14b3;animation:spinrev 16s linear infinite}@keyframes spinslow{to{transform:rotate(360deg)}}@keyframes spinrev{to{transform:rotate(-360deg)}}.cmp-boss-ring{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%;pointer-events:none}.cmp-boss-ring--a{width:calc(var(--disk) + 14px);height:calc(var(--disk) + 14px);border:2px solid rgba(255,70,100,.75);box-shadow:0 0 12px #c81e3c73;animation:cmp-boss-pulse 1.9s ease-in-out infinite}.cmp-boss-ring--b{width:calc(var(--disk) + 34px);height:calc(var(--disk) + 34px);border:1.5px dashed rgba(255,70,100,.4);animation:cmp-spin-cw 8s linear infinite}@keyframes cmp-boss-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.cmp-disk{position:relative;width:var(--disk);height:var(--disk);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cmp-marker--current .cmp-disk{background:radial-gradient(circle at 50% 32%,#ffb850,#ff7a1e 60%,#c8410a);border:2px solid #ffe487;animation:ringpulse 2.4s ease-in-out infinite}@keyframes ringpulse{0%,to{box-shadow:0 0 #ffd23ccc,0 0 30px #ff8a1eb3,0 0 60px #ff640066}50%{box-shadow:0 0 0 14px #ffd23c00,0 0 50px #ff8a1e,0 0 90px #ff640099}}.cmp-marker--done .cmp-disk{background:radial-gradient(circle at 35% 28%,#ffe79a,#ff9d2e 55%,#cf6a16);border:2px solid #ffe9a8;box-shadow:0 0 16px #dc8c148c}.cmp-marker--locked .cmp-disk{background:radial-gradient(circle at 40% 30%,#3c2944,#1c1220);border:2px solid rgba(186,154,210,.32);box-shadow:inset 0 2px 10px #000000a6;color:#b6a2c4}.cmp-marker--boss-locked .cmp-disk{background:transparent;border:2px solid rgba(255,70,100,.72);box-shadow:0 0 20px #c81e3c8c,0 0 50px #c81e3c2e;color:#ff6a8a;animation:cmp-boss-disk-pulse 1.9s ease-in-out infinite}@keyframes cmp-boss-disk-pulse{0%,to{box-shadow:0 0 16px #c81e3c66,0 0 40px #c81e3c1f}50%{box-shadow:0 0 32px #c81e3cc7,0 0 64px #c81e3c52}}.cmp-marker-num{font-family:Rye,serif;font-size:clamp(13px,1.25vw,20px);line-height:1;position:relative;z-index:1}.cmp-marker--current .cmp-marker-num{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.85),0 0 14px rgba(255,130,20,.55)}.cmp-marker--done .cmp-marker-num{color:#5a2c00;text-shadow:0 1px 3px rgba(255,200,100,.35)}.cmp-check-badge{position:absolute;bottom:-5px;right:-5px;width:clamp(13px,1.1vw,17px);height:clamp(13px,1.1vw,17px);background:#1a7a4a;border:1.5px solid #4edda0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(7px,.58vw,10px);color:#b8ffe0;font-weight:700;line-height:1}.cmp-padlock{width:clamp(25px,1vw,16px);height:clamp(25px,1.25vw,20px)}.cmp-phase-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;font-family:Oswald,sans-serif;font-size:clamp(7px,.6vw,9.5px);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;pointer-events:none;text-align:center;padding:2px 7px 3px;border-radius:4px}.cmp-marker--current .cmp-phase-label{color:#ffd45e;background:#140800cc;border:1px solid rgba(255,180,60,.38);text-shadow:0 0 8px rgba(255,200,80,.4)}.cmp-marker--done .cmp-phase-label{color:#ffc07a;background:#140800b8;border:1px solid rgba(255,160,40,.3)}.cmp-marker--locked .cmp-phase-label{color:#b6a2c4;background:#0f0516cc;border:1px solid rgba(186,154,210,.24)}.cmp-marker--boss-locked .cmp-phase-label{color:#ff8a9a;background:#160508cc;border:1px solid rgba(255,100,120,.3)}@keyframes cmp-panel-in{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cmp-panel{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:18px;background:linear-gradient(180deg,#1a1016f7,#100a0df7);border:1px solid rgba(255,138,30,.42);border-radius:16px;padding:14px 18px;min-width:430px;max-width:600px;box-shadow:0 12px 60px #000000d9,0 0 0 1px #ff8a1e14 inset;animation:cmp-panel-in .28s cubic-bezier(.34,1.56,.64,1) both}.cmp-panel--current{border-color:#ffb43c80}.cmp-panel--done{border-color:#ffdc7866}.cmp-panel--locked{border-color:#7850b466}.cmp-panel--boss-locked{border-color:#c8325073}.cmp-panel:before,.cmp-panel:after{content:"";position:absolute;width:12px;height:12px;pointer-events:none}.cmp-panel:before{top:8px;left:8px;border-top:1.5px solid rgba(255,212,94,.45);border-left:1.5px solid rgba(255,212,94,.45)}.cmp-panel:after{bottom:8px;right:8px;border-bottom:1.5px solid rgba(255,212,94,.45);border-right:1.5px solid rgba(255,212,94,.45)}.cmp-panel-close{position:absolute;top:-9px;right:-9px;width:22px;height:22px;background:#160c12eb;border:1px solid rgba(255,138,30,.38);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:#f5e8c88c;cursor:pointer;transition:background .15s,border-color .15s,color .15s;flex-shrink:0;padding:0;line-height:1}.cmp-panel-close:hover{background:#b41e28d9;border-color:#dc465099;color:#fff}.cmp-panel-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;border-radius:13px;border:1.5px solid transparent;flex-shrink:0;gap:0}.cmp-panel-badge--current{background:radial-gradient(circle at 35% 28%,#ffb850,#ff7a1e 70%);border-color:#ffdc7866;box-shadow:0 0 16px #ff781466}.cmp-panel-badge--done{background:radial-gradient(circle at 35% 28%,#ffe79a,#ff9d2e 70%);border-color:#ffdc8c66;box-shadow:0 0 12px #dc8c1459}.cmp-panel-badge--locked{background:radial-gradient(circle at 40% 30%,#3c2944,#1c1220);border-color:#ba9ad259}.cmp-panel-badge--boss-locked{background:radial-gradient(circle at 40% 30%,#2a1018,#180810);border-color:#ff466459}.cmp-panel-badge-label{font-family:Oswald,sans-serif;font-size:8px;letter-spacing:.22em;text-transform:uppercase;line-height:1}.cmp-panel-badge--current .cmp-panel-badge-label{color:#ffffffb3}.cmp-panel-badge--done .cmp-panel-badge-label{color:#5a2c00bf}.cmp-panel-badge--locked .cmp-panel-badge-label{color:#b6a2c499}.cmp-panel-badge--boss-locked .cmp-panel-badge-label{color:#ff8ca099}.cmp-panel-badge-num{font-family:Rye,serif;font-size:22px;line-height:1.15;letter-spacing:.03em}.cmp-panel-badge--current .cmp-panel-badge-num{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}.cmp-panel-badge--done .cmp-panel-badge-num{color:#5a2c00}.cmp-panel-badge--locked .cmp-panel-badge-num{color:#b6a2c4}.cmp-panel-badge--boss-locked .cmp-panel-badge-num{color:#ff8a9a}.cmp-panel-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.cmp-panel-name{font-family:Rye,serif;font-size:clamp(17px,1.45vw,21px);color:#ffe487;letter-spacing:.04em;line-height:1.1;white-space:nowrap}.cmp-panel-status{display:flex;align-items:center;gap:7px}.cmp-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cmp-dot--gold{background:#ffd45e;box-shadow:0 0 7px #ffd45ecc}.cmp-dot--teal{background:#5fe6d8;box-shadow:0 0 7px #5fe6d8cc}.cmp-dot--purple{background:#9860d8;box-shadow:0 0 5px #9860d880}.cmp-dot--red{background:#e04060;box-shadow:0 0 6px #e0406099}.cmp-panel-status-text{font-family:DM Sans,sans-serif;font-size:12px;line-height:1}.cmp-panel--current .cmp-panel-status-text{color:#ffd45e}.cmp-panel--done .cmp-panel-status-text{color:#5fe6d8}.cmp-panel--locked .cmp-panel-status-text{color:#b6a2c4}.cmp-panel--boss-locked .cmp-panel-status-text{color:#ff8a9a}.cmp-panel-action{display:flex;align-items:center;flex-shrink:0}.cmp-btn{font-family:Oswald,sans-serif;font-size:14px;letter-spacing:.16em;text-transform:uppercase;padding:11px 26px;border-radius:10px;cursor:pointer;border:none;transition:transform .12s,box-shadow .2s}.cmp-btn:active{transform:scale(.95)}.cmp-btn--play{background:linear-gradient(135deg,#ffc94f,#ff8a1e);color:#5a2500;font-weight:700;box-shadow:0 0 22px #ff8c1480,0 4px 14px #00000073}.cmp-btn--play:hover{box-shadow:0 0 34px #ff8c14bf,0 4px 18px #00000080;transform:translateY(-1px)}.cmp-btn--replay{background:#ff8a1e14;border:1px solid rgba(255,138,30,.38);color:#ffc060;font-weight:400}.cmp-btn--replay:hover{background:#ff8a1e2e}.cmp-locked-box{border:1.5px dashed rgba(152,96,216,.5);border-radius:10px;padding:10px 14px;max-width:168px;text-align:center;background:#3c14502e}.cmp-locked-box-text{font-family:DM Sans,sans-serif;font-size:11px;color:#b6a2c4bf;line-height:1.45}.cmp-panel--boss-locked .cmp-locked-box{border-color:#e0406073;background:#500a1433}.cmp-panel--boss-locked .cmp-locked-box-text{color:#ff8a9ab3}.cmp-name-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200}.cmp-name-modal{background:#1a1020;border:1px solid rgba(255,212,94,.25);border-radius:14px;padding:28px 24px 22px;width:min(320px,90vw);display:flex;flex-direction:column;gap:0}.cmp-name-title{font-family:Oswald,sans-serif;font-size:1rem;letter-spacing:.1em;color:#ffd45e;text-align:center;margin:0 0 14px}.lobby{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:80px 20px 70px;background:radial-gradient(125% 95% at 50% -12%,#23121b,#120a10,#0a0608);overflow:hidden;position:relative}.lobby-leaving{animation:riseout .3s ease forwards;pointer-events:none}.lobby:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,138,30,.05) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;opacity:.45;z-index:0}.lobby-logo{font-family:Rye,serif;font-size:44px;letter-spacing:1px;background:linear-gradient(180deg,#ffe487,#ff8a1e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(255,138,30,.4));animation:risein .5s ease both;position:relative;z-index:1}.lobby-notice{display:flex;align-items:center;gap:9px;padding:11px 20px;border-radius:12px;background:#e5484d1f;border:1px solid rgba(229,72,77,.4);color:#ff8d91;font-size:14px;animation:risein .35s ease both;position:relative;z-index:1}.disconnect-toast{position:fixed;top:82px;right:20px;z-index:200;padding:.65rem 1.6rem;border-radius:var(--radius);font-weight:600;font-family:Oswald,sans-serif;font-size:.9rem;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;background:#0a0510ed;color:#cdbfc8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(24,197,182,.45);box-shadow:0 8px 32px #000000a6,0 0 18px #18c5b626;animation:toastInRight .28s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.disconnect-toast-out{animation:toastOutRight .5s ease forwards}.invite-box{display:flex;align-items:center;gap:14px;padding:13px 16px;background:#160e12d9;border:1px solid rgba(255,138,30,.22);border-radius:15px;box-shadow:0 20px 50px -25px #000000b3;width:100%;max-width:500px;animation:risein .5s ease .05s both;position:relative;z-index:1}.room-code{font-family:Oswald,sans-serif;font-weight:700;font-size:25px;letter-spacing:7px;color:#ffd45e;text-shadow:0 0 18px rgba(255,138,30,.5);flex-shrink:0;user-select:text;-webkit-user-select:text}.invite-divider{width:1px;height:28px;background:#ffffff1f;flex-shrink:0}.invite-link-input{flex:1;min-width:0;padding:9px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#9b8f97;font-size:12px;outline:none;cursor:text;transition:border-color .15s;user-select:text;-webkit-user-select:text}.invite-link-input:focus{border-color:var(--accent);color:var(--text)}.player-list{background:#160e12d9;border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;width:100%;max-width:500px;animation:risein .5s ease .1s both;position:relative;z-index:1;min-height:27rem;max-height:clamp(200px,calc(100vh - 400px),440px);display:flex;flex-direction:column}.player-list-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px 13px;border-bottom:1px solid rgba(255,255,255,.06)}.player-list-header h3{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#ff8a1e;font-weight:400}.player-list-count{font-family:Oswald,sans-serif;font-size:13px;color:#9b8f97}.player-list-body{padding:8px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;min-height:0}.player-list-body::-webkit-scrollbar{width:4px}.player-list-body::-webkit-scrollbar-track{background:transparent}.player-list-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.player-list-body::-webkit-scrollbar-thumb:hover{background:#ffffff38}.player-item{display:flex;align-items:center;gap:13px;padding:10px 12px;border-radius:11px;animation:slidein .3s ease both;transition:background .15s}.player-item:hover{background:#ffffff08}.player-avatar{position:relative;border-radius:50%;background:radial-gradient(circle at 50% 34%,#fbf3e7,#e6d6c0);flex-shrink:0}.player-avatar-lg{width:38px;height:38px}.avatar-eye-l{position:absolute;top:13px;left:8px;width:7px;height:8px;border-radius:50%;background:#2a1a10}.avatar-eye-r{position:absolute;top:13px;right:8px;width:7px;height:8px;border-radius:50%;background:#2a1a10}.avatar-nose{position:absolute;top:23px;left:50%;width:5px;height:5px;margin-left:-2.5px;background:#2a1a10;clip-path:polygon(50% 100%,0 0,100% 0)}.avatar-dot{position:absolute;top:5px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%}.player-name{flex:1;font-size:16px;font-weight:500}.badge{padding:3px 10px;border-radius:7px;font-size:11px;font-family:Oswald,sans-serif;letter-spacing:1px}.badge-host{background:#8b5cf629;border:1px solid rgba(139,92,246,.4);color:#b69cff}.badge-you{background:#ffc54a24;border:1px solid rgba(255,197,74,.45);color:#ffd45e}.badge-bot{background:#18c5b621;border:1px solid rgba(24,197,182,.4);color:#18c5b6}.player-avatar-bot{background:radial-gradient(circle at 50% 40%,#1e3050,#0f1a30);display:flex;align-items:center;justify-content:center;overflow:visible}.bot-antenna{position:absolute;top:2px;left:50%;width:3px;height:7px;background:#18c5b6;border-radius:2px;transform:translate(-50%);box-shadow:0 0 6px #18c5b6aa}.bot-eye-l,.bot-eye-r{position:absolute;top:11px;width:9px;height:7px;border-radius:2px;background:#18c5b6;box-shadow:0 0 7px #18c5b6bb}.bot-eye-l{left:5px}.bot-eye-r{right:5px}.bot-mouth{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:16px;height:3px;background:#18c5b6;border-radius:2px;box-shadow:0 0 6px #18c5b6aa}.bot-item{display:flex;align-items:center;gap:13px;padding:6px 10px;border-radius:10px;animation:slidein .3s ease both;transition:background .15s}.bot-item:hover{background:#18c5b608}.bot-difficulty{display:flex;gap:4px;margin-left:auto}.bot-diff-btn{padding:3px 9px;border-radius:6px;font-size:10px;font-family:Oswald,sans-serif;letter-spacing:.5px;cursor:pointer;border:1px solid rgba(255,255,255,.11);background:#ffffff0a;color:#7a8fae;transition:all .15s}.bot-diff-btn:hover{border-color:#18c5b666;color:#18c5b6;background:#18c5b60f}.bot-diff-btn.active{background:#18c5b624;border-color:#18c5b680;color:#18c5b6}.bot-diff-btn.active.easy{background:#36d39921;border-color:#36d39973;color:#36d399}.bot-diff-btn.active.hard{background:#ff2d7e1f;border-color:#ff2d7e66;color:#ff6b8e}.bot-remove-btn{background:none;border:none;color:#fff3;font-size:13px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:all .15s;flex-shrink:0;line-height:1}.bot-remove-btn:hover{background:#ff2d7e24;color:#ff2d7e}.btn-add-bot{width:100%;padding:9px 0;background:#18c5b60d;border:1px dashed rgba(24,197,182,.28);border-radius:10px;color:#18c5b6;opacity:.85;font-family:Oswald,sans-serif;letter-spacing:1px;font-size:13px;cursor:pointer;transition:all .15s;margin-top:2px}.btn-add-bot:hover:not(:disabled){background:#18c5b61c;border-color:#18c5b68c;opacity:1}.btn-add-bot:disabled{opacity:.3;cursor:not-allowed}.start-area{display:flex;flex-direction:column;align-items:center;gap:11px;width:100%;max-width:500px;animation:risein .5s ease .15s both;position:relative;z-index:1}.visibility-toggle{display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:3px;gap:2px}.vis-btn{font-family:Oswald,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:999px;border:1px solid transparent;cursor:pointer;background:transparent;color:#ffffff59;transition:color .2s,background .2s,border-color .2s}.vis-btn-public.active{background:#18c5b626;border-color:#18c5b673;color:#18c5b6}.vis-btn-private.active{background:#ff8a1e26;border-color:#ff8a1e73;color:#ffd45e}.vis-btn:hover:not(.active){color:#ffffffa6}.visibility-status{font-family:Oswald,sans-serif;font-size:11px;letter-spacing:.1em;color:#18c5b6}.public-rooms-page{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px}.public-rooms-page-leaving{pointer-events:none}.public-rooms-page-leaving .public-rooms-wrap{animation:riseout .3s ease forwards}.public-rooms-wrap{position:relative;z-index:1;width:100%;max-width:500px;max-height:100vh;display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 0 40px;overflow:hidden;animation:risein .4s ease both}.public-rooms-title{font-family:Rye,serif;font-size:clamp(1.8rem,6vw,2.4rem);letter-spacing:1px;background:linear-gradient(180deg,#ffe487,#ff8a1e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(255,138,30,.4));text-align:center;line-height:1.2}.public-rooms-subtitle{font-size:13px;color:var(--text-dim);letter-spacing:.02em;text-align:center;margin-top:-6px}.rooms-panel{width:100%;background:#160e12d9;border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px -25px #000000b3;display:flex;flex-direction:column;min-height:27rem;max-height:clamp(200px,calc(100vh - 400px),440px)}.rooms-panel-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.rooms-panel-label{font-family:Oswald,sans-serif;font-size:11px;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase}.rooms-panel-count{font-size:12px;color:var(--text-dim)}.rooms-list{display:flex;flex-direction:column;overflow-y:auto;max-height:27rem}.rooms-empty{text-align:center;color:var(--text-dim);padding:28px 16px;font-size:13.5px}.room-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);transition:background .15s}.room-card:last-child{border-bottom:none}.room-card:hover{background:#ffffff08}.room-card-info{flex:1;min-width:0}.room-card-name{display:block;font-weight:600;font-size:14.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card-meta{display:flex;align-items:center;gap:5px;margin-top:3px}.room-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-green{background:#36d399;box-shadow:0 0 6px #36d39966}.dot-orange{background:#ff8a1e;box-shadow:0 0 6px #ff8a1e66}.dot-blue{background:#22d3ee;box-shadow:0 0 6px #22d3ee66}.room-card-sub{font-size:11.5px;color:var(--text-dim)}.room-card-code{font-size:11px;color:#ffffff40;letter-spacing:.05em}.room-card-spectators{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#22d3ee;opacity:.75}.room-card-in-progress{opacity:.88}.room-card-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.room-card-count{display:flex;align-items:center;gap:5px;background:#ffd45e1a;border:1px solid rgba(255,212,94,.25);border-radius:8px;padding:4px 9px;font-family:Oswald,sans-serif;font-size:13px;color:#ffd45e;white-space:nowrap}.btn-room-enter{padding:8px 18px;background:#18c5b626;border:1px solid rgba(24,197,182,.5);border-radius:9px;color:#18c5b6;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;letter-spacing:.8px;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-room-enter:hover:not(:disabled){background:#18c5b647}.btn-room-enter:disabled{opacity:.35;cursor:not-allowed}.btn-room-watch{display:inline-flex;align-items:center;padding:8px 14px;background:#22d3ee1f;border:1px solid rgba(34,211,238,.4);border-radius:9px;color:#22d3ee;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;letter-spacing:.8px;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-room-watch:hover{background:#22d3ee3d}.public-rooms-actions{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.public-rooms-create{width:100%;margin-top:0!important}.btn-watch{display:block;width:100%;padding:12px 0;background:#22d3ee26;border:1px solid rgba(34,211,238,.5);border-radius:10px;color:#22d3ee;font-family:Oswald,sans-serif;font-size:15px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:background .15s}.btn-watch:hover{background:#22d3ee47}.room-error-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.room-error-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;background:#160e12d9;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:36px 32px;max-width:340px;width:90%;text-align:center;animation:risein .4s ease both;box-shadow:0 20px 50px -20px #000c}.room-error-title{font-family:Oswald,sans-serif;font-size:18px;font-weight:600;letter-spacing:.5px;color:var(--text)}.room-error-sub{font-size:13px;color:var(--text-dim);line-height:1.5}.table-screen img,.table-screen video{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.table-screen{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden;position:relative;background:radial-gradient(125% 95% at 50% -12%,#23121b,#120a10,#0a0608)}.table-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,138,30,.05) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;opacity:.45;z-index:0}.table-screen-glow-tl{position:absolute;top:-200px;left:-130px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,45,126,.15),transparent 65%);pointer-events:none;z-index:0}.table-screen-glow-br{position:absolute;bottom:-220px;right:-150px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(24,197,182,.12),transparent 65%);pointer-events:none;z-index:0}.camp-ambience{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.camp-stage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.camp-petal{position:absolute;top:0;border-radius:50% 20%;will-change:transform,opacity;animation:campPetalFall linear infinite;filter:blur(.4px);box-shadow:0 0 5px #ff8c002e}.camp-ember{position:absolute;bottom:0;border-radius:50%;will-change:transform,opacity;animation:campEmberRise ease-out infinite}.camp-lantern{position:absolute;top:30%;border-radius:50%;will-change:transform,opacity;animation:campLanternFloat ease-in-out infinite}.camp-wisp{position:absolute;border-radius:50%;will-change:transform,opacity;animation:campWispFloat ease-in-out infinite;filter:blur(1px)}.camp-dust{position:absolute;border-radius:50%;will-change:transform,opacity;animation:campDustDrift linear infinite;filter:blur(.8px)}.table-screen[data-phase="1"]{background:radial-gradient(125% 95% at 50% -12%,#2a1408,#180c07,#0d0805)}.table-screen[data-phase="1"] .table-screen-glow-tl{background:radial-gradient(circle,rgba(255,100,20,.22),transparent 65%)}.table-screen[data-phase="1"] .table-screen-glow-br{background:radial-gradient(circle,rgba(255,160,40,.15),transparent 65%)}.table-screen[data-phase="2"]{background:radial-gradient(125% 95% at 50% -12%,#1e0d2a,#110819,#09050f)}.table-screen[data-phase="2"] .table-screen-glow-tl{background:radial-gradient(circle,rgba(180,80,255,.18),transparent 65%)}.table-screen[data-phase="2"] .table-screen-glow-br{background:radial-gradient(circle,rgba(255,140,20,.16),transparent 65%)}.table-screen[data-phase="3"]{background:radial-gradient(125% 95% at 50% -12%,#1c1008,#110b05,#090604)}.table-screen[data-phase="3"] .table-screen-glow-tl{background:radial-gradient(circle,rgba(255,60,60,.16),transparent 65%)}.table-screen[data-phase="3"] .table-screen-glow-br{background:radial-gradient(circle,rgba(80,200,120,.12),transparent 65%)}.table-screen[data-phase="4"]{background:radial-gradient(125% 95% at 50% -12%,#220a22,#140814,#0a050a)}.table-screen[data-phase="4"] .table-screen-glow-tl{background:radial-gradient(circle,rgba(220,80,180,.22),transparent 65%)}.table-screen[data-phase="4"] .table-screen-glow-br{background:radial-gradient(circle,rgba(150,60,200,.15),transparent 65%)}.table-screen[data-phase="5"]{background:radial-gradient(125% 95% at 50% -12%,#080e20,#060910,#040508)}.table-screen[data-phase="5"] .table-screen-glow-tl{background:radial-gradient(circle,rgba(40,100,220,.18),transparent 65%)}.table-screen[data-phase="5"] .table-screen-glow-br{background:radial-gradient(circle,rgba(30,200,160,.14),transparent 65%)}.table-screen[data-phase="6"]{background:radial-gradient(125% 95% at 50% -12%,#1a0d04,#0e0702,#080401)}.table-screen[data-phase="6"] .table-screen-glow-tl{background:radial-gradient(circle,rgba(255,120,10,.25),transparent 65%)}.table-screen[data-phase="6"] .table-screen-glow-br{background:radial-gradient(circle,rgba(200,80,10,.18),transparent 65%)}.table-screen[data-phase="7"]{background:radial-gradient(125% 95% at 50% -12%,#22080a,#140506,#0a0304)}.table-screen[data-phase="7"] .table-screen-glow-tl{background:radial-gradient(circle,rgba(255,40,40,.2),transparent 65%)}.table-screen[data-phase="7"] .table-screen-glow-br{background:radial-gradient(circle,rgba(255,180,20,.16),transparent 65%)}.table-screen[data-phase="8"]{background:radial-gradient(125% 95% at 50% -12%,#1a0404,#0f0202,#080101)}.table-screen[data-phase="8"] .table-screen-glow-tl{background:radial-gradient(circle,rgba(200,20,20,.24),transparent 65%)}.table-screen[data-phase="8"] .table-screen-glow-br{background:radial-gradient(circle,rgba(160,10,10,.18),transparent 65%)}.table-screen[data-phase="9"]{background:radial-gradient(125% 95% at 50% -12%,#0a0d14,#070810,#040508)}.table-screen[data-phase="9"] .table-screen-glow-tl{background:radial-gradient(circle,rgba(120,140,200,.16),transparent 65%)}.table-screen[data-phase="9"] .table-screen-glow-br{background:radial-gradient(circle,rgba(200,160,60,.12),transparent 65%)}.table-screen[data-phase="10"]{background:radial-gradient(125% 95% at 50% -12%,#200806,#130402,#0a0201)}.table-screen[data-phase="10"] .table-screen-glow-tl{background:radial-gradient(circle,rgba(255,60,10,.28),transparent 65%)}.table-screen[data-phase="10"] .table-screen-glow-br{background:radial-gradient(circle,rgba(220,30,10,.22),transparent 65%)}.table-screen[data-phase="11"]{background:radial-gradient(125% 95% at 50% -12%,#0e0420,#080212,#04010a)}.table-screen[data-phase="11"] .table-screen-glow-tl{background:radial-gradient(circle,rgba(160,40,255,.28),transparent 65%)}.table-screen[data-phase="11"] .table-screen-glow-br{background:radial-gradient(circle,rgba(100,20,200,.22),transparent 65%)}.table-hud{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;background:linear-gradient(180deg,#160e12f5,#160e1259);border-bottom:1px solid rgba(255,138,30,.16);flex-shrink:0;z-index:20;position:relative}.turn-badge{display:flex;align-items:center;gap:9px;padding:7px 15px;border-radius:11px;transition:all .3s}.turn-badge-mine{background:#ffc54a26;border:1px solid rgba(255,197,74,.5)}.turn-badge-other{background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.turn-badge-icon{font-size:15px}.turn-badge-text{font-family:Oswald,sans-serif;font-weight:600;letter-spacing:1px;font-size:14px}.turn-badge-mine .turn-badge-text{color:#ffd45e}.turn-badge-other .turn-badge-text{color:#cdbfc8}.hud-logo{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.hud-right{display:flex;align-items:center;gap:10px}.spectator-badge{display:flex;align-items:center;gap:5px;padding:4px 10px;background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);border-radius:8px;color:#22d3ee;font-family:Oswald,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px}.spectator-mode-bar{display:flex;align-items:center;justify-content:center;gap:7px;padding:5px 12px;background:#22d3ee14;border-bottom:1px solid rgba(34,211,238,.2);color:#22d3ee;font-family:Oswald,sans-serif;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;flex-shrink:0}.theme-toggle{display:flex;border:1px solid rgba(255,138,30,.3);border-radius:8px;overflow:hidden}.theme-btn{background:transparent;border:none;color:#9b8f97;font-family:Oswald,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;padding:4px 12px;cursor:pointer;transition:background .2s,color .2s}.theme-btn:hover{color:#ffd45e}.theme-btn-active{background:#ff8a1ed9;color:#1a0a10}.mute-btn{background:transparent;border:1px solid rgba(255,138,30,.3);border-radius:8px;color:#9b8f97;padding:4px 8px;font-size:14px;line-height:1;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.mute-btn:hover{border-color:#ff8a1eb3;color:#ffd45e}.mute-btn-off{background:#ff8a1e26;border-color:#ff8a1e80;color:#ff8a1e}.volume-popup{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1a0d1e;border:1px solid rgba(255,138,30,.3);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:200;box-shadow:0 8px 24px #00000080}.volume-popup-dual{flex-direction:row;align-items:stretch;gap:0;padding:12px 10px}.volume-col{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 10px}.volume-label{font-family:Oswald,sans-serif;font-size:10px;color:#ffd45e99;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.volume-divider{width:1px;background:#ff8a1e33;align-self:stretch;margin:4px 0}.volume-pct{font-family:Oswald,sans-serif;font-size:11px;color:#ff8a1e;font-weight:700;letter-spacing:.5px}.volume-slider{writing-mode:vertical-lr;direction:rtl;width:4px;height:80px;cursor:pointer;accent-color:#ff8a1e;background:transparent}.turn-timer-anchor{position:fixed;top:64px;right:18px;z-index:18}.table-container{flex:1;position:relative;overflow:hidden;z-index:1}.felt-table{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:clamp(560px,46vw,960px);height:clamp(340px,28vw,580px);max-height:48vh}.felt-table-glow{position:absolute;top:50%;left:50%;width:130%;height:150%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at 50% 50%,rgba(255,45,126,.09) 0%,rgba(255,138,30,.05) 45%,transparent 72%);border-radius:50%;pointer-events:none}.felt-table-surface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(ellipse at 50% 38%,#2e161b,#1c0e13 60%,#130a0e);border:3px solid rgba(255,138,30,.28);box-shadow:0 0 0 9px #ff2d7e0f,0 0 70px -10px #ff2d7e4d,inset 0 0 90px #0009}.felt-table-ring{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;border:1px dashed rgba(255,197,74,.22);pointer-events:none}.table-label{position:absolute;top:42px;left:50%;transform:translate(-50%);font-family:Rye,serif;font-size:13px;letter-spacing:3px;color:#ffc54a38;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:2}.felt-table-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);z-index:2}.card-img-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1c,#ffffff0a 75%);background-size:200% 100%;animation:card-skeleton-shimmer 1.2s ease-in-out infinite}.card-flip-in{animation:cardFlipIn .42s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d}.card-flip-back{animation:cardFlipBack .42s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d}.card-fly-in{animation:cardFlyIn .4s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d}.center-pile{display:grid;gap:11px;padding:14px}.center-slot{transition:transform .15s;cursor:default;border-radius:9px}.center-slot-clickable{cursor:pointer}.center-slot-clickable:hover{transform:translateY(-5px) scale(1.06)}.center-slot-clickable:hover>div{box-shadow:0 6px 20px #ff8a1e8c!important}.slot-empty{width:60px;height:84px;border-radius:9px;border:1px dashed rgba(255,255,255,.08);background:#ffffff04}.center-area{position:relative}.revealed-side-strip{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);display:flex;flex-direction:row;gap:8px;align-items:center;padding:8px 10px;border-radius:12px;background:#0000002e;transition:box-shadow .3s,background .3s}.revealed-strip-trio{background:#18c5b61f;box-shadow:0 0 22px 6px #18c5b659;animation:trioPulse .6s ease-in-out infinite alternate}.strip-origin-label{border-radius:6px;padding:1px 5px;font-family:Oswald,sans-serif;font-size:9px;font-weight:700;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;pointer-events:none;animation:badgeIn .2s ease;line-height:1.6}.btn-ask-menor{padding:5px 11px;border-radius:8px;background:#18c5b621;border:1px solid rgba(24,197,182,.4);color:#5fe6d8;font-family:Oswald,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:background .12s,transform .1s}.btn-ask-menor:hover{background:#18c5b642}.btn-ask-menor:active{transform:translateY(1px)}.btn-ask-maior{padding:5px 11px;border-radius:8px;background:#ff2d7e21;border:1px solid rgba(255,45,126,.4);color:#ff7aaf;font-family:Oswald,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:background .12s,transform .1s}.btn-ask-maior:hover{background:#ff2d7e42}.btn-ask-maior:active{transform:translateY(1px)}.btn-take-seat{padding:6px 14px;border-radius:8px;background:#22d3ee26;border:1px solid rgba(34,211,238,.5);color:#22d3ee;font-family:Oswald,sans-serif;font-size:12px;font-weight:600;letter-spacing:.8px;cursor:pointer;transition:background .12s,transform .1s;margin-top:4px;animation:badgeIn .2s ease}.btn-take-seat:hover{background:#22d3ee4d}.btn-take-seat:active{transform:translateY(1px)}[data-phase] .btn-take-seat{background:#0000008c;border-color:#22d3eecc;color:#7fe8f8}[data-phase] .btn-take-seat:hover{background:#000000b8}[data-phase] .btn-ask-menor{background:#0000008c;border-color:#18c5b6cc;color:#7ffaf0;text-shadow:0 0 6px rgba(24,197,182,.7)}[data-phase] .btn-ask-menor:hover{background:#000000b8}[data-phase] .btn-ask-maior{background:#0000008c;border-color:#ff2d7ecc;color:#ff8ec0;text-shadow:0 0 6px rgba(255,45,126,.7)}[data-phase] .btn-ask-maior:hover{background:#000000b8}.drag-ghost{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);opacity:.92;transition:transform .08s ease,filter .15s ease;border-radius:12px}.drag-ghost-lowest{filter:drop-shadow(0 0 14px rgba(24,197,182,.9)) drop-shadow(0 6px 18px rgba(0,0,0,.6))}.drag-ghost-highest{filter:drop-shadow(0 0 14px rgba(255,45,126,.9)) drop-shadow(0 6px 18px rgba(0,0,0,.6))}.drag-ghost-over{transform:translate(-50%,-50%) scale(1.1);opacity:1}.drag-ghost-over.drag-ghost-lowest{filter:drop-shadow(0 0 22px rgba(24,197,182,1)) drop-shadow(0 0 8px rgba(255,212,94,.6))}.drag-ghost-over.drag-ghost-highest{filter:drop-shadow(0 0 22px rgba(255,45,126,1)) drop-shadow(0 0 8px rgba(255,212,94,.6))}.felt-table-drop-active .felt-table-surface{border-color:#ffd45eb3!important;box-shadow:0 0 0 9px #ffd45e1a,0 0 80px -10px #ffd45e8c,inset 0 0 90px #0009!important;transition:box-shadow .2s,border-color .2s}body.dragging-ask{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.seat-avatar{position:relative;border-radius:50%;background:radial-gradient(circle at 50% 34%,#fbf3e7,#e6d6c0);flex-shrink:0}.seat-avatar-lg{width:54px;height:54px}.seat-avatar-eye-l{position:absolute;top:18px;left:11px;width:10px;height:12px;border-radius:50%;background:#2a1a10}.seat-avatar-eye-r{position:absolute;top:18px;right:11px;width:10px;height:12px;border-radius:50%;background:#2a1a10}.seat-avatar-nose{position:absolute;top:33px;left:50%;width:7px;height:7px;margin-left:-3.5px;background:#2a1a10;clip-path:polygon(50% 100%,0 0,100% 0)}.seat-avatar-dot{position:absolute;top:7px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%}.seat-avatar-target{animation:targetRing 1.1s ease-in-out infinite}.seat-avatar-active-turn{animation:turnPulse 1.4s ease-in-out infinite}.seat-turn-label{position:absolute;top:-26px;left:50%;transform:translate(-50%);background:#ffc54a24;border:1px solid rgba(255,212,94,.45);border-radius:8px;padding:2px 8px;font-family:Oswald,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;color:#ffd45e;white-space:nowrap;pointer-events:none;animation:turnLabelFloat 1.4s ease-in-out infinite;z-index:15;text-shadow:0 0 8px rgba(255,212,94,.6)}.seat-target-badges{display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none}.seat-action-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-family:Oswald,sans-serif;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;pointer-events:none;line-height:1.5;animation:badgeIn .18s ease}.seat-action-badge-lowest{background:#18c5b62e;border:1px solid rgba(24,197,182,.55);color:#18c5b6}.seat-action-badge-highest{background:#ff2d7e2e;border:1px solid rgba(255,45,126,.55);color:#ff5f9a}.seat-name-tag{display:flex;align-items:center;gap:7px;padding:4px 11px;border-radius:9px;background:#160e12e6;transition:border .3s;white-space:nowrap}.seat-name-tag-text{font-family:Oswald,sans-serif;font-weight:600;letter-spacing:.5px;font-size:13px}.seat-card-count{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#9b8f97}.seat-card-icon{display:inline-block;width:9px;height:12px;border-radius:2px;background:linear-gradient(160deg,#ff8a1e,#e5701a);flex-shrink:0}.card-clickable:hover{transform:translateY(-4px)!important}.fan-card-hover:hover>div{transform:translateY(-8px)!important}.fan-lift{transition:transform .15s cubic-bezier(.34,1.56,.64,1),filter .15s ease}.toast{position:fixed;bottom:270px;left:50%;transform:translate(-50%);padding:.65rem 1.6rem;border-radius:var(--radius);font-weight:600;font-family:Oswald,sans-serif;font-size:.9rem;letter-spacing:1.5px;text-transform:uppercase;z-index:100;animation:toastIn .28s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;background:#0a0510ed;color:#cdbfc8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,.09);box-shadow:0 8px 32px #000000a6,0 2px 8px #0006}.toast-mismatch{border-color:#ff732880;box-shadow:0 8px 32px #000000a6,0 0 22px #ff73282e}.toast-trio{border-color:#50aaff80;box-shadow:0 8px 32px #000000a6,0 0 22px #50aaff2e}.toast-game_over{font-size:1rem;border-color:#ffd45e8c;box-shadow:0 8px 32px #000000a6,0 0 28px #ffd45e38;animation:toastIn .28s cubic-bezier(.34,1.56,.64,1)}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-8px)}}.toast-out{animation:toastOut .4s ease forwards}.center-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:radial-gradient(125% 95% at 50% -12%,#23121b,#120a10,#0a0608)}.victory-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,#1a0c10,#0c0709 70%);display:flex;align-items:center;justify-content:center;z-index:50;overflow:hidden}.victory-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1rem;width:100%;max-width:520px;animation:victoryEnter .5s cubic-bezier(.34,1.56,.64,1) both}.victory-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.victory-crown{font-size:3.5rem;animation:crownBounce 1s cubic-bezier(.34,1.56,.64,1) .3s both;filter:drop-shadow(0 0 20px rgba(255,138,30,.6))}.victory-name{font-family:Rye,serif;font-size:3rem;background:linear-gradient(180deg,#ffe487,#ff8a1e);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:1px;animation:victoryEnter .5s cubic-bezier(.34,1.56,.64,1) .15s both}.victory-name-me{font-size:3.5rem}.victory-subtitle{font-size:1rem;color:var(--text-dim);animation:victoryEnter .4s ease .3s both}.victory-trios{animation:victoryEnter .4s ease .4s both}.victory-campaign-complete{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:linear-gradient(135deg,#ffc54a1f,#ff8a1e14);border:1px solid rgba(255,212,94,.35);border-radius:14px;text-align:center;animation:victoryEnter .5s ease .25s both}.victory-campaign-complete-icon{font-size:2rem;line-height:1}.victory-campaign-complete-title{font-family:Oswald,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:3px;color:#ffd45e;text-shadow:0 0 14px rgba(255,197,74,.55);margin:0}.victory-campaign-complete-text{font-size:.82rem;color:#cdbfc8;line-height:1.5;margin:0;max-width:320px}.victory-rankings{width:100%;background:#1a0e12b3;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;animation:victoryEnter .4s ease .5s both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rank-row{display:flex;align-items:center;gap:.75rem;padding:.7rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.06)}.rank-row:last-child{border-bottom:none}.rank-winner{background:#ff8a1e14}.rank-me{background:#18c5b60f}.rank-medal{font-size:1.2rem;width:28px;text-align:center;flex-shrink:0}.rank-name{font-family:Oswald,sans-serif;font-weight:700;font-size:.95rem;min-width:80px}.rank-trios{display:flex;gap:4px;flex:1;flex-wrap:wrap}.rank-trio-badge{background:linear-gradient(180deg,#ffc94f,#ff8a1e);color:#3a1d00;font-weight:800;font-size:.72rem;padding:2px 7px;border-radius:5px}.rank-no-trio{color:var(--text-dim);font-size:.78rem}.rank-count{font-size:.78rem;color:var(--text-dim);flex-shrink:0;white-space:nowrap}.victory-actions{display:flex;gap:.75rem;width:100%;animation:victoryEnter .4s ease .6s both}.btn-victory-primary{flex:1;padding:.85rem;background:linear-gradient(180deg,#ffc94f,#ff8a1e);color:#3a1d00;border:none;border-radius:var(--radius);font-family:Oswald,sans-serif;font-size:1rem;font-weight:800;letter-spacing:1px;cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 20px #ff8a1e4d}.btn-victory-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #ff8a1e80}.btn-victory-secondary{padding:.85rem 1.4rem;background:transparent;color:var(--text-dim);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:color .12s,border-color .12s}.btn-victory-secondary:hover{color:var(--text);border-color:var(--text-dim)}.options-menu{position:relative}.options-trigger{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--text);font-size:1.2rem;line-height:1;padding:6px 14px;cursor:pointer;letter-spacing:2px;font-weight:700;transition:background .15s}.options-trigger:hover{background:#ffffff1f}.options-popover{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;background:#1a1016;border:1px solid rgba(255,138,30,.22);border-radius:10px;padding:6px;z-index:100;box-shadow:0 8px 24px #00000080;animation:popoverIn .12s ease}.options-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;background:none;border:none;border-radius:7px;color:var(--text);font-size:.85rem;cursor:pointer;text-align:left;transition:background .12s}.options-item:hover{background:#ffffff12}.options-item-danger{color:#ff8d91}.options-item-danger:hover{background:#e5484d1f}.options-icon{font-style:normal;width:16px;text-align:center;opacity:.8}.options-divider{height:1px;background:#ffffff14;margin:4px 6px}.chat-panel{position:fixed;bottom:14px;right:14px;width:340px;background:#120b0fed;border:1px solid rgba(255,138,30,.2);border-radius:14px;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 50px -20px #000000b3;transition:height .2s ease}.chat-open{height:340px}.chat-closed{height:auto}.chat-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.07);color:#ff8a1e;font-family:Oswald,sans-serif;letter-spacing:2px;font-size:12px;cursor:pointer;width:100%;transition:color .15s}.chat-toggle:hover{color:#ffd45e}.chat-chevron{color:#6f6168;font-size:.7rem}.chat-badge{background:#ff2d7e;color:#fff;border-radius:10px;padding:1px 6px;font-size:.65rem;font-weight:800}.chat-badge-sm{padding:0 5px;font-size:.6rem;margin-left:4px}.chat-badge-log{background:#ff8a1e}.chat-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.07)}.chat-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:#6f6168;font-family:Oswald,sans-serif;letter-spacing:1.5px;font-size:11px;padding:8px 4px;cursor:pointer;transition:color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;gap:5px}.chat-tab:hover{color:#b8adb4}.chat-tab-active{color:#ff8a1e;border-bottom-color:#ff8a1e}.chat-messages{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:rgba(255,138,30,.35) transparent}.chat-empty{color:var(--text-dim);font-size:.75rem;text-align:center;margin-top:12px}.chat-entry{font-size:12px;line-height:1.4;animation:slidein .25s ease}.chat-log{color:#a99ca4;font-style:italic;display:flex;gap:6px;align-items:baseline;padding:3px 2px;border-bottom:1px solid rgba(255,255,255,.04)}.chat-log:last-child{border-bottom:none}.chat-log-bullet{color:#ff8a1e66;flex-shrink:0;font-style:normal}.chat-log-text{font-size:.74rem;line-height:1.5;word-break:break-word}.chat-log-scroll{flex:1}.chat-chat{display:flex;flex-direction:column;gap:1px;padding:4px 6px;background:#ffffff08;border-radius:6px}.chat-from{font-size:.7rem;font-weight:700;color:var(--text-dim)}.chat-from-me{color:#ffd45e}.chat-spectator-tag{font-size:.65rem;font-weight:400;color:#22d3ee;opacity:.7}.chat-text{color:var(--text);word-break:break-word}.chat-input-row{display:flex;gap:6px;padding:8px;border-top:1px solid rgba(255,255,255,.07)}.chat-input{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 11px;color:var(--text);font-size:12px;outline:none}.chat-input:focus{border-color:var(--accent)}.chat-input::placeholder{color:#6f6168}.chat-send{width:34px;background:linear-gradient(180deg,#ffc94f,#ff8a1e);color:#3a1d00;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s;flex-shrink:0}.chat-send:disabled{opacity:.4;cursor:not-allowed}@keyframes howtoSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.howto-sidebar{position:fixed;left:0;top:0;bottom:0;width:316px;background:#0e080cf7;border-right:1px solid rgba(255,138,30,.22);z-index:41;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .32s cubic-bezier(.22,.61,.36,1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:8px 0 50px #0000008c}.howto-sidebar-open{transform:translate(0)}.howto-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000061;z-index:40;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation:risein .2s ease}.howto-header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid rgba(255,138,30,.16);background:linear-gradient(180deg,rgba(255,138,30,.07),transparent);flex-shrink:0}.howto-header-icon{width:22px;height:22px;border-radius:50%;background:#ff8a1e26;border:1.5px solid rgba(255,138,30,.5);display:flex;align-items:center;justify-content:center;font-family:Oswald,sans-serif;font-weight:800;font-size:13px;color:#ff8a1e;flex-shrink:0}.howto-title{font-family:Oswald,sans-serif;font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#ffd45e}.howto-close{background:none;border:none;color:#6f6168;font-size:15px;cursor:pointer;padding:4px 7px;border-radius:6px;transition:color .15s,background .15s;line-height:1}.howto-close:hover{color:#f3ece2;background:#ffffff12}.howto-content{flex:1;overflow-y:auto;padding:10px 12px 18px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:rgba(255,138,30,.3) transparent}.howto-section{border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:11px 13px;background:#ffffff05}.howto-section-header{display:flex;align-items:center;gap:7px;margin-bottom:7px}.howto-section-icon{font-size:14px;line-height:1}.howto-section-title{font-family:Oswald,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ff8a1e}.howto-section-body p{font-size:12px;line-height:1.55;color:#cdbfc8;margin:0}.howto-section-body p+p{margin-top:5px}.howto-section-body strong{color:#f3ece2;font-weight:600}.howto-gold{color:#ffd45e;font-weight:700}.howto-card-row{display:flex;gap:5px;align-items:center;justify-content:center;margin:9px 0 5px}.howto-ellipsis{color:#6f6168;font-size:13px;letter-spacing:1px;flex-shrink:0}.howto-caption{font-size:10.5px;color:#6f6168;text-align:center;font-style:italic;margin:0}.howto-win-tally{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px}.howto-trio-chip{padding:3px 9px;border-radius:6px;background:#18c5b621;border:1px solid rgba(24,197,182,.35);color:#18c5b6;font-family:Oswald,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px}.howto-win-or{font-size:11px;color:#6f6168}.howto-hand-demo{margin-top:9px;padding:10px;background:#ffffff06;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.howto-hand-label{font-family:Oswald,sans-serif;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.howto-label-you{color:#ffd45e}.howto-label-others{color:#9b8f97}.howto-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.howto-action-card{display:flex;flex-direction:column;align-items:center;padding:9px 7px;background:#ffffff06;border-radius:9px;border:1px solid rgba(255,255,255,.07)}.howto-action-tag{font-family:Oswald,sans-serif;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 9px;border-radius:5px;margin-bottom:6px}.howto-tag-mesa{background:#ff8a1e24;color:#ff8a1e;border:1px solid rgba(255,138,30,.35)}.howto-tag-player{background:#8b5cf624;color:#b69cff;border:1px solid rgba(139,92,246,.35)}.howto-minigrid{display:grid;grid-template-columns:repeat(3,auto);gap:4px;padding:4px}.howto-minigrid-slot{border-radius:5px;transition:transform .15s}.howto-minigrid-slot-up{transform:scale(1.06)}.howto-player-demo{display:flex;gap:4px;align-items:center}.howto-btn-menor,.howto-btn-maior{padding:4px 10px;border-radius:6px;font-family:Oswald,sans-serif;font-size:10px;font-weight:700;letter-spacing:.5px}.howto-btn-menor{background:#18c5b621;border:1px solid rgba(24,197,182,.4);color:#5fe6d8}.howto-btn-maior{background:#ff2d7e21;border:1px solid rgba(255,45,126,.4);color:#ff7aaf}.howto-seq{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 6px}.howto-seq-step{display:flex;flex-direction:column;align-items:center;gap:4px}.howto-seq-trio>div:last-child{filter:drop-shadow(0 0 6px rgba(24,197,182,.6))}.howto-seq-num{font-family:Oswald,sans-serif;font-size:9px;font-weight:700;letter-spacing:.5px;color:#6f6168;text-transform:uppercase}.howto-seq-arrow{color:#6f6168;font-size:14px;margin-top:10px}.howto-result-badge{text-align:center;font-family:Oswald,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;border-radius:7px;padding:5px 12px;margin-top:4px}.howto-badge-trio{background:#18c5b61f;border:1px solid rgba(24,197,182,.35);color:#18c5b6}.howto-badge-miss{background:#ff2d7e1a;border:1px solid rgba(255,45,126,.3);color:#ff8d91}.howto-timer-demo{display:flex;flex-direction:column;align-items:center;margin-top:9px}.howto-win-rules{display:flex;flex-direction:column;gap:6px;margin-top:9px}.howto-win-rule{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;background:#ffffff06;border:1px solid rgba(255,255,255,.07)}.howto-win-rule p{font-size:12px;color:#cdbfc8;margin:0}.howto-win-rule strong{color:#f3ece2}.howto-win-number{font-family:Rye,serif;font-size:28px;color:#ffd45e;flex-shrink:0;line-height:1;filter:drop-shadow(0 0 8px rgba(255,212,94,.4))}.howto-win-sep{text-align:center;font-size:11px;color:#6f6168;letter-spacing:1px;padding:2px 0}.howto-win-special{background:#e8b00712;border-color:#e8b00738}.howto-footer{text-align:center;font-size:12px;color:#6f6168;padding:6px 0 2px;letter-spacing:.5px}.howto-toggle{position:fixed;bottom:18px;left:18px;display:flex;align-items:center;gap:8px;padding:9px 15px 9px 12px;background:#120b0fed;border:1px solid rgba(255,138,30,.22);border-radius:12px;z-index:99;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px -8px #000000a6;transition:border-color .18s,background .18s,opacity .2s,transform .2s;color:inherit}.howto-toggle:hover{border-color:#ff8a1e8c;background:#160e12f7}.howto-toggle-diamond{width:8px;height:8px;background:linear-gradient(135deg,#ffd45e,#ff8a1e);transform:rotate(45deg);flex-shrink:0;box-shadow:0 0 6px #ff8a1e80}.howto-toggle-text{font-family:Oswald,sans-serif;letter-spacing:1.5px;font-size:11px;font-weight:600;color:#9b8f97;text-transform:uppercase;white-space:nowrap}.howto-toggle-hidden{opacity:0;pointer-events:none;transform:translateY(4px)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayOut{0%{opacity:1}to{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:scale(.91) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.94) translateY(14px)}}.buypanel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:overlayIn .22s ease both}.buypanel-overlay-out{animation:overlayOut .26s ease forwards}.buypanel-modal{position:relative;background:linear-gradient(160deg,#1c1120,#130d17);border:1px solid rgba(255,138,30,.22);border-radius:20px;max-width:720px;width:100%;box-shadow:0 32px 90px -20px #000000d9,0 0 0 1px #ffffff0a;overflow:hidden;animation:modalIn .32s cubic-bezier(.34,1.42,.64,1) both}.buypanel-modal-out{animation:modalOut .26s ease forwards}.buypanel-close{position:absolute;top:13px;right:14px;background:none;border:none;color:#6f6168;font-size:16px;cursor:pointer;padding:5px 8px;border-radius:7px;transition:color .15s,background .15s;z-index:2;line-height:1}.buypanel-close:hover{color:#f3ece2;background:#ffffff12}.buypanel-body{display:flex;flex-wrap:wrap}.buypanel-img-wrap{flex:0 0 200px;position:relative;background:#08050a;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:320px}.buypanel-img{width:112%;height:100%;object-fit:contain;object-position:center;display:block;padding:12px 8px}.buypanel-content{flex:1;min-width:240px;padding:28px 26px 24px;display:flex;flex-direction:column;gap:11px}.buypanel-eyebrow{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:4px;font-size:10px;color:#ff8a1e;margin:0}.buypanel-title{font-family:Oswald,sans-serif;font-weight:700;font-size:32px;line-height:1;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(180deg,#ffe487,#ff8a1e);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.buypanel-text{font-size:13px;line-height:1.65;color:#a99ca4;margin:0}.buypanel-text strong{color:#f3ece2;font-weight:600}.buypanel-accent{color:#ffd45e!important}.buypanel-cta{display:inline-block;align-self:flex-start;margin-top:2px;padding:11px 22px;background:linear-gradient(180deg,#ffc94f,#ff8a1e);color:#3a1d00;font-family:Oswald,sans-serif;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;border-radius:11px;box-shadow:0 8px 24px -6px #ff8a1e99;transition:filter .15s,transform .12s}.buypanel-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.buypanel-cta:active{transform:translateY(1px)}.buypanel-footer{display:flex;flex-direction:column;gap:3px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);font-size:11.5px;color:#6f6168}.buypanel-footer strong{color:#9b8f97;font-weight:600}.buypanel-footer-links{display:flex;flex-wrap:wrap;gap:2px}.buypanel-link{color:#6f6168;text-decoration:none;transition:color .15s}.buypanel-link:hover{color:#ff8a1e}.buypanel-trigger{position:fixed;bottom:18px;right:18px;z-index:99;display:flex;align-items:center;gap:8px;padding:9px 15px 9px 12px;background:#120b0fed;border:1px solid rgba(255,138,30,.22);border-radius:12px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px -8px #000000a6;transition:border-color .18s,background .18s;color:inherit}.buypanel-trigger:hover{border-color:#ff8a1e8c;background:#160e12f7}.buypanel-trigger-diamond{width:8px;height:8px;background:linear-gradient(135deg,#ffd45e,#ff8a1e);transform:rotate(45deg);flex-shrink:0;box-shadow:0 0 6px #ff8a1e80}.buypanel-trigger-text{font-family:Oswald,sans-serif;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#9b8f97;white-space:nowrap}.lang-switcher{position:fixed;top:16px;right:16px;z-index:200;display:flex;align-items:center;gap:6px;padding:6px 12px 6px 10px;background:#120b0fe0;border:1px solid rgba(255,255,255,.12);border-radius:20px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .18s,background .18s,transform .12s;color:inherit;box-shadow:0 4px 14px #0006}.lang-switcher:hover{border-color:#ffd45e73;background:#160e12f7;transform:scale(1.04)}.lang-switcher-flag{font-size:15px;line-height:1}.lang-switcher-label{font-family:Oswald,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#9b8f97;transition:color .18s}.lang-switcher:hover .lang-switcher-label{color:#ffd45e}@keyframes settingsIn{0%{opacity:0;transform:scale(.93) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;animation:risein .18s ease}.settings-modal{background:linear-gradient(160deg,#1a1016,#100a0d);border:1px solid rgba(255,138,30,.25);border-radius:20px;width:min(380px,96vw);max-height:88vh;overflow-y:auto;box-shadow:0 24px 64px #000c;animation:settingsIn .26s cubic-bezier(.34,1.3,.64,1) both;scrollbar-width:none}.settings-modal::-webkit-scrollbar{display:none}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid rgba(255,138,30,.14);background:linear-gradient(180deg,rgba(255,138,30,.06),transparent);flex-shrink:0}.settings-title{font-family:Oswald,sans-serif;font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#ffd45e}.settings-close{background:none;border:none;color:#6f6168;font-size:15px;cursor:pointer;padding:5px 8px;border-radius:7px;transition:color .15s,background .15s;line-height:1}.settings-close:hover{color:#f3ece2;background:#ffffff12}.settings-body{padding:14px 20px 22px;display:flex;flex-direction:column;gap:18px}.settings-section-label{font-family:Oswald,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#9b8f97;margin-bottom:9px}.settings-toggle-group{display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:3px;gap:3px}.settings-toggle-btn{flex:1;background:transparent;border:1px solid transparent;border-radius:7px;color:#9b8f97;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;padding:10px 6px;cursor:pointer;transition:all .18s;text-align:center}.settings-toggle-btn:hover{color:#ffd45e}.settings-toggle-btn.active{background:#ff8a1ed9;border-color:transparent;color:#1a0a10}.settings-sliders{display:flex;flex-direction:column;gap:14px}.settings-slider-row{display:flex;align-items:center;gap:12px}.settings-slider-label{font-size:12px;color:#9b8f97;white-space:nowrap;min-width:68px}.settings-range{flex:1;height:4px;cursor:pointer;accent-color:#ff8a1e}.settings-slider-pct{font-family:Oswald,sans-serif;font-size:11px;font-weight:700;color:#ff8a1e;min-width:36px;text-align:right}.settings-audio-toggles{display:flex;flex-direction:column;gap:14px}.settings-audio-row{display:flex;align-items:center;justify-content:space-between}.settings-audio-label{font-size:13px;color:#9b8f97}.settings-audio-switch{position:relative;width:46px;height:26px;border-radius:13px;border:none;cursor:pointer;background:#ffffff1f;transition:background .2s;flex-shrink:0}.settings-audio-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.settings-audio-switch.active{background:#ff8a1e}.settings-audio-switch.active:after{transform:translate(20px)}.settings-divider{height:1px;background:#ffffff14;margin:2px 0}.settings-actions{display:flex;flex-direction:column;gap:3px}.settings-action-btn{display:flex;align-items:center;gap:9px;width:100%;padding:11px 12px;background:none;border:none;border-radius:9px;color:var(--text);font-size:.88rem;font-family:DM Sans,sans-serif;cursor:pointer;text-align:left;transition:background .12s}.settings-action-btn:hover{background:#ffffff0f}.settings-action-icon{font-style:normal;width:18px;text-align:center;opacity:.8}.settings-action-danger{color:#ff8d91}.settings-action-danger:hover{background:#e5484d1a!important}.settings-action-leave{color:#ff8d91}.settings-action-leave:hover{background:#e5484d1a!important}@keyframes slideUpSheet{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}.chat-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:200;animation:risein .18s ease}.chat-sheet{position:fixed;bottom:0;left:0;right:0;height:clamp(280px,62vh,500px);background:#0e090cfa;border-top:1px solid rgba(255,138,30,.2);border-radius:18px 18px 0 0;z-index:201;display:flex;flex-direction:column;overflow:hidden;animation:slideUpSheet .28s cubic-bezier(.22,.61,.36,1) both;box-shadow:0 -12px 40px #00000080}.chat-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;background:linear-gradient(180deg,rgba(255,138,30,.06),transparent)}.chat-sheet-title{font-family:Oswald,sans-serif;font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#ff8a1e}.chat-sheet-close{background:none;border:none;color:#6f6168;font-size:16px;cursor:pointer;padding:5px 9px;border-radius:7px;transition:color .15s,background .15s;line-height:1}.chat-sheet-close:hover{color:#f3ece2;background:#ffffff12}.hud-icon-btn{position:relative;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#9b8f97;font-size:16px;padding:6px 9px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;line-height:1;display:flex;align-items:center;justify-content:center}.hud-icon-btn:hover{background:#ffffff14;color:#ffd45e;border-color:#ff8a1e66}.hud-icon-btn-notify{border-color:#ff2d7e73}.hud-badge{position:absolute;top:-5px;right:-5px;background:#ff2d7e;color:#fff;border-radius:8px;padding:1px 4px;font-size:.58rem;font-weight:800;min-width:14px;text-align:center;line-height:1.5;pointer-events:none}@media (max-width: 900px){.howto-toggle{width:38px;height:38px;padding:0;border-radius:50%;justify-content:center;gap:0}.howto-toggle-diamond,.howto-toggle-text{display:none}.howto-toggle:after{content:"?";font-family:Oswald,sans-serif;font-size:17px;font-weight:800;color:#9b8f97}.howto-toggle:hover:after{color:#ffd45e}.toast{bottom:auto;top:38%}.hud-score-name{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-hud{padding:8px 12px}.turn-badge{padding:6px 10px;gap:7px}.turn-badge-text{font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.felt-table-ring,.table-label,.felt-table-glow{display:none}.felt-table-surface{box-shadow:0 0 0 5px #ff2d7e0a,0 0 40px -10px #ff2d7e2e,inset 0 0 60px #00000080;border:2px solid rgba(255,138,30,.2)}.felt-table{width:clamp(300px,86vw,620px);height:clamp(280px,38vw,460px);top:50%}.center-pile{gap:clamp(7px,1.5vw,14px);padding:clamp(10px,2vw,18px)}.revealed-side-strip{left:50%;top:calc(100% + 5px);bottom:auto;transform:translate(-50%);flex-direction:row;white-space:nowrap}.seat-me-trios{display:none!important}.felt-table-surface{display:none}.seat-avatar-lg{width:40px;height:40px}.seat-avatar-eye-l{top:13px;left:7px;width:7px;height:9px}.seat-avatar-eye-r{top:13px;right:7px;width:7px;height:9px}.seat-avatar-nose{top:23px;width:6px;height:6px}.seat-avatar-dot{top:4px;width:6px;height:6px}.seat-name-tag{padding:2px 6px;gap:4px}.seat-name-tag-text{font-size:.6rem}.seat-card-count{font-size:.6rem;gap:2px}.seat-card-icon{width:8px;height:8px}.btn-ask-menor,.btn-ask-maior{padding:2px 8px;font-size:.6rem}}@media (max-width: 640px){.lobby{padding:48px 16px 24px;gap:12px;justify-content:flex-start;overflow-y:auto;overflow-x:hidden}.lobby-logo{font-size:32px}.player-list{min-height:0;max-height:20rem}}@keyframes trio7-bg-in{0%{opacity:0}to{opacity:1}}@keyframes trio7-announce-in{0%{opacity:0;transform:translate(-50%,20px) scale(.88)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes trio7-glow-pulse{0%,to{filter:drop-shadow(0 0 20px #ffd45e) drop-shadow(0 0 40px #ffaa0066)}50%{filter:drop-shadow(0 0 40px #ffd45e) drop-shadow(0 0 80px #ffaa00aa)}}@keyframes trio7-ring-expand{0%{transform:translate(-50%,-50%) scale(.25);opacity:1}to{transform:translate(-50%,-50%) scale(3.2);opacity:0}}.trio7-burst-ring{position:absolute;top:50%;left:50%;width:clamp(180px,26vw,360px);aspect-ratio:1;border-radius:50%;border:5px solid #ffd45e;box-shadow:0 0 40px 10px #ffd45e55,inset 0 0 30px #ffd45e33;pointer-events:none;z-index:4;will-change:transform,opacity;animation:trio7-ring-expand .8s cubic-bezier(.15,0,.55,1) forwards}.trio7-burst-ring:nth-child(2){animation-delay:.18s;opacity:0}.trio7-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;pointer-events:all;overflow:hidden}.trio7-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#1c0c04f7,#080402fc);animation:trio7-bg-in .4s ease both}.trio7-announce{position:absolute;top:16%;left:50%;transform:translate(-50%,20px) scale(.88);text-align:center;z-index:5;display:flex;flex-direction:column;gap:10px;opacity:0;pointer-events:none;white-space:nowrap}.trio7-announce-visible{animation:trio7-announce-in .6s cubic-bezier(.22,1,.36,1) forwards}.trio7-announce-name{font-size:clamp(1.8rem,4.5vw,3.4rem);font-weight:900;color:#ffd45e;text-shadow:0 0 30px #ffd45ecc,0 0 60px #ffaa0088;letter-spacing:.03em}.trio7-announce-text{font-size:clamp(.9rem,2.2vw,1.6rem);font-weight:700;color:#fff8e0cc;text-shadow:0 0 20px #ffd45e66;letter-spacing:.12em;text-transform:uppercase}.trio7-cards{position:relative;width:0;height:0;z-index:3}.trio7-card-wrapper{position:absolute;top:0;left:0;width:clamp(110px,16vw,200px);aspect-ratio:2/3;will-change:transform,opacity;animation:trio7-glow-pulse 1.4s ease-in-out 1.2s infinite}.trio7-card-min{width:100%;height:100%;background:#e8b007;border-radius:12px;display:flex;align-items:center;justify-content:center;border:3px solid #ffd45e}.trio7-card-min span{font-size:clamp(3rem,8vw,6rem);font-weight:900;color:#3a2600;line-height:1}.trio7-card-img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:3px solid #ffd45eaa}