:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1.25rem}h1{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#f97316,#eab308,#22c55e,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.board-container{position:relative}.board{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);width:min(90vw,500px);height:min(90vw,500px);border:2px solid rgba(255,255,255,.15);border-radius:.5rem;overflow:hidden;position:relative}.cell{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;color:#ffffffb3;position:relative;border:1px solid rgba(255,255,255,.06);transition:background .3s}.cell-number{font-size:.6rem;opacity:.5;position:absolute;top:2px;left:4px}.cell.ladder-start{background:#22c55e26}.cell.ladder-end{background:#22c55e40}.cell.snake-start{background:#ef444433}.cell.snake-end{background:#ef44441a}.cell-icon{font-size:1.4rem;line-height:1}.player-token{width:22px;height:22px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:800;position:absolute;bottom:3px;box-shadow:0 2px 6px #00000080;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:2}.player-token.p1{background:#3b82f6;left:4px}.player-token.p2{background:#f97316;right:4px}.snakes-ladders-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.controls{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;justify-content:center}.dice-btn{padding:.75rem 2rem;font-size:1.1rem;font-weight:700;border:none;border-radius:.6rem;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;box-shadow:0 4px 14px #6366f166;transition:transform .15s,box-shadow .15s}.dice-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.dice-btn:active:not(:disabled){transform:translateY(0)}.dice-btn:disabled{opacity:.5;cursor:not-allowed}.dice-display{font-size:2.5rem;line-height:1;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;-webkit-user-select:none;user-select:none}.dice-rolling{animation:diceShake .12s infinite alternate}@keyframes diceShake{0%{transform:rotate(-8deg) scale(1.05)}to{transform:rotate(8deg) scale(1.05)}}.status-bar{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.player-status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;padding:.4rem .9rem;border-radius:2rem;border:2px solid transparent;transition:all .3s}.player-status.active{border-color:currentColor;background:#ffffff0d}.player-status .dot{width:12px;height:12px;border-radius:50%}.p1-color{color:#3b82f6}.p1-color .dot{background:#3b82f6}.p2-color{color:#f97316}.p2-color .dot{background:#f97316}.message{min-height:1.5rem;font-size:.95rem;color:#ffffffb3;text-align:center}.message.win{color:#eab308;font-weight:700;font-size:1.2rem}.legend{display:flex;gap:1.5rem;font-size:.8rem;color:#ffffff80}.legend span{display:flex;align-items:center;gap:.35rem}.reset-btn{padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;cursor:pointer;background:#ffffff0d;color:#ffffffb3;transition:background .15s}.reset-btn:hover{background:#ffffff1a}