@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600&display=swap";.page{display:grid;grid-template-rows:auto 1fr;min-height:50vh;padding:64px 24px 40px;max-width:1200px;margin:0 auto}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:center;justify-content:space-between;grid-template-areas:"title actions"}.headline{display:flex;gap:12px;align-items:center;font-family:Space Grotesk,Inter,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.02em}.badge{display:inline-flex;align-items:center;gap:8px;background:#404cff14;color:#404cff;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600}.hero-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.summary{color:#3c3f52;font-size:16px;margin:12px 0 0}.panel{background:#fff;border:1px solid #e5e8f0;box-shadow:0 12px 50px #171c2614;border-radius:16px;padding:20px}.input-group{display:grid;gap:12px;position:relative}.label-row{display:flex;align-items:center;justify-content:space-between}.label{font-weight:600;color:#1b1f36}.input{width:100%;padding:14px;border-radius:12px;border:1px solid #d8dbe6;font-size:16px;background:#f9fafc;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.input:focus{outline:none;border-color:#404cff;box-shadow:0 0 0 4px #404cff26;background:#fff}.controls{display:flex;gap:12px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.controls-with-popover{position:relative}.engine-settings-popover{position:absolute;top:calc(100% + 10px);left:0;right:0;pointer-events:none;opacity:0;transform:translateY(-6px);transition:opacity .14s ease,transform .14s ease;z-index:5}.engine-settings-popover.open{opacity:1;pointer-events:auto;transform:translateY(0)}.engine-settings-surface{background:#fff;border:1px solid #e5e8f0;border-radius:12px;box-shadow:0 16px 36px #171c2624;padding:14px}.button{background:linear-gradient(120deg,#404cff,#5a6dff);color:#fff;border:none;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;display:inline-flex;align-items:center;gap:8px}.button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 24px #404cff4d}.select{padding:10px 12px;border-radius:10px;border:1px solid #d8dbe6;background:#fff;font-weight:600}.status{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#1b1f36}.status.loading{color:#404cff}.status.error{color:#c62828}.results{margin-top:28px;display:grid;gap:14px}.position-results{gap:18px}.board-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:flex-start}.board-panel{display:grid;gap:12px}.board-fen{margin-top:4px;word-break:break-word}.engine-panel{display:grid;gap:12px}.engine-panel__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.engine-panel__title{font-size:20px;font-weight:700;color:#1b1f36;margin-top:6px}.engine-lines{display:grid;gap:10px}.engine-line{border:1px solid #e5e8f0;border-radius:12px;padding:10px 12px;background:linear-gradient(135deg,#f7f8ff,#fff);box-shadow:0 6px 18px #404cff0a}.engine-line__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#1b1f36;font-weight:700}.engine-line__score{font-size:18px}.engine-line__depth{color:#4a4f64;font-weight:600}.engine-line__pv{margin-top:6px;color:#1b1f36;line-height:1.4;word-break:break-word}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:6px 10px;border-radius:999px;border:1px solid #e0e4f0;background:#f6f8ff;color:#2f365f;font-weight:600;font-size:13px}.game-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 14px;padding:14px;border:1px solid #e5e8f0;border-radius:12px;background:#fff}.game-card strong{color:#1b1f36}.meta{color:#4a4f64;font-size:14px}.empty{padding:16px;border:1px dashed #d8dbe6;border-radius:12px;color:#4a4f64;background:#fafbff}@media(max-width:640px){.page{padding:32px 18px}}@media(max-width:960px){.board-grid{grid-template-columns:1fr}}.app-shell{display:flex;flex-direction:column;gap:20px;padding:24px}.app-header{max-width:1200px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e5e8f0;border-radius:16px;padding:12px 16px;box-shadow:0 10px 30px #171c2614}.app-brand{display:flex;align-items:center;gap:12px}.app-brand-link{text-decoration:none;color:inherit;display:inline-flex;align-items:center}.app-logo{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:0 6px 16px #404cff33}.app-title{font-family:Space Grotesk,Inter,sans-serif;font-size:20px;font-weight:600;color:#1b1f36}.app-subtitle{font-size:13px;color:#5b6075}.app-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.auth-hero{align-items:flex-start;gap:32px}.auth-logo{width:80px;height:80px;border-radius:20px;object-fit:cover;box-shadow:0 12px 30px #404cff40;margin-bottom:16px}.auth-panel{display:grid;gap:16px;min-width:260px}.auth-title{font-size:18px;font-weight:600;color:#1b1f36}.auth-copy{color:#4a4f64;font-size:14px}.auth-button{justify-content:center;width:100%}.button--ghost{background:#f6f8ff;color:#2f365f;border:1px solid #d8dbe6;box-shadow:none}.button--ghost:hover{box-shadow:0 8px 24px #404cff2e}.profile-pill{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#f6f8ff;border-radius:999px;border:1px solid #e0e4f0}.profile-avatar{width:36px;height:36px;border-radius:12px;object-fit:cover}.profile-text{display:grid;gap:2px}.profile-name{font-size:13px;font-weight:600;color:#1b1f36}.profile-email{font-size:12px;color:#5b6075}@media(max-width:720px){.app-header{flex-direction:column;align-items:flex-start}.auth-hero{grid-template-areas:"title" "actions"}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0b1021;background:radial-gradient(circle at 20% 20%,rgba(115,98,255,.08),transparent 25%),radial-gradient(circle at 80% 0%,rgba(0,186,255,.08),transparent 25%),#f7f8fc;line-height:1.6;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}