*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.aspect-\[2\/3\]{aspect-ratio:2/3}.h-12{height:3rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.w-12{width:3rem}.w-8{width:2rem}.w-full{width:100%}.w-screen{width:100vw}.max-w-sm{max-width:24rem}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border-2{border-width:2px}.border-4{border-width:4px}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-slate-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-black\/70{background-color:#000000b3}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-slate-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-zinc-100{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--card-w: 76px;--card-h: 104px}html,body,#app,#root{height:100%}body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.mobile-only{display:none!important}@media(max-width:768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}}.bg-syko{background:radial-gradient(ellipse 100% 60% at 50% 100%,rgba(212,175,55,.06) 0%,transparent 50%),radial-gradient(ellipse 80% 40% at 50% 0%,rgba(16,185,129,.05) 0%,transparent 40%),radial-gradient(ellipse 60% 60% at 20% 50%,rgba(212,175,55,.03) 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 80% 50%,rgba(212,175,55,.03) 0%,transparent 50%),linear-gradient(180deg,#0a0a0a,#0f0f0f,#0a0a0a);position:relative;overflow:hidden}.bg-syko:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 0% 0%,transparent 70%,rgba(212,175,55,.025) 70%,rgba(212,175,55,.025) 72%,transparent 72%),radial-gradient(circle at 100% 0%,transparent 70%,rgba(212,175,55,.025) 70%,rgba(212,175,55,.025) 72%,transparent 72%),radial-gradient(circle at 0% 100%,transparent 70%,rgba(212,175,55,.025) 70%,rgba(212,175,55,.025) 72%,transparent 72%),radial-gradient(circle at 100% 100%,transparent 70%,rgba(212,175,55,.025) 70%,rgba(212,175,55,.025) 72%,transparent 72%),repeating-linear-gradient(45deg,transparent,transparent 100px,rgba(212,175,55,.012) 100px,rgba(212,175,55,.012) 101px),repeating-linear-gradient(-45deg,transparent,transparent 100px,rgba(212,175,55,.012) 100px,rgba(212,175,55,.012) 101px)}.bg-syko:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 8% 15%,rgba(212,175,55,.5) 50%,transparent 50%),radial-gradient(2px 2px at 20% 65%,rgba(244,228,166,.4) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 35% 25%,rgba(212,175,55,.5) 50%,transparent 50%),radial-gradient(2px 2px at 50% 80%,rgba(212,175,55,.4) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 65% 12%,rgba(244,228,166,.5) 50%,transparent 50%),radial-gradient(2px 2px at 78% 55%,rgba(212,175,55,.4) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 92% 35%,rgba(212,175,55,.5) 50%,transparent 50%),radial-gradient(2px 2px at 12% 88%,rgba(244,228,166,.4) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 45% 45%,rgba(212,175,55,.3) 50%,transparent 50%),radial-gradient(2px 2px at 88% 78%,rgba(212,175,55,.4) 50%,transparent 50%);animation:gameParticlesFloat 25s ease-in-out infinite}@keyframes gameParticlesFloat{0%,to{transform:translateY(0) translate(0);opacity:.7}25%{transform:translateY(-12px) translate(8px);opacity:1}50%{transform:translateY(-4px) translate(-4px);opacity:.8}75%{transform:translateY(-16px) translate(4px);opacity:1}}.card{width:var(--card-w);height:var(--card-h);border-radius:18px;border:none;box-shadow:0 14px 32px #00000080,inset 0 1px #ffffff0f,inset 0 0 0 1px #ffffff1f;display:grid;place-items:center;font-weight:800;color:#fff;letter-spacing:.2px;position:relative;overflow:hidden;transition:transform .1s ease,box-shadow .1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0009,inset 0 1px #ffffff0f,inset 0 0 0 1px #ffffff1f}.card[data-faceup=false]{background:linear-gradient(135deg,#23273a,#121628)}.c-neg{background:linear-gradient(135deg,#6d28d9,#7c3aed)}.c-zero{background:linear-gradient(135deg,#0ea5e9,#22d3ee)}.c-low{background:linear-gradient(135deg,#10b981,#34d399)}.c-mid{background:linear-gradient(135deg,#f59e0b,#fb7185)}.c-hi{background:linear-gradient(135deg,#ec4899,#6366f1)}.pile{width:calc(var(--card-w) * .95);height:calc(var(--card-h) * .95);border-radius:16px;border:1px solid rgba(255,255,255,.14)}.scale-wrap{transform-origin:top left}.avatar{width:32px;height:32px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#0f1020}.avatar video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.btn{padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0f}.btn.active,.primary{background:#4f46e5;border-color:transparent}.input{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.4rem .6rem;color:#fff}.grid-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;place-items:center}.hidden{display:none}.overflow-auto{overflow:auto}.game-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:linear-gradient(180deg,#0a0a0af2,#0a0a0ad9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,.15);box-shadow:0 2px 20px #0000004d}.game-header-left{display:flex;align-items:center;gap:1rem}.game-header-right{display:flex;align-items:center;gap:.5rem}.turn-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;background:#d4af3714;border:1px solid rgba(212,175,55,.25);border-radius:100px;font-size:.85rem;font-family:DM Sans,system-ui,sans-serif}.turn-badge.my-turn{background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:#10b98166;box-shadow:0 0 15px #10b98126}.turn-badge-dot{width:8px;height:8px;border-radius:50%;background:#d4af3780}.turn-badge.my-turn .turn-badge-dot{background:#10b981;box-shadow:0 0 8px #10b98199}.turn-badge-name{font-weight:600;color:#fff}.turn-timer{display:flex;align-items:center;justify-content:center;padding:.35rem .85rem;background:#d4af3714;border:1px solid rgba(212,175,55,.2);border-radius:8px;font-family:Playfair Display,serif;font-size:.95rem;font-weight:600;color:#f4e4a6;font-variant-numeric:tabular-nums}.turn-timer.timer-urgent{background:#ef444433;border-color:#ef444466;color:#f87171;font-size:1.1rem}.turn-timer.timer-warning{background:#d4af3726;border-color:#d4af3759;color:#d4af37}.turn-timer.timer-danger{background:#ef444433;border-color:#ef444480;color:#f87171;animation:timer-pulse .5s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes notification-explode{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}70%{transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes notification-pulse{0%,to{box-shadow:0 0 20px #d4af3766,0 0 60px #d4af3733}50%{box-shadow:0 0 30px #d4af3799,0 0 80px #d4af374d}}@keyframes notification-pulse-green{0%,to{box-shadow:0 0 25px #10b98180,0 0 70px #10b98140}50%{box-shadow:0 0 40px #10b981b3,0 0 100px #10b98159}}@keyframes avatar-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.game-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.3);z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:280px;height:200px;padding:1.5rem;background:linear-gradient(145deg,#14120cfa,#0a0a0afa);border:2px solid rgba(212,175,55,.5);border-radius:16px;box-shadow:0 0 20px #d4af3766,0 0 60px #d4af3733,0 25px 50px #00000080;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;pointer-events:none;opacity:0}.game-notification.visible{opacity:1;animation:notification-explode .4s cubic-bezier(.34,1.56,.64,1) forwards,notification-pulse 2s ease-in-out .4s infinite}.game-notification-avatar{width:72px;height:72px;border-radius:50%;border:3px solid rgba(212,175,55,.6);box-shadow:0 0 20px #d4af3766;-o-object-fit:cover;object-fit:cover;flex-shrink:0;animation:avatar-bounce .6s ease-out;background:#1a1814}.game-notification-content{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center}.game-notification-player{font-family:Playfair Display,serif;font-weight:700;font-size:1.2rem;color:#f4e4a6;text-shadow:0 0 10px rgba(212,175,55,.3);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-notification-action{font-family:DM Sans,system-ui,sans-serif;color:#f4e4a6cc;font-size:1rem;font-weight:500}.game-notification.type-turn{top:1rem;left:50%;transform:translate(-50%) translateY(-100px);width:auto;min-width:200px;max-width:320px;height:auto;padding:.6rem 1.2rem;flex-direction:row;gap:.75rem;border-radius:50px;border-color:#d4af3766;background:linear-gradient(135deg,#14120cf2,#0a0a0af2);box-shadow:0 4px 20px #0006,0 0 15px #d4af371a}.game-notification.type-turn.visible{transform:translate(-50%) translateY(0);animation:turn-slide-in .3s ease-out forwards}.game-notification.type-turn .game-notification-avatar{width:36px;height:36px;border-width:2px;border-color:#d4af3780;animation:none}.game-notification.type-turn .game-notification-content{flex-direction:row;gap:.4rem}.game-notification.type-turn .game-notification-player{font-size:.95rem}.game-notification.type-turn .game-notification-action{font-size:.9rem}.game-notification.type-turn.my-turn{border-color:#10b98180;background:linear-gradient(90deg,#10b98133,#0a140ff2)}.game-notification.type-turn.my-turn.visible{animation:turn-slide-in .3s ease-out forwards}.game-notification.type-turn.my-turn .game-notification-avatar{border-color:#10b98199;box-shadow:0 0 12px #10b98166}.game-notification.type-turn.my-turn .game-notification-player{color:#34d399}.game-notification.type-turn.my-turn .game-notification-action{color:#6ee7b7}@keyframes turn-slide-in{0%{transform:translate(-50%) translateY(-100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.game-notification.type-column_removed{border-color:#d4af3799;background:linear-gradient(145deg,#d4af3726,#14120afa)}.game-notification.type-round_finish{top:1rem;left:50%;transform:translate(-50%) translateY(-100px);width:auto;min-width:220px;max-width:360px;height:auto;padding:.8rem 1.5rem;flex-direction:row;gap:.75rem;border-radius:50px;border-color:#fbbf24b3;background:linear-gradient(90deg,#fbbf244d,#281e0af2);box-shadow:0 4px 30px #fbbf244d}.game-notification.type-round_finish.visible{transform:translate(-50%) translateY(0);animation:turn-slide-in .3s ease-out forwards}.game-notification.type-round_finish .game-notification-avatar{width:40px;height:40px;border-width:2px;border-color:#d4af37cc;box-shadow:0 0 15px #d4af3780}.game-notification.type-round_finish .game-notification-content{flex-direction:row;gap:.4rem}.game-notification.type-round_finish .game-notification-player{font-size:1rem;color:#d4af37;font-weight:700}.game-notification.type-round_finish .game-notification-action{font-size:.95rem;color:#f4e4a6}.game-notification.type-column_removed .game-notification-avatar{border-color:#d4af37b3;box-shadow:0 0 20px #d4af3766}.game-notification.type-column_removed .game-notification-action{color:#d4af37}.game-notification.type-game_over{border-color:#d4af37b3;background:linear-gradient(145deg,#d4af3733,#19160cfa)}.game-notification.type-game_over .game-notification-avatar{border-color:#d4af37cc;box-shadow:0 0 25px #d4af3780}.game-notification.type-game_over .game-notification-player{color:#d4af37;text-shadow:0 0 15px rgba(212,175,55,.5)}.header-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .85rem;background:#d4af370f;border:1px solid rgba(212,175,55,.2);border-radius:8px;color:#f4e4a6d9;font-family:DM Sans,system-ui,sans-serif;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.header-btn:hover{background:#d4af371f;border-color:#d4af3759;color:#f4e4a6;box-shadow:0 0 15px #d4af3726}.header-btn svg{width:16px;height:16px}.header-btn.sound-off{color:#d4af3759}.header-btn-primary{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b9814d;color:#fff}.header-btn-primary:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 20px #10b9814d}.header-btn-accent{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;color:#fff}.header-btn-shop{border-color:#fbbf244d}.header-btn-shop:hover{background:#fbbf2426;border-color:#fbbf2480;color:#fbbf24}.status-badge{padding:.25rem .6rem;background:#ffffff14;border-radius:6px;font-size:.75rem;color:#ffffffb3}.game-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.game-layout-no-header .game-canvas-container{max-height:100vh}.game-canvas-container{flex:1;position:relative;overflow:hidden}.game-canvas-container canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.game-board{display:grid;grid-template-columns:minmax(380px,500px) 1fr minmax(380px,500px);grid-template-rows:auto 1fr;flex:1;padding:.75rem;gap:1rem;overflow:hidden;max-height:calc(100vh - 56px)}.top-bar{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem 1rem;background:#d4af3708;border:1px solid rgba(212,175,55,.12);border-radius:10px}.top-bar-label{font-family:DM Sans,system-ui,sans-serif;font-size:.7rem;color:#d4af3799;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.top-bar-avatar{position:relative;width:42px;height:42px;border-radius:50%;overflow:hidden;border:2px solid rgba(212,175,55,.25);cursor:pointer;transition:all .2s ease;background:#141210}.top-bar-avatar:hover{border-color:#d4af3780;transform:scale(1.1);box-shadow:0 0 15px #d4af3733}.top-bar-avatar.is-playing{border-color:#10b98199;box-shadow:0 0 12px #10b98166}.top-bar-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.top-bar-avatar .playing-dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#10b981;border:2px solid #0a0a0a;box-shadow:0 0 8px #10b98180}.top-bar-avatar .bot-dot{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:4px;background:#a855f7;border:2px solid #0a0a14}.avatar-placeholder{width:100%;height:100%;background:#2a2a3e;border-radius:inherit}.side-left,.side-right{display:flex;flex-direction:column;justify-content:center;gap:.75rem;padding:.25rem}.center-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:0}.player-board-container{display:flex;flex-direction:column;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1rem 1.25rem;max-width:450px}.player-board-container.my-turn{border-color:#22c55e80;background:#22c55e0f;box-shadow:0 0 30px #22c55e33;animation:my-turn-glow 2s ease-in-out infinite}@keyframes my-turn-glow{0%,to{box-shadow:0 0 25px #22c55e26;border-color:#22c55e66}50%{box-shadow:0 0 40px #22c55e4d,0 0 15px #22c55e33;border-color:#22c55e99}}.opponent-card{flex-shrink:0;width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.25rem;transition:all .2s ease}.opponent-card.is-playing{border-color:#22c55e80;background:#22c55e14;box-shadow:0 0 12px #22c55e40;animation:opponent-playing 2s ease-in-out infinite}@keyframes opponent-playing{0%,to{box-shadow:0 0 12px #22c55e40}50%{box-shadow:0 0 20px #22c55e66}}.opponent-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.opponent-avatar{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.15);-o-object-fit:cover;object-fit:cover;background:#1a1a2e;flex-shrink:0}.opponent-card.is-playing .opponent-avatar{border-color:#22c55e99}.opponent-info{flex:1;min-width:0}.opponent-name{font-size:1.1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.5rem}.opponent-status{font-size:.85rem;color:#ffffff80}.opponent-card.is-playing .opponent-status{color:#4ade80}.opponent-score{font-size:.85rem;font-weight:600;color:#fff9;padding:.2rem .5rem;background:#ffffff0d;border-radius:6px;flex-shrink:0}.bot-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;background:#a855f733;border:1px solid rgba(168,85,247,.4);border-radius:5px;font-size:.7rem;font-weight:700;color:#c084fc;text-transform:uppercase;letter-spacing:.5px}.bot-badge svg{width:12px;height:12px}.mini-board{display:grid;grid-template-columns:repeat(4,auto);grid-auto-rows:min-content;gap:4px;width:-moz-fit-content;width:fit-content;margin:0 auto}.mini-cell{cursor:default;line-height:0;font-size:0;margin:0;padding:0;background:transparent}.mini-cell img{display:block;width:var(--card-w);height:var(--card-h);-o-object-fit:cover;object-fit:cover;border-radius:6px;box-shadow:0 2px 10px #0000004d;margin:0;padding:0;background:transparent}.mini-cell.removed{opacity:.15}.mini-cell .removed-placeholder{display:block;width:var(--card-w);height:var(--card-h);border-radius:6px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1)}.center-section{display:flex;flex-direction:column;gap:1rem;min-width:0}.piles-section{display:flex;justify-content:center;align-items:flex-start;gap:2rem;padding:1.25rem;background:#00000040;border-radius:20px;border:1px solid rgba(255,255,255,.06);min-height:200px}.pile-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:90px}.pile-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80}.pile-count{font-size:.65rem;color:#ffffff59}.pile-card{position:relative;width:var(--card-w);height:var(--card-h);cursor:pointer;transition:transform .1s ease;background:transparent}.pile-card:hover:not(.disabled){transform:translateY(-8px)}.pile-card:hover:not(.disabled) img{box-shadow:0 12px 35px #6366f180,0 0 15px #6366f14d}.pile-card:active:not(.disabled){transform:translateY(-2px);transition:transform .1s ease}.pile-card.disabled{opacity:.4;cursor:not-allowed}@keyframes pile-pulse{0%,to{box-shadow:0 4px 20px #0006}50%{box-shadow:0 4px 25px #6366f14d,0 0 10px #6366f126}}.pile-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 4px 20px #0006;transition:box-shadow .1s ease;background:transparent}.pile-card:not(.disabled) img{animation:pile-pulse 2.5s ease-in-out infinite}.pile-card.selected{transform:translateY(-8px)}.pile-card.selected img{box-shadow:0 8px 30px #22c55e99,0 0 0 3px #22c55e66}.pile-empty{width:70px;height:100px;border-radius:10px;background:#ffffff0d;border:2px dashed rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#ffffff4d}.card-in-hand{position:absolute;top:-35px;left:50%;transform:translate(-50%);width:var(--card-w);height:var(--card-h);z-index:10;animation:card-drawn .5s cubic-bezier(.34,1.56,.64,1) forwards,card-float 2s ease-in-out .5s infinite}.card-in-hand img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 8px 30px #6366f180,0 0 20px #6366f14d;border:2px solid rgba(99,102,241,.7);animation:card-glow 2s ease-in-out infinite;cursor:grab;transition:transform .2s ease}.card-in-hand img:hover{transform:translateY(-3px) rotate(2deg)}@keyframes card-drawn{0%{opacity:0;transform:translate(-50%) translateY(60px) scale(.3) rotate(-10deg)}60%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1.1) rotate(3deg)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1) rotate(0)}}@keyframes card-float{0%,to{transform:translate(-50%) translateY(0) rotate(0)}25%{transform:translate(-50%) translateY(-5px) rotate(1deg)}75%{transform:translate(-50%) translateY(-3px) rotate(-1deg)}}@keyframes card-glow{0%,to{box-shadow:0 8px 30px #6366f180,0 0 20px #6366f14d;border-color:#6366f1b3}50%{box-shadow:0 12px 45px #6366f1b3,0 0 35px #6366f180;border-color:#6366f1e6}}.discard-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#f87171;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);animation:discard-pulse 1.5s ease-in-out infinite,discard-bounce 2s ease-in-out infinite;position:relative;overflow:hidden}.discard-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:discard-shine 2s ease-in-out infinite}@keyframes discard-shine{0%,to{left:-100%}50%{left:100%}}@keyframes discard-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.discard-btn:hover{background:linear-gradient(135deg,#ef444459,#ef444433);border-color:#ef444499;animation:none;transform:scale(1.08) translateY(-2px);box-shadow:0 8px 20px #ef44444d}.discard-btn:active{transform:scale(.95);box-shadow:0 2px 10px #ef444433}@keyframes discard-pulse{0%,to{box-shadow:0 0 #ef444400,0 4px 15px #ef444426}50%{box-shadow:0 0 15px #ef444480,0 4px 20px #ef444440}}.my-board-section{flex:1;display:flex;flex-direction:column;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1rem;min-height:0}.my-board-section.my-turn{border-color:#22c55e4d;background:#22c55e08}.my-board-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.my-board-avatar{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.15);-o-object-fit:cover;object-fit:cover;background:#2a2a3e}.my-board-section.my-turn .my-board-avatar{border-color:#22c55e80}.my-board-name{font-size:.9rem;font-weight:600;color:#fff}.board-grid{display:grid;grid-template-columns:repeat(4,auto);grid-auto-rows:min-content;gap:6px;justify-content:center;align-content:center}.board-cell{cursor:pointer;transition:transform .1s ease;line-height:0;font-size:0;margin:0;padding:0;border-radius:10px;background:transparent}.board-cell:hover:not(.removed){transform:translateY(-5px)}.board-cell:hover:not(.removed) img{box-shadow:0 12px 30px #6366f166}.board-cell:active:not(.removed){transform:translateY(-1px)}.board-cell.removed{opacity:.1;cursor:default}.board-cell.clickable,.mini-cell.clickable{cursor:pointer}.board-cell.clickable img,.mini-cell.clickable img{animation:cell-ready 2s ease-in-out infinite}.board-cell.clickable:hover img,.mini-cell.clickable:hover img{animation:none;box-shadow:0 12px 35px #22c55e80,0 0 15px #22c55e4d}.board-cell img{display:block;width:var(--card-w);height:var(--card-h);-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 2px 10px #0000004d;margin:0;padding:0;transition:box-shadow .1s ease;background:transparent}.my-turn .board-cell:not(.removed){cursor:pointer}.my-turn .board-cell:not(.removed) img{cursor:pointer;animation:cell-ready 2s ease-in-out infinite}.my-turn .board-cell:not(.removed):hover img{animation:none;box-shadow:0 12px 35px #22c55e80,0 0 15px #22c55e4d}@keyframes cell-ready{0%,to{box-shadow:none}50%{box-shadow:0 4px 18px #22c55e59,0 0 8px #22c55e33}}.board-cell .removed-placeholder{width:var(--card-w);height:var(--card-h);border-radius:6px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1)}.flying-card{position:fixed;width:var(--card-w);height:var(--card-h);z-index:9999;pointer-events:none;border-radius:10px;box-shadow:0 15px 40px #00000080}.flying-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}@keyframes card-flip{0%{transform:scaleX(0) scaleY(1.1);opacity:.7}30%{transform:scaleX(1.05) scaleY(1.02);opacity:1}50%{transform:scaleX(.95) scaleY(1.01)}70%{transform:scaleX(1.02) scaleY(1)}to{transform:scaleX(1) scaleY(1);opacity:1}}@keyframes card-flip-glow{0%{box-shadow:0 4px 15px #0000004d;filter:brightness(1.3)}30%{box-shadow:0 10px 35px #6366f1b3,0 0 25px #6366f180;filter:brightness(1.2)}to{box-shadow:0 4px 15px #0000004d;filter:brightness(1)}}@keyframes card-place{0%{transform:scale(.3) translateY(-50px);opacity:0}60%{transform:scale(1.15) translateY(5px);opacity:1}80%{transform:scale(.95) translateY(-2px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes card-place-glow{0%{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 25px #22c55eb3,0 0 10px #22c55e80}to{box-shadow:0 0 #22c55e00}}@keyframes card-remove{0%{transform:scale(1) rotate(0);opacity:1;filter:brightness(1)}30%{transform:scale(1.2) rotate(5deg);opacity:1;filter:brightness(1.3)}to{transform:scale(0) rotate(-10deg);opacity:0;filter:brightness(2)}}@keyframes column-sparkle{0%{box-shadow:0 0 #fbbf2400}20%{box-shadow:0 0 25px #fbbf24e6,0 0 50px #fbbf2480}50%{box-shadow:0 0 40px #fbbf24,0 0 60px #fbbf24b3}80%{box-shadow:0 0 25px #fbbf24e6,0 0 50px #fbbf2480}to{box-shadow:0 0 #fbbf2400}}@keyframes card-take-discard{0%{transform:scale(.8) translateY(30px);opacity:.5}50%{transform:scale(1.1) translateY(-10px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes card-discard{0%{transform:scale(1) translate(0) rotate(0);opacity:1}to{transform:scale(.7) translate(50px) rotate(15deg);opacity:0}}@keyframes card-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes card-hover-lift{0%{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.03)}}.board-cell.animate-flip,.mini-cell.animate-flip{animation:card-flip-glow .5s ease-in-out}.board-cell.animate-flip img,.mini-cell.animate-flip img{animation:card-flip .5s cubic-bezier(.34,1.56,.64,1)}.board-cell.animate-place,.mini-cell.animate-place{animation:card-place .4s cubic-bezier(.34,1.56,.64,1),card-place-glow .5s ease-out}.board-cell.animate-remove,.mini-cell.animate-remove{animation:card-remove .5s ease-in forwards}.board-cell.animate-sparkle,.mini-cell.animate-sparkle{animation:column-sparkle .6s ease-in-out}.board-cell.animate-take-discard,.mini-cell.animate-take-discard{animation:card-take-discard .4s cubic-bezier(.34,1.56,.64,1)}.board-cell.animate-discard,.mini-cell.animate-discard{animation:card-discard .3s ease-in forwards}.board-cell.animate-shake,.mini-cell.animate-shake{animation:card-shake .4s ease-in-out}.board-cell img,.mini-cell img{transition:box-shadow .1s ease}.board-cell:not(.removed):hover img,.mini-cell:not(.removed):hover img{box-shadow:0 12px 30px #00000080}@media(prefers-reduced-motion:reduce){.board-cell.animate-flip,.mini-cell.animate-flip,.board-cell.animate-flip img,.mini-cell.animate-flip img,.board-cell.animate-place,.mini-cell.animate-place,.board-cell.animate-remove,.mini-cell.animate-remove,.board-cell.animate-sparkle,.mini-cell.animate-sparkle,.board-cell.animate-take-discard,.mini-cell.animate-take-discard,.board-cell.animate-discard,.mini-cell.animate-discard,.board-cell.animate-shake,.mini-cell.animate-shake,.card-in-hand,.card-in-hand img,.discard-btn,.discard-btn:before,.opponent-card.is-playing,.my-turn .board-cell:not(.removed) img,.player-board-container.my-turn,.pile-card,.pile-card img,.pile-card:not(.disabled) img{animation:none!important;transition:none!important}}.others-bar{display:flex;gap:.5rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.others-bar-label{font-size:.7rem;color:#ffffff80;margin-right:.5rem;display:flex;align-items:center}.others-avatar-btn{position:relative;width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.15);cursor:pointer;transition:all .15s ease;background:#1a1a2e}.others-avatar-btn:hover{border-color:#ffffff4d;transform:scale(1.08)}.others-avatar-btn.is-playing{border-color:#6366f180}.others-avatar-btn img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.playing-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #0a0a14}.avatar-bot-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:3px;background:#a855f7;border:2px solid #0a0a14}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:overlay-fade-in .3s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.game-over-container{display:flex;gap:1.5rem;align-items:flex-start;max-width:95vw;max-height:90vh}.game-over-scores-panel{background:linear-gradient(180deg,#1e1e32fa,#0f0f19fa);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:1.5rem 2rem;max-height:80vh;min-width:350px;overflow-x:hidden;overflow-y:auto;animation:modal-pop-in .4s cubic-bezier(.34,1.56,.64,1) .1s both;box-shadow:0 20px 60px #00000080}.game-over-scores-panel .ranking-title{margin-bottom:1rem;font-family:Playfair Display,serif;font-size:1.2rem;text-align:center;color:#f4e4a6}.game-over-scores-panel .score-sheet{background:#d4af3708;border:1px solid rgba(212,175,55,.1);border-radius:10px;padding:.5rem;overflow:visible}.game-over-scores-panel .score-table{font-size:1.1rem;width:100%;table-layout:auto}.game-over-scores-panel .score-player-name{font-size:1.05rem;padding:.6rem 1.2rem;white-space:nowrap}.game-over-scores-panel .score-cell{padding:.5rem 1.2rem;font-size:1.05rem;white-space:nowrap}.game-over-scores-panel .score-round-num{padding:.5rem .8rem;font-size:.9rem}.game-over-boards-panel{background:linear-gradient(180deg,#14120cfa,#0a0a0afa);border:1px solid rgba(212,175,55,.15);border-radius:14px;padding:1rem 1.25rem;max-height:80vh;overflow:auto;animation:modal-pop-in .4s cubic-bezier(.34,1.56,.64,1) .1s both}.game-over-boards-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.game-over-board-item{background:#d4af3708;border:1px solid rgba(212,175,55,.12);border-radius:10px;padding:.75rem}.game-over-board-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(212,175,55,.12)}.game-over-board-avatar{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(212,175,55,.3)}.game-over-board-name{font-family:DM Sans,system-ui,sans-serif;font-weight:600;font-size:.85rem;color:#f4e4a6;flex:1}.game-over-board-score{font-family:Playfair Display,serif;font-size:.75rem;color:#d4af37b3;font-weight:500}.game-over-board-cards{--card-w: 36px;--card-h: 50px;--card-gap: 3px}@media(max-width:900px){.game-over-container{flex-direction:column;align-items:center}.game-over-scores-panel,.game-over-boards-panel{max-height:40vh;width:auto;min-width:300px;max-width:95vw}.game-over-scores-panel .score-table{font-size:1rem}.game-over-scores-panel .score-player-name,.game-over-scores-panel .score-cell{padding:.4rem .8rem;font-size:.95rem}}@media(max-width:500px){.game-over-scores-panel,.game-over-boards-panel{max-height:45vh;min-width:unset;padding:1rem 1.25rem}.game-over-board-cards{--card-w: 30px;--card-h: 42px}}.game-over-modal{width:100%;max-width:420px;background:linear-gradient(180deg,#14120cfa,#0a0a0afa);border:1px solid rgba(212,175,55,.25);border-radius:16px;overflow:hidden;box-shadow:0 25px 80px #0009,0 0 60px #d4af371a;position:relative;animation:modal-pop-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.game-over-confetti{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,rgba(212,175,55,.12) 0%,transparent 100%);pointer-events:none}.game-over-header{text-align:center;padding:1.5rem 1.5rem 1rem;position:relative}.game-over-trophy{font-size:3rem;margin-bottom:.5rem;animation:trophy-bounce 1s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(212,175,55,.5))}@keyframes trophy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.game-over-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#f4e4a6;margin:0;text-shadow:0 0 20px rgba(212,175,55,.3)}.game-over-winner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin:0 1rem;background:linear-gradient(135deg,#ffd70026,#ffd7000d);border:1px solid rgba(255,215,0,.3);border-radius:16px}.winner-avatar{width:56px;height:56px;border-radius:50%;border:3px solid #ffd700;box-shadow:0 0 20px #ffd70066;-o-object-fit:cover;object-fit:cover}.winner-info{flex:1}.winner-label{font-family:DM Sans,system-ui,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#d4af37cc;margin-bottom:.2rem}.winner-name{font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700;color:#f4e4a6}.winner-score{font-family:Playfair Display,serif;font-size:.9rem;color:#d4af37;font-weight:600}.game-over-podium{display:none}.game-over-ranking{padding:1rem 1.5rem}.ranking-title{font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#d4af3799;margin-bottom:.75rem}.ranking-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:8px;margin-bottom:.4rem;transition:background .2s ease}.ranking-row:hover{background:#d4af370f}.ranking-row.top-three{background:#d4af370a}.ranking-position{width:28px;text-align:center;font-family:Playfair Display,serif;font-weight:600;color:#d4af37b3}.ranking-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(212,175,55,.2)}.ranking-name{flex:1;font-family:DM Sans,system-ui,sans-serif;font-weight:500;color:#f4e4a6;font-size:.9rem}.ranking-score{font-family:Playfair Display,serif;font-weight:600;color:#d4af37cc;font-size:.85rem;font-variant-numeric:tabular-nums}.game-over-actions{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;justify-content:center}.game-over-btn{padding:.75rem 1.5rem;border-radius:10px;font-family:DM Sans,system-ui,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none}.game-over-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.game-over-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.game-over-btn.secondary{background:#d4af3714;color:#f4e4a6e6;border:1px solid rgba(212,175,55,.25)}.game-over-btn.secondary:hover{background:#d4af3726;border-color:#d4af3766}.game-over-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.game-over-close:hover{background:#fff3;color:#fff;transform:scale(1.1)}.game-over-show-btn{position:fixed;bottom:20px;right:20px;padding:12px 20px;background:linear-gradient(135deg,#ffd700e6,#ffb400e6);color:#1a1a2e;border:none;border-radius:50px;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 4px 20px #ffd70066,0 0 30px #ffd70033;display:flex;align-items:center;gap:8px;z-index:1000;transition:all .3s ease;animation:show-btn-pulse 2s ease-in-out infinite}.game-over-show-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 25px #ffd70080,0 0 40px #ffd7004d}@keyframes show-btn-pulse{0%,to{box-shadow:0 4px 20px #ffd70066,0 0 30px #ffd70033}50%{box-shadow:0 4px 25px #ffd70099,0 0 40px #ffd7004d}}.score-sheet{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow-x:auto;overflow-y:hidden}.score-table{width:100%;min-width:-moz-max-content;min-width:max-content;border-collapse:collapse;font-size:.85rem}.score-table thead tr{background:#ffffff0d;border-bottom:2px solid rgba(255,255,255,.1)}.score-round-header{width:35px;padding:.6rem .5rem;text-align:center;font-size:.7rem;font-weight:600;color:#fff6;text-transform:uppercase}.score-player-name{padding:.5rem .6rem;text-align:center;font-weight:600;color:#fff;font-size:.85rem;min-width:70px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.score-player-name.is-playing{color:#4ade80}.score-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:middle}.score-indicator.playing{background:#4ade80;box-shadow:0 0 6px #4ade80}.score-round-row{border-bottom:1px solid rgba(255,255,255,.04)}.score-round-row.played:hover{background:#ffffff05}.score-round-row.current-round{background:#6366f11a}.score-round-row.future{opacity:.35}.score-round-num{padding:.4rem;text-align:center;font-weight:500;color:#fff6;font-size:.75rem;border-right:1px solid rgba(255,255,255,.06)}.score-cell{padding:.4rem .6rem;text-align:center;font-variant-numeric:tabular-nums;color:#fffc;font-size:.9rem;min-width:50px}.score-cell.doubled{color:#f87171;font-weight:600}.doubled-icon{display:inline-block;font-size:.65rem;color:#ef4444;font-weight:700;vertical-align:super;margin-left:2px}.score-total-row{background:#ffffff0d;border-top:2px solid rgba(255,255,255,.1)}.score-total-label{padding:.6rem .5rem;text-align:center;font-weight:700;color:#ffffff80;font-size:.75rem;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.06)}.score-total-cell{padding:.6rem .5rem;text-align:center;font-weight:700;color:#fff;font-size:.95rem;font-variant-numeric:tabular-nums}.finisher-badge{color:#fbbf24;font-size:.7rem;margin-left:2px}.score-legend{display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem .75rem;font-size:.65rem;color:#fff6;border-top:1px solid rgba(255,255,255,.04)}.legend-item{display:flex;align-items:center;gap:.25rem}.current-dot{color:#6366f1cc;font-weight:700}.score-cell.empty{color:#ffffff1a}.score-cell.current{color:#6366f1b3;font-weight:700}.score-sheet-body{padding:.75rem;min-width:280px}.score-sheet{width:100%;table-layout:fixed}.score-sheet table{width:100%;border-collapse:collapse;font-size:.8rem}.score-sheet thead tr{background:#ffffff0d;border-bottom:2px solid rgba(255,255,255,.1)}.score-sheet th,.score-sheet td{padding:.5rem .75rem;text-align:center}.score-sheet .round-col{width:40px;min-width:40px;max-width:40px;color:#fff6;font-weight:500;font-size:.75rem;border-right:1px solid rgba(255,255,255,.06)}.score-sheet .player-col{width:auto;min-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.score-sheet .player-col.is-me{background:#6366f114;color:#a5b4fc}.score-sheet thead .player-col{font-weight:600;color:#fff;font-size:.75rem}.score-sheet tbody tr{border-bottom:1px solid rgba(255,255,255,.04)}.score-sheet tbody tr:hover{background:#ffffff05}.score-sheet tbody tr.current-round{background:#6366f11a}.score-sheet tbody tr.current-round .round-col{color:#6366f1e6;font-weight:700;font-size:.85rem}.score-sheet .round-score{display:inline-flex;align-items:center;gap:2px;color:#ffffffd9}.score-sheet .score-pending{color:#ffffff26}.score-sheet .badge-doubled{font-size:.55rem;font-weight:700;color:#ef4444;margin-left:1px}.score-sheet .badge-finisher{font-size:.6rem;color:#fbbf24;margin-left:1px}.score-sheet .was-doubled .round-score{color:#f87171}.score-sheet tfoot .total-row{background:#ffffff0d;border-top:2px solid rgba(255,255,255,.1)}.score-sheet tfoot .total-row td{font-weight:700;color:#fff;font-size:.85rem;padding:.5rem}.scores-table{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;margin-bottom:1.25rem}.scores-header{display:grid;grid-template-columns:1fr 80px 80px;gap:.5rem;padding:.6rem .85rem;border-bottom:1px solid rgba(255,255,255,.06);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#fff6}.scores-row{display:grid;grid-template-columns:1fr 80px 80px;gap:.5rem;padding:.6rem .85rem;font-size:.85rem}.scores-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.04)}.scores-name{font-weight:500;color:#fff}.scores-round,.scores-total{text-align:right;font-variant-numeric:tabular-nums}.scores-round{color:#fff9}.scores-total{font-weight:600;color:#fff}.game-over-actions{display:flex;gap:.75rem;justify-content:flex-end}.game-over-btn{padding:.6rem 1.25rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.game-over-btn-secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff}.game-over-btn-secondary:hover{background:#ffffff1f}.game-over-btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff}.game-over-btn-primary:hover{background:linear-gradient(135deg,#2dd66b,#1cb055)}.panel{background:#0f0f19f2;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 10px 40px #0006;color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.panel-header{padding:.875rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);font-weight:600;font-size:.95rem}.panel-body{padding:1rem}.glass-panel{background:#0f0f19e6;border:1px solid rgba(255,255,255,.1);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-active{border-color:#22c55e4d;background:#22c55e0d}.foe-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.foe-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.foe-modal-card{max-width:600px;width:100%;background:#0f0f19fa;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.25rem;box-shadow:0 20px 50px #00000080}.foe-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.foe-modal-title{display:flex;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:600;color:#fff}.foe-modal-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.15);-o-object-fit:cover;object-fit:cover;background:#2a2a3e}.foe-modal-avatar.is-playing{border-color:#22c55e80}.foe-modal-playing{color:#4ade80;font-size:.8rem;margin-left:.5rem}.text-right{text-align:right}.flex-1{flex:1}.score-panel-position{position:absolute;right:1rem;top:64px;z-index:30;min-width:320px;max-width:calc(100vw - 2rem);width:auto}.rules-panel-position{position:absolute;right:380px;top:64px;z-index:30;width:480px}.rules-panel-body{font-size:.85rem;line-height:1.6;color:#ffffffd9}.rules-list{list-style:disc;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem}.lobby-invite-wrapper{margin-top:8px}.lobby-invite-link{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:#ffffffb3;font-size:.75rem;cursor:pointer}.lobby-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#000000b3,#000000eb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;animation:lobbyOverlayIn .4s ease}@keyframes lobbyOverlayIn{0%{opacity:0}to{opacity:1}}.lobby-modal{position:relative;width:min(420px,95vw);max-height:90vh;background:linear-gradient(165deg,#191c28f7,#0f1119fc,#141620fa);border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 80px #0009,0 0 0 1px #ffffff08 inset,0 1px #ffffff0d inset;overflow:hidden;display:flex;flex-direction:column;animation:lobbyModalIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes lobbyModalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.lobby-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.lobby-particle{position:absolute;border-radius:50%;opacity:.35;filter:blur(40px)}.lobby-particle-1{width:120px;height:120px;background:#6366f1;top:-40px;right:-30px;animation:lobbyParticle1 8s ease-in-out infinite}.lobby-particle-2{width:80px;height:80px;background:#22c55e;bottom:40%;left:-30px;animation:lobbyParticle2 10s ease-in-out infinite}.lobby-particle-3{width:60px;height:60px;background:#fbbf24;bottom:-20px;right:30%;animation:lobbyParticle3 7s ease-in-out infinite}@keyframes lobbyParticle1{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(-20px,30px) scale(1.15);opacity:.45}}@keyframes lobbyParticle2{0%,to{transform:translate(0) scale(1);opacity:.25}50%{transform:translate(25px,-15px) scale(.85);opacity:.4}}@keyframes lobbyParticle3{0%,to{transform:translate(0);opacity:.2}50%{transform:translate(-20px,-20px);opacity:.35}}.lobby-header{padding:24px 20px 18px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:1}.lobby-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.lobby-title{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.lobby-badges{display:flex;gap:8px}.lobby-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.lobby-badge-public{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80}.lobby-badge-private{background:#fb923c26;border:1px solid rgba(251,146,60,.3);color:#fb923c}.lobby-invite{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px}.lobby-code-display{flex:1;display:flex;flex-direction:column;gap:2px}.lobby-code-label{font-size:10px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.lobby-code-value{font-family:Poppins,monospace;font-size:18px;font-weight:700;color:#fff;letter-spacing:.1em}.lobby-invite-actions{display:flex;gap:6px}.lobby-copy-btn{width:38px;height:38px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lobby-copy-btn svg{width:18px;height:18px}.lobby-copy-btn:hover{background:#ffffff1a;color:#fff;transform:scale(1.05)}.lobby-copy-success{background:#22c55e33!important;border-color:#22c55e66!important;color:#4ade80!important}.lobby-content{flex:1;padding:16px 20px;overflow-y:auto;position:relative;z-index:1}.lobby-players-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.lobby-players-title{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.lobby-players-count{display:flex;align-items:center;gap:4px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.lobby-count-current{color:#6366f1}.lobby-count-sep{color:#ffffff4d}.lobby-count-max{color:#ffffff80}.lobby-max-select{background:transparent;border:none;color:#fff9;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;padding:0 4px}.lobby-max-select:hover{color:#fff}.lobby-max-select option{background:#1a1a2e;color:#fff}.lobby-players-grid{display:flex;flex-direction:column;gap:8px}.lobby-player{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:14px;animation:lobbyPlayerIn .4s ease backwards;transition:all .2s ease}@keyframes lobbyPlayerIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lobby-player:hover{background:#ffffff0d}.lobby-player-host{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border-color:#fbbf2433}.lobby-player-me{background:linear-gradient(135deg,#6366f11f,#6366f10f);border-color:#6366f140}.lobby-player-bot{opacity:.75}.lobby-player-avatar-wrap{position:relative;flex-shrink:0}.lobby-player-avatar{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.15);-o-object-fit:cover;object-fit:cover}.lobby-player-avatar-empty{display:flex;align-items:center;justify-content:center;background:#ffffff1a;color:#fff6}.lobby-player-avatar-empty svg{width:24px;height:24px}.lobby-player-host .lobby-player-avatar{border-color:#fbbf2480}.lobby-player-me .lobby-player-avatar{border-color:#6366f180}.lobby-status-dot{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:2px solid rgba(20,22,32,1)}.lobby-status-ready{background:#22c55e;box-shadow:0 0 8px #22c55e80}.lobby-status-waiting{background:#ffffff4d;animation:lobbyStatusPulse 2s ease-in-out infinite}@keyframes lobbyStatusPulse{0%,to{opacity:1}50%{opacity:.4}}.lobby-role-badge{position:absolute;top:-4px;right:-4px;font-size:14px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.lobby-player-name{flex:1;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-me-tag{margin-left:6px;font-size:11px;color:#6366f1cc;font-weight:600}.lobby-kick-btn{width:32px;height:32px;border-radius:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef444499;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.lobby-kick-btn svg{width:16px;height:16px}.lobby-kick-btn:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.lobby-add-bot{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:transparent;border:2px dashed rgba(255,255,255,.12);border-radius:14px;color:#ffffff80;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.lobby-add-bot:hover{border-color:#6366f166;background:#6366f114;color:#a5b4fc}.lobby-add-icon{font-size:20px;font-weight:300}.lobby-add-text{font-size:13px;font-weight:500}.lobby-footer{padding:16px 20px 20px;border-top:1px solid rgba(255,255,255,.06);background:#00000026;position:relative;z-index:1}.lobby-status{margin-bottom:14px}.lobby-ready-bar{width:100%;height:5px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:8px}.lobby-ready-fill{height:100%;background:linear-gradient(90deg,#6366f1,#22c55e);border-radius:3px;transition:width .3s ease}.lobby-ready-text{font-size:12px;color:#ffffff80;text-align:center;display:block}.lobby-actions{display:flex;gap:10px}.lobby-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.lobby-btn svg{width:18px;height:18px}.lobby-btn-quit{flex:1;background:#ffffff0d;color:#fff9;border:1px solid rgba(255,255,255,.08)}.lobby-btn-quit:hover{background:#ffffff14;color:#fff}.lobby-btn-ready{flex:2;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px #6366f159}.lobby-btn-ready:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f173}.lobby-btn-ready-active{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e59}.lobby-btn-ready-active:hover{box-shadow:0 8px 25px #22c55e73}.lobby-btn-start{flex:2;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a1a;box-shadow:0 4px 15px #fbbf2459}.lobby-btn-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2473}.lobby-btn-start:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:480px){.lobby-modal{width:100%;max-width:none;border-radius:20px 20px 0 0;max-height:95vh}.lobby-header{padding:20px 16px 14px}.lobby-content{padding:14px 16px}.lobby-footer{padding:14px 16px 18px}.lobby-actions{flex-direction:column}.lobby-btn{flex:none;width:100%}}.lby-modal{display:none}.lby-card{width:min(800px,95vw);border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#1e1e28f2,#14141cfa);color:#fff;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff0d inset;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.lby-head{padding:28px 32px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.lby-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.lby-title{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lby-badges{display:flex;gap:10px;flex-wrap:wrap}.lby-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.lby-badge.public{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.lby-badge.private{background:#fb923c26;border:1px solid rgba(251,146,60,.3);color:#fdba74}.lby-badge.max-display{background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#a5b4fc}.lby-max-wrapper{background:#6366f126;border:1px solid rgba(99,102,241,.3);cursor:pointer;padding:6px 12px}.lby-max-label{color:#a5b4fc;font-weight:500;margin-right:6px}.lby-max-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 8px;cursor:pointer;outline:none;font-family:inherit;transition:all .2s}.lby-max-select:hover{background:#ffffff26}.lby-max-select:focus{border-color:#22c55e}.lby-max-select option{background:#1e293b;color:#fff;padding:8px}.lby-code-box{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;background:#fb923c1a;border:1px dashed rgba(251,146,60,.4)}.lby-code-info{flex:1}.lby-code-label{font-size:.8rem;color:#fff9}.lby-code-value{font-size:1.6rem;font-weight:800;letter-spacing:4px;color:#fbbf24;font-family:Courier New,monospace}.lby-code-btn{padding:10px;border-radius:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.lby-code-btn:hover{background:#ffffff40;border-color:#ffffff4d}.lby-code-btn svg{width:20px;height:20px}.lby-body{padding:24px 32px;flex:1;overflow-y:auto}.lby-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff6;margin-bottom:16px}.lby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:700px){.lby-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.lby-grid{grid-template-columns:1fr}.lby-body{max-height:50vh;overflow-y:auto}.lby-card{width:100%}}.lby-player{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff08;transition:all .15s}.lby-player:hover{background:#ffffff0f;border-color:#ffffff1f}.lby-player.is-host{border-color:#6366f166;background:#6366f114}.lby-player.is-bot{border-color:#fb923c4d;background:#fb923c0f}.lby-player.is-ready{border-color:#22c55e4d;background:#22c55e0d}.lby-player-avatar{width:48px;height:48px;border-radius:14px;border:2px solid rgba(255,255,255,.15);-o-object-fit:cover;object-fit:cover;background:#222;flex-shrink:0}.lby-player-info{flex:1;min-width:0}.lby-player-name{font-weight:700;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lby-player-role{font-size:.75rem;color:#ffffff80;display:flex;align-items:center;gap:4px}.lby-player-role svg{width:12px;height:12px}.lby-ready-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;flex-shrink:0}.lby-ready-badge svg{width:16px;height:16px}.lby-ready-badge.ready{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#22c55e}.lby-ready-badge.waiting{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.lby-kick-btn{padding:6px;border-radius:8px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lby-kick-btn:hover{background:#ef444440;border-color:#ef444480;color:#fca5a5}.lby-kick-btn svg{width:16px;height:16px}.lby-add-bot{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;background:transparent;transition:all .15s}.lby-add-bot:hover{border-color:#fff3}.lby-add-bot-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;border:1px solid rgba(139,92,246,.3);background:#8b5cf61a;color:#a78bfa;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;width:100%}.lby-add-bot-btn:hover{transform:translateY(-1px);background:#8b5cf633;border-color:#8b5cf680;color:#c4b5fd}.lby-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 32px;border-top:1px solid rgba(255,255,255,.08);background:#0003;flex-wrap:wrap}.lby-ready-count{font-size:.85rem;color:#fff9}.lby-ready-count b{color:#22c55e}.lby-actions{display:flex;gap:10px;flex-wrap:wrap}.lby-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .15s;border:none}.lby-btn-secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff}.lby-btn-secondary:hover{background:#ffffff1f}.lby-btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.lby-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.lby-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.lby-btn-ready{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f64d}.lby-btn-ready:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.lby-btn-ready.is-ready{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e4d}.lby-btn-ready.is-ready:hover{box-shadow:0 6px 20px #22c55e66}@media(max-width:600px){.lby-head{padding:20px}.lby-body{padding:16px 20px}.lby-foot{padding:16px 20px;flex-direction:column;gap:12px}.lby-actions{width:100%;justify-content:center}.lby-btn{flex:1;min-width:0}}.foe-modal-hover{background:#00000080;pointer-events:none;cursor:pointer}.foe-modal-hover .foe-modal-card{pointer-events:auto;cursor:default;animation:modal-pop .15s ease-out;box-shadow:0 25px 60px #0009,0 0 0 1px #ffffff1a}@media(max-width:768px){.foe-modal-hover{pointer-events:auto}}@keyframes modal-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:1200px){:root{--card-w: 68px;--card-h: 93px}.game-board{grid-template-columns:minmax(280px,360px) 1fr minmax(280px,360px);gap:.75rem}.player-board-container{max-width:380px;padding:.85rem 1rem}.opponent-card{padding:.85rem;border-radius:16px}.board-grid,.mini-board{gap:5px}.mini-card{font-size:1rem;border-radius:7px}.opponent-avatar{width:40px;height:40px}.opponent-name{font-size:.95rem}.opponent-status{font-size:.75rem}.top-bar-avatar{width:38px;height:38px}}@media(max-width:768px){:root{--card-w: 66px;--card-h: 92px;--mini-card-w: 32px;--mini-card-h: 46px}.game-board{display:flex;flex-direction:column;padding:.4rem;gap:.4rem;height:100%;max-height:calc(100vh - 50px);overflow-y:auto}.top-bar{order:1;padding:.35rem .6rem;gap:.4rem;flex-shrink:0}.top-bar-avatar{width:30px;height:30px}.side-left,.side-right{display:none!important}.center-area{order:2;display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0}.opponent-card{width:auto;min-width:auto;flex-shrink:0;padding:.4rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.opponent-header{gap:.35rem;margin-bottom:.35rem}.opponent-avatar{width:26px;height:26px}.opponent-name{font-size:.8rem}.opponent-status{font-size:.65rem}.mini-board{gap:2px}.mini-cell img{width:var(--mini-card-w);height:var(--mini-card-h);border-radius:4px;box-shadow:0 1px 4px #0000004d}.mini-cell .removed-placeholder{width:var(--mini-card-w);height:var(--mini-card-h);border-radius:4px}.mini-card{border-radius:4px;font-size:.75rem}.piles-section{padding:.5rem;gap:1rem;flex-shrink:0;position:relative;z-index:5;background:#080a18f2;border-radius:12px;margin:.25rem 0}.pile-container{width:56px}.player-board-container{max-width:100%;width:100%;padding:.6rem}.board-grid{gap:4px}.my-board-header{margin-bottom:.35rem}.my-board-avatar{width:24px;height:24px}.my-board-name{font-size:.8rem}.game-header{padding:.35rem .5rem;flex-wrap:wrap;gap:.35rem}.game-header-right{gap:.25rem}.header-btn{padding:.25rem .45rem;font-size:.6rem}.game-notification.type-turn{max-width:calc(100vw - 2rem);padding:.6rem 1rem}.game-notification.type-turn .game-notification-content{flex-direction:column;align-items:flex-start;gap:.15rem}.game-notification.type-turn .game-notification-player{font-size:.9rem;white-space:normal}.game-notification.type-turn .game-notification-action{font-size:.8rem}.rules-panel-position,.score-panel-position{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:calc(100vw - 2rem);max-width:90vw;max-height:70vh;overflow:auto;border-radius:16px;z-index:100}.emote-picker{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;margin:0!important;transform:translate(-50%,-50%) scale(.95)!important;opacity:0;visibility:hidden;z-index:1000!important}.emote-picker.visible{transform:translate(-50%,-50%) scale(1)!important;opacity:1;visibility:visible}}@media(max-width:480px){:root{--card-w: 58px;--card-h: 80px;--mini-card-w: 28px;--mini-card-h: 40px}.game-board{padding:.25rem;gap:.35rem}.top-bar{padding:.3rem .5rem;gap:.4rem}.top-bar-avatar{width:28px;height:28px}.top-bar-name{font-size:.8rem}.top-bar-points{font-size:.7rem;padding:.15rem .4rem}.side-left,.side-right{gap:.35rem;padding:.25rem}.opponent-card{width:150px;padding:.4rem;border-radius:10px}.opponent-header{gap:.3rem;margin-bottom:.3rem}.opponent-avatar{width:24px;height:24px}.opponent-name{font-size:.75rem}.opponent-status{font-size:.6rem;padding:.1rem .25rem}.mini-board{gap:3px}.mini-card{border-radius:4px;font-size:.7rem}.piles-section{padding:.5rem;gap:.75rem}.pile-container{width:52px}.pile-label{font-size:.6rem;margin-top:.2rem}.my-board-section{padding:.4rem}.player-board-container{padding:.5rem .6rem;border-radius:12px}.board-grid{gap:3px}.my-board-header{margin-bottom:.3rem}.my-board-avatar{width:22px;height:22px}.my-board-name{font-size:.75rem}.game-header{padding:.3rem .5rem;gap:.3rem}.header-btn{padding:.25rem .4rem;font-size:.6rem;border-radius:6px}.header-btn svg{width:12px;height:12px}.sky-card{border-radius:6px;font-size:1rem}.sky-card-value{font-size:inherit}}@media(max-width:375px){:root{--card-w: 50px;--card-h: 70px;--mini-card-w: 24px;--mini-card-h: 34px}.game-board{padding:.15rem;gap:.25rem}.top-bar{padding:.25rem .4rem}.top-bar-avatar{width:24px;height:24px}.opponent-card{width:130px;padding:.35rem}.opponent-avatar{width:20px;height:20px}.opponent-name{font-size:.7rem}.mini-card{font-size:.6rem;border-radius:3px}.pile-container{width:46px}.player-board-container{padding:.4rem .5rem}.board-grid{gap:2px}.sky-card{border-radius:5px;font-size:.9rem}.header-btn{padding:.2rem .35rem;font-size:.55rem}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10000;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-10px;animation:confetti-fall linear forwards;transform-origin:center}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0) rotateX(0);opacity:1}25%{transform:translateY(25vh) rotate(180deg) rotateX(180deg) translate(20px)}50%{transform:translateY(50vh) rotate(360deg) rotateX(360deg) translate(-20px)}75%{transform:translateY(75vh) rotate(540deg) rotateX(540deg) translate(10px);opacity:.8}to{transform:translateY(110vh) rotate(720deg) rotateX(720deg) translate(-10px);opacity:0}}.floating-emote{position:fixed;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:.25rem;pointer-events:none;animation:emote-float 2.5s ease-out forwards;transform:translate(-50%)}.floating-emote-icon{font-size:2.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));animation:emote-bounce .4s ease-out}.floating-emote-name{font-size:.7rem;font-weight:600;color:#fff;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.15rem .5rem;border-radius:10px;white-space:nowrap}@keyframes emote-float{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}70%{opacity:1;transform:translate(-50%) translateY(-60px) scale(1.1)}to{opacity:0;transform:translate(-50%) translateY(-100px) scale(.8)}}@keyframes emote-bounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.emote-picker-wrapper{position:relative}.emote-picker{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-10px) scale(.95);margin-top:8px;display:flex;gap:4px;padding:8px;background:#0f0f19f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 10px 30px #0006;opacity:0;visibility:hidden;transition:all .15s ease;z-index:100}.emote-picker.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}.emote-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .1s ease}.emote-btn:hover{background:#ffffff1a;transform:scale(1.15)}.emote-btn:active{transform:scale(.95)}.emote-trigger-btn{padding:.4rem .6rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.emote-trigger-btn:hover{background:#ffffff1f;transform:scale(1.05)}.emote-trigger-btn.active{background:#6366f133;border-color:#6366f166}@media(max-width:768px){.emote-btn{width:36px;height:36px;font-size:1.3rem}.floating-emote-icon{font-size:2rem}}@media(max-width:480px){.emote-picker{padding:.4rem;gap:.3rem;border-radius:10px}.emote-btn{width:32px;height:32px;font-size:1.1rem;border-radius:6px}.emote-trigger-btn{width:32px;height:32px;font-size:1rem}.floating-emote-icon{font-size:1.6rem}.floating-emote-name{font-size:.65rem}.spectator-badge{padding:.3rem .5rem;font-size:.7rem;gap:.3rem}}@media(max-width:375px){.emote-btn{width:28px;height:28px;font-size:1rem}.emote-trigger-btn{width:28px;height:28px;font-size:.9rem}.floating-emote-icon{font-size:1.4rem}}.spectator-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:10px;color:#c084fc;font-size:.85rem;font-weight:600}.spectator-icon{font-size:1rem}.spectator-count{display:flex;align-items:center;gap:.35rem;padding:.3rem .6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.75rem;color:#fff9;cursor:help}.spectator-notice{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#a855f714;border:1px solid rgba(168,85,247,.2);border-radius:16px}.spectator-notice-icon{font-size:2rem;opacity:.8}.spectator-notice-text{display:flex;flex-direction:column;gap:.25rem}.spectator-notice-text strong{color:#c084fc;font-size:1rem}.spectator-notice-text span{color:#ffffff80;font-size:.85rem}.spectator-view{min-height:150px;display:flex;align-items:center;justify-content:center}*{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}.pile-card img,.board-cell img,.mini-cell img,button img{pointer-events:auto}@media(min-width:1200px){:root{--card-w: 80px;--card-h: 110px}.game-board{grid-template-columns:minmax(380px,480px) 1fr minmax(380px,480px);gap:1.1rem;padding:.9rem}.player-board-container{max-width:450px;padding:1.1rem 1.3rem}.opponent-card{padding:1.1rem;border-radius:20px}.opponent-avatar{width:48px;height:48px}.opponent-name{font-size:1.05rem}.opponent-status{font-size:.85rem}.board-grid{gap:6px}.mini-board{gap:4px}.piles-section{padding:1.3rem 1.7rem;gap:2rem;min-height:210px}.header-btn{padding:.5rem .85rem;font-size:.85rem}.top-bar-avatar{width:44px;height:44px}.my-board-avatar{width:34px;height:34px}.my-board-name{font-size:.95rem}.game-notification{width:290px;height:210px}.game-notification-avatar{width:72px;height:72px}}@media(min-width:1440px){:root{--card-w: 90px;--card-h: 123px}.game-board{grid-template-columns:minmax(456px,590px) 1fr minmax(456px,590px);gap:1.4rem;padding:1.15rem}.player-board-container{max-width:532px;padding:1.4rem 1.65rem}.opponent-card{padding:1.4rem;border-radius:22px}.opponent-avatar{width:57px;height:57px}.opponent-name{font-size:1.18rem}.opponent-status{font-size:.9rem}.board-grid{gap:7px}.mini-board{gap:5px}.piles-section{padding:1.65rem 2.1rem;gap:2.35rem;min-height:245px}.pile-card img,.board-cell img{border-radius:12px}.mini-cell img{border-radius:8px}.game-header{padding:1rem 1.75rem}.header-btn{padding:.6rem 1.1rem;font-size:.95rem}.turn-badge{padding:.55rem 1.1rem;font-size:1rem}.top-bar-avatar{width:52px;height:52px}.my-board-avatar{width:40px;height:40px}.my-board-name{font-size:1.1rem}.game-over-modal{max-width:520px}.winner-avatar{width:76px;height:76px}.ranking-avatar{width:42px;height:42px}.game-notification{width:340px;height:250px}.game-notification-avatar{width:90px;height:90px}.game-notification-player{font-size:1.4rem}}@media(min-width:1920px){:root{--card-w: 100px;--card-h: 137px}.game-board{grid-template-columns:minmax(510px,633px) 1fr minmax(510px,633px);gap:1.62rem;padding:1.18rem}.player-board-container{max-width:596px;padding:1.37rem 1.62rem}.opponent-card{padding:1.62rem;border-radius:22px}.opponent-avatar{width:63px;height:63px}.opponent-name{font-size:1.2rem}.opponent-status{font-size:.93rem}.board-grid{gap:8px}.mini-board{gap:6px}.piles-section{padding:1.86rem 2.55rem;gap:2.79rem;min-height:279px}.pile-card img,.board-cell img{border-radius:13px}.mini-cell img{border-radius:9px}.game-header{padding:1.18rem 2.1rem}.header-btn{padding:.65rem 1.3rem;font-size:.98rem}.turn-badge{padding:.61rem 1.25rem;font-size:1.03rem}.top-bar-avatar{width:60px;height:60px}.my-board-avatar{width:45px;height:45px}.my-board-name{font-size:1.18rem}.game-over-modal{max-width:559px}.winner-avatar{width:82px;height:82px}.ranking-avatar{width:47px;height:47px}.game-notification{width:372px;height:279px}.game-notification-avatar{width:101px;height:101px}.game-notification-player{font-size:1.49rem}.score-table{font-size:1.13rem}.score-player-name{font-size:1.03rem;min-width:69px;max-width:98px}.emote-btn{width:45px;height:45px;font-size:1.63rem}.floating-emote-icon{font-size:2.79rem}}@media(min-width:2560px){:root{--card-w: 123px;--card-h: 170px}.game-board{grid-template-columns:minmax(637px,796px) 1fr minmax(637px,796px);gap:2.23rem;padding:1.76rem}.player-board-container{max-width:753px;padding:2rem 2.23rem}.opponent-card{padding:2.23rem;border-radius:25px}.opponent-avatar{width:78px;height:78px}.opponent-name{font-size:1.41rem}.opponent-status{font-size:1.06rem}.board-grid{gap:12px}.mini-board{gap:8px}.piles-section{padding:2.65rem 3.53rem;gap:4.02rem;min-height:354px}.pile-card img,.board-cell img{border-radius:16px}.game-header{padding:1.3rem 2.65rem}.header-btn{padding:.74rem 1.55rem;font-size:1.06rem}.turn-badge{padding:.71rem 1.41rem;font-size:1.11rem}.top-bar-avatar{width:71px;height:71px}.my-board-avatar{width:53px;height:53px}.my-board-name{font-size:1.3rem}.game-over-modal{max-width:637px}.game-over-title{font-size:1.76rem}.winner-avatar{width:88px;height:88px}.winner-name{font-size:1.41rem}.ranking-avatar{width:49px;height:49px}.ranking-name{font-size:.98rem}.game-notification{width:424px;height:319px}.game-notification-avatar{width:116px;height:116px}.game-notification-player{font-size:1.68rem}.score-table{font-size:1.32rem}.score-player-name{font-size:1.18rem;min-width:83px;max-width:118px}}.ready-next-modal{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:900;animation:ready-modal-slide-up .3s ease-out}@keyframes ready-modal-slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ready-next-content{background:#14141ef2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;box-shadow:0 8px 32px #0006;min-width:200px}.ready-next-title{font-weight:600;font-size:.95rem;color:#ffffffe6;margin-bottom:.25rem}.ready-next-status{display:flex;flex-wrap:wrap;gap:.5rem .75rem;justify-content:center}.ready-status-item{font-size:.85rem;color:#ffffff80;transition:color .2s}.ready-status-item.is-ready{color:#4ade80}.ready-next-count{font-size:.8rem;color:#fff6}.ready-next-btn{margin-top:.5rem;padding:.6rem 1.5rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #22c55e4d}.ready-next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.ready-next-btn:active{transform:translateY(0)}.ready-next-waiting{font-size:.85rem;color:#ffffff80;font-style:italic}.header-btn-waiting{background:#ffffff1a;color:#ffffff80;cursor:default;font-style:italic}@media(max-width:768px){.ready-next-modal{bottom:1rem;left:1rem;right:1rem;transform:none}@keyframes ready-modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ready-next-content{width:100%;padding:.85rem 1rem}}.round-recap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:950;padding:1rem;animation:overlay-fade-in .3s ease-out}.round-recap-modal{width:100%;max-width:380px;background:linear-gradient(180deg,#1e1e32fa,#0f0f19fa);border:1px solid rgba(255,255,255,.15);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:modal-pop-in .4s cubic-bezier(.34,1.56,.64,1)}.round-recap-header{text-align:center;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.round-recap-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0}.round-recap-subtitle{font-size:.8rem;color:#ffffff80;margin-top:.25rem}.round-recap-players{padding:1rem}.recap-player-row{display:flex;align-items:center;padding:.6rem .75rem;border-radius:10px;margin-bottom:.5rem;background:#ffffff08;border:1px solid transparent;transition:all .2s}.recap-player-row:last-child{margin-bottom:0}.recap-player-row.is-best{background:#22c55e1a;border-color:#22c55e40}.recap-player-row.is-doubled{background:#ef44441a;border-color:#ef444440}.recap-player-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff6;background:#ffffff0d;border-radius:6px;margin-right:.75rem}.recap-player-row.is-best .recap-player-rank{background:#22c55e33;color:#4ade80}.recap-player-name{flex:1;font-size:.95rem;color:#ffffffe6;font-weight:500}.recap-player-scores{display:flex;align-items:center;gap:1rem}.recap-score-round{text-align:right;min-width:50px}.recap-score-round-value{font-size:.95rem;font-weight:600;color:#ffffffe6}.recap-player-row.is-best .recap-score-round-value{color:#4ade80}.recap-player-row.is-doubled .recap-score-round-value{color:#f87171}.recap-score-round-label{font-size:.65rem;color:#fff6;text-transform:uppercase}.recap-score-total{text-align:right;min-width:50px;padding-left:.75rem;border-left:1px solid rgba(255,255,255,.1)}.recap-score-total-value{font-size:.95rem;font-weight:700;color:#fff}.recap-score-total-label{font-size:.65rem;color:#fff6;text-transform:uppercase}.recap-doubled-badge{font-size:.6rem;padding:.15rem .35rem;background:#ef444433;color:#f87171;border-radius:4px;margin-left:.4rem;font-weight:600}.round-recap-actions{padding:1rem 1.5rem 1.25rem;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;gap:.75rem}.recap-ready-status{display:flex;flex-wrap:wrap;gap:.4rem .6rem;justify-content:center}.recap-ready-item{font-size:.8rem;color:#fff6;transition:color .2s}.recap-ready-item.is-ready{color:#4ade80}.recap-ready-count{font-size:.75rem;color:#fff6}.recap-btn{width:100%;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.recap-btn-continue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.recap-btn-continue:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.recap-btn-ready{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.recap-btn-ready:hover{transform:translateY(-1px);box-shadow:0 6px 16px #22c55e66}.recap-btn:active{transform:translateY(0)}.recap-waiting-text{font-size:.85rem;color:#ffffff80;font-style:italic;padding:.5rem 0}@media(max-width:480px){.round-recap-modal{max-width:none}.recap-player-scores{gap:.75rem}.recap-score-round,.recap-score-total{min-width:45px}}@keyframes skyReveal{0%{clip-path:inset(0 50% 0 50%);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes skyShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes skyFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(1deg)}75%{transform:translateY(4px) rotate(-1deg)}}@keyframes skyPulseGold{0%,to{box-shadow:0 0 20px #d4af374d,inset 0 0 20px #d4af370d}50%{box-shadow:0 0 40px #d4af3780,inset 0 0 30px #d4af371a}}@keyframes skyCardFloat{0%,to{transform:translateY(0) rotate(var(--rot, 15deg));opacity:.15}50%{transform:translateY(-20px) rotate(calc(var(--rot, 15deg) + 5deg));opacity:.25}}@keyframes skySlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes skyGlowPulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes skyDotBlink{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes skySpinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sky{--gold: #d4af37;--gold-light: #f4e4a6;--gold-dark: #a67c00;--emerald: #10b981;--emerald-dark: #047857;--noir: #0a0a0a;--noir-soft: #141414;--noir-card: #1a1a1a;--cream: #f5f0e1;position:fixed;top:0;right:0;bottom:0;left:0;font-family:DM Sans,system-ui,sans-serif;background:var(--noir);display:flex;overflow:hidden}.sky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent 0px,transparent 80px,rgba(212,175,55,.03) 80px,rgba(212,175,55,.03) 81px,transparent 81px,transparent 160px),repeating-linear-gradient(-45deg,transparent 0px,transparent 80px,rgba(212,175,55,.03) 80px,rgba(212,175,55,.03) 81px,transparent 81px,transparent 160px),repeating-linear-gradient(90deg,transparent 0px,transparent 200px,rgba(212,175,55,.02) 200px,rgba(212,175,55,.02) 201px,transparent 201px,transparent 400px),radial-gradient(ellipse 100% 80% at 50% 50%,transparent 30%,rgba(0,0,0,.6) 100%),radial-gradient(ellipse 120% 50% at 50% 110%,rgba(212,175,55,.15) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 85% 10%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(ellipse 40% 30% at 10% 5%,rgba(212,175,55,.08) 0%,transparent 50%),linear-gradient(180deg,#0d0d0d,#0a0a0a,#080808);pointer-events:none}.sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle 4px at 12% 18%,rgba(212,175,55,.6) 0%,transparent 100%),radial-gradient(circle 3px at 88% 12%,rgba(212,175,55,.5) 0%,transparent 100%),radial-gradient(circle 3.5px at 75% 78%,rgba(212,175,55,.55) 0%,transparent 100%),radial-gradient(circle 4px at 22% 85%,rgba(212,175,55,.5) 0%,transparent 100%),radial-gradient(circle 2.5px at 45% 25%,rgba(212,175,55,.45) 0%,transparent 100%),radial-gradient(circle 2px at 65% 45%,rgba(212,175,55,.4) 0%,transparent 100%),radial-gradient(circle 2.5px at 35% 55%,rgba(212,175,55,.45) 0%,transparent 100%),radial-gradient(circle 2px at 92% 65%,rgba(212,175,55,.35) 0%,transparent 100%),radial-gradient(circle 1.5px at 18% 42%,rgba(212,175,55,.35) 0%,transparent 100%),radial-gradient(circle 1.5px at 78% 32%,rgba(212,175,55,.3) 0%,transparent 100%),radial-gradient(circle 1px at 55% 72%,rgba(212,175,55,.25) 0%,transparent 100%),radial-gradient(circle 1.5px at 8% 58%,rgba(212,175,55,.3) 0%,transparent 100%),radial-gradient(circle 2px at 82% 88%,rgba(16,185,129,.35) 0%,transparent 100%),radial-gradient(circle 1.5px at 28% 8%,rgba(16,185,129,.3) 0%,transparent 100%);animation:skyParticlesFloat 25s ease-in-out infinite;pointer-events:none}@keyframes skyParticlesFloat{0%,to{transform:translateY(0) translate(0);opacity:.7}20%{transform:translateY(-12px) translate(8px);opacity:.9}40%{transform:translateY(-20px) translate(-5px);opacity:.75}60%{transform:translateY(-8px) translate(12px);opacity:.85}80%{transform:translateY(-18px) translate(-8px);opacity:.8}}.sky-right:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle 3px at 30% 20%,rgba(212,175,55,.4) 0%,transparent 100%),radial-gradient(circle 2px at 70% 35%,rgba(212,175,55,.35) 0%,transparent 100%),radial-gradient(circle 2.5px at 50% 60%,rgba(212,175,55,.4) 0%,transparent 100%),radial-gradient(circle 2px at 25% 75%,rgba(212,175,55,.3) 0%,transparent 100%),radial-gradient(circle 1.5px at 80% 80%,rgba(212,175,55,.35) 0%,transparent 100%),radial-gradient(circle 2px at 60% 15%,rgba(16,185,129,.25) 0%,transparent 100%);animation:skyParticlesFloat2 30s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes skyParticlesFloat2{0%,to{transform:translateY(0) translate(0);opacity:.5}25%{transform:translateY(-15px) translate(-10px);opacity:.7}50%{transform:translateY(-5px) translate(15px);opacity:.55}75%{transform:translateY(-20px) translate(5px);opacity:.65}}.sky-left{position:relative;z-index:2;width:340px;flex-shrink:0;height:100dvh;display:flex;flex-direction:column;padding:24px 20px;background:linear-gradient(135deg,#141414f2,#0f0f0ffa);border-right:1px solid rgba(212,175,55,.15);overflow-y:auto;overflow-x:hidden;animation:skyReveal .8s ease-out}.sky-left:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,var(--gold) 20%,var(--gold-light) 50%,var(--gold) 80%,transparent 100%)}.sky-left:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,var(--gold-dark) 30%,var(--gold) 50%,var(--gold-dark) 70%,transparent 100%)}.sky-left::-webkit-scrollbar{width:4px}.sky-left::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold-dark),var(--gold));border-radius:2px}.sky-logo{display:flex;justify-content:center;margin-bottom:20px;animation:skySlideUp .6s ease-out}.sky-logo-icon{font-family:Playfair Display,serif;font-size:3rem;font-weight:900;letter-spacing:.2em;color:transparent;background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 30%,var(--gold-dark) 60%,var(--gold) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:skyShimmer 4s ease-in-out infinite;text-shadow:0 0 40px rgba(212,175,55,.4);position:relative}.sky-logo-icon:before{content:"SYKO";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:blur(20px);opacity:.5;animation:skyGlowPulse 3s ease-in-out infinite}.sky-beta-badge{font-family:Playfair Display,serif;font-size:.65rem;font-weight:700;letter-spacing:.15em;color:var(--gold);background:linear-gradient(135deg,#d4af3726,#d4af370d);border:1px solid var(--gold-dark);border-radius:4px;padding:3px 8px;margin-left:10px;align-self:center;text-transform:uppercase;box-shadow:0 0 10px #d4af3733;animation:skySlideUp .6s ease-out .2s both}.sky-status-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#d4af3708;border:1px solid rgba(212,175,55,.12);border-radius:8px;margin-bottom:20px;animation:skySlideUp .6s ease-out .1s both}.sky-conn{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#888;font-weight:500}.sky-conn-dot{width:10px;height:10px;border-radius:50%;background:#dc2626;box-shadow:0 0 10px #dc2626;transition:all .4s ease}.sky-conn-dot.online{background:var(--emerald);box-shadow:0 0 12px var(--emerald),0 0 24px #10b98166;animation:skyDotBlink 2s ease-in-out infinite}.sky-online{font-size:.8rem;color:#666}.sky-online b{color:var(--gold);font-weight:700}.sky-avatar-wrap{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px;animation:skySlideUp .6s ease-out .15s both}.sky-av-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#d4af3714;border:1px solid rgba(212,175,55,.2);border-radius:50%;color:var(--gold);cursor:pointer;transition:all .3s ease}.sky-av-btn:hover{background:#d4af3726;border-color:var(--gold);transform:scale(1.1);box-shadow:0 0 20px #d4af374d}.sky-av-btn:active{transform:scale(.95)}.sky-av-btn svg{width:20px;height:20px}.sky-avatar{width:90px;height:90px;border-radius:50%;border:3px solid var(--gold);box-shadow:0 0 0 4px #d4af371a,0 0 30px #d4af3733,inset 0 0 20px #0000004d;-o-object-fit:cover;object-fit:cover;animation:skyPulseGold 3s ease-in-out infinite;transition:transform .3s ease}.sky-avatar:hover{transform:scale(1.05)}.sky-input{width:100%;padding:14px 18px;background:#141414cc;border:1px solid rgba(212,175,55,.2);border-radius:8px;color:var(--cream);font-size:1rem;font-family:inherit;text-align:center;letter-spacing:.05em;margin-bottom:20px;transition:all .3s ease;animation:skySlideUp .6s ease-out .2s both}.sky-input::-moz-placeholder{color:#555;font-style:italic}.sky-input::placeholder{color:#555;font-style:italic}.sky-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 20px #d4af3733,inset 0 0 10px #d4af370d}.sky-pseudo-display{text-align:center;padding:12px;margin-bottom:20px;background:#d4af370d;border:1px solid rgba(212,175,55,.15);border-radius:8px;animation:skySlideUp .6s ease-out .2s both}.sky-pseudo-label{display:block;font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.15em;margin-bottom:4px}.sky-pseudo-value{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:600;color:var(--gold)}.sky-divider{display:flex;align-items:center;gap:14px;font-size:.75rem;font-weight:700;color:#d4af3799;text-transform:uppercase;letter-spacing:.25em;margin:18px 0 14px;animation:skySlideUp .6s ease-out .25s both}.sky-divider:before,.sky-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.4),transparent)}.sky-toggle{display:flex;gap:8px;margin-bottom:12px;animation:skySlideUp .6s ease-out .3s both}.sky-toggle-btn{flex:1;padding:10px 16px;background:#1e1e1e99;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#666;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.sky-toggle-btn:hover{background:#282828cc;color:#999}.sky-toggle-btn.active{background:linear-gradient(135deg,#d4af3726,#d4af3714);border-color:var(--gold);color:var(--gold);box-shadow:0 0 15px #d4af3726}.sky-max-players{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#14141480;border:1px solid rgba(255,255,255,.06);border-radius:6px;margin-bottom:12px;animation:skySlideUp .6s ease-out .35s both;position:relative;z-index:10}.sky-max-label{font-size:.85rem;color:#777}.sky-max-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:8px 32px 8px 14px;background:linear-gradient(135deg,#d4af3726,#d4af3714);border:1px solid rgba(212,175,55,.3);border-radius:6px;color:var(--gold);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.sky-max-select:hover{background-color:#d4af371f;border-color:var(--gold);box-shadow:0 0 15px #d4af3733}.sky-max-select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 20px #d4af374d}.sky-max-select option{background:#1a1a1a;color:var(--gold);padding:10px}.sky-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.sky-btn svg{width:20px;height:20px}.sky-btn-green{background:linear-gradient(135deg,var(--emerald) 0%,var(--emerald-dark) 100%);color:#fff;box-shadow:0 4px 20px #10b9814d,inset 0 1px #fff3;animation:skySlideUp .6s ease-out .4s both}.sky-btn-green:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.sky-btn-green:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #10b98166,inset 0 1px #ffffff4d}.sky-btn-green:hover:before{opacity:1}.sky-btn-green:active{transform:translateY(0)}.sky-btn-green:disabled{opacity:.5;cursor:not-allowed;transform:none}.sky-btn-green.loading{pointer-events:none}.sky-btn-shop{background:transparent;border:2px solid var(--gold);color:var(--gold);margin-top:12px;animation:skySlideUp .6s ease-out .55s both}.sky-btn-shop:hover{background:#d4af371a;box-shadow:0 0 25px #d4af3733;transform:translateY(-2px)}.sky-invite-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#d4af3726,#d4af370d);border:1px solid rgba(212,175,55,.4);border-radius:10px;color:var(--gold-light);font-size:.85rem;font-family:DM Sans,system-ui,sans-serif;animation:skyPulseGlow 2s ease-in-out infinite}.sky-invite-icon{font-size:1.2rem}.sky-reconnect-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#4caf5026,#4caf500d);border:1px solid rgba(76,175,80,.4);border-radius:10px;color:#81c784;font-size:.9rem;font-family:DM Sans,system-ui,sans-serif;animation:skyPulseGlowGreen 1.5s ease-in-out infinite}.sky-reconnect-spinner{width:18px;height:18px;border:2px solid rgba(76,175,80,.3);border-top-color:#81c784;border-radius:50%;animation:spin .8s linear infinite}@keyframes skyPulseGlowGreen{0%,to{box-shadow:0 0 15px #4caf5033}50%{box-shadow:0 0 25px #4caf5066}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skyPulseGlow{0%,to{box-shadow:0 0 15px #d4af3733}50%{box-shadow:0 0 25px #d4af3766}}.sky-btn-invite{width:100%;padding:14px 20px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);border:2px solid rgba(244,228,166,.3);border-radius:10px;color:#0a0a0a;font-family:Playfair Display,serif;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #d4af374d}.sky-btn-invite:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #d4af3766}.sky-btn-invite:disabled{opacity:.5;cursor:not-allowed}.sky-btn-invite.loading{pointer-events:none}.sky-code-row{display:flex;gap:8px;animation:skySlideUp .6s ease-out .5s both;width:100%}.sky-code-input{flex:1;min-width:0;padding:12px 14px;background:#0f0f0fe6;border:2px solid rgba(212,175,55,.35);border-radius:8px;color:var(--gold-light);font-size:1.1rem;font-weight:700;font-family:Playfair Display,serif;text-align:center;letter-spacing:.3em;text-transform:uppercase;transition:all .3s ease;box-shadow:inset 0 2px 8px #0000004d}.sky-code-input::-moz-placeholder{color:#d4af3766;letter-spacing:.2em;font-weight:600}.sky-code-input::placeholder{color:#d4af3766;letter-spacing:.2em;font-weight:600}.sky-code-input:focus{outline:none;border-color:var(--gold);background:#d4af3714;box-shadow:0 0 25px #d4af3740,inset 0 2px 8px #0003}.sky-code-go{width:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);border:none;border-radius:8px;color:var(--noir);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #d4af374d,inset 0 1px #fff3}.sky-code-go:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 6px 25px #d4af3780,inset 0 1px #ffffff4d}.sky-code-go:active:not(:disabled){transform:translateY(0) scale(1)}.sky-code-go:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.sky-code-go svg{width:22px;height:22px}.sky-status{padding:10px 14px;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:6px;color:#f87171;font-size:.85rem;text-align:center;margin-bottom:12px}.sky-spacer{flex:1;min-height:20px}.sky-right{flex:1;display:flex;flex-direction:column;height:100dvh;padding:24px;position:relative;z-index:1;animation:skyReveal .8s ease-out .2s both}.sky-right:before{content:"";position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(212,175,55,.05) 0%,transparent 65%);animation:skyRightGlow 10s ease-in-out infinite;pointer-events:none}@keyframes skyRightGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}.sky-rooms-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(212,175,55,.1)}.sky-rooms-title{display:flex;align-items:center;gap:12px;font-family:Playfair Display,serif;font-size:1.4rem;font-weight:600;color:var(--cream)}.sky-rooms-title svg{width:24px;height:24px;color:var(--gold)}.sky-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 10px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);border-radius:14px;color:var(--noir);font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:700}.sky-refresh{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#d4af3714;border:1px solid rgba(212,175,55,.2);border-radius:50%;color:var(--gold);cursor:pointer;transition:all .3s ease}.sky-refresh:hover{background:#d4af3726;transform:rotate(180deg);box-shadow:0 0 20px #d4af3740}.sky-refresh svg{width:20px;height:20px}.sky-rooms{flex:1;overflow-y:auto;padding-right:8px}.sky-rooms::-webkit-scrollbar{width:4px}.sky-rooms::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:2px}.sky-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#555;animation:skyEmptyFade 1s ease-out}@keyframes skyEmptyFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sky-empty-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#d4af370d;border:2px dashed rgba(212,175,55,.25);border-radius:50%;margin-bottom:24px;position:relative}.sky-empty-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid rgba(212,175,55,.1)}.sky-empty-icon svg{width:40px;height:40px;color:var(--gold);opacity:.5}.sky-empty p{font-size:.95rem;line-height:1.6;max-width:280px}.sky-room{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#1a1a1ae6,#141414f2);border:1px solid rgba(212,175,55,.1);border-radius:12px;margin-bottom:12px;transition:all .3s ease}.sky-room-new{animation:skySlideUp .5s ease-out both}.sky-room:hover{border-color:#d4af3740;transform:translate(4px);box-shadow:-4px 0 0 var(--gold),0 4px 20px #0000004d}.sky-room-av{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);border-radius:50%;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;color:var(--noir)}.sky-room-info{flex:1;min-width:0}.sky-room-name{font-weight:600;color:var(--cream);font-size:1rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-room-meta{font-size:.8rem;color:#666}.sky-room-count{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#d4af3714;border-radius:20px;font-size:.85rem;font-weight:600;color:var(--gold)}.sky-room-count svg{width:16px;height:16px}.sky-room-join{padding:10px 18px;background:linear-gradient(135deg,var(--emerald) 0%,var(--emerald-dark) 100%);border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease}.sky-room-join:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #10b98166}.sky-room-join:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.sky{flex-direction:column}.sky:after{opacity:.3}.sky-left{width:100%;height:auto;max-height:55dvh;border-right:none;border-bottom:1px solid rgba(212,175,55,.15);padding:16px}.sky-left:before,.sky-left:after{display:none}.sky-logo-icon{font-size:2.2rem}.sky-avatar{width:70px;height:70px}.sky-av-btn{width:38px;height:38px}.sky-status-bar{padding:10px 12px}.sky-divider{margin:12px 0 10px}.sky-toggle-btn{padding:8px 12px;font-size:.8rem}.sky-btn{padding:12px 16px;font-size:.9rem}.sky-btn-shop{margin-top:8px}.sky-right{flex:1;min-height:45dvh;padding:16px}.sky-rooms-title{font-size:1.1rem}.sky-room{padding:12px}.sky-room-av{width:40px;height:40px;font-size:1.1rem}.sky-room-join{padding:8px 14px;font-size:.8rem}}@media(max-width:380px){.sky-left{padding:12px}.sky-logo-icon{font-size:1.8rem}.sky-avatar{width:60px;height:60px}.sky-input{padding:10px 14px;font-size:.9rem}.sky-room-count{display:none}}.sky-tabs{display:flex;gap:4px;padding:4px;background:#0000004d;border-radius:12px;margin-bottom:16px}.sky-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:8px;color:#ffffff80;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.sky-tab svg{width:16px;height:16px}.sky-tab:hover{color:#ffffffb3;background:#ffffff0d}.sky-tab.active{background:#d4af3726;color:#d4af37}.sky-tab .sky-badge{font-size:.75rem;padding:2px 6px}.sky-leaderboard{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.sky-leaderboard::-webkit-scrollbar{width:4px}.sky-leaderboard::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:2px}.sky-lb-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .2s ease}.sky-lb-row:hover{background:#ffffff0f;border-color:#d4af3733}.sky-lb-top{background:#d4af3714;border-color:#d4af3726}.sky-lb-gold{background:linear-gradient(135deg,#ffd70026,#d4af371a);border-color:#ffd7004d}.sky-lb-silver{background:linear-gradient(135deg,#c0c0c01f,#a9a9a914);border-color:#c0c0c040}.sky-lb-bronze{background:linear-gradient(135deg,#cd7f321f,#b8733314);border-color:#cd7f3240}.sky-lb-rank{width:32px;text-align:center;flex-shrink:0}.sky-lb-medal{font-size:1.3rem}.sky-lb-num{font-size:.85rem;font-weight:600;color:#ffffff80}.sky-lb-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.1);flex-shrink:0}.sky-lb-gold .sky-lb-avatar{border-color:#ffd70080}.sky-lb-silver .sky-lb-avatar{border-color:#c0c0c080}.sky-lb-bronze .sky-lb-avatar{border-color:#cd7f3280}.sky-lb-info{flex:1;min-width:0}.sky-lb-name{font-size:.9rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-lb-meta{font-size:.75rem;color:#fff6;margin-top:2px}.sky-lb-points{font-size:1rem;font-weight:700;color:#d4af37;flex-shrink:0}.sky-lb-pts-label{font-size:.7rem;font-weight:400;color:#d4af37b3}.sky-lb-sort{display:flex;gap:6px;margin-bottom:12px;padding:4px;background:#0003;border-radius:8px}.sky-lb-sort-btn{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:#ffffff80;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.sky-lb-sort-btn:hover{color:#ffffffb3;background:#ffffff0d}.sky-lb-sort-btn.active{background:#d4af3733;color:#d4af37}.sky-stats-panel{flex:1;overflow-y:auto;padding:4px}.sky-stats-ranks{display:flex;gap:8px;margin-bottom:16px}.sky-stats-rank-box{display:flex;flex-direction:column;align-items:center;flex:1;padding:14px 8px;background:linear-gradient(135deg,#d4af3726,#d4af370d);border:1px solid rgba(212,175,55,.25);border-radius:12px}.sky-stats-rank-label{font-size:.85rem;color:#fff9;margin-bottom:4px}.sky-stats-rank-value{font-size:1.8rem;font-weight:700;color:#d4af37;text-shadow:0 2px 10px rgba(212,175,55,.3)}.sky-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sky-stats-card{display:flex;flex-direction:column;align-items:center;padding:14px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .2s ease}.sky-stats-card:hover{background:#ffffff0f;border-color:#ffffff1a}.sky-stats-card-value{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:4px}.sky-stats-card-label{font-size:.75rem;color:#ffffff80;text-align:center}.sky-stats-card-win .sky-stats-card-value{color:#10b981}.sky-stats-card-lose .sky-stats-card-value{color:#ef4444}.sky-stats-card-best{background:#10b9811a;border-color:#10b98133}.sky-stats-card-best .sky-stats-card-value{color:#10b981}.sky-stats-card-worst{background:#ef44441a;border-color:#ef444433}.sky-stats-card-worst .sky-stats-card-value{color:#ef4444}.sky-player-stats{display:flex;flex-direction:column;gap:8px;padding:12px;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:12px}.sky-stat-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.sky-stat-label{font-size:.8rem;color:#ffffff80}.sky-stat-value{font-size:.9rem;font-weight:600;color:#fff}.sky-stat-rank{color:#d4af37;font-size:1rem}.sky-stat-best{color:#10b981}.sky-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 50% 50% at 50% 30%,rgba(212,175,55,.03) 0%,transparent 70%),#000000f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:profile-fade .3s ease-out}@keyframes profile-fade{0%{opacity:0}to{opacity:1}}@keyframes profile-open{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sky-profile-modal{position:relative;width:380px;max-height:90vh;background:#0a0a0a;display:flex;flex-direction:column;animation:profile-open .4s cubic-bezier(.22,1,.36,1)}.sky-profile-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(212,175,55,.4);pointer-events:none;z-index:10}.sky-profile-modal:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(212,175,55,.2);pointer-events:none;z-index:10}.sky-profile-header:before,.sky-profile-header:after,.sky-profile-content:before,.sky-profile-content:after{content:"";position:absolute;width:20px;height:20px;border-color:#d4af37;border-style:solid;z-index:11}.sky-profile-header:before{top:0;left:0;border-width:2px 0 0 2px}.sky-profile-header:after{top:0;right:0;border-width:2px 2px 0 0}.sky-profile-content:before{bottom:0;left:0;border-width:0 0 2px 2px}.sky-profile-content:after{bottom:0;right:0;border-width:0 2px 2px 0}.sky-profile-header{position:relative;z-index:2;display:flex;align-items:center;padding:24px 24px 20px}.sky-profile-title{display:flex;align-items:center;gap:14px;flex:1}.sky-profile-title-icon{font-size:1.4rem}.sky-profile-title h3{font-family:Playfair Display,Georgia,serif;font-size:1.3rem;font-weight:500;color:#d4af37;margin:0;letter-spacing:.1em;text-transform:uppercase}.sky-profile-title h3:after{content:"";display:block;width:50px;height:1px;background:linear-gradient(90deg,#d4af37,transparent);margin-top:6px}.sky-profile-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff6;cursor:pointer;transition:all .2s;z-index:20}.sky-profile-close:hover{border-color:#d4af3780;color:#d4af37}.sky-profile-close svg{width:18px;height:18px}.sky-profile-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 24px;color:#ffffff80}.sky-profile-spinner{width:32px;height:32px;border:2px solid rgba(212,175,55,.2);border-top-color:#d4af37;border-radius:50%;animation:spin .8s linear infinite}.sky-profile-content{position:relative;z-index:1;padding:0 24px 24px}.sky-profile-badge{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.15);background:#ffffff08}.sky-profile-gold .sky-profile-badge,.sky-profile-silver .sky-profile-badge,.sky-profile-bronze .sky-profile-badge{position:relative;overflow:hidden}.sky-profile-gold .sky-profile-badge{border-color:#ffd70066;background:linear-gradient(135deg,#ffd7001a,#ffb4000d)}.sky-profile-silver .sky-profile-badge{border-color:#c0c0c066;background:linear-gradient(135deg,#c0c0c014,#a0a0b40a)}.sky-profile-bronze .sky-profile-badge{border-color:#cd7f3266;background:linear-gradient(135deg,#cd7f321a,#b464280d)}.sky-profile-gold .sky-profile-badge:before,.sky-profile-silver .sky-profile-badge:before,.sky-profile-bronze .sky-profile-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:badge-shimmer 3s ease-in-out infinite}@keyframes badge-shimmer{0%{left:-100%}50%,to{left:100%}}.sky-profile-badge-icon{font-size:1.4rem}.sky-profile-gold .sky-profile-badge-icon,.sky-profile-silver .sky-profile-badge-icon,.sky-profile-bronze .sky-profile-badge-icon{animation:icon-bounce 2s ease-in-out infinite}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.sky-profile-badge-text{font-family:DM Sans,system-ui,sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff9}.sky-profile-gold .sky-profile-badge-text{color:gold}.sky-profile-silver .sky-profile-badge-text{color:silver}.sky-profile-bronze .sky-profile-badge-text{color:#cd7f32}.sky-profile-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:28px 20px 24px;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 40%),#0d0d0d;border:1px solid rgba(255,255,255,.08);margin-bottom:16px}.sky-profile-card:before{content:"◇";position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:12px;color:#ffffff40;background:#0a0a0a;padding:0 8px}.sky-profile-gold .sky-profile-card{border-color:#ffd70040;background:linear-gradient(180deg,rgba(255,215,0,.04) 0%,transparent 50%),#0d0d0d;animation:card-glow-gold 3s ease-in-out infinite}.sky-profile-gold .sky-profile-card:before{color:gold}.sky-profile-silver .sky-profile-card{border-color:#c0c0c033;background:linear-gradient(180deg,rgba(192,192,192,.03) 0%,transparent 50%),#0d0d0d;animation:card-glow-silver 3s ease-in-out infinite}.sky-profile-silver .sky-profile-card:before{color:silver}.sky-profile-bronze .sky-profile-card{border-color:#cd7f3233;background:linear-gradient(180deg,rgba(205,127,50,.04) 0%,transparent 50%),#0d0d0d;animation:card-glow-bronze 3s ease-in-out infinite}.sky-profile-bronze .sky-profile-card:before{color:#cd7f32}@keyframes card-glow-gold{0%,to{box-shadow:0 0 15px #ffd7001a}50%{box-shadow:0 0 25px #ffd70033}}@keyframes card-glow-silver{0%,to{box-shadow:0 0 15px #c0c0c014}50%{box-shadow:0 0 25px #c0c0c026}}@keyframes card-glow-bronze{0%,to{box-shadow:0 0 15px #cd7f321a}50%{box-shadow:0 0 25px #cd7f322e}}.sky-profile-avatar-wrap{position:relative;margin-bottom:14px}.sky-profile-avatar{width:80px;height:80px;border-radius:50%;background:#080808;border:2px solid rgba(255,255,255,.15);box-shadow:0 8px 24px #00000080;position:relative;z-index:2}.sky-profile-avatar-ring{display:none}.sky-profile-gold .sky-profile-avatar-ring,.sky-profile-silver .sky-profile-avatar-ring,.sky-profile-bronze .sky-profile-avatar-ring{display:block;position:absolute;top:-6px;left:-6px;width:92px;height:92px;border-radius:50%;z-index:1;animation:ring-rotate 4s linear infinite}.sky-profile-gold .sky-profile-avatar-ring{background:conic-gradient(from 0deg,gold,#ffec8b,gold,#b8860b,gold 360deg)}.sky-profile-silver .sky-profile-avatar-ring{background:conic-gradient(from 0deg,silver,#e8e8e8,silver,gray,silver 360deg)}.sky-profile-bronze .sky-profile-avatar-ring{background:conic-gradient(from 0deg,#cd7f32,#daa06d,#cd7f32,#8b4513,#cd7f32 360deg)}.sky-profile-gold .sky-profile-avatar-ring:after,.sky-profile-silver .sky-profile-avatar-ring:after,.sky-profile-bronze .sky-profile-avatar-ring:after{content:"";position:absolute;top:3px;left:3px;width:86px;height:86px;border-radius:50%;background:#0a0a0a}@keyframes ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sky-profile-stars{display:none}.sky-profile-gold .sky-profile-stars,.sky-profile-silver .sky-profile-stars,.sky-profile-bronze .sky-profile-stars{display:flex;justify-content:center;gap:6px;margin-top:-4px;margin-bottom:8px}.sky-profile-stars span{font-size:.65rem;opacity:.8}.sky-profile-gold .sky-profile-stars span,.sky-profile-silver .sky-profile-stars span,.sky-profile-bronze .sky-profile-stars span{animation:star-twinkle 1.5s ease-in-out infinite}.sky-profile-stars span:nth-child(1){animation-delay:0s}.sky-profile-stars span:nth-child(2){animation-delay:.3s}.sky-profile-stars span:nth-child(3){animation-delay:.6s}@keyframes star-twinkle{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.sky-profile-gold .sky-profile-stars span{color:gold}.sky-profile-silver .sky-profile-stars span{color:silver}.sky-profile-bronze .sky-profile-stars span{color:#cd7f32}.sky-profile-gold .sky-profile-avatar{border-color:gold}.sky-profile-silver .sky-profile-avatar{border-color:silver}.sky-profile-bronze .sky-profile-avatar{border-color:#cd7f32}.sky-profile-name{font-family:DM Sans,system-ui,sans-serif;font-size:1.1rem;font-weight:500;color:#fff;text-align:center;margin-bottom:4px}.sky-profile-position{font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;color:#fff6;letter-spacing:.05em}.sky-profile-main-stats{display:flex;justify-content:space-around;width:100%;padding-top:18px;margin-top:18px;border-top:1px solid rgba(212,175,55,.15)}.sky-profile-main-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.sky-profile-main-value{font-family:Playfair Display,Georgia,serif;font-size:1.4rem;font-weight:600;color:#d4af37}.sky-profile-main-label{font-family:DM Sans,system-ui,sans-serif;font-size:.65rem;color:#fff6;text-transform:uppercase;letter-spacing:.08em}.sky-profile-wins .sky-profile-main-value{color:#10b981}.sky-profile-details{display:flex;flex-direction:column;gap:0;margin-bottom:16px}.sky-profile-detail{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.03)}.sky-profile-detail:first-child{border-top:1px solid rgba(255,255,255,.03)}.sky-profile-detail-label{font-family:DM Sans,system-ui,sans-serif;font-size:.8rem;color:#ffffff80}.sky-profile-detail-value{font-family:DM Sans,system-ui,sans-serif;font-size:.85rem;font-weight:600;color:#fff}.sky-profile-losses{color:#ef4444}.sky-profile-best{color:#10b981}.sky-profile-worst{color:#ef4444}.sky-profile-ranks{display:flex;gap:8px}.sky-profile-rank{flex:1;display:flex;flex-direction:column;align-items:center;padding:14px 8px;background:linear-gradient(180deg,rgba(212,175,55,.02) 0%,transparent 100%),#0d0d0d;border:1px solid rgba(212,175,55,.1)}.sky-profile-rank-value{font-family:Playfair Display,Georgia,serif;font-size:1rem;font-weight:600;color:#d4af37;margin-bottom:4px}.sky-profile-rank-label{font-family:DM Sans,system-ui,sans-serif;font-size:.55rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.08em}@media(max-width:440px){.sky-profile-modal{width:calc(100% - 32px);margin:16px}.sky-profile-header{padding:20px 20px 16px}.sky-profile-content{padding:0 20px 20px}}.sky-lb-clickable{cursor:pointer;transition:all .2s ease}.sky-lb-clickable:hover{background:#d4af371a;transform:translate(4px)}@media(max-width:768px){.sky-tabs{margin-bottom:12px}.sky-tab{padding:8px 12px;font-size:.85rem}.sky-tab svg{width:14px;height:14px}.sky-lb-row{padding:8px 10px;gap:8px}.sky-lb-avatar{width:32px;height:32px}.sky-lb-name{font-size:.85rem}.sky-lb-points{font-size:.9rem}.sky-player-stats{padding:10px}.sky-stat-label{font-size:.75rem}.sky-stat-value{font-size:.85rem}.sky-lb-sort{gap:4px;padding:3px}.sky-lb-sort-btn{padding:6px 8px;font-size:.75rem}.sky-stats-ranks{gap:6px;margin-bottom:12px}.sky-stats-rank-box{padding:10px 6px}.sky-stats-rank-label{font-size:.7rem}.sky-stats-rank-value{font-size:1.3rem}.sky-stats-grid{gap:8px}.sky-stats-card{padding:12px 8px}.sky-stats-card-value{font-size:1.2rem}.sky-stats-card-label{font-size:.7rem}.sky-tab{padding:8px;gap:4px}.sky-tab .sky-badge{display:none}}.lby{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0a0a0a;font-family:Playfair Display,DM Sans,system-ui,serif}.lby-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 60% at 50% 100%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(ellipse 80% 40% at 50% 0%,rgba(16,185,129,.06) 0%,transparent 40%),radial-gradient(ellipse 60% 60% at 20% 50%,rgba(212,175,55,.04) 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 80% 50%,rgba(212,175,55,.04) 0%,transparent 50%),linear-gradient(180deg,#0a0a0a,#141414,#0a0a0a)}.lby-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 0% 0%,transparent 60%,rgba(212,175,55,.03) 60%,rgba(212,175,55,.03) 62%,transparent 62%),radial-gradient(circle at 100% 0%,transparent 60%,rgba(212,175,55,.03) 60%,rgba(212,175,55,.03) 62%,transparent 62%),radial-gradient(circle at 0% 100%,transparent 60%,rgba(212,175,55,.03) 60%,rgba(212,175,55,.03) 62%,transparent 62%),radial-gradient(circle at 100% 100%,transparent 60%,rgba(212,175,55,.03) 60%,rgba(212,175,55,.03) 62%,transparent 62%),repeating-linear-gradient(45deg,transparent,transparent 80px,rgba(212,175,55,.015) 80px,rgba(212,175,55,.015) 81px),repeating-linear-gradient(-45deg,transparent,transparent 80px,rgba(212,175,55,.015) 80px,rgba(212,175,55,.015) 81px);pointer-events:none}.lby-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 10% 20%,rgba(212,175,55,.6) 50%,transparent 50%),radial-gradient(2px 2px at 25% 70%,rgba(244,228,166,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 40% 15%,rgba(212,175,55,.7) 50%,transparent 50%),radial-gradient(2px 2px at 55% 85%,rgba(212,175,55,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 70% 35%,rgba(244,228,166,.6) 50%,transparent 50%),radial-gradient(2px 2px at 85% 60%,rgba(212,175,55,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 15% 45%,rgba(212,175,55,.4) 50%,transparent 50%),radial-gradient(2px 2px at 90% 10%,rgba(244,228,166,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 5% 90%,rgba(212,175,55,.6) 50%,transparent 50%),radial-gradient(2px 2px at 60% 50%,rgba(212,175,55,.4) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 35% 30%,rgba(244,228,166,.5) 50%,transparent 50%),radial-gradient(2px 2px at 80% 80%,rgba(212,175,55,.5) 50%,transparent 50%);animation:lbyParticlesFloat 20s ease-in-out infinite;pointer-events:none}@keyframes lbyParticlesFloat{0%,to{transform:translateY(0) translate(0);opacity:.8}25%{transform:translateY(-15px) translate(10px);opacity:1}50%{transform:translateY(-5px) translate(-5px);opacity:.9}75%{transform:translateY(-20px) translate(5px);opacity:1}}.lby-content{position:relative;z-index:1;width:100%;height:100dvh;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom))}.lby-top{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px}.lby-leave{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#d4af370d;border:1px solid rgba(212,175,55,.2);border-radius:12px;color:#d4af3799;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.lby-leave:hover{background:#ef444426;border-color:#ef444466;color:#f87171;transform:translate(-2px);box-shadow:0 0 20px #ef444433}.lby-leave svg{width:22px;height:22px}.lby-room-info{flex:1;display:flex;align-items:center;justify-content:center;gap:12px}.lby-public{font-size:.85rem;color:#d4af3780;font-style:italic;font-family:DM Sans,system-ui,sans-serif}.lby-code{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700;letter-spacing:.3em;color:#d4af37;text-shadow:0 0 30px rgba(212,175,55,.6),0 0 60px rgba(212,175,55,.3);animation:lbyCodeShimmer 3s ease-in-out infinite;cursor:pointer;transition:opacity .2s ease;width:9em;display:inline-block;text-align:center}.lby-code:hover{opacity:.8}.lby-code-hidden{color:#d4af3780;text-shadow:0 0 15px rgba(212,175,55,.3),0 0 30px rgba(212,175,55,.15)}@keyframes lbyCodeShimmer{0%,to{text-shadow:0 0 30px rgba(212,175,55,.6),0 0 60px rgba(212,175,55,.3);color:#d4af37}50%{text-shadow:0 0 40px rgba(244,228,166,.8),0 0 80px rgba(212,175,55,.5);color:#f4e4a6}}@keyframes lbyFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}@keyframes lbyGlow{0%,to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}50%{filter:drop-shadow(0 2px 8px rgba(212,175,55,.6)) drop-shadow(0 0 12px rgba(212,175,55,.4))}}.lby-copy{padding:8px 18px;background:linear-gradient(135deg,#d4af3726,#d4af370d);border:1px solid rgba(212,175,55,.3);border-radius:8px;color:#d4af37;font-family:DM Sans,system-ui,sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.lby-copy:hover{background:linear-gradient(135deg,#d4af3740,#d4af371a);border-color:#d4af3780;transform:scale(1.05);box-shadow:0 0 20px #d4af3733}.lby-copy-ok{background:linear-gradient(135deg,#10b9814d,#10b98126);border-color:#10b98180;color:#10b981}.lby-copy-btns{display:flex;gap:6px}.lby-copy-link{padding:8px 12px}.lby-link-icon{width:14px;height:14px}.lby-counter{display:flex;align-items:center;gap:3px;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;padding:8px 16px;background:#d4af370d;border:1px solid rgba(212,175,55,.2);border-radius:10px}.lby-counter-now{color:#f4e4a6;text-shadow:0 0 10px rgba(212,175,55,.5)}.lby-counter-sep{color:#d4af3766;margin:0 2px}.lby-counter-max{color:#d4af3780}.lby-counter-select{background:transparent;border:none;color:#d4af3799;font-family:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;padding:0;transition:color .2s}.lby-counter-select:hover,.lby-counter-select:focus{outline:none;color:#d4af37}.lby-counter-select option{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);color:#d4af37;padding:12px 16px;font-size:1rem;font-weight:600}.lby-counter-select option:checked{background:linear-gradient(135deg,#d4af37,#b8943a);color:#0d0d0d}.lby-counter-select option:hover{background:#2a2a2a}.dropdown{position:relative;display:inline-block}.dropdown-trigger{display:flex;align-items:center;gap:6px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:8px 12px;color:#d4af37;font-family:Playfair Display,serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.dropdown-trigger:hover{background:#d4af3733;border-color:#d4af3780}.dropdown-arrow{width:14px;height:14px;transition:transform .2s ease}.dropdown-open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);min-width:100%;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:6px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%) translateY(-10px);transition:all .2s ease;z-index:1000;box-shadow:0 10px 40px #00000080,0 0 20px #d4af371a}.dropdown-open .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.dropdown-item{display:block;width:100%;padding:10px 16px;background:transparent;border:none;border-radius:6px;color:#d4af37b3;font-family:Playfair Display,serif;font-size:1rem;font-weight:500;text-align:center;cursor:pointer;transition:all .15s ease}.dropdown-item:hover{background:#d4af3726;color:#d4af37}.dropdown-item-active{background:#d4af3733;color:#d4af37}.dropdown-compact .dropdown-trigger{background:transparent;border:none;padding:0;font-size:inherit;font-weight:inherit}.dropdown-compact .dropdown-trigger:hover{background:transparent}.dropdown-compact .dropdown-arrow{width:12px;height:12px;opacity:.6}.dropdown-compact:hover .dropdown-arrow{opacity:1}.dropdown-onboarding .dropdown-trigger{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:1px solid rgba(212,175,55,.3);padding:12px 18px;font-size:1.1rem;min-width:80px;justify-content:center}.dropdown-onboarding .dropdown-trigger:hover{background:linear-gradient(135deg,#252525,#151515);border-color:#d4af3780}.dropdown-onboarding .dropdown-menu{min-width:120px}.dropdown-onboarding .dropdown-item{font-size:1.1rem;padding:12px 20px}.lby-table{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:8px 0}.lby-table-surface{position:relative;width:100%;max-width:380px;aspect-ratio:1;max-height:100%;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(5,150,105,.2) 0%,transparent 70%),radial-gradient(ellipse 100% 100% at 50% 50%,#0d3d30,#071f1a 70%,#040f0c);border:4px solid #1a1a1a;border-radius:50%;box-shadow:inset 0 0 80px #10b9811a,inset 0 0 40px #00000080,0 0 0 2px #d4af374d,0 0 0 6px #1a1a1a,0 0 0 8px #d4af3733,0 0 40px #d4af371a,0 0 80px #10b98126,0 20px 60px #00000080}.lby-table-surface:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(212,175,55,.2);border-radius:50%;pointer-events:none;box-shadow:inset 0 0 30px #d4af370d}.lby-table-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;animation:lbyFloat 4s ease-in-out infinite}.lby-table-title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,8vw,3rem);font-weight:700;letter-spacing:.25em;color:#d4af37;text-shadow:0 0 40px rgba(212,175,55,.8),0 0 80px rgba(212,175,55,.4),0 2px 0 rgba(0,0,0,.5);-webkit-text-stroke:1px rgba(244,228,166,.2)}.lby-table-sub{font-family:DM Sans,system-ui,sans-serif;font-size:.85rem;font-weight:500;color:#d4af3799;text-transform:uppercase;letter-spacing:.2em}.lby-seats{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.lby-seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%,-50%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.lby-seat-filled:hover{transform:translate(-50%,-50%) scale(1.08)}.lby-seats[data-count="2"] .lby-seat:nth-child(1){top:5%;left:50%}.lby-seats[data-count="2"] .lby-seat:nth-child(2){top:95%;left:50%}.lby-seats[data-count="3"] .lby-seat:nth-child(1){top:5%;left:50%}.lby-seats[data-count="3"] .lby-seat:nth-child(2){top:80%;left:12%}.lby-seats[data-count="3"] .lby-seat:nth-child(3){top:80%;left:88%}.lby-seats[data-count="4"] .lby-seat:nth-child(1){top:5%;left:50%}.lby-seats[data-count="4"] .lby-seat:nth-child(2){top:50%;left:5%}.lby-seats[data-count="4"] .lby-seat:nth-child(3){top:95%;left:50%}.lby-seats[data-count="4"] .lby-seat:nth-child(4){top:50%;left:95%}.lby-seats[data-count="5"] .lby-seat:nth-child(1){top:3%;left:50%}.lby-seats[data-count="5"] .lby-seat:nth-child(2){top:38%;left:3%}.lby-seats[data-count="5"] .lby-seat:nth-child(3){top:85%;left:18%}.lby-seats[data-count="5"] .lby-seat:nth-child(4){top:85%;left:82%}.lby-seats[data-count="5"] .lby-seat:nth-child(5){top:38%;left:97%}.lby-seats[data-count="6"] .lby-seat:nth-child(1){top:3%;left:50%}.lby-seats[data-count="6"] .lby-seat:nth-child(2){top:28%;left:5%}.lby-seats[data-count="6"] .lby-seat:nth-child(3){top:72%;left:5%}.lby-seats[data-count="6"] .lby-seat:nth-child(4){top:97%;left:50%}.lby-seats[data-count="6"] .lby-seat:nth-child(5){top:72%;left:95%}.lby-seats[data-count="6"] .lby-seat:nth-child(6){top:28%;left:95%}.lby-seats[data-count="7"] .lby-seat:nth-child(1){top:2%;left:50%}.lby-seats[data-count="7"] .lby-seat:nth-child(2){top:22%;left:8%}.lby-seats[data-count="7"] .lby-seat:nth-child(3){top:60%;left:2%}.lby-seats[data-count="7"] .lby-seat:nth-child(4){top:90%;left:22%}.lby-seats[data-count="7"] .lby-seat:nth-child(5){top:90%;left:78%}.lby-seats[data-count="7"] .lby-seat:nth-child(6){top:60%;left:98%}.lby-seats[data-count="7"] .lby-seat:nth-child(7){top:22%;left:92%}.lby-seats[data-count="8"] .lby-seat:nth-child(1){top:2%;left:50%}.lby-seats[data-count="8"] .lby-seat:nth-child(2){top:18%;left:12%}.lby-seats[data-count="8"] .lby-seat:nth-child(3){top:50%;left:2%}.lby-seats[data-count="8"] .lby-seat:nth-child(4){top:82%;left:12%}.lby-seats[data-count="8"] .lby-seat:nth-child(5){top:98%;left:50%}.lby-seats[data-count="8"] .lby-seat:nth-child(6){top:82%;left:88%}.lby-seats[data-count="8"] .lby-seat:nth-child(7){top:50%;left:98%}.lby-seats[data-count="8"] .lby-seat:nth-child(8){top:18%;left:88%}.lby-seat-add{width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#d4af370d;border:2px dashed rgba(212,175,55,.3);border-radius:50%;color:#d4af3780;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.lby-seat-add:hover{background:#d4af3726;border-color:#d4af3799;border-style:solid;color:#d4af37;transform:scale(1.15) rotate(90deg);box-shadow:0 0 30px #d4af374d}.lby-seat-add svg{width:22px;height:22px;transition:transform .3s}.lby-seat-avatar{position:relative;width:56px;height:56px}.lby-seat-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0006,inset 0 -2px 5px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.lby-seat-host .lby-seat-avatar img{border-color:#d4af37b3;box-shadow:0 0 25px #d4af3780,0 4px 15px #0006}.lby-seat-ready .lby-seat-avatar img{border-color:#10b981b3;box-shadow:0 0 20px #10b98180,0 4px 15px #0006}.lby-seat-me .lby-seat-avatar img{border-color:#d4af37cc;box-shadow:0 0 25px #d4af3780,0 4px 15px #0006}.lby-seat-crown,.lby-seat-bot{position:absolute;top:-8px;right:-4px;font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));animation:lbyGlow 2s ease-in-out infinite}.lby-seat-crown{color:#d4af37;text-shadow:0 0 10px rgba(212,175,55,.8)}.lby-seat-bot{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.6)}.lby-seat-status{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#374151;border:3px solid #0c1117;border-radius:50%;transition:all .3s}.lby-seat-status-on{background:#10b981;box-shadow:0 0 12px #10b981,0 0 24px #10b98199}.lby-seat-status{border-color:#141414}.lby-seat-name{font-size:.72rem;font-weight:700;color:#ffffffd9;text-align:center;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.8);padding:3px 8px;background:#0006;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lby-seat-me .lby-seat-name{background:#d4af3733;color:#f4e4a6}.lby-seat-host .lby-seat-name{background:#d4af3740;color:#f4e4a6}.lby-seat-kick{position:absolute;top:-6px;left:-6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid rgba(0,0,0,.3);border-radius:50%;color:#fff;cursor:pointer;opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ef444480}.lby-seat-filled:hover .lby-seat-kick{opacity:1;transform:scale(1)}.lby-seat-kick:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:scale(1.15)}.lby-seat-kick svg{width:12px;height:12px}.lby-bottom{flex-shrink:0;display:flex;justify-content:center;padding-top:12px}.lby-action{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-width:220px;padding:18px 40px;background:linear-gradient(135deg,#d4af37,#a67c00);border:2px solid rgba(244,228,166,.3);border-radius:12px;color:#0a0a0a;font-family:Playfair Display,serif;font-size:1.15rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #d4af3766,inset 0 1px #ffffff4d;overflow:hidden}.lby-action:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%);opacity:0;transition:opacity .3s}.lby-action:hover:before{opacity:1}.lby-action:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 35px #d4af3780,0 0 60px #d4af3733,inset 0 1px #ffffff4d;border-color:#f4e4a680}.lby-action:active{transform:translateY(-2px) scale(1.01)}.lby-action-ready{background:linear-gradient(135deg,#10b981,#059669);border-color:#34d3994d;color:#fff;box-shadow:0 4px 20px #10b98166,inset 0 1px #fff3}.lby-action-ready:hover{box-shadow:0 8px 35px #10b98180,0 0 60px #10b98133,inset 0 1px #fff3;border-color:#34d39980}.lby-action-start{background:linear-gradient(135deg,#10b981,#059669);border-color:#34d3994d;color:#fff;box-shadow:0 4px 20px #10b98166,inset 0 1px #fff3}.lby-action-start:hover:not(:disabled){box-shadow:0 8px 35px #10b98180,0 0 60px #10b98133,inset 0 1px #fff3;border-color:#34d39980}.lby-action-start svg{width:22px;height:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.lby-action-disabled{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-color:#d4af3726;color:#d4af3766;box-shadow:none;cursor:not-allowed}.lby-action-disabled:before{display:none}.lby-action-disabled:hover{transform:none;box-shadow:none;border-color:#d4af3726}@media(max-height:500px){.lby-content{padding:8px 12px}.lby-top{padding-bottom:6px}.lby-leave{width:38px;height:38px}.lby-code{font-size:1.2rem}.lby-counter{padding:6px 10px;font-size:.95rem}.lby-table{padding:4px 0}.lby-table-surface{max-width:320px;border-width:3px}.lby-table-title{font-size:1.5rem}.lby-seats{top:-8px;right:-8px;bottom:-8px;left:-8px}.lby-seat-avatar{width:42px;height:42px}.lby-seat-add{width:40px;height:40px}.lby-seat-name{font-size:.6rem;padding:2px 6px}.lby-seat-crown,.lby-seat-bot{font-size:12px}.lby-action{padding:14px 28px;font-size:1rem;min-width:180px;border-radius:14px}}@media(min-width:500px){.lby-table-surface{max-width:420px}.lby-seats{top:-15px;right:-15px;bottom:-15px;left:-15px}.lby-seat-avatar{width:62px;height:62px}.lby-seat-add{width:58px;height:58px}.lby-seat-name{font-size:.78rem;max-width:90px}.lby-action{min-width:260px;padding:20px 48px;font-size:1.2rem}}@media(min-width:700px)and (min-height:600px){.lby-table-surface{max-width:480px}.lby-seats{top:-20px;right:-20px;bottom:-20px;left:-20px}.lby-seat-avatar{width:72px;height:72px}.lby-seat-avatar img{border-width:4px}.lby-seat-add{width:68px;height:68px}.lby-seat-name{font-size:.85rem;max-width:100px}.lby-seat-crown,.lby-seat-bot{font-size:18px}}.sc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:sc-fade-in .3s ease-out}@keyframes sc-fade-in{0%{opacity:0}to{opacity:1}}.sc-modal{position:relative;width:90%;max-width:420px;max-height:85vh;background:linear-gradient(165deg,#1a1a1a,#0d0d0d);border:1px solid rgba(212,175,55,.3);border-radius:20px;padding:24px;overflow:hidden;box-shadow:0 0 60px #d4af3726,0 25px 50px #00000080,inset 0 1px #ffffff0d;animation:sc-pop-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes sc-pop-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.sc-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.sc-particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(212,175,55,.8) 0%,transparent 70%);border-radius:50%;animation:sc-particle-float 4s ease-in-out infinite}.sc-particle-1{top:20%;left:10%;animation-delay:0s}.sc-particle-2{top:60%;right:15%;animation-delay:2s}@keyframes sc-particle-float{0%,to{opacity:.3;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(-15px) scale(1.5)}}.sc-hide-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.sc-hide-btn:hover{background:#ffffff1a;color:#fffc}.sc-hide-btn svg{width:16px;height:16px}.sc-header{text-align:center;margin-bottom:20px}.sc-round-badge{display:inline-block;background:linear-gradient(135deg,#d4af3733,#d4af370d);border:1px solid rgba(212,175,55,.4);border-radius:20px;padding:6px 20px;font-size:.9rem;font-weight:600;color:#d4af37;letter-spacing:.5px;text-transform:uppercase}.sc-doubled-alert{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:8px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;animation:sc-doubled-pulse 1s ease-in-out infinite}@keyframes sc-doubled-pulse{0%,to{opacity:1}50%{opacity:.7}}.sc-doubled-icon{font-size:1.2rem;font-weight:800;color:#ef4444}.sc-doubled-text{font-size:.85rem;font-weight:500;color:#fca5a5}.sc-rankings{display:flex;flex-direction:column;gap:8px;max-height:45vh;overflow-y:auto;padding:4px;margin:0 -4px}.sc-player-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;animation:sc-row-slide-in .4s ease-out backwards;transition:all .2s}@keyframes sc-row-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.sc-row-winner{background:linear-gradient(135deg,#d4af3726,#d4af370d);border-color:#d4af374d}.sc-row-me{border-color:#10b98166;box-shadow:0 0 20px #10b9811a}.sc-row-doubled{background:#ef44441a;border-color:#ef44444d}.sc-row-dunce{background:linear-gradient(135deg,#8b451333,#8b45130d);border-color:#8b451366}.sc-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sc-rank-num{font-size:1.1rem;font-weight:700;color:#fff6}.sc-rank-crown,.sc-rank-dunce{font-size:1.4rem}.sc-player-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sc-avatar-wrap{position:relative;flex-shrink:0}.sc-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.2);-o-object-fit:cover;object-fit:cover}.sc-row-winner .sc-avatar{border-color:#d4af3799}.sc-finisher-badge{position:absolute;bottom:-4px;right:-4px;font-size:.9rem;background:#0d0d0d;border-radius:50%;padding:2px}.sc-name{font-size:.95rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-scores{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.sc-round-score{display:flex;align-items:center;gap:4px;font-size:1.1rem;font-weight:700;color:#fff}.sc-score-good{color:#10b981}.sc-score-bad{color:#ef4444}.sc-x2{font-size:.7rem;font-weight:800;color:#ef4444;background:#ef444433;padding:2px 4px;border-radius:4px}.sc-total-score{font-size:.8rem;font-weight:500;color:#ffffff80}.sc-actions{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.sc-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;border:none;border-radius:14px;cursor:pointer;transition:all .2s}.sc-btn svg{width:20px;height:20px}.sc-btn-primary{background:linear-gradient(135deg,#d4af37,#a67c00);color:#000;box-shadow:0 4px 20px #d4af374d}.sc-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #d4af3766}.sc-btn-primary:active{transform:translateY(0)}.sc-waiting{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px}.sc-waiting-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.sc-waiting-fill{height:100%;background:linear-gradient(90deg,#d4af37,#f4e4a6);border-radius:3px;transition:width .3s ease-out}.sc-waiting-text{font-size:.9rem;font-weight:500;color:#fff9;white-space:nowrap}.sc-waiting-dot{width:6px;height:6px;background:#fff6;border-radius:50%;animation:sc-dot-pulse 1.4s ease-in-out infinite}.sc-waiting-dot:nth-child(2){animation-delay:.2s}.sc-waiting-dot:nth-child(3){animation-delay:.4s}@keyframes sc-dot-pulse{0%,80%,to{transform:scale(1);opacity:.4}40%{transform:scale(1.3);opacity:1}}.sc-hidden-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0000004d;display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;cursor:pointer}.sc-restore-pill{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#141414f2;border:1px solid rgba(212,175,55,.3);border-radius:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default}.sc-restore-icon{font-size:1.2rem}.sc-restore-btn{padding:8px 16px;font-size:.85rem;font-weight:600;background:linear-gradient(135deg,#d4af37,#a67c00);color:#000;border:none;border-radius:20px;cursor:pointer;transition:all .2s}.sc-restore-btn:hover{transform:scale(1.05)}.sc-restore-count{font-size:.9rem;font-weight:600;color:#fff9}.go-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:go-fade-in .4s ease-out}@keyframes go-fade-in{0%{opacity:0}to{opacity:1}}.go-modal{position:relative;width:90%;max-width:480px;max-height:90vh;background:linear-gradient(165deg,#1a1a1a,#0d0d0d);border:1px solid rgba(212,175,55,.4);border-radius:24px;padding:28px;overflow:hidden;box-shadow:0 0 80px #d4af3733,0 30px 60px #0009,inset 0 1px #ffffff0d;animation:go-pop-in .5s cubic-bezier(.34,1.56,.64,1)}@keyframes go-pop-in{0%{opacity:0;transform:scale(.85) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.go-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.go-particle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,rgba(212,175,55,.9) 0%,transparent 70%);border-radius:50%;animation:go-particle-burst 3s ease-out infinite}.go-particle-1{top:15%;left:8%;animation-delay:0s}.go-particle-2{top:25%;right:12%;animation-delay:1s}.go-particle-3{bottom:30%;left:15%;animation-delay:2s}@keyframes go-particle-burst{0%{opacity:0;transform:scale(0)}20%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(.5) translateY(-30px)}}.go-hide-btn{position:absolute;top:14px;right:14px;width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.go-hide-btn:hover{background:#ffffff1a;color:#fffc}.go-hide-btn svg{width:18px;height:18px}.go-header{text-align:center;margin-bottom:24px}.go-title{font-size:1.8rem;font-weight:700;color:#fff;letter-spacing:1px;text-transform:uppercase}.go-title-win{background:linear-gradient(135deg,#d4af37,#f4e4a6,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:go-title-shine 2s ease-in-out infinite}@keyframes go-title-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.go-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-bottom:20px;padding:10px 0}.go-podium-slot{display:flex;flex-direction:column;align-items:center;animation:go-podium-rise .6s cubic-bezier(.34,1.56,.64,1) backwards}.go-podium-rank-1{animation-delay:.2s}.go-podium-rank-2{animation-delay:.1s}.go-podium-rank-3{animation-delay:.3s}@keyframes go-podium-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.go-medal{font-size:1.8rem;margin-bottom:8px;animation:go-medal-bounce .8s ease-out .5s backwards}.go-podium-rank-1 .go-medal{font-size:2.2rem}@keyframes go-medal-bounce{0%{transform:scale(0) rotate(-30deg)}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0)}}.go-avatar-wrap{position:relative;margin-bottom:8px}.go-avatar{width:56px;height:56px;border-radius:50%;border:3px solid rgba(255,255,255,.2);-o-object-fit:cover;object-fit:cover}.go-podium-rank-1 .go-avatar{width:72px;height:72px;border-color:#d4af3799;box-shadow:0 0 30px #d4af374d}.go-podium-me .go-avatar{border-color:#10b98199;box-shadow:0 0 20px #10b9814d}.go-crown{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:1.4rem;animation:go-crown-float 2s ease-in-out infinite}@keyframes go-crown-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.go-dunce-hat{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:1.2rem}.go-pedestal{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 16px;background:linear-gradient(180deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:12px 12px 4px 4px;min-width:80px}.go-podium-rank-1 .go-pedestal{background:linear-gradient(180deg,#d4af3726,#d4af370d);border-color:#d4af374d;padding:16px 20px;min-width:100px}.go-podium-rank-2 .go-pedestal{min-height:70px}.go-podium-rank-1 .go-pedestal{min-height:90px}.go-podium-rank-3 .go-pedestal{min-height:55px}.go-name{font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.go-podium-rank-1 .go-name{font-size:.95rem;max-width:100px}.go-score{font-size:.75rem;font-weight:500;color:#ffffff80}.go-podium-rank-1 .go-score{font-size:.85rem;color:#d4af37cc}.go-rankings{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px}.go-rank-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;transition:all .2s}.go-rank-me{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.go-rank-pos{width:28px;font-size:.85rem;font-weight:600;color:#fff6}.go-rank-name{flex:1;font-size:.9rem;font-weight:500;color:#fffc}.go-rank-score{font-size:.9rem;font-weight:600;color:#ffffff80}.go-actions{display:flex;flex-direction:column;gap:10px}.go-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;font-size:1rem;font-weight:600;border:none;border-radius:14px;cursor:pointer;transition:all .2s}.go-btn svg{width:20px;height:20px}.go-btn-play{background:linear-gradient(135deg,#d4af37,#a67c00);color:#000;box-shadow:0 4px 25px #d4af3759}.go-btn-play:hover{transform:translateY(-2px);box-shadow:0 6px 35px #d4af3773}.go-btn-quit{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#ffffffb3}.go-btn-quit:hover{background:#ffffff1a;color:#fff}.go-waiting{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;font-size:.9rem;color:#fff9}.go-waiting-dot{width:6px;height:6px;background:#fff6;border-radius:50%;animation:go-dot-pulse 1.4s ease-in-out infinite}.go-waiting-dot:nth-child(2){animation-delay:.2s}.go-waiting-dot:nth-child(3){animation-delay:.4s}@keyframes go-dot-pulse{0%,80%,to{transform:scale(1);opacity:.4}40%{transform:scale(1.3);opacity:1}}.go-hidden-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0006;display:flex;align-items:flex-end;justify-content:center;padding-bottom:24px;cursor:pointer}.go-restore-pill{display:flex;align-items:center;gap:12px;padding:14px 22px;background:#141414f2;border:1px solid rgba(212,175,55,.4);border-radius:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 30px #d4af3726;cursor:default}.go-restore-icon{font-size:1.3rem}.go-restore-btn{padding:10px 18px;font-size:.85rem;font-weight:600;border:none;border-radius:20px;cursor:pointer;transition:all .2s}.go-restore-play{background:linear-gradient(135deg,#d4af37,#a67c00);color:#000}.go-restore-quit{background:#ffffff1a;color:#fffc}.go-restore-btn:hover{transform:scale(1.05)}@media(max-width:480px){.sc-modal,.go-modal{padding:20px;border-radius:18px}.sc-player-row{padding:10px 12px;gap:10px}.sc-avatar{width:36px;height:36px}.sc-name{font-size:.85rem}.sc-round-score{font-size:1rem}.go-podium{gap:8px}.go-avatar{width:48px;height:48px}.go-podium-rank-1 .go-avatar{width:60px;height:60px}.go-pedestal{padding:10px 12px;min-width:70px}.go-podium-rank-1 .go-pedestal{min-width:85px;padding:14px 16px}.go-name{font-size:.8rem;max-width:70px}.go-medal{font-size:1.5rem}.go-podium-rank-1 .go-medal{font-size:1.8rem}}.esc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0c12eb,#05060afa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:escFadeIn .3s ease-out}@keyframes escFadeIn{0%{opacity:0}to{opacity:1}}.esc-container{display:flex;flex-direction:column;align-items:center;gap:16px;animation:escSlideUp .4s cubic-bezier(.16,1,.3,1)}.esc-panel{position:relative;width:min(95vw,900px);max-height:calc(90vh - 100px);display:flex;flex-direction:column;background:linear-gradient(135deg,#191c23f2,#0f1116fa);border:1px solid rgba(212,175,55,.25);border-radius:16px;box-shadow:0 0 60px #d4af3714,0 25px 50px #00000080,inset 0 1px #ffffff0d;overflow:hidden}@keyframes escSlideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.esc-floating-actions{display:flex;gap:12px}.esc-float-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:80px;height:70px;padding:12px 8px;background:#14161cf2;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff9;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006;animation:escBtnFloat .5s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--btn-index, 0) * .08s + .15s)}@keyframes escBtnFloat{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.esc-float-btn svg{width:24px;height:24px;transition:transform .3s ease}.esc-float-label{font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.esc-float-btn:hover{transform:translateY(-4px) scale(1.05);border-color:#fff3;color:#fff;box-shadow:0 12px 40px #00000080}.esc-float-btn:hover svg{transform:scale(1.1)}.esc-float-btn:active{transform:translateY(-2px) scale(1)}.esc-float-btn.active{color:#d4af37;border-color:#d4af374d;background:#d4af371a}.esc-float-btn.active:hover{border-color:#d4af3780;box-shadow:0 12px 40px #d4af3726}.esc-float-btn.muted{color:#ff6464b3;border-color:#ff646433}.esc-float-btn.muted:hover{color:#ff6b6b;border-color:#ff646466}.esc-float-btn.shop:hover{color:#d4af37;border-color:#d4af3766;box-shadow:0 12px 40px #d4af3733}.esc-float-btn.reset:hover{color:#6ecf8e;border-color:#6ecf8e66;box-shadow:0 12px 40px #6ecf8e26}.esc-float-btn.reset:hover svg{animation:escSpinOnce .6s ease}@keyframes escSpinOnce{0%{transform:rotate(0) scale(1.1)}to{transform:rotate(360deg) scale(1.1)}}.esc-float-btn.quit:hover{color:#ff6b6b;border-color:#ff6b6b66;box-shadow:0 12px 40px #ff6b6b26}.esc-float-btn.quit:hover svg{animation:escShakeX .5s ease}@keyframes escShakeX{0%,to{transform:translate(0) scale(1.1)}25%{transform:translate(3px) scale(1.1)}75%{transform:translate(-3px) scale(1.1)}}.esc-header{display:flex;align-items:center;justify-content:center;padding:20px 24px;background:linear-gradient(180deg,rgba(212,175,55,.08) 0%,transparent 100%);border-bottom:1px solid rgba(212,175,55,.15)}.esc-title-area{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.esc-title{margin:0;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;color:#f4e4a6;text-shadow:0 2px 8px rgba(212,175,55,.3);letter-spacing:.02em}.esc-subtitle{font-family:Inter,sans-serif;font-size:.8rem;color:#d4af3799;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.esc-table-wrap{flex:1;overflow:auto;padding:16px 20px;scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.3) transparent}.esc-table-wrap::-webkit-scrollbar{width:6px;height:6px}.esc-table-wrap::-webkit-scrollbar-track{background:transparent}.esc-table-wrap::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:3px}.esc-table{width:100%;border-collapse:separate;border-spacing:0;font-family:Inter,sans-serif}.esc-table thead{position:sticky;top:0;z-index:10}.esc-table th{padding:12px 8px;background:#0f1116f2;font-size:.75rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(212,175,55,.2)}.esc-th-player{text-align:left;min-width:140px;padding-left:16px!important}.esc-th-round{width:50px;text-align:center;font-size:.85rem!important;font-weight:700!important;color:#ffffff4d!important}.esc-th-round.played{color:#d4af3780!important}.esc-th-round.current{color:#d4af37!important;position:relative}.esc-th-round.current:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:#d4af37;border-radius:1px}.esc-th-total{width:70px;text-align:center;color:#d4af37!important;font-weight:700!important}.esc-row td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s ease}.esc-row:hover td{background:#d4af3708}.esc-row.me td{background:#d4af370f}.esc-row.me:hover td{background:#d4af371a}.esc-row.leader td:first-child{position:relative}.esc-row.leader td:first-child:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,#d4af37,#f4e4a6);border-radius:0 2px 2px 0}.esc-td-player{padding-left:16px!important}.esc-player-cell{display:flex;align-items:center;gap:10px}.esc-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#ffffff59;background:#ffffff08;border-radius:6px}.esc-row.leader .esc-rank{background:transparent;font-size:1rem}.esc-avatar{width:32px;height:32px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.esc-row.me .esc-avatar{border-color:#d4af3766;box-shadow:0 0 10px #d4af3733}.esc-name{font-size:.9rem;font-weight:500;color:#ffffffd9;display:flex;align-items:center;gap:6px}.esc-you{font-size:.65rem;font-weight:600;color:#d4af37;background:#d4af3726;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.esc-td-score{text-align:center;vertical-align:middle}.esc-td-score.empty{color:#ffffff14}.esc-td-score.current{position:relative}.esc-current-dot{display:inline-block;width:8px;height:8px;background:#d4af37;border-radius:50%;animation:escDotPulse 1.5s ease-in-out infinite}@keyframes escDotPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.esc-score-value{display:inline-flex;align-items:center;gap:3px;font-size:.85rem;font-weight:600;color:#ffffffb3;font-variant-numeric:tabular-nums}.esc-score-value.good{color:#6ecf8e}.esc-score-value.bad{color:#ff6b6b}.esc-score-value.doubled{color:#ff9f43}.esc-x2{font-size:.6rem;font-weight:700;color:#ff9f43;background:#ff9f4326;padding:1px 4px;border-radius:3px}.esc-star{font-size:.65rem;margin-right:2px}.esc-score-value.finisher{color:#d4af37}.esc-td-total{text-align:center;font-size:1rem;font-weight:700;color:#f4e4a6;font-variant-numeric:tabular-nums}.esc-td-total.danger{color:#ff6b6b;animation:escDangerPulse 2s ease-in-out infinite}@keyframes escDangerPulse{0%,to{opacity:1}50%{opacity:.6}}.esc-footer{padding:12px 24px;text-align:center;border-top:1px solid rgba(255,255,255,.04);background:#0003}.esc-footer kbd{display:inline-block;padding:4px 10px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;color:#ffffff80;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:5px;margin-right:6px}.esc-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:escFadeIn .2s ease-out}.esc-confirm{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 36px;background:linear-gradient(135deg,#1e212afa,#14161cfc);border:1px solid rgba(212,175,55,.2);border-radius:16px;box-shadow:0 20px 40px #0006;animation:escSlideUp .3s cubic-bezier(.16,1,.3,1)}.esc-confirm-emoji{font-size:2.5rem}.esc-confirm p{margin:0;font-family:Playfair Display,serif;font-size:1.2rem;color:#ffffffe6}.esc-confirm-btns{display:flex;gap:12px;margin-top:8px}.esc-confirm-no,.esc-confirm-yes{padding:10px 28px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.esc-confirm-no{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#ffffffb3}.esc-confirm-no:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff}.esc-confirm-yes{background:linear-gradient(135deg,#d4af37,#c9a227);border:none;color:#1a1c24}.esc-confirm-yes:hover{background:linear-gradient(135deg,#e4bf47,#d9b237);transform:translateY(-2px);box-shadow:0 8px 20px #d4af3740}.esc-confirm-yes.danger{background:linear-gradient(135deg,#e74c3c,#c0392b)}.esc-confirm-yes.danger:hover{background:linear-gradient(135deg,#f75c4c,#d0493b);box-shadow:0 8px 20px #e74c3c40}@media(max-width:768px){.esc-container{gap:12px}.esc-panel{width:98vw;max-height:calc(90vh - 90px);border-radius:12px}.esc-floating-actions{gap:8px}.esc-float-btn{width:70px;height:60px;padding:10px 6px;border-radius:12px}.esc-float-btn svg{width:20px;height:20px}.esc-float-label{font-size:.6rem}.esc-header{padding:14px 16px}.esc-title{font-size:1.2rem}.esc-subtitle{font-size:.7rem}.esc-table-wrap{padding:10px 12px}.esc-table th{padding:8px 4px;font-size:.65rem}.esc-th-round{width:36px;font-size:.75rem!important}.esc-th-player{min-width:100px;padding-left:10px!important}.esc-td-player{padding-left:10px!important}.esc-player-cell{gap:6px}.esc-rank{width:20px;height:20px;font-size:.65rem}.esc-avatar{width:26px;height:26px;border-radius:6px}.esc-name{font-size:.8rem}.esc-you{font-size:.55rem;padding:1px 4px}.esc-score-value{font-size:.75rem}.esc-td-total{font-size:.85rem}.esc-footer{padding:10px 16px}.esc-footer kbd{font-size:.6rem;padding:3px 8px}.esc-confirm{padding:22px 28px;margin:0 16px}.esc-confirm-emoji{font-size:2rem}.esc-confirm p{font-size:1rem}.esc-confirm-no,.esc-confirm-yes{padding:8px 22px;font-size:.85rem}}@media(max-width:480px){.esc-container{gap:10px}.esc-floating-actions{gap:5px}.esc-float-btn{width:60px;height:52px;padding:8px 4px;border-radius:10px}.esc-float-btn svg{width:18px;height:18px}.esc-float-label{font-size:.5rem}.esc-header{padding:12px}.esc-title{font-size:1rem}.esc-th-round{width:28px;padding:6px 2px!important}.esc-th-player{min-width:80px}.esc-avatar{width:22px;height:22px}.esc-rank{display:none}.esc-name{font-size:.75rem}.esc-score-value{font-size:.7rem}.esc-x2{font-size:.5rem;padding:0 2px}.esc-td-total{font-size:.8rem;width:50px}}.shop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 50% 50% at 50% 30%,rgba(212,175,55,.03) 0%,transparent 70%),#000000f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:shop-fade .3s ease-out}@keyframes shop-fade{0%{opacity:0}to{opacity:1}}.shop-modal{position:relative;width:700px;height:600px;display:flex;flex-direction:column;background:#0a0a0a;animation:shop-open .4s cubic-bezier(.22,1,.36,1)}@keyframes shop-open{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shop-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(212,175,55,.4);pointer-events:none;z-index:10}.shop-modal:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(212,175,55,.2);pointer-events:none;z-index:10}.shop-header:before,.shop-header:after,.shop-content:before,.shop-content:after{content:"";position:absolute;width:20px;height:20px;border-color:#d4af37;border-style:solid;z-index:11}.shop-header:before{top:0;left:0;border-width:2px 0 0 2px}.shop-header:after{top:0;right:0;border-width:2px 2px 0 0}.shop-content:before{bottom:0;left:0;border-width:0 0 2px 2px}.shop-content:after{bottom:0;right:0;border-width:0 2px 2px 0}.shop-header{position:relative;z-index:2;display:flex;align-items:center;padding:24px 32px 20px}.shop-title{display:flex;align-items:center;gap:14px;flex:1}.shop-title-icon{font-size:1.4rem}.shop-title h2{font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:500;color:#d4af37;margin:0;letter-spacing:.12em;text-transform:uppercase}.shop-title h2:after{content:"";display:block;width:60px;height:1px;background:linear-gradient(90deg,#d4af37,transparent);margin-top:6px}.shop-points{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:1px solid rgba(212,175,55,.3);margin-right:16px}.shop-points span{font-family:Playfair Display,Georgia,serif;font-size:1.15rem;font-weight:600;color:#d4af37;line-height:1}.shop-coin{width:18px;height:18px;color:#d4af37;display:block;flex-shrink:0}.shop-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff6;cursor:pointer;transition:all .2s}.shop-close:hover{border-color:#d4af3780;color:#d4af37}.shop-close svg{width:18px;height:18px}.shop-tabs{position:relative;z-index:2;display:flex;gap:0;margin:0 32px 20px;border-bottom:1px solid rgba(212,175,55,.15)}.shop-tab{padding:14px 24px;font-family:DM Sans,system-ui,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#fff6;background:transparent;border:none;cursor:pointer;transition:all .25s;position:relative}.shop-tab:hover{color:#ffffffb3}.shop-tab.active{color:#d4af37}.shop-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#d4af37}.shop-content{position:relative;z-index:1;flex:1;overflow-y:auto;overflow-x:hidden;padding:0 32px 32px;scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.2) transparent}.shop-content::-webkit-scrollbar{width:4px}.shop-content::-webkit-scrollbar-thumb{background:#d4af3733}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.shop-item{position:relative;display:flex;flex-direction:column;align-items:center;padding:32px 16px 24px;background:linear-gradient(180deg,rgba(212,175,55,.03) 0%,transparent 40%),linear-gradient(180deg,#0d0d0d,#0a0a0a);border:1px solid rgba(212,175,55,.12);cursor:pointer;transition:all .35s ease}.shop-item:before{content:"◇";position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:12px;color:#d4af3766;background:#0a0a0a;padding:0 8px;transition:color .3s}.shop-item:hover{border-color:#d4af3766;background:linear-gradient(180deg,rgba(212,175,55,.06) 0%,transparent 50%),linear-gradient(180deg,#0f0f0f,#0a0a0a);transform:translateY(-4px);box-shadow:0 20px 40px #0006,0 0 0 1px #d4af371a}.shop-item:hover:before{color:#d4af37}.shop-item.owned{cursor:default;border-color:#10b98133}.shop-item.owned:before{color:#10b98180}.shop-item.owned:hover{transform:none;box-shadow:none;background:linear-gradient(180deg,rgba(212,175,55,.03) 0%,transparent 40%),linear-gradient(180deg,#0d0d0d,#0a0a0a)}.shop-item.equipped{border-color:#d4af3759;background:linear-gradient(180deg,rgba(212,175,55,.05) 0%,transparent 50%),linear-gradient(180deg,#0f0f0f,#0a0a0a)}.shop-item.equipped:before{color:#d4af37}.shop-item.insufficient:not(.owned){opacity:.35;cursor:not-allowed}.shop-item.insufficient:not(.owned):hover{transform:none;box-shadow:none;border-color:#d4af371f}.shop-item.service{grid-column:span 3;flex-direction:row;gap:24px;padding:28px 32px;text-align:left}.shop-item.service:before{display:none}.shop-item.service .shop-item-icon{font-size:2.5rem;flex-shrink:0}.shop-item.service .shop-item-name{text-align:left;margin-top:0}.shop-item-badge{position:absolute;top:12px;right:12px;padding:4px 10px;font-family:DM Sans,system-ui,sans-serif;font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#10b981;border:1px solid rgba(16,185,129,.4);background:#10b98114;z-index:2}.shop-item-badge.equipped-badge{color:#d4af37;border-color:#d4af3780;background:#d4af3714}.shop-item-image{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:50%;background:#080808;border:2px solid rgba(212,175,55,.25);transition:all .35s;box-shadow:0 8px 24px #00000080}.shop-item:hover .shop-item-image{border-color:#d4af3780;box-shadow:0 12px 32px #00000080,0 0 0 4px #d4af371a}.shop-item-image.deck{width:60px;height:84px;border-radius:4px;box-shadow:4px 4px #080808,8px 8px #050505,0 10px 30px #0009}.shop-item:hover .shop-item-image.deck{transform:rotate(-4deg);box-shadow:5px 5px #080808,10px 10px #050505,0 15px 40px #0009,0 0 0 2px #d4af374d}.shop-item-icon{font-size:3rem;line-height:1}.shop-item-name{font-family:DM Sans,system-ui,sans-serif;font-size:.9rem;font-weight:500;color:#fff;text-align:center;line-height:1.3;margin-top:18px}.shop-item-desc{font-family:DM Sans,system-ui,sans-serif;font-size:.8rem;color:#fff6;line-height:1.4;flex:1}.shop-item-price{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;font-family:Playfair Display,Georgia,serif;font-size:1.05rem;font-weight:500;color:#d4af37;line-height:1}.shop-item-price .shop-coin{width:14px;height:14px}.shop-item-price.owned-price{color:#10b981;font-family:DM Sans,system-ui,sans-serif;font-size:.8rem}.shop-equip-btn{margin-top:14px;padding:10px 20px;font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:none;cursor:pointer;transition:all .25s}.shop-equip-btn.equip{background:#10b981;color:#fff}.shop-equip-btn.equip:hover{background:#0ea574}.shop-equip-btn.unequip{background:transparent;color:#ffffff80;border:1px solid rgba(255,255,255,.2)}.shop-equip-btn.unequip:hover{border-color:#ef444480;color:#f87171}.shop-empty,.shop-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:220px;text-align:center;gap:16px}.shop-empty-icon{font-size:3.5rem;opacity:.15}.shop-empty p,.shop-loading p{font-family:DM Sans,system-ui,sans-serif;font-size:.95rem;color:#ffffff4d}.shop-spinner{width:32px;height:32px;border:1px solid rgba(212,175,55,.2);border-top-color:#d4af37;border-radius:50%;animation:shop-spin .8s linear infinite}@keyframes shop-spin{to{transform:rotate(360deg)}}.shop-guest{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:48px}.shop-guest-icon{font-size:4rem;margin-bottom:24px;opacity:.2}.shop-guest h3{font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:500;color:#fff;margin:0 0 12px}.shop-guest p{font-family:DM Sans,system-ui,sans-serif;font-size:.95rem;color:#fff6;margin:0 0 32px}.shop-guest-btn{padding:16px 40px;font-family:DM Sans,system-ui,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:#d4af37;color:#000;border:none;cursor:pointer;transition:all .25s}.shop-guest-btn:hover{background:#e5c349}.shop-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#000000f2;animation:shop-fade .2s ease-out}.shop-confirm{position:relative;width:340px;background:#0a0a0a;border:1px solid rgba(212,175,55,.3);padding:40px 36px;text-align:center;animation:shop-open .3s cubic-bezier(.22,1,.36,1)}.shop-confirm:before,.shop-confirm:after{content:"";position:absolute;width:16px;height:16px;border-color:#d4af37;border-style:solid}.shop-confirm:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.shop-confirm:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.shop-confirm-image{width:88px;height:88px;-o-object-fit:cover;object-fit:cover;border-radius:50%;background:#080808;border:2px solid rgba(212,175,55,.3);margin:0 auto 24px;display:block;box-shadow:0 10px 30px #00000080}.shop-confirm-image.deck{width:68px;height:95px;border-radius:4px;box-shadow:4px 4px #080808,8px 8px #050505,0 12px 36px #00000080}.shop-confirm-icon{font-size:3.5rem;margin-bottom:24px}.shop-confirm h3{font-family:Playfair Display,Georgia,serif;font-size:1.3rem;font-weight:500;color:#fff;margin:0 0 10px}.shop-confirm p{font-family:DM Sans,system-ui,sans-serif;font-size:.9rem;color:#ffffff73;margin:0 0 24px;line-height:1.5}.shop-confirm-price{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;border:1px solid rgba(212,175,55,.3);font-family:Playfair Display,Georgia,serif;font-size:1.2rem;font-weight:500;color:#d4af37;margin-bottom:28px;line-height:1}.shop-confirm-price .shop-coin{width:18px;height:18px}.shop-confirm-btns{display:flex;gap:12px}.shop-confirm-btn{flex:1;padding:14px 24px;font-family:DM Sans,system-ui,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:none;cursor:pointer;transition:all .25s}.shop-confirm-btn.cancel{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ffffff80}.shop-confirm-btn.cancel:hover{border-color:#ffffff4d;color:#fff}.shop-confirm-btn.buy{background:#d4af37;color:#000}.shop-confirm-btn.buy:hover:not(:disabled){background:#e5c349}.shop-confirm-btn.buy:disabled{opacity:.3;cursor:not-allowed}.shop-pseudo-input{width:100%;padding:14px 18px;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;color:#fff;background:#080808;border:1px solid rgba(255,255,255,.15);outline:none;margin-bottom:8px;transition:border-color .2s}.shop-pseudo-input::-moz-placeholder{color:#ffffff40}.shop-pseudo-input::placeholder{color:#ffffff40}.shop-pseudo-input:focus{border-color:#d4af3780}.shop-pseudo-hint{font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;color:#ffffff4d;margin-bottom:20px}.shop-toast{position:fixed;bottom:36px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:16px 28px;background:#0a0a0a;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #00000080;animation:shop-toast-in .4s cubic-bezier(.22,1,.36,1);z-index:1200}@keyframes shop-toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.shop-toast.success{border-color:#10b98166}.shop-toast.error{border-color:#ef444466}.shop-toast-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.shop-toast.success .shop-toast-icon{color:#10b981}.shop-toast.error .shop-toast-icon{color:#ef4444}.shop-toast span:last-child{font-family:DM Sans,system-ui,sans-serif;font-size:.95rem;font-weight:500;color:#fff}@media(max-width:740px){.shop-modal{width:100%;height:100%}.shop-header:before,.shop-header:after,.shop-content:before,.shop-content:after{display:none}.shop-header{padding:22px 24px 18px}.shop-title h2{font-size:1.3rem}.shop-tabs{margin:0 24px 18px}.shop-content{padding:0 24px 28px}.shop-grid{grid-template-columns:repeat(2,1fr);gap:18px}.shop-item{padding:28px 14px 20px}.shop-item-image{width:68px;height:68px}.shop-item-image.deck{width:52px;height:73px}.shop-item.service{grid-column:span 2}}@media(max-width:520px){.shop-header{padding:20px 20px 16px}.shop-title-icon{font-size:1.2rem}.shop-title h2{font-size:1.15rem;letter-spacing:.08em}.shop-title h2:after{width:40px;margin-top:4px}.shop-points{padding:8px 14px;margin-right:12px}.shop-points span{font-size:1rem}.shop-close{width:36px;height:36px}.shop-tabs{margin:0 20px 16px}.shop-tab{padding:12px 16px;font-size:.8rem}.shop-content{padding:0 20px 24px}.shop-grid{gap:14px}.shop-item{padding:24px 12px 18px}.shop-item:before{font-size:10px;top:-6px}.shop-item-image{width:58px;height:58px}.shop-item-image.deck{width:46px;height:64px;box-shadow:3px 3px #080808,6px 6px #050505}.shop-item-icon{font-size:2.5rem}.shop-item-name{font-size:.85rem;margin-top:14px}.shop-item-price{font-size:.95rem;margin-top:12px}.shop-confirm{width:90%;padding:32px 28px}}@media(max-width:400px){.shop-points{display:none}.shop-grid{gap:12px}.shop-item{padding:22px 10px 16px}.shop-item-image{width:50px;height:50px}.shop-item-name{font-size:.8rem}}.hover\:bg-slate-600:hover{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}