@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ecfdf5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#22c55e29,#0000 28%),radial-gradient(circle at 85% 18%,#f59e0b24,#0000 26%),radial-gradient(circle at 70% 86%,#3b82f61f,#0000 22%),linear-gradient(160deg,#030712 0%,#08111d 44%,#0f172a 100%);font-family:Space Grotesk,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}.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}.app-shell{min-height:100vh;padding:24px;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";filter:blur(30px);opacity:.55;pointer-events:none;border-radius:999px;position:absolute;inset:auto}.app-shell:before{background:#22c55e2e;width:260px;height:260px;top:-48px;left:-60px}.app-shell:after{background:#f59e0b29;width:300px;height:300px;bottom:8%;right:-56px}.orb{filter:blur(18px);opacity:.28;pointer-events:none;border-radius:999px;animation:16s ease-in-out infinite float;position:absolute}.orb-a{background:#22c55e38;width:120px;height:120px;top:14%;left:7%}.orb-b{background:#ef444433;width:152px;height:152px;animation-delay:-5s;top:38%;right:8%}.orb-c{background:#3b82f62e;width:170px;height:170px;animation-delay:-10s;bottom:6%;left:42%}.topbar{z-index:2;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex;position:relative}.brand-lockup{align-items:center;gap:16px;display:flex}.brand-mark{border-radius:18px;width:58px;height:58px;position:relative;box-shadow:0 18px 44px #0f172a73,inset 0 1px #ffffff3d}.brand-mark-ludo{background:radial-gradient(circle at 30% 28%,#ffffffd1,#ffffff1f 34%,#0000 36%),conic-gradient(from 180deg,#ef4444 0deg,#f59e0b 92deg,#22c55e 182deg,#3b82f6 272deg,#ef4444 360deg);border:1px solid #fff3}.brand-mark-ludo:before,.brand-mark-ludo:after{content:"";clip-path:polygon(50% 0%,62% 20%,82% 18%,78% 38%,100% 50%,78% 62%,82% 82%,62% 80%,50% 100%,38% 80%,18% 82%,22% 62%,0% 50%,22% 38%,18% 18%,38% 20%);border:2px solid #ffffffd1;border-radius:12px;position:absolute;inset:14px}.eyebrow,.panel-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#86efac;margin:0 0 4px;font-size:.72rem}.brand-lockup h1,.card h3,.board-copy h2{margin:0;line-height:1.05}.brand-lockup h1{font-size:clamp(1.9rem,3vw,3rem)}.brand-subtitle,.card-copy,.board-copy p,.activity-row p{color:#94a3b8;margin:8px 0 0}.topbar-stats{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.chip,.card,.board-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080f1cb8;border:1px solid #94a3b829;box-shadow:0 24px 60px #0f172a3d}.chip{border-radius:18px;min-width:160px;padding:14px 16px}.chip-accent{background:linear-gradient(135deg,#22c55e29,#f59e0b24)}.chip span,.stat-card span,.result-card span,.room-meta-grid span,.seat-row p,.activity-row p,.token-pill,.dice-row p{letter-spacing:.16em;text-transform:uppercase;color:#94a3b8;font-size:.72rem;display:block}.chip strong,.stat-card strong,.result-card strong,.room-meta-grid strong,.seat-row strong,.dice-row strong,.activity-row strong{color:#f8fafc;margin-top:6px;display:block}.main-grid{z-index:2;grid-template-columns:minmax(0,1.55fr) minmax(340px,.9fr);align-items:start;gap:22px;display:grid;position:relative}.board-panel{gap:16px;display:grid}.board-copy{justify-content:space-between;align-items:end;gap:16px;display:flex}.board-copy h2{font-size:clamp(1.5rem,2.4vw,2.4rem)}.board-copy p{text-align:right;max-width:42ch}.board-shell{border-radius:34px;padding:18px;position:relative}.board-grid{aspect-ratio:1;background:radial-gradient(circle,#ffffff8c,#ffffff08 34%,#0000 70%),linear-gradient(145deg,#fdf8ea 0%,#efe7cf 100%);border-radius:28px;grid-template-rows:repeat(15,minmax(0,1fr));grid-template-columns:repeat(15,minmax(0,1fr));gap:2px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffffb8,inset 0 -18px 45px #0000000f}.board-cell{border-radius:10px;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.board-cell-empty{background:#fff3}.board-cell-track{background:linear-gradient(145deg,#f5edd9,#ece2c4);border:1px solid #0f172a14}.board-cell-safe{box-shadow:inset 0 0 0 2px #ffffff80}.board-cell-base-red{background:linear-gradient(145deg,#ef44444d,#ef44441f)}.board-cell-base-green{background:linear-gradient(145deg,#22c55e4d,#22c55e1f)}.board-cell-base-yellow{background:linear-gradient(145deg,#f59e0b52,#f59e0b1f)}.board-cell-base-blue{background:linear-gradient(145deg,#3b82f64d,#3b82f61f)}.board-cell-home-red{background:linear-gradient(145deg,#ef44443d,#ef44441a)}.board-cell-home-green{background:linear-gradient(145deg,#22c55e3d,#22c55e1a)}.board-cell-home-yellow{background:linear-gradient(145deg,#f59e0b3d,#f59e0b1a)}.board-cell-home-blue{background:linear-gradient(145deg,#3b82f63d,#3b82f61a)}.board-cell-center{background:radial-gradient(circle at 50% 42%,#fff3,#0000 34%),linear-gradient(145deg,#183329,#08120e);border:1px solid #ffffff1f}.board-cell-start-red{box-shadow:inset 0 0 0 2px #ef444480}.board-cell-start-green{box-shadow:inset 0 0 0 2px #22c55e80}.board-cell-start-yellow{box-shadow:inset 0 0 0 2px #f59e0b80}.board-cell-start-blue{box-shadow:inset 0 0 0 2px #3b82f680}.tile-index{color:#0f172a57;font-size:.55rem;position:absolute;top:4px;left:5px}.tile-index-home{color:#ffffff61}.token-cluster{place-items:center;gap:4px;padding:3px;display:grid;position:absolute;inset:0}.token{color:#f8fafc;background:radial-gradient(circle at 30% 30%, #ffffffd1, #ffffff1f 20%, transparent 22%), var(--seat-color);border:1px solid #fffc;border-radius:999px;place-items:center;width:clamp(16px,2vw,24px);height:clamp(16px,2vw,24px);font-size:.58rem;font-weight:700;transition:transform .16s,box-shadow .16s,filter .16s;display:grid;box-shadow:0 10px 22px #0f172a38,inset 0 1px #ffffff38}.token:hover{transform:translateY(-1px)scale(1.03)}.token-movable{animation:1.4s ease-in-out infinite token-pulse}.token:disabled,.token[aria-disabled=true]{cursor:default}.token-cluster-1{grid-template-columns:1fr}.token-cluster-2,.token-cluster-3,.token-cluster-4{grid-template-columns:repeat(2,minmax(0,1fr))}.board-center-badge{text-align:center;color:#f8fafc;pointer-events:none;background:#080f1ccc;border:1px solid #ffffff1a;border-radius:20px;padding:14px 18px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 18px 42px #0f172a4d}.board-center-badge span{letter-spacing:.2em;text-transform:uppercase;color:#86efac;font-size:.7rem;display:block}.board-center-badge strong{margin-top:4px;font-size:1.05rem;display:block}.sidebar{gap:16px;display:grid}.card{border-radius:24px;padding:18px}.card-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.hero-card{gap:14px;display:grid}.mode-picker,.action-buttons,.token-pills,.seat-selector{flex-wrap:wrap;gap:10px;display:flex}.mode-pill,.ghost-button,.primary-button,.token-pill{color:#f8fafc;background:#0f172ab3;border:1px solid #94a3b833;border-radius:16px;padding:12px 14px;transition:transform .16s,border-color .16s,background .16s,opacity .16s}.mode-pill:hover,.ghost-button:hover,.primary-button:hover,.token-pill:hover{transform:translateY(-1px)}.mode-pill-active{background:linear-gradient(135deg,#22c55e33,#f59e0b24);border-color:#86efac61}.field{gap:8px;display:grid}.field span{letter-spacing:.16em;text-transform:uppercase;color:#94a3b8;font-size:.72rem}.field input,.seat-selector select,.invite-url{color:#f8fafc;background:#02061780;border:1px solid #94a3b82e;border-radius:16px;outline:none;width:100%;padding:14px 16px}.field input:focus,.seat-selector select:focus,.invite-url:focus{border-color:#86efac6b;box-shadow:0 0 0 3px #22c55e2e}.primary-button{color:#02111a;background:linear-gradient(135deg,#22c55e,#f59e0b);border:0;font-weight:700;box-shadow:0 16px 32px #22c55e2e}.ghost-button{background:#0f172ac7}.primary-button:disabled,.ghost-button:disabled,.mode-pill:disabled,.token-pill:disabled{opacity:.5;cursor:not-allowed;transform:none}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat-grid-tight{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{background:#02061757;border:1px solid #94a3b81f;border-radius:18px;padding:14px}.stat-card strong{font-size:1rem}.room-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 10px;display:grid}.error-banner,.sync-banner{background:#02061761;border:1px solid #94a3b82e;border-radius:16px;margin:10px 0 0;padding:12px 14px}.error-banner{color:#fecaca;background:#7f1d1d3d;border-color:#ef444438}.sync-banner{color:#d1fae5}.seat-selector{align-items:center;margin-bottom:12px}.seat-selector select{flex:180px;min-width:180px}.seat-list{gap:10px;display:grid}.seat-row{cursor:pointer;background:#0206175c;border:1px solid #94a3b824;border-radius:18px;gap:10px;padding:12px;display:grid}.seat-row-selected{border-color:#86efac61;box-shadow:0 0 0 1px #22c55e33}.seat-row-main{align-items:center;gap:12px;display:flex}.seat-dot{border-radius:999px;flex:none;width:14px;height:14px;box-shadow:0 0 0 3px #ffffff14}.seat-actions{flex-wrap:wrap;gap:10px;display:flex}.invite-url{color:#cbd5e1;padding-top:10px;padding-bottom:10px;font-size:.8rem}.pill{color:#cbd5e1;letter-spacing:.08em;text-transform:uppercase;background:#0f172ab8;border:1px solid #94a3b82e;border-radius:999px;justify-content:center;align-items:center;padding:8px 10px;font-size:.72rem;display:inline-flex}.pill-filled{color:#f8fafc;background:linear-gradient(135deg,#22c55e2e,#f59e0b29)}.action-stack{gap:12px;display:grid}.dice-row{align-items:center;gap:14px;display:flex}.dice-face{color:#0f172a;background:linear-gradient(145deg,#f8fafc,#dbe4ef);border-radius:18px;place-items:center;width:60px;height:60px;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffffb3}.action-buttons{align-items:center}.token-pill{font-family:JetBrains Mono,monospace;font-size:.78rem}.activity-list{gap:10px;max-height:280px;padding-right:4px;display:grid;overflow:auto}.activity-row{background:#0206175c;border:1px solid #94a3b81f;border-radius:16px;padding:12px 14px}.activity-row strong{font-size:.92rem}.activity-row p{margin-top:6px;font-family:JetBrains Mono,monospace;font-size:.72rem}.board-copy,.card-copy,.activity-row strong,.seat-row strong{text-wrap:balance}.card-copy{line-height:1.6}@keyframes float{0%,to{transform:translate(0,0)}50%{transform:translateY(-14px)}}@keyframes token-pulse{0%,to{filter:saturate();transform:translateY(0)scale(1)}50%{filter:saturate(1.14);transform:translateY(-1px)scale(1.07)}}@media (width<=1200px){.main-grid{grid-template-columns:1fr}.board-copy{flex-direction:column;align-items:start}.board-copy p{text-align:left}}@media (width<=860px){.app-shell{padding:16px}.topbar{flex-direction:column}.topbar-stats{justify-content:flex-start}.chip{flex:160px;min-width:calc(50% - 6px)}.room-meta-grid,.stat-grid{grid-template-columns:1fr 1fr}.board-shell{padding:12px}}@media (width<=560px){.chip{min-width:100%}.room-meta-grid,.stat-grid{grid-template-columns:1fr}.board-grid{gap:1px;padding:10px}.brand-mark{width:50px;height:50px}.board-center-badge{padding:10px 12px}}