*,*: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{to{transform:rotate(360deg)}}@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 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 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 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 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}.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:10px;align-items:stretch;margin-top:0}.join-row .input{flex:1}.form-group{margin-bottom:10px}.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-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-screen{height:100vh;display:flex;flex-direction:column;background:#0a0608;color:#f5e8c8;font-family:DM Sans,sans-serif;overflow:hidden}.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;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: clamp(60px, 3.5vw, 32px)}.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-you-flag{position:absolute;bottom:calc(100% + 6px);left:50%;display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none;animation:cmp-you-bounce 1.8s ease-in-out infinite}@keyframes cmp-you-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}.cmp-you-text{font-family:Oswald,sans-serif;font-size:clamp(7px,.58vw,10px);letter-spacing:.22em;color:#ffd45e;text-shadow:0 0 10px rgba(255,212,94,.95);white-space:nowrap}.cmp-you-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #ffd45e;filter:drop-shadow(0 0 5px rgba(255,212,94,.95))}.cmp-ring{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%;pointer-events:none}.cmp-ring--a{width:calc(var(--disk) + 22px);height:calc(var(--disk) + 22px);border:2px dashed rgba(255,201,79,.72);animation:cmp-spin-cw 11s linear infinite}.cmp-ring--b{width:calc(var(--disk) + 40px);height:calc(var(--disk) + 40px);border:1.5px dotted rgba(255,138,30,.55);animation:cmp-spin-ccw 16s linear infinite}@keyframes cmp-spin-cw{to{transform:rotate(360deg)}}@keyframes cmp-spin-ccw{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 35% 28%,#ffb850,#ff7a1e 55%,#c8410a);border:2px solid #ffe487;box-shadow:0 0 0 3px #ffc85038,0 0 28px #ff7814b3;animation:cmp-disk-pulse 2.2s ease-in-out infinite}@keyframes cmp-disk-pulse{0%,to{box-shadow:0 0 0 3px #ffc8502e,0 0 20px #ff781480}50%{box-shadow:0 0 0 8px #ffc85061,0 0 48px #ff7814e6}}.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: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}.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}.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}.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}.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}.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}.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}.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)}.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-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)}.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-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-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-icon{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}.howto-toggle-icon-only{width:38px;height:38px;padding:0;border-radius:50%;justify-content:center;gap:0;font-family:Oswald,sans-serif;font-size:17px;font-weight:800;color:#9b8f97;letter-spacing:0}.howto-toggle-icon-only:hover{color:#ffd45e}@media (max-width: 900px){.toast{bottom:auto;top:31%}.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:44%}.center-pile{gap:clamp(7px,1.5vw,14px);padding:clamp(10px,2vw,18px)}.revealed-side-strip{left:50%;top:calc(100% - 10px);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}}