:root{--ludu-red: #ff5f7e;--ludu-green: #35c98b;--ludu-yellow: #ffd75e;--ludu-blue: #4aa8ff;--ludu-purple: #7c5cff;--ludu-bg: #fff7ff;--ludu-surface: rgba(255, 255, 255, .9);--ludu-text: #2f2440;--ludu-muted: #6f6380;--ludu-border: rgba(92, 65, 130, .16)}.ludu-shell{color:var(--ludu-text)}.ludu-hero{display:grid;gap:1.5rem;align-items:end;margin-bottom:1.5rem}.ludu-hero h1{margin:.65rem 0 0;font-size:clamp(3rem,8vw,6.4rem);font-weight:950;line-height:.92;letter-spacing:0}.ludu-hero p{max-width:54rem;margin:1rem 0 0;color:var(--ludu-muted);font-weight:700}.ludu-back-link{margin-bottom:1rem}.ludu-safe-note{display:flex;min-height:4.5rem;align-items:center;gap:.9rem;border:1px solid var(--ludu-border);border-radius:1rem;background:#ffffffd1;padding:1rem;color:var(--ludu-muted);font-weight:800;box-shadow:var(--shadow-card)}.ludu-stage{display:grid;gap:1.2rem}.ludu-board-panel,.ludu-panel{border:1px solid var(--ludu-border);border-radius:1.25rem;background:linear-gradient(180deg,#fffffff2,#ffffffc7),var(--ludu-surface);box-shadow:var(--shadow-card)}.ludu-board-panel{padding:clamp(.75rem,2vw,1.15rem)}.ludu-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.ludu-eyebrow{display:block;color:var(--ludu-muted);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.ludu-connection{border:1px solid var(--ludu-border);border-radius:999px;background:#fff;padding:.35rem .72rem;color:var(--ludu-muted);font-size:.88rem;font-weight:900}.ludu-connection[data-state=connected]{border-color:#35c98b52;color:#14734d}.ludu-board{position:relative;display:grid;aspect-ratio:1;width:min(100%,850px);margin:0 auto;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);overflow:hidden;border:1px solid rgba(92,65,130,.2);border-radius:1rem;background:#fff;touch-action:manipulation}.ludu-cell{display:grid;place-items:center;border:1px solid rgba(92,65,130,.1);background:#ffffffc7;color:#2f24406b;font-size:clamp(.55rem,1.7vw,1rem);font-weight:950}.ludu-cell.is-path{background:#fff}.ludu-cell.is-safe{background:linear-gradient(135deg,#ffd75e5c,#ffffffe6);color:#c48010}.ludu-cell.is-yard{border-color:#ffffff7a}.ludu-cell.is-red{background:#ff5f7e29}.ludu-cell.is-green{background:#35c98b29}.ludu-cell.is-yellow{background:#ffd75e33}.ludu-cell.is-blue{background:#4aa8ff29}.ludu-cell.is-home-lane{box-shadow:inset 0 0 0 2px #ffffff8f}.ludu-cell.is-center{background:conic-gradient(from 45deg,var(--ludu-red),var(--ludu-green),var(--ludu-yellow),var(--ludu-blue),var(--ludu-red))}.ludu-token{z-index:2;align-self:center;justify-self:center;width:clamp(1.55rem,5vw,2.55rem);height:clamp(1.55rem,5vw,2.55rem);border:3px solid rgba(255,255,255,.92);border-radius:999px;color:#fff;font-size:clamp(.55rem,1.7vw,.9rem);font-weight:950;line-height:1;transform:translate(var(--stack-x, 0),var(--stack-y, 0));box-shadow:0 8px 18px #2f24402e}.ludu-token:after{display:block;width:35%;height:35%;margin:-.12rem auto 0;border-radius:999px;background:#ffffff8c;content:""}.ludu-token:disabled{cursor:default}.ludu-token.is-legal{cursor:pointer;outline:4px solid rgba(255,215,94,.8);outline-offset:2px}.ludu-token-red{background:linear-gradient(135deg,#ff7a95,var(--ludu-red))}.ludu-token-green{background:linear-gradient(135deg,#5bddab,var(--ludu-green))}.ludu-token-yellow{background:linear-gradient(135deg,#ffe58a,#e6a812);color:#513a00}.ludu-token-blue{background:linear-gradient(135deg,#75c3ff,var(--ludu-blue))}.ludu-side-panel{display:grid;gap:1rem}.ludu-panel{padding:1rem}.ludu-panel-title{display:flex;align-items:center;gap:.65rem;margin-bottom:.85rem}.ludu-panel-title h2{margin:0;font-size:1.15rem;font-weight:950;line-height:1.1}.ludu-mode-grid,.ludu-action-grid{display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr))}.ludu-mode-grid button,.ludu-mini-button{min-height:44px;border:1px solid var(--ludu-border);border-radius:999px;background:#fff;color:var(--ludu-text);font-weight:950}.ludu-mode-grid button.is-active{border-color:#7c5cff66;background:linear-gradient(135deg,#ff5f7e26,#7c5cff29);color:var(--primary-dark)}.ludu-shell button:disabled,.ludu-shell .primary-button:disabled,.ludu-shell .secondary-button:disabled{cursor:not-allowed;opacity:.52;transform:none}.ludu-wide-button,.ludu-dice-button{width:100%}.ludu-dice-button{min-height:4rem;font-size:1.2rem}.ludu-invite-row{display:grid;gap:.55rem}.ludu-invite-row input{min-height:48px;width:100%;border:1px solid var(--ludu-border);border-radius:999px;background:#fff;padding:0 1rem;color:var(--ludu-text);font-size:.9rem;font-weight:750}.ludu-seat-grid{display:grid;gap:.6rem}.ludu-seat{position:relative;display:grid;gap:.25rem;border:1px solid var(--ludu-border);border-radius:.9rem;background:#fff;padding:.8rem}.ludu-seat strong{font-size:.98rem;font-weight:950;line-height:1.1}.ludu-seat span{color:var(--ludu-muted);font-size:.86rem;font-weight:800}.ludu-seat[data-mine=true]{border-color:#7c5cff6b;box-shadow:inset 0 0 0 2px #7c5cff1f}.ludu-host-tag{position:absolute;top:.6rem;right:.6rem;border-radius:999px;background:#ffd75e47;padding:.12rem .45rem}.ludu-action-grid{margin-top:.75rem;grid-template-columns:1fr}.ludu-status{border-radius:.9rem;background:#7c5cff14;padding:.8rem;color:var(--ludu-muted);font-weight:850}.ludu-turn-grid,.ludu-score-grid{display:grid;gap:.42rem;margin:.75rem 0}.ludu-data-row{display:flex;min-height:2.1rem;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(92,65,130,.1);color:var(--ludu-muted);font-size:.92rem;font-weight:800}.ludu-data-row strong{color:var(--ludu-text);text-align:right}.ludu-muted{margin:.75rem 0;color:var(--ludu-muted);font-size:.95rem;font-weight:750}.ludu-rules summary{cursor:pointer;font-weight:950}.ludu-rules ul{margin:.75rem 0 0;padding-left:1.25rem;color:var(--ludu-muted);font-size:.95rem;font-weight:750}@media(min-width:980px){.ludu-hero{grid-template-columns:minmax(0,1fr) minmax(18rem,25rem)}.ludu-stage{grid-template-columns:minmax(0,1fr) minmax(20rem,24rem);align-items:start}.ludu-side-panel{max-height:calc(100vh - 1.5rem);overflow:auto;padding-right:.25rem;position:sticky;top:1rem}}@media(min-width:700px)and (max-width:979px){.ludu-side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.ludu-controls-panel{order:-1}}@media(max-width:699px){.ludu-hero h1{font-size:3.2rem}.ludu-board-panel{margin-inline:-.35rem}.ludu-panel{padding:.9rem}.ludu-controls-panel{position:static}}@media(prefers-reduced-motion:reduce){.ludu-token,.ludu-cell,.ludu-mode-grid button{transition:none!important}}