: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 1rem;gap:1.5rem}h1{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#f97316,#ef4444,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{margin:0;color:#ffffff73;font-size:.85rem;text-align:center}.board{display:flex;gap:2rem;width:100%;max-width:700px}.player-side{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#ffffff05;transition:border-color .3s,box-shadow .3s}.player-side.active{border-color:#f9731680;box-shadow:0 0 24px #f973161f}.player-side.winner{border-color:#22c55e99;box-shadow:0 0 30px #22c55e26}.player-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff80;font-weight:600}.player-score{font-size:2.5rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.player-side:nth-child(1) .player-score{color:#60a5fa}.player-side:nth-child(2) .player-score{color:#f97316}.roll-result{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;min-height:3rem;align-items:center}.die{width:2.75rem;height:2.75rem;border-radius:.5rem;display:grid;place-items:center;font-size:1.1rem;font-weight:700;transition:transform .2s}.die.pip{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fafafa}.die.captured{background:linear-gradient(135deg,#22c55e33,#22c55e14);border:1px solid rgba(34,197,94,.4);color:#4ade80}.die.rolling{animation:shake .12s ease-in-out infinite alternate}@keyframes shake{0%{transform:rotate(-8deg) scale(1.05)}to{transform:rotate(8deg) scale(1.05)}}.die-face{display:grid;width:2rem;height:2rem;gap:2px}.die-face.d1{grid-template-columns:1fr;grid-template-rows:1fr;place-items:center}.die-face.d2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.die-face.d3{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.die-face.d4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.die-face.d5,.die-face.d6{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.pip-dot{width:5px;height:5px;border-radius:50%;background:#fafafa}.controls{display:flex;flex-direction:column;align-items:center;gap:.75rem}.btn-roll{padding:.85rem 2.5rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:.75rem;cursor:pointer;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;transition:transform .15s,opacity .15s}.btn-roll:hover:not(:disabled){transform:scale(1.04)}.btn-roll:disabled{opacity:.4;cursor:not-allowed}.btn-reset{padding:.5rem 1.5rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;cursor:pointer;background:transparent;color:#ffffff80;transition:border-color .15s,color .15s}.btn-reset:hover{border-color:#ffffff4d;color:#fffc}.turn-info{font-size:.85rem;color:#ffffff73;text-align:center}.turn-info strong{color:#f97316}.message{font-size:1rem;font-weight:600;text-align:center;min-height:1.5rem}.message.takeover{color:#f97316;animation:pulse .6s ease-in-out}.message.win{color:#22c55e;font-size:1.3rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.captured-section{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%}.captured-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffff4d}.captured-dice{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center;min-height:1.5rem}.mini-die{width:1.5rem;height:1.5rem;border-radius:.3rem;display:grid;place-items:center;font-size:.7rem;font-weight:700;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#4ade80}.rules{max-width:700px;width:100%;padding:1rem 1.25rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.06);background:#ffffff04}.rules summary{cursor:pointer;font-size:.8rem;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.1em}.rules ul{margin:.75rem 0 0;padding-left:1.2rem;font-size:.82rem;color:#ffffff80;display:flex;flex-direction:column;gap:.3rem}.target-selection{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:1px dashed rgba(255,255,255,.15);border-radius:.75rem;background:#ffffff05}.target-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.target-dice{display:flex;gap:.5rem}.btn-target{width:2.5rem;height:2.5rem;border-radius:.5rem;display:grid;place-items:center;font-size:1rem;font-weight:700;cursor:pointer;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171;transition:transform .15s,background .15s}.btn-target:hover{transform:scale(1.1);background:#ef444440}.score-track{display:flex;gap:.25rem;width:100%}.score-segment{flex:1;height:4px;border-radius:2px;background:#ffffff0f;transition:background .3s}.player-side:nth-child(1) .score-segment.filled{background:#60a5fa}.player-side:nth-child(2) .score-segment.filled{background:#f97316}@media(max-width:600px){.board{flex-direction:column;gap:1rem}h1{font-size:1.5rem}}