@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--felt:#eef3ea;--felt-deep:#e0ebe0;--card:#fffdf7;--ink:#24291f;--ink-soft:#5c6355;--line:#d9e2d3;--shadow:0 16px 38px #24291f1f;--shadow-sm:0 6px 16px #24291f1a;--red:#e5484d;--red-soft:#fbdcdb;--blue:#2f6fed;--blue-soft:#dbe6fd;--yellow:#f0ab1f;--yellow-soft:#fbe9c4;--green:#2f9e60;--green-soft:#d7f0e0;--accent:var(--green);--accent-ink:#f4fff8;--accent-dark:#1f7a48;--danger:var(--red);--danger-ink:#7a1418;--danger-soft:var(--red-soft);--success-ink:#145a37;--success-soft:var(--green-soft);--radius-sm:.7rem;--radius-md:1.15rem;--radius-lg:1.7rem;--radius-pill:999px;--font-display:"Baloo 2", ui-rounded, system-ui, sans-serif;--font-body:Manrope, system-ui, sans-serif;background:var(--felt);color:var(--ink);font-family:var(--font-body);background-image:radial-gradient(circle at 100% 0,#f0ab1f1f,#0000 40%),radial-gradient(circle at 0 100%,#2f6fed1a,#0000 42%);background-attachment:fixed}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border:0;padding:.75rem 1.25rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s,opacity .15s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)scale(.98);box-shadow:0 2px 6px #24291f24}button.primary{background:var(--accent);color:var(--accent-ink)}button.secondary{border:1.5px solid var(--accent-dark,currentColor);background:0 0}.bot-marker{margin-right:.25rem}.bot-seat{font-weight:700}button:disabled{opacity:.5;cursor:not-allowed;transform:none}a{color:var(--accent-dark);font-weight:600}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0 0 .4rem;font-weight:700}p{color:var(--ink-soft);margin-top:0;line-height:1.55}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#ffffffb8;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.topbar nav{border-radius:var(--radius-pill);background:#ffffff8c;gap:.3rem;padding:.3rem;display:flex}.topbar nav a{color:var(--ink-soft);border-radius:var(--radius-pill);padding:.4rem .9rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.topbar nav a.active{color:var(--accent-ink);background:var(--accent)}.brand,.hero-brand{color:var(--ink);align-items:center;gap:.65rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{border-radius:var(--radius-sm);background:linear-gradient(145deg, var(--yellow), var(--red));color:#fff;width:2.35rem;height:2.35rem;font-family:var(--font-display);box-shadow:var(--shadow-sm);place-items:center;font-size:1.15rem;display:grid;transform:rotate(-6deg)}.account{align-items:center;gap:.75rem;font-weight:600;display:flex}.sound-toggle{background:#fff;place-items:center;min-width:44px;min-height:44px;padding:0;font-size:1.1rem;display:grid}.sound-toggle[aria-pressed=true]{background:var(--green-soft)}.page{width:min(960px,100% - 2rem);margin:0 auto;padding:1.75rem 0 3rem}.page-header{margin-bottom:1.4rem}.page-header h1{font-size:clamp(1.7rem,4vw,2.3rem)}.page-state,.alert,.panel,.metric,.room-card,.auth-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow)}.page-state,.alert{margin-bottom:1rem;padding:1rem 1.15rem;font-weight:600}.alert.error{color:var(--danger-ink);background:var(--danger-soft);border-color:#e5484d40}.alert.success{color:var(--success-ink);background:var(--success-soft);border-color:#2f9e6040}.panel{margin-bottom:1rem;padding:1.25rem}.form-grid,.form-inline,.toolbar{gap:.85rem;display:grid}.form-inline,.toolbar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;margin-bottom:1rem}label{color:var(--ink);gap:.35rem;font-weight:700;display:grid}input,select,textarea{border:2px solid var(--line);border-radius:var(--radius-sm);background:#fff;width:100%;padding:.7rem .9rem;transition:border-color .15s}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--blue);outline:none}.auth-screen{background:radial-gradient(circle at 12% 15%, #e5484d24, transparent 30%), radial-gradient(circle at 88% 20%, #f0ab1f29, transparent 32%), radial-gradient(circle at 20% 90%, #2f9e6024, transparent 34%), radial-gradient(circle at 85% 85%, #2f6fed1f, transparent 34%), var(--felt);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-panel{width:min(430px,100%);padding:2rem 1.85rem}.hero-brand h1{font-size:clamp(2.1rem,8vw,2.7rem)}.room-grid,.wallet-summary{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;display:grid}.room-card{border-width:2px;padding:1.35rem;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.room-card:before{content:"";background:linear-gradient(90deg, var(--red), var(--yellow) 34%, var(--green) 67%, var(--blue));height:.55rem;position:absolute;inset:0 0 auto}.room-card:has(button:hover){box-shadow:var(--shadow);transform:translateY(-3px)}.room-card h2{font-family:var(--font-display);margin-top:.4rem;font-size:1.8rem}.metric{padding:1.25rem}.metric span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:700}.metric strong{font-family:var(--font-display);margin-top:.2rem;font-size:1.9rem;display:block}.board-layout{grid-template-columns:1.55fr .75fr;gap:1rem;display:grid}.button-row{flex-wrap:wrap;gap:.5rem;display:flex}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);padding:.6rem .5rem;font-size:.78rem}td{text-align:left;border-top:1px solid var(--line);font-variant-numeric:tabular-nums;padding:.75rem .5rem}.muted{color:var(--ink-soft)}.controls{align-content:start;gap:.75rem;display:grid}.app-shell:has(.page-match.full-mode) .topbar{display:none}.app-shell:has(.page-match){--felt:#1b2420;--felt-deep:#141c18;background:var(--felt)}.page-match{--card:#232f28;--ink:#eef3ea;--ink-soft:#93a38d;--line:#34433a}@media (width<=800px){.topbar{flex-wrap:wrap}.topbar nav{order:3;justify-content:center;width:100%}.board-layout{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.ludo-board-wrap{gap:1rem;display:grid}.ludo-board{--cell:clamp(1.05rem, 4.8vw, 2.15rem);width:calc(var(--cell) * 15);aspect-ratio:1;border-radius:var(--radius-lg);border:4px solid var(--ink);background:#232c26;grid-template-rows:repeat(15,1fr);grid-template-columns:repeat(15,1fr);max-width:100%;margin:0 auto;animation:.48s cubic-bezier(.2,.9,.3,1.1) board-enter;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 0 3px #fff9,0 28px 56px #24291f38,inset 0 0 0 2px #ffffff8c}@keyframes board-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.ludo-cell{background:#2a342d;border:1px solid #ffffff0f;position:relative}.ludo-cell.path{background:#333f37}.ludo-cell.yard-0{background:var(--red-soft)}.ludo-cell.yard-1{background:var(--blue-soft)}.ludo-cell.yard-2{background:var(--yellow-soft)}.ludo-cell.yard-3{background:var(--green-soft)}.ludo-cell.yard-turn{animation:1.6s ease-in-out infinite yard-turn-glow}@keyframes yard-turn-glow{0%,to{filter:brightness()saturate()}50%{filter:brightness(1.28)saturate(1.45)}}.ludo-cell.finish-0{background:color-mix(in srgb, var(--red) 55%, white)}.ludo-cell.finish-1{background:color-mix(in srgb, var(--blue) 55%, white)}.ludo-cell.finish-2{background:color-mix(in srgb, var(--yellow) 55%, white)}.ludo-cell.finish-3{background:color-mix(in srgb, var(--green) 55%, white)}.ludo-cell.center{background:#3a4038}.ludo-cell.goal{background:radial-gradient(circle at center, #fff8e8 0 26%, transparent 27%), conic-gradient(from 45deg, var(--red) 0 25%, var(--yellow) 0 50%, var(--green) 0 75%, var(--blue) 0 100%)}.ludo-tokens-layer{pointer-events:none;position:absolute;inset:0}.ludo-token{width:calc(var(--cell) * .8);height:calc(var(--cell) * .8);color:#fffdf8;font-family:var(--font-display);pointer-events:auto;translate:calc(-50% + var(--stack,0) * 20%) calc(-50% - var(--stack,0) * 15%);z-index:calc(2 + var(--stack,0));border:2px solid #ffffffd9;border-radius:999px;place-items:center;padding:0;font-size:.72rem;font-weight:700;line-height:1;transition:left .14s cubic-bezier(.34,1.56,.64,1),top .14s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,filter .22s,scale .22s;animation:.28s token-pop;display:grid;position:absolute;scale:1;box-shadow:0 4px 10px #0000003d}.ludo-token.mine:after{content:"";border:2px solid var(--ink);background:#fff;border-radius:999px;width:.5rem;height:.5rem;position:absolute;top:-3px;right:-3px}@keyframes token-pop{0%{scale:.6}to{scale:1}}.ludo-token:disabled{opacity:1;cursor:default}.ludo-token.turn{box-shadow:0 0 0 2px #fff8e8,0 0 0 4px,0 6px 14px #00000047}.ludo-token.selectable{cursor:pointer;animation:.28s token-pop,1.1s ease-in-out infinite token-pulse}.ludo-token.selectable:hover{filter:brightness(1.1);scale:1.1}@keyframes token-pulse{0%,to{box-shadow:0 0 0 2px #fff8e8,0 0 0 4px #ffffff8c,0 6px 14px #00000047}50%{box-shadow:0 0 0 2px #fff8e8,0 0 0 8px #ffffff40,0 8px 18px #00000052}}.ludo-token.captured{animation:.7s token-captured}@keyframes token-captured{0%{box-shadow:0 0 #e5484db3,0 4px 10px #0000003d}60%{box-shadow:0 0 0 10px #e5484d00,0 4px 10px #0000003d}to{box-shadow:0 4px 10px #0000003d}}.ludo-legend{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ludo-legend li{border-radius:var(--radius-pill);background:var(--card);border:1px solid var(--line);color:var(--ink-soft);align-items:center;gap:.45rem;padding:.35rem .75rem .35rem .45rem;font-size:.88rem;font-weight:700;display:inline-flex}.ludo-legend li.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-sm);font-weight:800}.ludo-legend .swatch{border:2px solid #ffffffd9;border-radius:999px;width:1rem;height:1rem;box-shadow:0 0 0 1px #24291f26}.page.page-match{width:min(1100px,100% - 1.25rem)}.page:has(.page-match){width:min(1100px,100% - 1.25rem)}.board-layout{align-items:start}.board-stage{background:linear-gradient(180deg, #fff 0%, var(--felt-deep) 130%);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.15rem}.turn-banner{border-radius:var(--radius-md);background:var(--card);border:2px solid var(--line);align-items:center;gap:.65rem;padding:.7rem 1rem;font-weight:700;display:flex}.turn-banner .swatch{border-radius:999px;flex-shrink:0;width:1.15rem;height:1.15rem;box-shadow:0 0 0 3px #fff9}.turn-banner.mine{background:var(--green-soft);border-color:var(--green);color:var(--success-ink)}.turn-banner .phase-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-size:.72rem;font-weight:800;display:block}.turn-banner .phase-value{font-family:var(--font-display);font-size:1.1rem}.dice-readout{flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 .6rem;font-size:.85rem;display:flex}.dice-readout .value{font-family:var(--font-display);font-size:1.1rem}.verify-rng-icon{background:var(--card);border:1px solid var(--line);width:1.6rem;height:1.6rem;color:var(--ink-soft);border-radius:999px;place-items:center;font-weight:700;line-height:1;text-decoration:none;display:grid}.verify-rng-icon:hover{color:var(--accent-dark);border-color:var(--accent-dark)}.victory-panel{text-align:center;background:linear-gradient(160deg, #fff 0%, var(--success-soft) 140%);border:2px solid var(--green);padding:1.75rem 1.5rem;position:relative;overflow:hidden}.victory-panel h2{margin-bottom:.3rem;font-size:clamp(1.6rem,5vw,2.2rem)}.victory-badge{background:linear-gradient(145deg, var(--yellow), var(--red));width:3.5rem;height:3.5rem;box-shadow:var(--shadow-sm);border-radius:999px;place-items:center;margin:0 auto .75rem;font-size:1.7rem;animation:.52s cubic-bezier(.17,.89,.32,1.4) badge-in;display:grid}@keyframes badge-in{0%{opacity:0;rotate:-25deg;scale:.4}to{opacity:1;rotate:0deg;scale:1}}.victory-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{top:-10%;left:var(--x);background:var(--piece-color);opacity:.9;width:.55rem;height:.9rem;animation:confetti-fall var(--duration) linear var(--delay) 1;border-radius:2px;position:absolute}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10%)rotate(0)}to{opacity:.15;transform:translateY(420%)rotate(540deg)}}.game-chrome{justify-content:space-between;margin-bottom:.6rem;display:flex}.game-chrome-right{gap:.5rem;display:flex}.game-chrome-button,.game-chrome .sound-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:2.4rem;min-height:2.4rem;box-shadow:var(--shadow-sm);color:#24291f;background:#ffffffa6;border-radius:999px;padding:0;font-size:1.1rem;font-weight:700}.game-chrome-button[aria-pressed=true]{background:#ffffffd9}.connection-status{color:var(--ink-soft);margin:0 0 .5rem;font-size:.8rem;font-weight:700}.identity-badge{border-radius:var(--radius-pill);background:var(--card);border:2px solid var(--line);align-items:center;gap:.6rem;width:fit-content;margin-bottom:.85rem;padding:.55rem .9rem;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.identity-badge .swatch{border-radius:999px;flex-shrink:0;width:1.3rem;height:1.3rem;box-shadow:0 0 0 3px #ffffffb3}.identity-badge .identity-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-size:.68rem;font-weight:800;display:block}.identity-badge .identity-name{font-family:var(--font-display);font-size:1rem}.identity-badge .identity-status{border-radius:var(--radius-pill);background:var(--felt-deep);color:var(--ink-soft);margin-left:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.identity-badge.active{background:var(--green-soft);border-color:var(--green);animation:1.6s ease-in-out infinite identity-glow;box-shadow:0 0 0 4px #2f9e602e}.identity-badge.active .identity-status{background:var(--green);color:var(--accent-ink)}@keyframes identity-glow{0%,to{box-shadow:0 0 0 4px #2f9e602e}50%{box-shadow:0 0 0 7px #2f9e601a}}.dice-outcome{color:var(--ink);font-weight:700}.button-row.not-your-turn{filter:grayscale(.55);opacity:.55}.roll-dice-icon{background:var(--card);border:2px solid var(--line);width:3.6rem;height:3.6rem;box-shadow:none;filter:grayscale(.5);opacity:.6;border-radius:999px;place-items:center;padding:0;font-size:1.7rem;transition:filter .2s,opacity .2s,box-shadow .2s,transform .15s;display:grid}.roll-dice-icon.lit{filter:none;opacity:1;background:var(--accent);border-color:var(--accent);animation:1.8s ease-in-out infinite roll-dice-glow;box-shadow:0 0 0 6px #2f9e6040,0 6px 18px #2f9e6059}@keyframes roll-dice-glow{0%,to{box-shadow:0 0 0 6px #2f9e6040,0 6px 18px #2f9e6059}50%{box-shadow:0 0 0 10px #2f9e6029,0 6px 22px #2f9e6073}}.board-stage{isolation:isolate;background:radial-gradient(circle at 50% 15%, #ffffff8c, transparent 60%), linear-gradient(180deg, var(--card) 0%, var(--felt-deep) 130%);position:relative;overflow:hidden}.board-stage:before{content:"";z-index:-1;background:radial-gradient(circle at 8% 12%,#e5484d1a,#0000 34%),radial-gradient(circle at 92% 18%,#f0ab1f1f,#0000 36%),radial-gradient(circle at 15% 92%,#2f9e601f,#0000 36%),radial-gradient(circle at 90% 88%,#2f6fed1a,#0000 36%);position:absolute;inset:0}.board-stage:after{content:"";z-index:-1;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 40px #24291f1a}@media (width<=640px){.app-shell:has(.page-match){flex-direction:column;height:100dvh;display:flex}.app-shell:has(.page-match)>.topbar{flex-shrink:0}.app-shell:has(.page-match)>main.page{flex:1;min-height:0;padding-top:.75rem;padding-bottom:.5rem;overflow-y:auto}.page-match{flex-direction:column;min-height:100%;display:flex}.board-layout{flex-direction:column;flex:1;gap:.6rem;min-height:0;display:flex}.board-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:.6rem;display:flex}.ludo-board{--cell:clamp(1rem, min(6vw, 6dvh), 1.6rem)}.identity-badge{flex-shrink:0;justify-content:center;width:100%}.controls{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:60dvh;padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));flex-shrink:0;margin:0;position:sticky;bottom:0;overflow-y:auto;box-shadow:0 -14px 28px #24291f29}.turn-banner,.button-row button,.controls>button{min-height:44px}}