@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Fraunces:opsz,wght@9..144,700;9..144,900&display=swap";:root{--bg-1:#0b1c1f;--bg-2:#132a23;--bg-3:#1b3a2f;--card:#ffffff0f;--border:#ffffff1f;--text:#f3f4f6;--muted:#ffffffb3;--accent:#f2c94c;--accent-2:#2ee97d;--danger:#ff5a5f;--wood-1:#e9b95a;--wood-2:#c07b30;--wood-3:#7c4a18}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;-ms-touch-action:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%}body{color:var(--text);background:radial-gradient(1000px 600px at 20% 0%, #ffffff0f, transparent 55%), radial-gradient(900px 600px at 80% 90%, #00000073, transparent 60%), linear-gradient(150deg, var(--bg-1), var(--bg-2) 55%, var(--bg-3));margin:0;font-family:Sora,Noto Sans Bengali,sans-serif;overflow:hidden}#root{height:100%}body.low-perf{background:radial-gradient(900px 500px at 20% 0%, #ffffff0d, transparent 55%), linear-gradient(150deg, var(--bg-1), var(--bg-2) 55%, var(--bg-3))}body.low-perf .card,body.low-perf .game-card{backdrop-filter:none;box-shadow:0 12px 28px #00000047}body.low-perf .board-wrap{box-shadow:none}body.low-perf .board-inner{box-shadow:inset 0 0 0 1px #0000002e}body.low-perf .piece{box-shadow:0 8px 16px #00000047,inset 0 0 0 1px #fff3}body.low-perf .move-trail.shadow{stroke-width:8px;animation-duration:.5s}body.low-perf .move-trail.core{stroke-width:3.4px;animation-duration:.45s,.45s}body.low-perf .overlay{backdrop-filter:none}body.low-perf .piece.turn-glow{box-shadow:0 8px 18px #0000004d, 0 0 14px var(--glow-a), 0 0 26px var(--glow-b)}body.low-perf .player-mini.turn{box-shadow:0 0 0 2px #f2c94cb3,0 0 18px #f2c94c66}.app-shell{max-width:1100px;min-height:100%;margin:0 auto;padding:18px}.app-shell.game-shell{flex-direction:column;max-width:100%;height:100%;padding:12px;display:flex}.header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:conic-gradient(from 210deg,#2ee97d,#7ee8fa,#f2c94c,#2ee97d);border-radius:14px;width:42px;height:42px;box-shadow:0 14px 40px #00000059}.brand-mark.small{border-radius:10px;width:32px;height:32px}.brand-title{letter-spacing:.5px;font-family:Fraunces,serif;font-size:20px}.badge{border:1px solid var(--border);background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.badge.small{padding:4px 10px;font-size:11px}.card{background:var(--card);border:1px solid var(--border);backdrop-filter:blur(8px);border-radius:18px;padding:16px;box-shadow:0 20px 60px #00000059}.game-card{background:var(--card);border:1px solid var(--border);backdrop-filter:blur(8px);border-radius:18px;flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px;display:flex;box-shadow:0 20px 60px #00000059}.game-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.game-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.player-mini{background:#00000040;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.player-mini.right{text-align:right;justify-content:flex-end}.player-mini.turn{border-color:#f2c94ccc;animation:none;box-shadow:0 0 0 2px #f2c94cd9,0 0 26px #f2c94c8c,0 0 52px #2ee97d59}@keyframes turnPulse{0%{box-shadow:0 0 0 2px #f2c94cbf,0 0 22px #f2c94c73,0 0 48px #2ee97d40}50%{box-shadow:0 0 0 2px #f2c94c,0 0 34px #f2c94cbf,0 0 70px #2ee97d73}to{box-shadow:0 0 0 2px #f2c94cbf,0 0 22px #f2c94c73,0 0 48px #2ee97d40}}.player-mini .name{font-size:12px;font-weight:700}.player-mini .role{color:var(--muted);font-size:10px}.timer-center{background:#00000040;border:1px solid #ffffff29;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:110px;padding:6px 12px;display:flex}.timer-value{font-size:16px;font-weight:800}.timer-label{color:var(--muted);font-size:10px}.room-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.room-item{background:#00000040;border:1px solid #ffffff29;border-radius:10px;padding:6px 10px;font-size:12px}.room-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.code-pill{color:var(--text);cursor:pointer;background:#00000040;border:1px solid #fff3;border-radius:10px;padding:6px 10px;font-size:12px}.code-pill:active{transform:scale(.98)}.game-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=820px){.grid-2{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}.app-shell{padding:12px}}.player-card{background:#00000040;border:1px solid #ffffff1f;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.player-card.is-me{border-color:#7ee8fa80;box-shadow:0 0 0 2px #7ee8fa59,0 0 18px #7ee8fa40}.player-info{align-items:center;gap:10px;display:flex}.avatar{color:#2b190c;background:linear-gradient(135deg,#ef6c57,#f2c94c);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:flex}.avatar.blue{color:#0d1f1a;background:linear-gradient(135deg,#7ee8fa,#2ee97d)}.avatar.red{color:#2b190c;background:linear-gradient(135deg,#ff6b6b,#f2c94c)}.lives{gap:4px;display:flex}.lives span{background:var(--accent-2);border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px #2ee97d66}.lives span.lost{background:var(--danger);box-shadow:0 0 8px #ff5a5f59}.lives.small span{width:8px;height:8px}.btn{cursor:pointer;border:none;border-radius:14px;padding:12px 16px;font-weight:800}.btn-primary{background:var(--accent);color:#2b190c}.btn-ghost{color:#fff;background:#ffffff1f}.btn:disabled{opacity:.6;cursor:not-allowed;filter:saturate(.8)}.timer-pill{background:#00000040;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.board-area{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.board-wrap{aspect-ratio:5/8;background:radial-gradient(900px 700px at 30% 20%, #ffffff38, transparent 60%), radial-gradient(900px 700px at 70% 70%, #00000038, transparent 60%), linear-gradient(180deg, var(--wood-1), var(--wood-2) 60%, var(--wood-3));border:1px solid #ffffff24;border-radius:24px;width:auto;max-width:100%;height:100%;max-height:100%;margin:0 auto;position:relative;overflow:hidden}.board-inner{border:1px solid #0003;border-radius:18px;position:absolute;inset:14px;box-shadow:inset 0 0 0 2px #00000026}.move-fx{pointer-events:none;z-index:2;position:absolute;inset:0}.move-trail{fill:none;stroke-linecap:round}.move-trail.red{stroke:#ff6b6bf2}.move-trail.blue{stroke:#7ee8faf2}.move-trail.shadow{stroke-width:10px;animation:.6s ease-out forwards trailShadowFade}.move-trail.core{stroke-width:4.2px;stroke-dasharray:1400;stroke-dashoffset:1400px;animation:.55s ease-out forwards trailDraw,.6s ease-out forwards trailFade}@keyframes trailDraw{0%{stroke-dashoffset:1400px}to{stroke-dashoffset:0}}@keyframes trailFade{0%{opacity:0}35%{opacity:.85}to{opacity:0}}@keyframes trailShadowFade{0%{opacity:0}35%{opacity:.35}to{opacity:0}}.capture-fly{pointer-events:none;z-index:4;border-radius:50%;width:23px;height:23px;animation:.7s ease-in-out forwards flyCapture;position:absolute;transform:translate(-50%,-50%)}.capture-fly.blue{background:radial-gradient(circle at 32% 28%,#fff,#92f1ff 30%,#4db7ff 60%,#1a63b8 100%)}.capture-fly.red{background:radial-gradient(circle at 32% 28%,#fff,#ffc7c7 30%,#ff7b7b 60%,#bf3e3e 100%)}@keyframes flyCapture{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.4)}}.node{cursor:pointer;background:0 0;border:none;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%)}.node:after{content:"";background:#0000004d;border:2px solid #fff9;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.node.target:after{background:var(--accent);border-color:#fff;box-shadow:0 0 12px #f2c94ccc}.node.capture:after{background:var(--danger);border-color:#fff;box-shadow:0 0 12px #ff5a5fb3}.piece{cursor:pointer;background:radial-gradient(circle at 32% 28%, #fffffffa, var(--coin-light) 30%, var(--coin-mid) 60%, var(--coin-dark) 100%);opacity:.92;filter:saturate(.86)brightness(.96);border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 16px #00000047,inset 0 0 0 1px #ffffff2e}.piece.blue{--coin-light:#92f1ff;--coin-mid:#4db7ff;--coin-dark:#1a63b8;--coin-ring:#ffffff8c;--coin-star:#0c4a94}.piece.red{--coin-light:#ffc7c7;--coin-mid:#ff7b7b;--coin-dark:#bf3e3e;--coin-ring:#fff9;--coin-star:#8a2020}.piece:before{content:"";box-shadow:inset 0 0 0 2px var(--coin-ring), inset 0 0 0 6px #0000001f;background:radial-gradient(circle at 30% 30%,#ffffffd9,#fff3 45%,#0000002e 78%);border-radius:50%;position:absolute;inset:4px}.piece:after{content:"";clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 92%,50% 72%,21% 92%,32% 57%,2% 35%,39% 35%);background:linear-gradient(140deg, #ffffffb3, var(--coin-star));width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #00000059,inset 0 0 0 1px #ffffff4d}.piece.selected{outline-offset:2px;outline:3px solid #ffffffb3}.piece.turn-glow{opacity:1;filter:saturate(1.15)brightness(1.08);box-shadow:0 10px 22px #00000059, 0 0 18px var(--glow-a), 0 0 36px var(--glow-b), 0 0 60px #ffffff40;animation:none}.piece.blue.turn-glow{--glow-a:#7ee8faf2;--glow-b:#2ee97d99}.piece.red.turn-glow{--glow-a:#ff6b6bf2;--glow-b:#f2c94c99}@keyframes glowPulsePro{0%{box-shadow:0 10px 22px #00000059, 0 0 14px var(--glow-a), 0 0 30px var(--glow-b), 0 0 50px #ffffff2e}50%{box-shadow:0 16px 30px #00000073, 0 0 26px var(--glow-a), 0 0 52px var(--glow-b), 0 0 90px #ffffff47}to{box-shadow:0 10px 22px #00000059, 0 0 14px var(--glow-a), 0 0 30px var(--glow-b), 0 0 50px #ffffff2e}}.message{color:var(--muted);margin-top:10px;font-size:14px}.overlay{backdrop-filter:blur(4px);z-index:5;background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.popup{text-align:center;background:#070c14eb;border:1px solid #ffffff1f;border-radius:20px;width:min(420px,92%);padding:20px;box-shadow:0 18px 60px #00000073}.popup.win{background:radial-gradient(240px 140px at 20% 0,#2ee97d59,#0000 60%),radial-gradient(220px 140px at 90% 90%,#f2c94c47,#0000 60%),#070c14eb;border-color:#2ee97d73}.popup.lose{background:radial-gradient(240px 140px at 20% 0,#ff5a5f59,#0000 60%),radial-gradient(220px 140px at 90% 90%,#9b9bff33,#0000 60%),#070c14eb;border-color:#ff5a5f73}.popup h3,.popup .result-title{margin:0 0 8px;font-family:Fraunces,serif;font-size:24px}.result-title{background:linear-gradient(120deg,#fff,#f2c94c,#2ee97d);color:#0000;-webkit-background-clip:text;background-clip:text}.popup.lose .result-title{background:linear-gradient(120deg,#ffd4d6,#ff6b6b,#b78cff);-webkit-background-clip:text;background-clip:text}.result-badge{letter-spacing:.6px;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.result-badge.win{color:#dfffee;background:#2ee97d29;border-color:#2ee97d80;box-shadow:0 0 18px #2ee97d59}.result-badge.lose{color:#ffd6d8;background:#ff5a5f29;border-color:#ff5a5f80;box-shadow:0 0 18px #ff5a5f40}.result-sub{color:var(--muted);margin-bottom:6px}.result-winner{font-size:14px}.result-winner span{color:#fff;font-weight:800}.result-redirect{color:var(--muted);margin-top:10px;font-size:12px}.fireworks{pointer-events:none;position:absolute;inset:0;overflow:hidden}.firework{background:var(--accent);opacity:.8;border-radius:50%;width:6px;height:6px;animation:1.6s ease-out infinite burst;position:absolute;top:50%;left:50%}.firework:nth-child(2){background:#7ee8fa;animation-delay:.3s;top:25%;left:20%}.firework:nth-child(3){background:#ff6b6b;animation-delay:.6s;top:30%;left:70%}.firework:nth-child(4){background:#2ee97d;animation-delay:.9s;top:70%;left:80%}.firework:nth-child(5){background:#f2c94c;animation-delay:1.2s;top:70%;left:30%}@keyframes burst{0%{opacity:0;transform:scale(.3)}30%{opacity:1}to{opacity:0;transform:scale(6)}}.ready-countdown{margin-top:8px;font-size:20px;font-weight:800}.link-note{color:var(--muted);font-size:12px}.ready-pill{border:1px solid #fff3;border-radius:12px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.ready-pill.ready{color:#bff6d6;background:#2ee97d26;border-color:#2ee97d80}.ready-pill.wait{color:#ffd4d6;background:#ff5a5f1f;border-color:#ff5a5f73}.ready-dot{background:var(--accent-2);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #2ee97d80}.ready-pill.wait .ready-dot{background:var(--danger);box-shadow:0 0 10px #ff5a5f80}.player-box{backdrop-filter:blur(8px);z-index:3;background:#00000059;border:1px solid #fff3;border-radius:12px;flex-direction:column;gap:6px;width:130px;padding:8px;display:flex;position:absolute}.player-box.opponent{top:10px;left:10px}.player-box.me{text-align:right;align-items:flex-end;bottom:10px;right:10px}.player-box.turn{box-shadow:0 0 0 2px #f2c94cb3,0 0 18px #f2c94c66}.player-name{font-size:12px;font-weight:700}.player-role{color:var(--muted);font-size:10px}.toast{color:#fff;backdrop-filter:blur(8px);z-index:6;background:#00000073;border:1px solid #fff3;border-radius:14px;padding:10px 16px;font-size:13px;animation:1s forwards toastFade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}10%{opacity:1;transform:translate(-50%,-50%)scale(1)}90%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.02)}}@media (width<=600px){.game-card{padding:10px}.player-box{width:118px}.piece{width:32px;height:32px}.node{width:26px;height:26px}.node:after{width:12px;height:12px}.player-mini{gap:8px;padding:6px 8px}.avatar{border-radius:10px;width:32px;height:32px;font-size:12px}.timer-center{min-width:90px}}