:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#eef2ff,#f8fafc 60%,#fff);min-height:100%}body{margin:0}a{color:inherit}#root{max-width:1200px;margin:0 auto;padding:2rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a}.app{display:flex;flex-direction:column;gap:2rem}.app-header{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.app-header h1{margin:0;font-size:2.5rem}.app-header p{margin:.25rem 0 0;color:#475569}.app-main{display:flex;gap:2.5rem;align-items:flex-start}.board-container{flex:1;display:flex;justify-content:center}.game-canvas{background:#fff;border:1px solid #cbd5f5;border-radius:12px;box-shadow:0 12px 32px #0f172a14;touch-action:none;cursor:crosshair}.side-panel{width:320px;display:flex;flex-direction:column;gap:1.5rem}.hud{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 10px 24px #0f172a0f}.player-panel{display:flex;gap:.75rem;margin-bottom:1rem}.player-card{flex:1;border:1px solid #e2e8f0;border-radius:10px;padding:.85rem;display:flex;flex-direction:column;gap:.6rem;transition:border-color .15s ease,box-shadow .15s ease}.player-card.is-current{border-color:#2563eb;box-shadow:0 10px 24px #2563eb2e}.player-card.is-loser{border-color:#b91c1c}.player-card-header{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.player-name{font-weight:600;color:#0f172a}.player-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .45rem;border-radius:999px;background:#2563eb;color:#fff}.player-badge.loser{background:#b91c1c}.player-ai-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:#475569}.hud-row{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.hud-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.hud-value{display:block;font-weight:600;font-size:1.1rem;color:#0f172a}.hud-message{margin:0;font-size:.9rem;color:#b91c1c}.hud-message.success{color:#0f766e;margin-top:.5rem}.controls{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 10px 24px #0f172a0f;display:grid;gap:1rem}.control-group{display:flex;flex-direction:column;gap:.4rem}.control-group.full-width{grid-column:1 / -1}.control-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#475569}.controls input:not([type=checkbox]),.controls select,.controls textarea{padding:.55rem .75rem;border-radius:8px;border:1px solid #cbd5f5;font-size:.95rem;font-family:inherit}.controls textarea{resize:vertical}.control-checkbox{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;color:#0f172a}.control-checkbox input[type=checkbox]{width:1.1rem;height:1.1rem;margin:0;accent-color:#2563eb}.primary{padding:.7rem 1.25rem;border-radius:999px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:600;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #3b82f640}.secondary{padding:.55rem 1.1rem;border-radius:999px;background:transparent;border:1px solid #94a3b8;color:#0f172a;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease}.secondary:hover{background:#e2e8f0;color:#0f172a}.app-footer{margin-top:auto;font-size:.9rem;color:#475569}.app-footer a{color:#2563eb;font-weight:600;text-decoration:none}.app-footer a:hover{text-decoration:underline}.modal-backdrop{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:20}.modal{max-width:520px;width:100%;background:#fff;border-radius:16px;box-shadow:0 24px 60px #0f172a40;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.modal-body{padding:1.25rem 1.5rem;color:#1f2937;line-height:1.5;display:flex;flex-direction:column;gap:.75rem}.modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;justify-content:flex-end}.icon-button{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#64748b}.icon-button:hover{color:#0f172a}.rules-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.35rem}@media(max-width:960px){#root{padding:1.5rem}.app-main{flex-direction:column;align-items:stretch}.side-panel{width:100%}.board-container{order:-1}.game-canvas{width:100%;height:auto}}