*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050510;font-family:Arial,sans-serif}button{font:inherit}.game{position:relative;width:100vw;height:100dvh;max-width:520px;margin:0 auto;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(255,0,200,.35),transparent 35%),radial-gradient(circle at 50% 100%,rgba(0,255,255,.25),transparent 35%),linear-gradient(#1d1234,#060611);touch-action:none}.top-panel{position:absolute;inset:0;z-index:28;color:#fff;font-size:12px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.75);pointer-events:none}.round-info{position:absolute;inset:0;pointer-events:none}.round-circle:before{content:"ROUND";position:absolute;top:7px;left:0;right:0;color:#f7f3d7e0;font-size:10px;font-weight:900;letter-spacing:.11em;text-align:center;text-transform:uppercase}.round-circle{position:absolute;top:2.2%;left:3%;right:auto;width:58px;height:58px;border-radius:18px;background:radial-gradient(circle at 30% 15%,rgba(255,255,255,.34),transparent 26%),linear-gradient(135deg,#080912f2,#20082af5 48%,#04252afa);border:1px solid rgba(0,255,255,.8);color:#f7f3d7;display:flex;align-items:center;justify-content:center;padding-top:12px;box-shadow:0 0 10px #00ffff8c,0 0 18px #ff00c847,inset 0 0 10px #00ffff38,inset 0 -4px 8px #000000ad,0 5px 12px #000000b3;text-shadow:0 0 5px rgba(0,255,255,.95),0 0 10px rgba(255,0,200,.65),0 2px 2px rgba(0,0,0,.9)}.round-number{font-size:28px;font-weight:900;line-height:1}.round-max{font-size:11px;font-weight:900;line-height:1;margin-left:1px;opacity:.9}.round-circle-game-over{align-items:center;padding-top:0}.shot-points-pill{position:absolute;left:50%;bottom:1.05%;width:82px;height:54px;border:1px solid rgba(0,255,255,.8);border-radius:18px;padding:4px 8px;background:radial-gradient(circle at 30% 15%,rgba(255,255,255,.28),transparent 26%),linear-gradient(135deg,#080912f2,#20082af5 48%,#04252afa);color:#f7f3d7;font-size:40px;font-weight:900;line-height:44px;letter-spacing:.02em;text-align:center;transform:translate(-50%);white-space:nowrap;text-shadow:0 0 5px rgba(0,255,255,.95),0 0 10px rgba(255,0,200,.65),0 2px 2px rgba(0,0,0,.9);box-shadow:0 0 10px #00ffff8c,0 0 18px #ff00c847,inset 0 0 10px #00ffff38,inset 0 -4px 8px #000000ad,0 5px 12px #000000b3}.score-info{display:none}.opponent-hand,.player-hand{position:absolute;display:flex;z-index:30}.opponent-hand{top:2%;right:3%;left:auto;width:68%;max-width:360px;gap:6px;justify-content:flex-end;align-items:flex-start}.player-hand{left:3%;right:3%;bottom:8.2%;min-height:10%;padding:3px 8px;border-radius:10px;gap:3px;justify-content:center;align-items:flex-end;perspective:520px}.hand-slot{position:relative;flex:0 0 auto;width:var(--hand-card-width, 62px);aspect-ratio:5 / 6.4;border-radius:8px;min-width:0;min-height:0}.hand-slot .card{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}.player-hand[data-card-count="1"]{--hand-card-width: 92px}.player-hand[data-card-count="2"]{--hand-card-width: 88px}.player-hand[data-card-count="3"]{--hand-card-width: 84px}.player-hand[data-card-count="4"]{--hand-card-width: 78px}.player-hand[data-card-count="5"]{--hand-card-width: 70px}.player-hand[data-card-count="6"]{--hand-card-width: 64px}.player-hand[data-card-count="7"]{--hand-card-width: 58px}.opponent-hand[data-card-count="1"]{--opponent-hand-card-width: 56px}.opponent-hand[data-card-count="2"]{--opponent-hand-card-width: 53px}.opponent-hand[data-card-count="3"]{--opponent-hand-card-width: 50px}.opponent-hand[data-card-count="4"]{--opponent-hand-card-width: 47px}.opponent-hand[data-card-count="5"]{--opponent-hand-card-width: 44px}.opponent-hand[data-card-count="6"]{--opponent-hand-card-width: 41px}.opponent-hand[data-card-count="7"]{--opponent-hand-card-width: 38px}.opponent-hand-slot{width:var(--opponent-hand-card-width, 24px)}.opponent-hand-card{background:#25255a url(/images/card%20back.png) center / cover no-repeat;color:transparent;font-size:0;text-shadow:none}.player-hand.hand-drop-ready{outline:3px solid rgba(255,255,255,.85);background:#ffffff17}.card{position:relative;aspect-ratio:5 / 6.4;border-radius:8px;background:#f2e6c9;color:#111;font-size:10px;font-weight:700;padding:4px;display:flex;align-items:center;justify-content:center;text-align:center;user-select:none;box-shadow:0 4px 10px #00000073;overflow:visible}.card-back{background:#25255a url(/images/card%20back.png) center / cover no-repeat;color:transparent;font-size:0;text-shadow:none}.opponent-card{background:#d8e6ff}.card-disabled{opacity:1;filter:none}.card-disabled:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;background:#0000006b;pointer-events:none}.card-disabled .card-stat{opacity:1;filter:none;z-index:4}.card-locked{box-shadow:inset 0 0 0 2px #fff3}.card-stat{position:absolute;top:-6px;width:24px;height:24px;border-radius:50%;color:#fff;font-size:13px;font-weight:900;line-height:22px;text-align:center;border:1px solid rgba(255,255,255,.88);text-shadow:0 0 4px rgba(255,255,255,.95),0 1px 2px rgba(0,0,0,.95);box-shadow:0 0 8px currentColor,0 0 15px #ffffff2e,inset 0 0 5px #ffffff52,inset 0 -3px 5px #00000073,0 2px 5px #000000b8}.card-points{left:3px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.46),transparent 28%),linear-gradient(145deg,#2aa8ff,#1769d6 48%,#062c7a);box-shadow:0 0 8px #2aa8fff2,0 0 15px #00ffff8c,inset 0 0 5px #ffffff52,inset 0 -3px 5px #00000073,0 2px 5px #000000b8}.card-na{right:3px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.42),transparent 28%),linear-gradient(145deg,#ff4d65,#c52232 48%,#68101a);box-shadow:0 0 8px #ff4d65f2,0 0 15px #ff00788c,inset 0 0 5px #ffffff52,inset 0 -3px 5px #00000073,0 2px 5px #000000b8}.card-name{position:relative;z-index:1;padding-top:17px;line-height:1.05}.card-table{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:6px;font-size:8px;padding:2px;background:#f2e6c9f0}.card-table:before{content:"";position:absolute;inset:0;background-image:var(--card-image);background-size:cover;background-position:center;opacity:.32;z-index:0}.card-table .card-stat{position:absolute;z-index:2}.card-table .card-name{position:relative;z-index:1}.card-table .card-stat{top:-7px;width:23px;height:23px;font-size:12px;line-height:21px}.card-table .card-na-only{top:-7px;left:50%;right:auto;transform:translate(-50%)}.card-table .card-name{padding-top:15px}.card-has-image{background:#090910;color:#fff}.card-has-image:before{content:"";position:absolute;inset:0;z-index:0;background-image:var(--card-image);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.96;pointer-events:none}.card-table.card-has-image:before{opacity:.78}.card-has-image .card-name{display:none}.card-has-image .card-stat{z-index:4}.inspect-card-art{display:block;width:min(68%,230px);aspect-ratio:5 / 6.4;object-fit:contain;margin:0 auto 14px;border-radius:14px;box-shadow:0 0 18px #00ffff52,0 0 28px #ff00c82e,0 8px 18px #0006}.drag-ghost{position:fixed;width:74px;z-index:9999;pointer-events:none;transform:translate(-50%,-50%) scale(1.2);opacity:.96}.drag-ghost.card-table,.drag-ghost.card-hand{position:fixed;inset:auto;width:74px;height:auto;aspect-ratio:5 / 6.4}.table-area{position:absolute;width:90%;height:17%;z-index:10}.table-area-1{left:4%;top:13%}.table-area-2{right:4%;top:35%}.table-area-3{left:4%;top:57%}.table{position:absolute;top:50%;width:72%;aspect-ratio:2.2 / 1;height:auto;transform:translateY(-50%);border-radius:26px;background:transparent;border:0;overflow:visible}.table:before{content:"";position:absolute;inset:0;z-index:0;border-radius:26px;background-image:url(/images/pool-table.png);background-size:contain;background-position:center;background-repeat:no-repeat;transform:scale(1.265);transform-origin:center;pointer-events:none;box-shadow:none}.table-area-1 .table,.table-area-3 .table{left:0}.table-area-2 .table{right:0}.table.drop-ready{outline:3px solid rgba(0,255,255,.85)}.table.drop-ready:before{box-shadow:none}.table-score,.table-score-circles{position:absolute;left:0;right:0;top:-13px;z-index:18;height:28px;pointer-events:none}.table-score-circle{position:absolute;top:0;width:28px;height:28px;border-radius:50%;background:#000000d1;border:2px solid rgba(255,255,255,.85);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;line-height:1;box-shadow:0 3px 10px #000000a6}.table-score-player{left:23%;transform:translate(-50%)}.table-score-opponent{right:23%;transform:translate(50%)}.table-score-mini-label,.table-score-label{display:none!important}.table-score-number{font-size:14px;font-weight:900;line-height:1}.table-score-player-leading .table-score-player,.table-score-opponent-leading .table-score-opponent{border-color:#00fffff2;box-shadow:0 0 11px #00ffffb8,0 3px 10px #000000a6}.condition{position:absolute;top:50%;width:25%;min-height:42px;transform:translateY(-50%);background:#000000b8;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:12px;padding:5px 6px;font-size:10px;font-weight:700;z-index:15}.condition-right{right:0}.condition-left{left:0}.condition-hidden{opacity:.72}.opponent-slots,.player-slots{position:absolute;top:12%;width:34%;height:76%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:5%;z-index:2;align-items:center;justify-items:center}.opponent-slots{right:6%}.player-slots{left:6%}.slot{position:relative;width:82%;height:auto;aspect-ratio:5 / 6.4;min-width:0;min-height:0;align-self:center;justify-self:center;border-radius:7px;border:1px dashed rgba(255,255,255,.45);background:#ffffff14;overflow:visible}.message-bar{display:none}.bottom-controls{position:absolute;left:3%;right:3%;bottom:1.5%;z-index:25;display:flex;justify-content:flex-end;pointer-events:none}.end-round-button{pointer-events:auto;min-width:32%;border:1px solid rgba(0,255,255,.8);border-radius:999px;padding:8px 13px;background:radial-gradient(circle at 30% 15%,rgba(255,255,255,.34),transparent 26%),linear-gradient(135deg,#080912f2,#20082af5 48%,#04252afa);color:#f7f3d7;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 5px rgba(0,255,255,.95),0 0 10px rgba(255,0,200,.65),0 2px 2px rgba(0,0,0,.9);box-shadow:0 0 10px #00ffff8c,0 0 18px #ff00c847,inset 0 0 10px #00ffff38,inset 0 -4px 8px #000000ad,0 5px 12px #000000b3}.end-round-button:disabled{opacity:.5;filter:grayscale(.45);box-shadow:inset 0 0 8px #ffffff14,0 3px 8px #0000008c}.end-round-button:not(:disabled):active{transform:translateY(2px) scale(.98);box-shadow:0 0 6px #00ffff80,0 0 12px #ff00c833,inset 0 0 12px #00ffff42,inset 0 -2px 6px #000000b8,0 2px 7px #000000c7}.modal{position:absolute;inset:0;z-index:10000;background:#000000d1;display:flex;align-items:center;justify-content:center;padding:24px}.modal.hidden{display:none}.modal-content{position:relative;width:92%;max-width:430px;max-height:90dvh;border-radius:20px;background:radial-gradient(circle at 50% 0%,rgba(255,0,200,.22),transparent 36%),radial-gradient(circle at 50% 100%,rgba(0,255,255,.18),transparent 36%),linear-gradient(#1d1234,#060611);color:#9ffcff;padding:16px;text-align:center;overflow:visible;border:1px solid rgba(0,255,255,.78);box-shadow:0 0 16px #00ffff7a,0 0 32px #ff00c838,inset 0 0 18px #00ffff1f,0 10px 30px #000000b8}.close-button{position:absolute;top:9px;right:10px;z-index:10;width:34px;height:34px;border:0;border-radius:50%;background:#111;color:#fff;font-size:24px;line-height:1;box-shadow:0 0 8px #00ffff73,0 3px 8px #0000008c}.player-hand .hand-slot{transform-origin:50% 145%;transition:transform .14s ease,z-index .14s ease}.player-hand[data-card-count="1"] .hand-slot:nth-child(1){transform:translateY(0) rotate(0);z-index:7}.player-hand[data-card-count="2"] .hand-slot:nth-child(1){transform:translateY(3px) rotate(-4deg);z-index:7}.player-hand[data-card-count="2"] .hand-slot:nth-child(2){transform:translateY(3px) rotate(4deg);z-index:8}.player-hand[data-card-count="3"] .hand-slot:nth-child(1){transform:translateY(8px) rotate(-7deg);z-index:7}.player-hand[data-card-count="3"] .hand-slot:nth-child(2){transform:translateY(0) rotate(0);z-index:9}.player-hand[data-card-count="3"] .hand-slot:nth-child(3){transform:translateY(8px) rotate(7deg);z-index:8}.player-hand[data-card-count="4"] .hand-slot:nth-child(1){transform:translateY(10px) rotate(-8deg);z-index:7}.player-hand[data-card-count="4"] .hand-slot:nth-child(2){transform:translateY(3px) rotate(-3deg);z-index:9}.player-hand[data-card-count="4"] .hand-slot:nth-child(3){transform:translateY(3px) rotate(3deg);z-index:10}.player-hand[data-card-count="4"] .hand-slot:nth-child(4){transform:translateY(10px) rotate(8deg);z-index:8}.player-hand[data-card-count="5"] .hand-slot:nth-child(1){transform:translateY(13px) rotate(-10deg);z-index:7}.player-hand[data-card-count="5"] .hand-slot:nth-child(2){transform:translateY(6px) rotate(-5deg);z-index:8}.player-hand[data-card-count="5"] .hand-slot:nth-child(3){transform:translateY(0) rotate(0);z-index:10}.player-hand[data-card-count="5"] .hand-slot:nth-child(4){transform:translateY(6px) rotate(5deg);z-index:9}.player-hand[data-card-count="5"] .hand-slot:nth-child(5){transform:translateY(13px) rotate(10deg);z-index:7}.player-hand[data-card-count="6"] .hand-slot:nth-child(1){transform:translateY(15px) rotate(-11deg);z-index:7}.player-hand[data-card-count="6"] .hand-slot:nth-child(2){transform:translateY(9px) rotate(-7deg);z-index:8}.player-hand[data-card-count="6"] .hand-slot:nth-child(3){transform:translateY(3px) rotate(-2deg);z-index:10}.player-hand[data-card-count="6"] .hand-slot:nth-child(4){transform:translateY(3px) rotate(2deg);z-index:11}.player-hand[data-card-count="6"] .hand-slot:nth-child(5){transform:translateY(9px) rotate(7deg);z-index:9}.player-hand[data-card-count="6"] .hand-slot:nth-child(6){transform:translateY(15px) rotate(11deg);z-index:7}.player-hand[data-card-count="7"] .hand-slot:nth-child(1){transform:translateY(16px) rotate(-12deg);z-index:7}.player-hand[data-card-count="7"] .hand-slot:nth-child(2){transform:translateY(10px) rotate(-8deg);z-index:8}.player-hand[data-card-count="7"] .hand-slot:nth-child(3){transform:translateY(5px) rotate(-4deg);z-index:9}.player-hand[data-card-count="7"] .hand-slot:nth-child(4){transform:translateY(0) rotate(0);z-index:11}.player-hand[data-card-count="7"] .hand-slot:nth-child(5){transform:translateY(5px) rotate(4deg);z-index:10}.player-hand[data-card-count="7"] .hand-slot:nth-child(6){transform:translateY(10px) rotate(8deg);z-index:8}.player-hand[data-card-count="7"] .hand-slot:nth-child(7){transform:translateY(16px) rotate(12deg);z-index:7}.modal-card-inspect .modal-content{padding:14px 14px 18px}.modal-card-inspect #modalTitle{display:none}.inspect-card-preview{position:relative;width:100%;aspect-ratio:5 / 6.4;margin:22px auto 14px;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.inspect-card-preview img{display:block;width:100%;height:100%;border-radius:0;object-fit:cover}.inspect-card-preview .card-stat{top:-20px;width:64px;height:64px;font-size:42px;line-height:58px;z-index:5}.inspect-card-preview .card-points{left:46px}.inspect-card-preview .card-na{right:46px}.inspect-card-details{padding:2px 4px 0}.inspect-card-name{margin:0 0 8px;font-size:24px;font-weight:900;line-height:1.05}.inspect-card-skill{margin:0;font-size:15px;font-weight:700;line-height:1.25}.inspect-card-skill strong{font-weight:900}.inspect-card-art{display:none}.modal-content h2,.modal-content p,.modal-content strong{color:#c9ffff;text-shadow:0 0 2px rgba(0,255,255,.75),0 1px 2px rgba(0,0,0,.95)}.inspect-card-name{color:#c9ffff;text-shadow:0 0 2px rgba(0,255,255,.8),0 1px 2px rgba(0,0,0,.95)}.inspect-card-skill{color:#d7ffff;text-shadow:0 0 1px rgba(0,255,255,.65),0 1px 2px rgba(0,0,0,.95)}.inspect-card-skill strong{color:#f7f3d7;text-shadow:0 0 2px rgba(0,255,255,.65),0 1px 2px rgba(0,0,0,.95)}.card-table.card-back,.card-table.card-face-down{background:#25255a url(/images/card%20back.png) center / cover no-repeat;color:transparent;font-size:0;text-shadow:none}.card-table.card-back:before,.card-table.card-face-down:before{display:none}.modal-final-results #modalTitle{display:none}.modal-final-results .modal-content{padding:18px 16px 20px}.final-results-panel{color:#d7ffff}.final-results-kicker{margin:2px 0 5px;color:#f7f3d7;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 2px rgba(0,255,255,.7),0 1px 2px rgba(0,0,0,.95)}.final-results-title{margin:0 34px 10px;color:#c9ffff;font-size:30px;font-weight:900;line-height:1;text-transform:uppercase;text-shadow:0 0 2px rgba(0,255,255,.9),0 1px 2px rgba(0,0,0,.95)}.final-results-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 14px}.final-results-summary>div,.final-table-result{border:1px solid rgba(0,255,255,.48);border-radius:14px;background:radial-gradient(circle at 50% 0%,rgba(255,0,200,.12),transparent 42%),#00000047;box-shadow:inset 0 0 10px #00ffff14,0 4px 12px #00000061}.final-results-summary>div{padding:8px 6px}.final-summary-label{display:block;margin-bottom:2px;color:#d7ffffd1;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.final-summary-value{display:block;color:#f7f3d7;font-size:24px;font-weight:900;line-height:1;text-shadow:0 0 2px rgba(0,255,255,.75),0 1px 2px rgba(0,0,0,.95)}.final-table-results{display:grid;gap:9px}.final-table-result{padding:9px}.final-table-title{margin-bottom:7px;color:#c9ffff;font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.final-table-scores{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:7px}.final-score-pill{border-radius:999px;padding:5px 8px;background:#00000059;border:1px solid rgba(0,255,255,.26)}.final-score-label{display:inline-block;margin-right:5px;color:#d7ffffcc;font-size:10px;font-weight:900;text-transform:uppercase}.final-score-number{color:#f7f3d7;font-size:18px;font-weight:900}.final-table-winner{color:#d7ffff;font-size:13px;font-weight:900}.final-result-you{border-color:#00ffffb8}.final-result-opponent{border-color:#ff00c89e}.final-result-tie{border-color:#f7f3d77a}.player-hand{left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));bottom:calc(8.2% + env(safe-area-inset-bottom));min-height:clamp(78px,15dvh,112px);padding:3px clamp(2px,1.4vw,8px);gap:clamp(1px,.75vw,3px);flex-wrap:nowrap;overflow:visible}.player-hand .hand-slot+.hand-slot{margin-left:var(--hand-card-overlap, 0px)}.player-hand[data-card-count="4"]{--hand-card-width: clamp(62px, 18.5vw, 78px);--hand-card-overlap: -2px}.player-hand[data-card-count="5"]{--hand-card-width: clamp(60px, 17.5vw, 70px);--hand-card-overlap: -7px}.player-hand[data-card-count="6"]{--hand-card-width: clamp(54px, 15.6vw, 64px);--hand-card-overlap: -9px}.player-hand[data-card-count="7"]{--hand-card-width: clamp(48px, 14.2vw, 58px);--hand-card-overlap: -10px}.player-hand .card{font-size:clamp(7px,2.3vw,10px);padding:clamp(2px,.9vw,4px)}.player-hand .card-stat{top:-5px;width:clamp(18px,5.8vw,24px);height:clamp(18px,5.8vw,24px);font-size:clamp(10px,3.1vw,13px);line-height:clamp(16px,5.3vw,22px)}.player-hand .card-name{padding-top:clamp(11px,4vw,17px)}@media(max-width:360px){.player-hand[data-card-count="6"]{--hand-card-overlap: -10px}.player-hand[data-card-count="7"]{--hand-card-width: clamp(45px, 14vw, 50px);--hand-card-overlap: -11px}}.opponent-hand{gap:var(--opponent-hand-gap, 6px)}.opponent-hand[data-card-count="5"]{--opponent-hand-card-width: 44px;--opponent-hand-gap: 6px}.opponent-hand[data-card-count="6"]{--opponent-hand-card-width: 38px;--opponent-hand-gap: 3px}.opponent-hand[data-card-count="7"]{--opponent-hand-card-width: 33px;--opponent-hand-gap: 2px}.card-table .card-na-only{top:-7px;left:auto;right:2px;transform:none}.opponent-slots,.player-slots{top:7%;width:35.5%;height:86%;gap:3%}.opponent-slots{right:5%}.player-slots{left:5%}.slot{width:86%;border-radius:8px}.table-score,.table-score-circles{top:-25px;height:28px}.card-table .card-na-only{top:-7px;left:auto;right:-6px;transform:none}.opponent-slots,.player-slots{top:5%;width:37.5%;height:90%;gap:2.2%}.opponent-slots{right:4%}.player-slots{left:4%}.slot{width:94%;border-radius:8px}.card-table{border-radius:7px}.opponent-slots,.player-slots{top:3.5%;width:40%;height:93%;gap:3%}.opponent-slots{right:3.2%}.player-slots{left:3.2%}.slot{width:95%;border-radius:9px;overflow:visible}.player-slots .slot{border-color:#00ffff6b;background:#00ffff0b;box-shadow:0 0 6px #0ff3,inset 0 0 6px #00ffff17}.opponent-slots .slot{border-color:#ff00c85c;background:#ff00c80a;box-shadow:0 0 6px #ff00c82e,inset 0 0 6px #ff00c814}.card-table{border-radius:8px}.card-table .card-na-only{top:-6px;left:auto;right:0;transform:none}.card-table .card-stat{width:22px;height:22px;font-size:12px;line-height:20px}.opponent-slots,.player-slots{top:5%;width:38%;height:90%;gap:7%}.slot{width:88%;border-radius:9px;border:1px dashed rgba(255,255,255,.42);background:#ffffff09;box-shadow:none;overflow:visible}.slot:before{content:"";position:absolute;inset:24%;border-radius:999px;pointer-events:none;z-index:0}.player-slots .slot:before{background:radial-gradient(circle,rgba(0,255,255,.28),rgba(0,255,255,.08) 42%,transparent 72%);box-shadow:0 0 12px #00ffff59}.opponent-slots .slot:before{background:radial-gradient(circle,rgba(255,0,200,.24),rgba(255,0,200,.07) 42%,transparent 72%);box-shadow:0 0 12px #ff00c852}.slot:has(.card){border-color:transparent;background:transparent;box-shadow:none}.slot:has(.card):before{display:none}.slot .card{z-index:1}.card-table .card-stat{top:-5px;width:20px;height:20px;font-size:11px;line-height:18px}.card-table .card-na-only{top:-5px;left:auto;right:1px;transform:none}.opponent-slots,.player-slots{top:5%;width:38%;height:90%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));column-gap:4%;row-gap:5%;align-items:center;justify-items:center}.opponent-slots{right:4.2%}.player-slots{left:4.2%}.slot{position:relative;width:84%;max-width:100%;max-height:100%;aspect-ratio:5 / 6.4;border-radius:9px;border:1px dashed rgba(255,255,255,.38)!important;background:#ffffff09;box-shadow:none!important;overflow:visible}.slot:before{content:none!important;display:none!important}.player-slots .slot{border-color:#ffffff61!important;background:#0096aa33;box-shadow:none!important}.opponent-slots .slot{border-color:#ffffff61!important;background:#73269138;box-shadow:none!important}.slot:has(.card){border-color:transparent!important;background:transparent!important;box-shadow:none!important}.slot:has(.card):before{content:none!important;display:none!important}.slot .card{position:absolute;inset:0;width:100%;height:100%;z-index:1}.opponent-slots,.player-slots{top:2.5%;width:39%;height:95%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));column-gap:4%;row-gap:2.5%;align-items:center;justify-items:center}.opponent-slots{right:3.8%}.player-slots{left:3.8%}.slot{width:87%;max-width:100%;max-height:100%;aspect-ratio:5 / 6.4;border-radius:9px;overflow:visible}.card-table{border-radius:8px;overflow:visible}.card-table .card-stat{top:1px;width:19px;height:19px;font-size:10px;line-height:17px}.card-table .card-na-only{top:1px;left:auto;right:1px;transform:none}.table-score,.table-score-circles{top:-25px;transform:translate(8px)}.card-table .card-stat{top:-6px}.card-table .card-na-only{top:-6px;left:auto;right:1px;transform:none}.card-table .card-na-only{top:-6px;left:auto;right:-4px;transform:none}.card,.hand-slot,.slot,.table,.player-hand,.opponent-hand{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.card img,.card:before,.card:after,.card-name,.card-stat,.inspect-card-preview img{pointer-events:none;-webkit-user-drag:none;user-drag:none}.player-hand{--hand-fan-drop-room: 22px;bottom:calc(8.2% - var(--hand-fan-drop-room) + env(safe-area-inset-bottom));min-height:calc(clamp(78px,15dvh,112px) + var(--hand-fan-drop-room));padding-top:3px;padding-bottom:calc(3px + var(--hand-fan-drop-room));overflow:visible;pointer-events:none}.player-hand .hand-slot+.hand-slot{margin-left:0}.player-hand .hand-slot,.opponent-hand .hand-slot,.slot{pointer-events:none}.player-hand .hand-slot .card,.opponent-hand .hand-slot .card,.slot .card{pointer-events:auto}.player-hand[data-card-count="1"]{--hand-card-width: clamp(82px, 24vw, 92px);--hand-card-overlap: 0px}.player-hand[data-card-count="2"]{--hand-card-width: clamp(74px, 22vw, 88px);--hand-card-overlap: 0px}.player-hand[data-card-count="3"]{--hand-card-width: clamp(68px, 20vw, 84px);--hand-card-overlap: 0px}.player-hand[data-card-count="4"]{--hand-card-width: clamp(60px, 18vw, 76px);--hand-card-overlap: 0px}.player-hand[data-card-count="5"]{--hand-card-width: clamp(56px, 16.4vw, 66px);--hand-card-overlap: 0px}.player-hand[data-card-count="6"]{--hand-card-width: clamp(48px, 14.3vw, 56px);--hand-card-overlap: 0px}.player-hand[data-card-count="7"]{--hand-card-width: clamp(42px, 12.6vw, 50px);--hand-card-overlap: 0px}.card-being-dragged{opacity:.38}.drag-ghost{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;will-change:left,top,transform}@media(max-width:360px){.player-hand{--hand-fan-drop-room: 24px}.player-hand[data-card-count="6"]{--hand-card-width: clamp(45px, 13.8vw, 52px);--hand-card-overlap: 0px}.player-hand[data-card-count="7"]{--hand-card-width: clamp(39px, 12.1vw, 45px);--hand-card-overlap: 0px}}.lobby-screen.lobby-scene-lobby{position:relative;width:100vw;height:100dvh;max-width:none;margin:0;overflow:hidden;color:#d7ffff;background:#050510;touch-action:manipulation;isolation:isolate}.lobby-artboard{position:absolute;left:50%;top:50%;z-index:0;width:min(100vw,calc(100dvh * 674 / 1536));aspect-ratio:674 / 1536;transform:translate(-50%,-50%);overflow:hidden;background:#050510}.lobby-scene-image{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none}.lobby-table-light-flicker,.lobby-card-cabinet-flash,.lobby-neon-wash,.lobby-scene-ui,.lobby-hotspot-layer{position:absolute;inset:0}.lobby-table-light-flicker{z-index:1;pointer-events:none;inset:0;background:url(/images/lobby/light-flicker-overlay.png) center / 100% 100% no-repeat;mix-blend-mode:normal;opacity:0;animation:lobbyTableLightFlicker 8.7s infinite}.lobby-card-cabinet-flash{position:absolute;inset:0;z-index:1;pointer-events:none;background:url(/images/lobby/card-cabinet-flash.png) center / 100% 100% no-repeat;mix-blend-mode:normal;opacity:0;animation:lobbyCardCabinetFlash 11.8s infinite;filter:opacity(55%)}.lobby-neon-wash{z-index:2;pointer-events:none;background:radial-gradient(circle at 18% 35%,rgba(0,255,255,.055),transparent 16%),radial-gradient(circle at 80% 37%,rgba(255,0,200,.055),transparent 18%),radial-gradient(circle at 49% 76%,rgba(0,255,255,.05),transparent 26%);mix-blend-mode:screen;opacity:.75;animation:lobbyNeonRoomPulse 6.5s infinite}.lobby-scene-ui{z-index:10;background:transparent!important}.lobby-scene-ui.hidden,.lobby-status-pill,.lobby-screen.lobby-scene-lobby .lobby-message{display:none!important}.lobby-hotspot-layer{z-index:20;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important}.lobby-hotspot{position:absolute;border:0;border-radius:10px;padding:0;background:transparent;color:transparent!important;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font:inherit!important;text-transform:none!important}.lobby-hotspot span{pointer-events:none}.lobby-screen.debug-hitboxes .lobby-hotspot{background:transparent;border:0;box-shadow:none}.lobby-screen.debug-hitboxes .lobby-hotspot:after{display:none;content:none}.lobby-screen:not(.debug-hitboxes) .lobby-hotspot{background:transparent;border:0;box-shadow:none}.lobby-screen:not(.debug-hitboxes) .lobby-hotspot:before{content:"";position:absolute;inset:-6px;border-radius:14px;background:radial-gradient(ellipse at center,rgba(0,255,255,.12),transparent 68%);mix-blend-mode:screen;opacity:0;pointer-events:none;transition:opacity .14s ease}.lobby-screen:not(.debug-hitboxes) .lobby-hotspot:active:before,.lobby-screen:not(.debug-hitboxes) .lobby-hotspot.is-tapped:before{opacity:1}.lobby-hotspot-play{left:15.8%;top:78.2%;width:36.6%;height:12.6%}.lobby-hotspot-build{left:44.5%;top:45.7%;width:27.5%;height:3.7%}.lobby-hotspot-cards{left:.8%;top:39.6%;width:15.7%;height:7%}.lobby-hotspot-rules{left:18%;top:44.6%;width:13.5%;height:10.7%}.lobby-hotspot-ladder{left:80%;top:39.2%;width:18.4%;height:17%}.lobby-hotspot-settings{left:80%;top:67.4%;width:19.5%;height:6.8%}.lobby-hotspot.is-tapped{animation:lobbyTapFlash .3s ease}.lobby-screen.lobby-scene-lobby .lobby-panel{position:absolute;inset:0;z-index:40;padding:22px 18px calc(22px + env(safe-area-inset-bottom));overflow-y:auto;background:radial-gradient(circle at 50% 0%,rgba(255,0,200,.25),transparent 35%),radial-gradient(circle at 50% 100%,rgba(0,255,255,.18),transparent 35%),linear-gradient(#1d1234fa,#060611fa)}.lobby-screen.lobby-scene-lobby .lobby-sub-panel.hidden{display:none!important}.lobby-back-button{position:sticky;top:0;z-index:2;margin-bottom:14px;padding:9px 14px;border:1px solid rgba(0,255,255,.8);border-radius:999px;background:radial-gradient(circle at 30% 15%,rgba(255,255,255,.34),transparent 26%),linear-gradient(135deg,#080912f2,#20082af5 48%,#04252afa);color:#f7f3d7;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 5px rgba(0,255,255,.95),0 0 10px rgba(255,0,200,.65),0 2px 2px rgba(0,0,0,.9);box-shadow:0 0 10px #00ffff8c,0 0 18px #ff00c847,inset 0 0 10px #00ffff38,inset 0 -4px 8px #000000ad,0 5px 12px #000000b3}.lobby-section-heading{margin:4px 0 14px;color:#c9ffff;font-size:30px;font-weight:900;line-height:1;text-align:center;text-transform:uppercase;text-shadow:0 0 10px rgba(0,255,255,.72),0 0 20px rgba(255,0,200,.32),0 4px 8px rgba(0,0,0,.95)}.lobby-rules-list,.lobby-feature-card,.lobby-card-tile{border:1px solid rgba(0,255,255,.52);background:radial-gradient(circle at 50% 0%,rgba(255,0,200,.12),transparent 42%),#00000057;box-shadow:inset 0 0 13px #00ffff14,0 8px 22px #00000073}.lobby-rules-list,.lobby-feature-card{border-radius:18px;padding:14px}.lobby-rules-list p,.lobby-feature-card p{margin:0 0 10px;color:#d7ffff;font-size:14px;font-weight:750;line-height:1.32}.lobby-rules-list p:last-child,.lobby-feature-card p:last-child{margin-bottom:0}.lobby-feature-card h2{margin:0 0 8px;color:#f7f3d7;font-size:22px;font-weight:900}.lobby-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:18px}.lobby-card-tile{border-radius:14px;padding:8px}.lobby-card-image{position:relative;width:100%;aspect-ratio:5 / 6.4;border-radius:10px;overflow:hidden;background:#00000073}.lobby-card-image img{display:block;width:100%;height:100%;object-fit:cover}.lobby-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:10px;color:#f7f3d7;font-weight:900;text-align:center}.lobby-card-points,.lobby-card-na{position:absolute;top:5px;width:25px;height:25px;border-radius:50%;color:#fff;border:1px solid rgba(255,255,255,.88);font-size:13px;font-weight:900;line-height:23px;text-align:center}.lobby-card-points{left:5px;background:linear-gradient(145deg,#2aa8ff,#1769d6 48%,#062c7a)}.lobby-card-na{right:5px;background:linear-gradient(145deg,#ff4d65,#c52232 48%,#68101a)}.lobby-card-tile h2{margin:8px 0 4px;color:#f7f3d7;font-size:13px;font-weight:900;line-height:1.1}.lobby-card-tile p{margin:0;color:#d7ffff;font-size:11px;font-weight:750;line-height:1.2}@keyframes lobbyTableLightFlicker{0%,to{opacity:0}0%{opacity:0}10.5%{opacity:0}11.0%{opacity:.18}11.5%{opacity:.42}12.0%{opacity:.08}12.6%{opacity:.34}13.3%{opacity:0}13.4%{opacity:0}36.0%{opacity:0}36.5%{opacity:.16}37.0%{opacity:.29}37.7%{opacity:0}37.8%{opacity:0}55.0%{opacity:0}55.5%{opacity:.22}56.0%{opacity:.48}56.4%{opacity:.13}57.0%{opacity:.39}57.7%{opacity:.2}58.4%{opacity:0}58.5%{opacity:0}82.0%{opacity:0}82.4%{opacity:.26}82.9%{opacity:.52}83.2%{opacity:1}83.55%{opacity:.18}84.0%{opacity:.45}84.8%{opacity:0}84.9%{opacity:0}95.0%{opacity:0}95.4%{opacity:.24}95.8%{opacity:0}}@keyframes lobbyCardCabinetFlash{0%,to{opacity:0}0%{opacity:0}14.8%{opacity:0}15.0%{opacity:1}15.14%{opacity:0}15.28%{opacity:1}15.42%{opacity:0}15.75%{opacity:.26}17.95%{opacity:.26}18.10%{opacity:1}18.28%{opacity:.18}19.20%{opacity:.18}19.45%{opacity:0}19.46%{opacity:0}47.0%{opacity:0}47.15%{opacity:1}47.30%{opacity:0}47.43%{opacity:1}47.56%{opacity:0}47.78%{opacity:1}48.05%{opacity:.3}50.85%{opacity:.3}51.05%{opacity:1}51.22%{opacity:.22}52.70%{opacity:.22}52.95%{opacity:0}52.96%{opacity:0}79.0%{opacity:0}79.18%{opacity:1}79.34%{opacity:0}79.52%{opacity:1}79.85%{opacity:.34}83.10%{opacity:.34}83.34%{opacity:1}83.55%{opacity:.16}84.65%{opacity:.16}84.95%{opacity:0}92.0%{opacity:0}92.16%{opacity:1}92.29%{opacity:0}92.44%{opacity:1}92.58%{opacity:0}}@keyframes lobbyNeonRoomPulse{0%,to{opacity:.7}50%{opacity:.9}}@keyframes lobbyTapFlash{0%{filter:brightness(1)}35%{filter:brightness(2.1)}to{filter:brightness(1)}}.lobby-screen.lobby-scene-lobby .lobby-hotspot,.lobby-screen.lobby-scene-lobby.debug-hitboxes .lobby-hotspot{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important}.lobby-screen.lobby-scene-lobby .lobby-hotspot:after,.lobby-screen.lobby-scene-lobby.debug-hitboxes .lobby-hotspot:after{display:none!important;content:none!important}.card-reveal-first-on-sheet{position:relative;overflow:visible;animation:firstOnSheetPop .65s ease-out both,firstOnSheetGlow .65s ease-out both}.first-on-sheet-reveal-ring{position:absolute;inset:-8px;z-index:18;border-radius:14px;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 12px #ffffffd9,0 0 28px #40c4ffc7,inset 0 0 12px #40c4ff38;pointer-events:none;opacity:0;animation:firstOnSheetRing .65s ease-out both}.first-on-sheet-reveal-tick{position:absolute;top:-14px;right:-10px;z-index:22;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:#fffffff5;color:#10223a;font-weight:1000;font-size:1.1rem;line-height:1;box-shadow:0 0 10px #fffffff2,0 0 18px #40c4ffd1,0 8px 18px #00000059;pointer-events:none;opacity:0;animation:firstOnSheetTick .65s ease-out both}.first-on-sheet-reveal-line{position:absolute;left:-10px;right:-10px;top:50%;z-index:19;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),rgba(64,196,255,.95),transparent);box-shadow:0 0 10px #ffffffd9,0 0 18px #40c4ffbf;pointer-events:none;opacity:0;transform:translateY(-50%) scaleX(0);animation:firstOnSheetLine .65s ease-out both}@keyframes firstOnSheetPop{0%{transform:scale(.9) rotate(-2deg)}45%{transform:scale(1.12) rotate(1deg)}to{transform:scale(1) rotate(0)}}@keyframes firstOnSheetGlow{0%{filter:brightness(1)}35%{filter:brightness(1.38)}to{filter:brightness(1)}}@keyframes firstOnSheetRing{0%{opacity:0;transform:scale(.72)}35%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.28)}}@keyframes firstOnSheetTick{0%{opacity:0;transform:scale(.35) rotate(-20deg)}35%{opacity:1;transform:scale(1.2) rotate(8deg)}to{opacity:0;transform:scale(1) rotate(0) translateY(-8px)}}@keyframes firstOnSheetLine{0%{opacity:0;transform:translateY(-50%) scaleX(0)}28%{opacity:1;transform:translateY(-50%) scaleX(1)}to{opacity:0;transform:translateY(-50%) scaleX(1.12)}}.card-effect-source-flash{position:relative;z-index:12;animation:effectSourceCardFlash 1s ease-out both}.card-effect-source-flash .card-stat{animation:effectSourceStatFlash 1s ease-out both}@keyframes effectSourceCardFlash{0%{filter:brightness(1);box-shadow:0 4px 10px #00000073,0 0 #f7f3d700}14%{filter:brightness(1.75) saturate(1.25);box-shadow:0 0 0 2px #f7f3d7f2,0 0 14px #f7f3d7f2,0 0 26px #00ffffbf,0 7px 16px #0000009e}34%{filter:brightness(1.15) saturate(1.1);box-shadow:0 0 0 1px #f7f3d7b3,0 0 10px #f7f3d7bf,0 0 20px #00ffff8c,0 6px 14px #0000008f}55%{filter:brightness(1.55) saturate(1.18);box-shadow:0 0 0 2px #f7f3d7e6,0 0 13px #f7f3d7d9,0 0 24px #ff00c894,0 7px 16px #0000009e}to{filter:brightness(1);box-shadow:0 4px 10px #00000073,0 0 #f7f3d700}}@keyframes effectSourceStatFlash{0%,to{filter:brightness(1)}14%,55%{filter:brightness(1.65)}}