:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}body{color:#fff;background:radial-gradient(circle at 20% 10%,#ffca2829,#0000 32%),radial-gradient(circle at 80% 20%,#38bdf82e,#0000 36%),linear-gradient(135deg,#07111f,#0f172a 45%,#020617);margin:0;font-family:Arial,Tahoma,sans-serif}button{font-family:inherit}.page{min-height:100vh;padding:18px}.lobby{place-items:center;display:grid}.loading{place-items:center;font-size:24px;font-weight:800;display:grid}.lobby-card{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff24;border-radius:30px;width:min(560px,100%);padding:34px;box-shadow:0 30px 80px #00000073}.brand{background:linear-gradient(135deg,#fde68a,#f59e0b);border-radius:28px;place-items:center;width:92px;height:92px;margin:0 auto 12px;font-size:50px;display:grid;box-shadow:0 0 34px #f59e0b8c}.lobby-card h1,.topbar h1{color:#fde68a;letter-spacing:-.5px;margin:0}.lobby-card p,.topbar p,.control-panel p{color:#ffffffb8}.room-input{color:#fff;text-align:center;text-transform:uppercase;background:#00000059;border:1px solid #ffffff24;border-radius:18px;outline:none;width:100%;margin-top:18px;padding:16px;font-size:24px}.room-input:focus{border-color:#fbbf24;box-shadow:0 0 0 4px #fbbf2424}.lobby-buttons,.actions,.card-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.main-btn,.action-btn,.mini-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:16px;padding:12px 18px;font-weight:800;transition:all .2s;box-shadow:0 12px 28px #00000040}.mini-btn{border-radius:12px;padding:8px 10px;font-size:12px}.trap-btn{color:#fde68a;background:#fbbf2433}.main-btn:hover,.action-btn:hover,.mini-btn:hover,.game-card:hover,.slot:hover,.trap-slot:hover{transform:translateY(-4px)}.main-btn:disabled,.action-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.gold{color:#111827;background:linear-gradient(135deg,#fde68a,#f59e0b)}.attack-btn{background:linear-gradient(135deg,#ef4444,#7f1d1d)}.game-shell{max-width:1250px;margin:0 auto}.topbar,.panel,.control-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff13;border:1px solid #ffffff1f;border-radius:26px;box-shadow:0 18px 55px #00000057}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:18px;display:flex}.turn-badge{background:#00000059;border-radius:18px;padding:12px 18px;font-weight:900}.my-turn{background:linear-gradient(135deg,#22c55ef2,#15803df2)}.panel,.control-panel{margin-bottom:16px;padding:16px}.preview-panel{border-color:#fbbf2459}.section-head{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.slots-grid,.traps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.slot,.trap-slot{color:#fff;cursor:pointer;text-align:right;background:#0000003b;border:1px solid #ffffff1f;border-radius:24px;width:100%;min-height:230px;padding:14px;transition:all .2s}.trap-slot{background:#61380029;border-color:#fbbf243b}.active-slot{border-color:#fbbf24;box-shadow:0 0 0 4px #fbbf2426,0 0 28px #fbbf2429}.attacked-slot{opacity:.74;border-color:#22c55e59}.slot-title{color:#ffffff94;margin-bottom:10px;font-size:13px}.empty-slot{color:#ffffff61;border:1px dashed #ffffff2e;border-radius:18px;place-items:center;min-height:170px;display:grid}.slot-emoji,.trap-emoji{background:#00000038;border-radius:18px;place-items:center;height:90px;font-size:54px;display:grid}.trap-emoji{color:#fde68a}.slot-name,.trap-name{color:#fde68a;margin-top:10px;font-size:21px;font-weight:900}.trap-text{color:#ffffffc7;margin-top:8px;font-size:13px;line-height:1.6}.slot-power{margin-top:6px;font-weight:800}.slot-info{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;font-size:12px;display:grid}.slot-info span{text-align:center;color:#ffffff5c;background:#ffffff12;border-radius:10px;padding:5px}.slot-info .complete{color:#86efac;background:#22c55e1f}.ready-text{color:#ffffff8c;margin-top:10px;font-weight:800}.ready{color:#fbbf24}.control-panel{gap:8px;display:grid}.hand{flex-wrap:wrap;gap:14px;display:flex}.game-card{text-align:right;color:#fff;background:linear-gradient(145deg,#0ea5e92e,#0f172af2),radial-gradient(circle at 50% 0,#ffffff2e,#0000 46%);border:1px solid #7dd3fc7a;border-radius:26px;width:176px;min-height:300px;padding:12px;transition:all .2s;box-shadow:0 18px 38px #0000005c}.special-card{background:linear-gradient(145deg,#ef44443b,#111827f5),radial-gradient(circle at 50% 0,#fbbf2438,#0000 48%);border-color:#fbbf249e}.danger-card{border-color:#fca5a5;box-shadow:0 0 0 5px #ef44443d,0 18px 38px #0000005c}.card-top{color:#ffffffb3;justify-content:space-between;font-size:12px;display:flex}.card-emoji{background:#ffffff17;border-radius:18px;place-items:center;height:96px;margin:12px 0;font-size:58px;display:grid}.card-name{color:#fde68a;font-size:20px;font-weight:900}.card-value{color:#ffffffe6;background:#00000047;border-radius:14px;min-height:44px;margin-top:8px;padding:9px;font-size:14px}.stars{text-align:center;color:#fbbf24;letter-spacing:4px;margin-top:10px}.log{color:#ffffffbf;gap:6px;font-size:14px;display:grid}.winner,.warning,.error-box{text-align:center;border-radius:18px;margin-bottom:16px;padding:14px;font-weight:900}.winner{color:#111827;background:linear-gradient(135deg,#fde68a,#f59e0b)}.warning,.error-box{color:#fff;background:#dc2626db}.small-hand,.removed-grid{flex-wrap:wrap;gap:10px;display:flex}.small-card,.removed-card{background:#0000003d;border:1px solid #ffffff1c;border-radius:16px;gap:4px;width:135px;min-height:115px;padding:10px;display:grid}.small-card{text-align:center}.small-card:first-letter,.removed-card span{font-size:26px}.small-card b,.removed-card b{color:#fde68a}.small-card small,.removed-card small{color:#ffffffa1}.removed-box{background:#00000029;border-radius:18px;margin-bottom:12px;padding:12px}.removed-box summary{cursor:pointer;color:#fde68a;margin-bottom:12px;font-weight:900}.muted{color:#ffffff80}@media (width<=800px){.topbar{display:grid}.slots-grid,.traps-grid{grid-template-columns:1fr}.game-card{width:calc(50% - 8px);min-height:300px}}@media (width<=480px){.page{padding:10px}.game-card{width:100%}.lobby-card{padding:22px}}.deck-preview{background:#0000002e;border-radius:18px;max-height:360px;padding:10px;overflow:auto}.preview-panel .main-btn{margin:12px 0}.topbar{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:14px!important;display:flex!important}.topbar h1{margin:0!important;line-height:1.15!important}.topbar p{color:#ffffffbd!important;margin:0!important;font-size:15px!important;line-height:1.8!important}.traps-grid{margin-bottom:22px!important}.trap-area-title,.field-area-title{color:#fde68a;text-align:center;margin-top:14px;margin-bottom:12px}.discard-btn{box-shadow:0 10px 24px #ef44443d;color:#fff!important;background:linear-gradient(135deg,#ef4444,#991b1b)!important}.ready-wait-box{color:#86efac;text-align:center;background:#22c55e24;border:1px solid #22c55e59;border-radius:18px;margin-top:16px;padding:18px;font-weight:900}.trap-slot .trap-name{word-break:break-word}.slots-grid{perspective:1200px}.slot-3d{transform-style:preserve-3d;background:linear-gradient(160deg,#ffffff14,#00000042),radial-gradient(circle at 50% 0,#fbbf241f,#0000 44%);position:relative;overflow:hidden}.slot-3d:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0%,#ffffff29 35%,#0000 55%);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)}.slot-3d:hover{transform:rotateX(7deg)rotateY(-7deg)translateY(-6px)scale(1.02);box-shadow:0 25px 55px #00000080,0 0 30px #fbbf2429}.slot-3d:hover:before{transform:translate(120%)}.animal-3d-stage{height:104px;transform-style:preserve-3d;place-items:center;display:grid;position:relative}.animal-3d-shadow{filter:blur(6px);background:#00000073;border-radius:999px;width:82px;height:18px;position:absolute;bottom:8px;transform:rotateX(68deg)translateZ(-22px)}.animal-3d{z-index:2;text-shadow:0 6px #0000002e,0 18px 26px #00000073,0 0 22px #fbbf2438;animation:2.8s ease-in-out infinite animalFloat3d;position:relative;transform:translateZ(42px)}@keyframes animalFloat3d{0%,to{transform:translateZ(42px)translateY(0)rotateY(-5deg)}50%{transform:translateZ(58px)translateY(-8px)rotateY(8deg)}}.attack-actor{animation:.85s cubic-bezier(.2,.85,.2,1) animalAttackDash;border-color:#fde68a!important;box-shadow:0 0 0 5px #fbbf242e,0 0 55px #fbbf2473!important}.attack-target{animation:.7s animalHitShake;border-color:#fb7185!important;box-shadow:0 0 0 5px #ef44442e,0 0 50px #ef444473!important}.attack-actor .animal-3d{animation:.85s cubic-bezier(.2,.85,.2,1) animalLeap3d}.attack-target .animal-3d{animation:.7s animalHit3d}@keyframes animalAttackDash{0%{transform:rotateX(7deg)rotateY(-7deg)translateY(0)scale(1)}35%{transform:rotateX(14deg)rotateY(-18deg)translateY(-22px)translate(-34px)scale(1.12)}70%{transform:rotateX(2deg)rotateY(8deg)translateY(-6px)translate(18px)scale(1.05)}to{transform:rotateX(0)rotateY(0)translateY(0)translate(0)scale(1)}}@keyframes animalLeap3d{0%{transform:translateZ(42px)scale(1)}40%{transform:translateZ(110px)translateY(-18px)scale(1.25)rotate(-8deg)}to{transform:translateZ(42px)scale(1)}}@keyframes animalHitShake{0%,to{transform:translate(0)rotate(0)}18%{transform:translate(12px)rotate(2deg)}36%{transform:translate(-14px)rotate(-2deg)}54%{transform:translate(9px)rotate(1deg)}72%{transform:translate(-7px)rotate(-1deg)}}@keyframes animalHit3d{0%{filter:brightness();transform:translateZ(42px)scale(1)}35%{filter:brightness(1.7);transform:translateZ(22px)scale(.82)rotate(10deg)}to{filter:brightness();transform:translateZ(42px)scale(1)}}.attack-beam{z-index:9999;pointer-events:none;text-shadow:0 0 28px #fbbf24e6,0 0 48px #ef4444b3;font-size:74px;animation:.9s forwards attackBeam;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)}@keyframes attackBeam{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-20deg)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.35)rotate(14deg)}to{opacity:0;transform:translate(-50%,-50%)scale(.75)rotate(45deg)}}.game-card{transform-style:preserve-3d}.game-card:hover{transform:rotateX(5deg)rotateY(-8deg)translateY(-8px)scale(1.03)}.card-emoji{text-shadow:0 14px 25px #0006;transform:translateZ(30px)}@media (prefers-reduced-motion:reduce){.animal-3d,.attack-actor,.attack-target,.attack-beam,.attack-actor .animal-3d,.attack-target .animal-3d{animation:none!important}}@media (width<=768px){.page{padding:8px}.topbar{gap:8px;padding:14px}.topbar h1{font-size:22px}.topbar p{font-size:12px;line-height:1.5}.turn-badge{text-align:center;width:100%;font-size:14px}.panel,.control-panel{border-radius:18px;padding:12px}.slots-grid,.traps-grid{grid-template-columns:1fr}.hand{grid-template-columns:1fr;gap:12px;display:grid}.game-card{width:100%}.mini-btn,.action-btn,.main-btn{width:100%;min-height:46px;font-size:15px}.actions{grid-template-columns:1fr;display:grid}.slot,.trap-slot{min-height:200px}.slots-grid,.traps-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.slot,.trap-slot{border-radius:14px!important;min-height:150px!important;padding:7px!important}.slot-title{margin-bottom:5px!important;font-size:10px!important}.slot-emoji,.trap-emoji{border-radius:12px!important;height:50px!important;font-size:32px!important}.animal-3d-stage{height:58px!important}.animal-3d-shadow{width:48px!important;height:10px!important}.slot-name,.trap-name{margin-top:5px!important;font-size:12px!important}.slot-power,.ready-text,.trap-text{font-size:10px!important}.slot-info{grid-template-columns:repeat(2,1fr)!important;gap:3px!important;font-size:9px!important}.slot-info span{border-radius:7px!important;padding:3px!important}.empty-slot{min-height:105px!important;font-size:11px!important}}@media (width<=420px){.slots-grid,.traps-grid{gap:4px!important}.slot,.trap-slot{min-height:135px!important;padding:5px!important}.slot-emoji,.trap-emoji{height:44px!important;font-size:28px!important}.animal-3d-stage{height:50px!important}.slot-name,.trap-name{font-size:11px!important}}.card-buttons{z-index:100!important;pointer-events:auto!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;margin-top:12px!important;display:grid!important;position:relative!important}.card-buttons .mini-btn{-webkit-tap-highlight-color:#fbbf2440;z-index:120!important;pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-user-select:none!important;user-select:none!important;width:100%!important;min-height:44px!important;padding:12px 10px!important;position:relative!important}.card-buttons .mini-btn:active{filter:brightness(1.15);transform:scale(.97)!important}@media (width<=768px){.hand{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;gap:10px!important;padding:8px 6px 14px!important;display:flex!important;overflow:auto hidden!important}.hand .game-card{scroll-snap-align:start;flex:0 0 170px!important;width:170px!important;min-width:170px!important;min-height:300px!important}.game-card:hover{transform:none!important}.game-card:active{transform:scale(.985)!important}.card-buttons .mini-btn{min-height:46px!important;font-size:14px!important}}@media (width<=420px){.hand .game-card{flex-basis:158px!important;width:158px!important;min-width:158px!important}.card-name{font-size:17px!important}.card-value{font-size:12px!important}}@media (width<=768px){.hand .game-card,.hand .game-card:hover,.hand .game-card:active,.hand .game-card:focus,.hand .game-card:focus-within{animation:none!important;transform:none!important}.hand .game-card *{transform:none!important}.hand .card-emoji,.hand .animal-3d,.hand .slot-emoji{animation:none!important}.card-buttons,.card-buttons .mini-btn,.card-buttons .mini-btn:hover,.card-buttons .mini-btn:active,.card-buttons .mini-btn:focus{animation:none!important;transform:none!important}.card-buttons .mini-btn{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;min-height:50px!important;line-height:1.2!important}.hand{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-template-rows:repeat(2,auto)!important;grid-template-columns:none!important;grid-auto-columns:165px!important;grid-auto-flow:column!important;gap:10px!important;padding:8px 6px 16px!important;display:grid!important;overflow:auto hidden!important}.hand .game-card{scroll-snap-align:start;width:165px!important;min-width:165px!important;max-width:165px!important;min-height:295px!important}}@media (width<=420px){.hand{grid-auto-columns:150px!important;gap:8px!important}.hand .game-card{width:150px!important;min-width:150px!important;max-width:150px!important;min-height:290px!important}.card-buttons .mini-btn{min-height:48px!important;font-size:13px!important}}.game-card{position:relative!important}.card-buttons{z-index:999!important;pointer-events:auto!important;position:relative!important;transform:none!important}.card-buttons .mini-btn{z-index:1000!important;pointer-events:auto!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;width:100%!important;min-height:44px!important;position:relative!important}:is(.game-card:has(.mini-btn:hover),.game-card:has(.mini-btn:focus),.game-card:has(.mini-btn:active)){transform:none!important}.card-emoji,.card-name,.card-value,.stars{pointer-events:none}.card-buttons,.card-buttons *{pointer-events:auto!important}@media (width>=769px){.card-buttons{grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important;display:grid!important}.card-buttons .mini-btn:hover{filter:brightness(1.12);transform:none!important}.card-buttons .mini-btn:active{filter:brightness(1.25);transform:none!important}}@media (width<=768px){.hand,.hand .game-card{touch-action:pan-x pan-y!important}.card-buttons .mini-btn{touch-action:manipulation!important}.card-buttons{overscroll-behavior:contain}}.player-name-input{margin-top:10px}.lobby-leaderboard{text-align:right;margin-top:18px}.leaderboard{gap:8px;display:grid}.leaderboard h2{text-align:center;color:#fde68a;margin:6px 0 10px}.leader-row{background:#ffffff14;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:48px 1fr auto auto;align-items:center;gap:10px;padding:10px;display:grid}.leader-row b{color:#fde68a}@media (width<=768px){.leader-row{grid-template-columns:38px 1fr;gap:6px}.leader-row span:nth-child(3),.leader-row span:nth-child(4){color:#ffffffb3;font-size:12px}}.register-card{max-width:620px}.register-btn{width:100%;min-height:50px;margin-top:14px}.registered-player-box{color:#ffffffd9;background:#00000038;border-radius:14px;gap:6px;margin-top:12px;padding:10px;display:grid}.registered-player-box b{color:#fde68a}.small-logout-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:12px;margin:4px auto 0;padding:8px 12px;font-weight:800}.register-note{background:#fbbf241a;border:1px solid #fbbf2440;border-radius:14px;padding:10px;font-size:14px;line-height:1.7;color:#fde68a!important}@media (width<=768px){.hand .game-card{height:auto;max-height:220px;width:100%!important;min-width:0!important;transform:none!important}.card-name{font-size:14px}.card-value{font-size:11px}.hand{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;padding:10px;display:grid!important;overflow:hidden!important}.hand .game-card{border-radius:14px;padding:8px;width:100%!important;min-width:0!important;height:auto!important}.card-image{height:60px!important}.card-name{font-size:12px;line-height:1.2}.card-text{max-height:40px;font-size:10px;line-height:1.2;overflow:hidden}.stars{font-size:12px}.card-btn{padding:6px;font-size:11px}.panel{overflow:hidden!important}.hand{grid-template-rows:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-columns:auto!important;grid-auto-flow:row!important;gap:10px!important;width:100%!important;max-width:100%!important;padding:8px!important;display:grid!important;overflow:hidden visible!important}.hand .game-card{border-radius:16px!important;flex:none!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;padding:8px!important;transform:none!important}.hand .card-emoji{height:58px!important;margin:6px 0!important;font-size:36px!important}.hand .card-name{font-size:13px!important;line-height:1.3!important}.hand .card-value{max-height:62px!important;padding:7px!important;font-size:10.5px!important;line-height:1.35!important;overflow:hidden!important}.hand .stars{margin-top:6px!important;font-size:12px!important}.hand .card-buttons{gap:6px!important;margin-top:8px!important}.hand .mini-btn{min-height:38px!important;padding:7px!important;font-size:12px!important}}@media (width<=380px){.hand{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:6px!important}.hand .game-card{padding:6px!important}.hand .card-name{font-size:12px!important}.hand .card-value{max-height:54px!important;font-size:10px!important}}@media (width<=768px){.hand .card-value{color:#fff!important;text-align:center!important;text-shadow:0 2px 6px #000000a6!important;background:#0000006b!important;border:1px solid #ffffff1a!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;min-height:44px!important;max-height:none!important;padding:8px 10px!important;font-size:14px!important;font-weight:800!important;line-height:1.6!important;display:flex!important}.hand .card-name{color:#fde68a!important;text-align:right!important;text-shadow:0 2px 8px #000000b3!important;font-size:15px!important;font-weight:900!important;line-height:1.45!important}}@media (width<=380px){.hand .card-value{min-height:40px!important;padding:7px 8px!important;font-size:13px!important}.hand .card-name{font-size:14px!important}}.lobby-card h1{margin-bottom:22px!important;line-height:1.2!important}.lobby-card>p{clear:both!important;margin-top:0!important;margin-bottom:22px!important;line-height:1.8!important;display:block!important}.lobby-card .brand{margin-bottom:18px!important}.winner-overlay{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 20%,#fbbf2447,#0000 34%),#020617d1;place-items:center;padding:18px;animation:.35s forwards winnerFadeIn;display:grid;position:fixed;inset:0}.winner-card{text-align:center;background:linear-gradient(145deg,#1e293bf5,#0f172afa),radial-gradient(circle at 50% 0,#fbbf243d,#0000 45%);border:1px solid #fbbf2473;border-radius:32px;width:min(520px,94vw);padding:34px 24px;animation:.55s cubic-bezier(.2,.9,.2,1.15) forwards winnerPop;position:relative;overflow:hidden;box-shadow:0 35px 100px #000000a6,0 0 55px #fbbf2438}.winner-card:before{content:"✨ ✨ ✨ ✨ ✨";inset-inline:0;opacity:.72;font-size:24px;animation:1.4s ease-in-out infinite alternate sparkleMove;position:absolute;top:18px}.winner-crown{filter:drop-shadow(0 0 28px #fbbf24bf);margin-bottom:8px;font-size:86px;animation:1.1s ease-in-out infinite crownBounce}.winner-card h1{color:#fde68a;text-shadow:0 0 22px #fbbf2459;margin:0;font-size:clamp(30px,7vw,54px);line-height:1.1}.winner-card h2{color:#fff;margin:14px 0 8px;font-size:clamp(24px,5vw,38px)}.winner-card p{color:#ffffffbf;margin:0 0 22px;font-size:16px}.winner-card .main-btn{min-width:180px}@keyframes winnerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes winnerPop{0%{opacity:0;transform:translateY(24px)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes crownBounce{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(3deg)}}@keyframes sparkleMove{0%{opacity:.45;transform:translateY(0)scale(1)}to{opacity:.9;transform:translateY(8px)scale(1.08)}}@media (width<=768px){.lobby-card h1{margin-bottom:18px!important;font-size:34px!important}.lobby-card>p{margin-bottom:18px!important;font-size:14px!important}.winner-card{padding:28px 18px}.winner-crown{font-size:72px}}.turn-timer{color:#fde68a;text-align:center;background:#00000047;border-radius:12px;margin-top:6px;padding:6px 10px;font-size:14px;font-weight:900}@media (width<=768px){.turn-timer{padding:5px 8px;font-size:13px}}