:root{--bg: #0a101c;--bg-glow: #101828;--surface: #141c2c;--surface2: #1a2436;--border: #3a4558;--text: #eef2f7;--muted: #8b97a8;--accent: #e8a04a;--accent2: #3ecfc9;--ok: #4caf7a;--warn: #e8b84a;--danger: #e5726a;--home: #e8a04a;--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(232,160,74,.14),transparent 55%),radial-gradient(ellipse 60% 40% at 90% 10%,rgba(62,207,201,.12),transparent 50%),linear-gradient(165deg,var(--bg) 0%,var(--bg-glow) 45%,#070b14 100%);background-attachment:fixed}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent2)}.app-shell{min-height:100%;display:flex;flex-direction:column}.login-page{min-height:100%;display:grid;place-items:center;padding:2rem;position:relative;background-color:#070b14;background-image:linear-gradient(180deg,#080e1459,#080e148c),url(/atlas-farmplanner-login-wallpaper.png);background-size:cover;background-position:center;background-repeat:no-repeat}.made-by{position:fixed;right:14px;bottom:10px;z-index:1000;pointer-events:none;font-family:var(--font-body);font-size:.72rem;letter-spacing:.04em;color:#e8f0f4b3;text-shadow:0 1px 3px rgba(0,0,0,.8)}.login-card{width:min(420px,100%);padding:2.5rem 2rem;background:linear-gradient(160deg,#1a2434f0,#0e1420f5);border:1px solid var(--border);border-radius:4px;box-shadow:0 24px 60px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-card h1{font-family:var(--font-display);font-size:2rem;font-weight:700;margin:0 0 .35rem;letter-spacing:-.02em}.login-card .sub{color:var(--muted);margin:0 0 1.75rem;font-size:.95rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.field input,.field select{background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:.65rem .75rem}.field input:focus,.field select:focus{outline:2px solid rgba(232,160,74,.45);border-color:var(--accent)}.btn{border:1px solid var(--border);background:var(--surface2);border-radius:3px;padding:.55rem .9rem;transition:border-color .15s,background .15s,transform .15s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#f0b05a,#e8a04a);border-color:#c88635;color:#1a1208;font-weight:600}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-danger{border-color:#a34842;color:var(--danger)}.error{color:var(--danger);font-size:.9rem;margin:.5rem 0 0}.app-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);background:#101828e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.brand{font-family:var(--font-display);font-size:1.35rem;font-weight:700;margin:0;letter-spacing:-.02em}.meta{color:var(--muted);font-size:.9rem}.header-actions{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.presence{display:flex;gap:.3rem;margin-right:.5rem}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#0a141a;border:2px solid rgba(255,255,255,.25);title:""}.tabs{display:flex;gap:.25rem;padding:.5rem 1.25rem 0;border-bottom:1px solid var(--border)}.tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);padding:.65rem 1rem;border-radius:0}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.main{flex:1;padding:1rem 1.25rem 2rem;display:flex;flex-direction:column;gap:1rem;min-height:0}.panel{background:#152832b8;border:1px solid var(--border);border-radius:4px;padding:1rem}.panel h2{margin:0 0 .75rem;font-size:1rem;font-weight:600}.options-row{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center}.check{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .5rem;border:1px solid transparent;border-radius:3px}.check.locked{border-color:var(--lock-color, var(--danger));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lock-color, var(--danger)) 40%,transparent)}.locked-hint{font-size:.75rem;color:var(--lock-color, var(--danger));margin-left:.25rem}.badge{display:inline-block;font-size:.72rem;font-weight:600;padding:.15rem .45rem;border-radius:3px;background:#e0b84a33;color:var(--warn);border:1px solid rgba(224,184,74,.35)}.badge.ok{background:#3d9b6e33;color:var(--ok);border-color:#3d9b6e59}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:960px){.grid-2{grid-template-columns:1fr}}.mat-list{max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:.25rem}.mat-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border:1px solid transparent;border-radius:3px}.mat-row.locked{border-color:var(--lock-color, var(--danger))}.mat-row:hover{background:#ffffff08}.search{width:100%;margin-bottom:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:.55rem .75rem}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:.45rem .5rem;border-bottom:1px solid rgba(61,90,102,.55)}.table th{color:var(--muted);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.map-wrap{height:min(70vh,720px);border:1px solid var(--border);border-radius:4px;overflow:hidden}.map-wrap .leaflet-container{height:100%;width:100%;background:#1a2a3a}.admin-table .swatch{width:14px;height:14px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:.4rem}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.muted{color:var(--muted)}.island-picker{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:2000;padding:1rem}.dialog{width:min(560px,100%);max-height:85vh;overflow:auto;background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:1.25rem}.dialog h3{margin:0 0 1rem;font-family:var(--font-display)}.dialog-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1.25rem}.ps-exception-dialog p{margin:0 0 .75rem;line-height:1.45}.app-shell.map-first{height:100%;overflow:hidden}.app-shell.map-first .app-header{flex-shrink:0}.planner-stage{position:relative;flex:1;min-height:0;overflow:hidden}.map-stage{position:absolute;top:0;right:0;bottom:0;left:0}.map-stage .leaflet-container{height:100%;width:100%;background:#1a2a3a}.leaflet-grid-header{color:#fff;font:bold 13px/1.1 var(--font-body);text-shadow:0 0 4px #000,0 0 8px #000;white-space:nowrap;pointer-events:none}.route-order-icon{background:transparent!important;border:none!important}.route-marker-label{color:#fff;font:bold 12px/24px var(--font-body);text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.85);width:26px;height:26px;border-radius:50%;background:var(--danger);border:2px solid rgba(255,255,255,.85);box-shadow:0 2px 6px #0000008c}.route-marker-label.home{background:var(--accent);color:#1a1208;text-shadow:none}.route-marker-label.return{background:#d4923c;color:#1a1208;text-shadow:none}.island-pin{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a4550,#0b1016 70%);border:1.5px solid #d2dde4;box-shadow:0 0 0 1px #000000bf,0 1px 3px #000000a6}.island-pin.home{background:radial-gradient(circle at 35% 30%,#f0d878,#8a6a12 75%);border-color:#fff4c2;box-shadow:0 0 0 2px #e6c35c8c,0 1px 4px #000000b3;width:14px;height:14px}.island-pin.ps{background:radial-gradient(circle at 35% 30%,#c06050,#3a1210 75%);border-color:#f0a090;box-shadow:0 0 0 2px #e0706073,0 1px 4px #000000b3}.island-pin.sel{background:radial-gradient(circle at 35% 30%,#7ad4e8,#1a4a58 75%);border-color:#e8f7fb;box-shadow:0 0 0 2px #3ecfc9a6,0 0 10px #3ecfc973;width:14px;height:14px}.rank-map-pin{min-width:26px;height:20px;padding:0 4px;border-radius:4px 4px 4px 0;background:#1a3a44;border:1px solid var(--accent2);color:#e8f7fb;font:bold 11px/18px var(--font-body);text-align:center;box-shadow:0 1px 4px #000000a6}.presence-map-pin{width:22px;height:22px;border-radius:50%;background:var(--pc, var(--accent2));border:2px solid rgba(255,255,255,.85);color:#0b1016;font:bold 9px/18px var(--font-body);text-align:center;box-shadow:0 1px 4px #000000b3}.map-ping-hint{position:absolute;left:12px;bottom:12px;z-index:450;pointer-events:none;padding:.25rem .55rem;border-radius:4px;background:#0a101cb8;border:1px solid rgba(61,90,102,.7);color:var(--muted);font-size:.75rem;letter-spacing:.01em}.map-ping-pulse{width:48px;height:48px;pointer-events:none;position:relative}.map-ping-pulse:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--pc, var(--accent));background:color-mix(in srgb,var(--pc, var(--accent)) 28%,transparent);animation:map-ping-ring 3s ease-out forwards}.map-ping-pulse span{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;background:var(--pc, var(--accent));box-shadow:0 0 0 2px #ffffff8c;animation:map-ping-dot 3s ease-out forwards}@keyframes map-ping-ring{0%{transform:scale(.35);opacity:.95}70%{transform:scale(1.15);opacity:.35}to{transform:scale(1.35);opacity:0}}@keyframes map-ping-dot{0%,55%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.wind-arrow{color:#e3f2fd;font-size:16px;text-shadow:0 0 4px #000;pointer-events:none}.overlay-panel{position:absolute;top:12px;bottom:12px;z-index:500;display:flex;flex-direction:column;background:#0a101ce6;border:1px solid var(--border);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 40px #00000059;overflow:hidden;min-width:320px}.overlay-panel.left{left:12px;width:min(380px,calc(50vw - 28px))}.overlay-panel.right{right:12px;width:min(400px,calc(50vw - 28px))}.overlay-rail{position:absolute;top:12px;z-index:500}.overlay-rail.left{left:12px}.overlay-rail.right{right:12px}.rail-toggle{width:40px;height:40px;border:1px solid var(--border);background:#0a101ce0;border-radius:6px;color:var(--text)}.overlay-head{display:flex;align-items:center;gap:.5rem;padding:.65rem .75rem;border-bottom:1px solid var(--border)}.overlay-head strong{flex:1}.overlay-tabs{display:flex;border-bottom:1px solid var(--border)}.overlay-tab{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);padding:.45rem;font-size:.82rem}.overlay-tab.active{color:var(--text);border-bottom-color:var(--accent)}.overlay-body{flex:1;overflow:auto;padding:.85rem .9rem;font-size:.92rem;line-height:1.35}.overlay-body .field label,.overlay-body .check,.overlay-body .muted,.overlay-body .rank-detail,.overlay-body .rank-meta,.overlay-body .stop-meta{font-size:inherit}.overlay-body input,.overlay-body select,.overlay-body .btn,.overlay-body .list-btn{font-size:.9rem}.ps-allow-chip-list{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-top:.35rem}.chip-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.chip{border:1px solid var(--border);background:var(--surface2);border-radius:999px;padding:.25rem .55rem;font-size:.8rem}.chip:hover{border-color:var(--danger);color:var(--danger)}.mat-list.compact{max-height:220px}.list-btn{width:100%;text-align:left;margin-bottom:.25rem}.rank-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.include-list{margin:.55rem 0;padding-top:.45rem;border-top:1px solid var(--border)}.include-list h4{margin:0 0 .3rem;font-size:.82rem}.include-row{display:flex;gap:.3rem;margin-bottom:.25rem;align-items:stretch}.rank-row{border:1px solid rgba(61,90,102,.5);border-radius:4px;padding:.35rem}.rank-main{width:100%;display:flex;gap:.4rem;align-items:center;background:transparent;border:none;color:inherit;text-align:left;padding:.2rem}.rank-n{font-weight:700;color:var(--accent2);min-width:1.6rem}.rank-detail{font-size:.72rem;color:var(--muted);padding:0 .2rem .15rem 2rem}.rank-meta{display:flex;gap:.75rem;font-size:.72rem;color:var(--muted);padding:0 .2rem .1rem 2rem}.rank-weight-list{display:flex;flex-direction:column;gap:.35rem;margin:.35rem 0}.rank-weight-row{display:flex;flex-direction:column;gap:.2rem}.rank-weight-label{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--muted)}.rank-weight-label input[type=range]{flex:1}.min-nodes-list{display:flex;flex-direction:column;gap:.55rem;margin:.4rem 0 .75rem;max-height:280px;overflow:auto}.min-nodes-row{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem}.min-nodes-row>span.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text, inherit);font-weight:600}.min-nodes-controls{display:grid;grid-template-columns:1fr 3.2rem auto;gap:.35rem;align-items:center}.min-nodes-num{width:3.2rem;padding:.15rem .25rem;background:#00000040;border:1px solid rgba(61,90,102,.6);color:inherit;border-radius:3px}.mat-kind-tabs{display:flex;gap:.25rem;margin:.35rem 0 .5rem}.mat-kind-tabs button.active{border-color:var(--accent2);color:var(--accent2)}.avatar.focusing{box-shadow:0 0 0 2px #3ecfc9cc}.saved-routes{margin:.75rem 0;padding-top:.5rem;border-top:1px solid var(--border)}.saved-routes h4{margin:0 0 .4rem;font-size:.85rem}.saved-list{margin-top:.5rem;display:flex;flex-direction:column;gap:.35rem;max-height:160px;overflow:auto}.saved-row{display:flex;gap:.3rem;align-items:center;border:1px solid rgba(61,90,102,.45);border-radius:4px;padding:.3rem}.stop-list{display:flex;flex-direction:column;gap:.4rem}.stop-row{text-align:left;background:#ffffff08;border:1px solid transparent;border-radius:4px;padding:.45rem .5rem;color:inherit}.stop-row:hover{border-color:var(--border)}.stop-top{display:flex;gap:.4rem;align-items:center}.stop-label{flex:1;font-size:.88rem}.stop-meta{font-size:.75rem;color:var(--muted);margin-top:.15rem}.stop-note{font-size:.72rem;color:var(--accent2);margin-top:.15rem}.badge.muted-badge{background:#8aa0ab26;color:var(--muted);border-color:#8aa0ab4d}.map-search-bar{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:510;width:min(420px,calc(100% - 820px));min-width:180px;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.map-search-bar .search{margin:0;flex:1;min-width:140px;background:#0a101ce6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.legend-check{background:#0a101cd9;border-radius:4px;padding:.25rem .45rem;font-size:.78rem}.map-legend{display:flex;gap:.45rem;font-size:.68rem;color:var(--muted)}.map-legend .leg:before{content:"";display:inline-block;width:14px;height:3px;margin-right:4px;vertical-align:middle;border-radius:2px}.map-legend .leg.wind:before{background:#7ad4ef}.map-legend .leg.route-wind:before{background:var(--accent2)}.map-legend .leg.route-direct:before{background:var(--danger)}.map-legend .leg.rank:before{background:var(--accent2)}.search-drop{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#0a101cf2;border:1px solid var(--border);border-radius:4px;max-height:220px;overflow:auto;padding:.35rem}.island-drawer{position:absolute;right:calc(24px + min(400px,calc(50vw - 28px)));top:12px;bottom:12px;width:min(380px,calc(100% - 820px));min-width:280px;z-index:520;display:flex;flex-direction:column;background:#0a101cf0;border:1px solid var(--border);border-radius:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 50px #0006;overflow:hidden}.banner-err{margin:0;padding:.4rem 1.25rem;background:#e0706026}.admin-main{overflow:auto}@media(max-width:1100px){.overlay-panel.left,.overlay-panel.right{width:min(100% - 24px,400px);top:12px;bottom:12px;max-height:none}.overlay-panel.right{top:12px;bottom:12px}.island-drawer{right:12px;left:12px;width:auto;top:auto;bottom:12px;max-height:min(50vh,420px)}.map-search-bar{width:calc(100% - 24px)}}.mode-switch{display:inline-flex;gap:.35rem}.app-shell.breed-first{min-height:100dvh;display:flex;flex-direction:column}.app-shell.breed-first .app-header{flex-shrink:0}.breed-shell{flex:1;display:flex;flex-direction:column;min-height:0;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(232,160,74,.16),transparent 55%),radial-gradient(ellipse 60% 40% at 90% 10%,rgba(62,207,201,.12),transparent 50%),linear-gradient(180deg,#0a101c,#101828 45%,#070b14)}.breed-shell.breed-shell-wide{max-width:none!important}.breed-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1rem;border-bottom:1px solid var(--border);background:#0a101ceb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20;flex-shrink:0}.breed-topbar h1{margin:0;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.02em;color:#eef2f7}.breed-topbar-actions{display:flex;align-items:center;gap:.5rem}.breed-body{flex:1;overflow:auto;padding:1rem 1rem 5.5rem;max-width:720px;margin:0 auto;width:100%}.breed-body.breed-body-wide{max-width:none;padding:0 0 4.5rem;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}.breed-nav{position:fixed;left:0;right:0;bottom:0;display:flex;gap:.15rem;padding:.45rem .35rem calc(.45rem + env(safe-area-inset-bottom));background:#0a101cf0;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;overflow-x:auto}.breed-nav-btn{flex:1 0 auto;min-width:3.2rem;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}.breed-nav-btn.active{background:#e8a04a38;color:#eef2f7}.breed-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.breed-panel h2{margin:0 0 .75rem;font-family:var(--font-display);font-size:1.35rem}.breed-panel-head h2{margin:0}.breed-card{margin:.75rem 0;padding:.9rem 1rem;border:1px solid var(--border);border-radius:12px;background:#141c2cb8}.breed-card.accent{border-color:#3ecfc973;background:#3ecfc924}.breed-card.danger{border-color:#e5726a8c;background:#e5726a29}.breed-list{display:flex;flex-direction:column;gap:.4rem}.breed-species-group{margin-bottom:.65rem}.breed-species-group-title{margin:.35rem 0 .3rem;font-size:.8rem;font-weight:600;color:var(--muted, #9aa8b8);text-transform:uppercase;letter-spacing:.04em}.breed-list-item{text-align:left;display:flex;flex-direction:column;gap:.15rem;min-height:48px;padding:.65rem .85rem;border:1px solid var(--border);border-radius:10px;background:#0e1816b3;color:inherit;font:inherit;cursor:pointer}.breed-list-item.selected{border-color:#e8a04a8c;background:#e8a04a29}.breed-chip-row{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .85rem}.breed-chip-row .chip.active,.chip.active{background:#e8a04a52;border-color:#e8a04a8c;color:#eef2f7}.breed-sex-row,.breed-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.breed-stepper{margin:.55rem 0;padding:.45rem 0}.breed-stepper.warn{outline:1px solid rgba(220,160,60,.55);outline-offset:4px;border-radius:8px}.breed-stepper.locked{opacity:.7}.breed-stepper-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.85rem;color:var(--muted)}.breed-conf{font-variant-numeric:tabular-nums;font-size:.75rem}.breed-flag{color:#f0c060;font-size:.75rem;font-weight:600}.breed-stepper-row{display:flex;align-items:center;gap:.35rem}.breed-step-btn,.breed-step-value{min-width:44px;min-height:44px;border-radius:10px;border:1px solid var(--border);background:#141c2ce6;color:inherit;font:inherit;font-weight:600;cursor:pointer;touch-action:manipulation}.breed-step-value{flex:1;font-variant-numeric:tabular-nums;font-size:1.15rem}.breed-step-value-input{flex:1;min-height:44px;text-align:center;font-size:1.15rem;font-variant-numeric:tabular-nums;border-radius:10px;border:1px solid var(--accent);background:#0a101cf2;color:inherit}.breed-scan-steps{margin:0 0 1rem;padding-left:1.25rem;color:var(--muted);line-height:1.55}.breed-dropzone{display:flex;flex-direction:column;align-items:center;gap:.65rem;min-height:220px;padding:1.5rem 1rem;border:2px dashed rgba(62,207,201,.45);border-radius:14px;background:#0e16248c;text-align:center}.breed-dropzone.busy{opacity:.7;pointer-events:none}.breed-dropzone-title{margin:0;font-family:var(--font-display);font-size:1.25rem}.breed-file-btn{cursor:pointer}.breed-scan-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.75rem}.breed-tree-panel{display:flex;flex-direction:column;min-height:0;flex:1}.breed-tree-stage{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;height:calc(100dvh - 7.5rem)}.breed-tree-stage-row{flex:1;min-height:0;display:flex;flex-direction:row;align-items:stretch}.breed-tree-scroll-gutter{flex:0 0 5%;min-width:14px;max-width:48px;touch-action:pan-y;cursor:ns-resize;background:linear-gradient(90deg,transparent,rgba(62,207,201,.06)),repeating-linear-gradient(180deg,transparent 0 10px,rgba(255,255,255,.04) 10px 11px);border-left:1px solid color-mix(in srgb,var(--border) 70%,transparent);z-index:6}.breed-tree-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .85rem;background:color-mix(in srgb,var(--accent2) 18%,#121a16);border-bottom:1px solid var(--border);z-index:5}.breed-tree-viewport-full{flex:1 1 95%;width:auto;min-width:0;min-height:0;height:auto!important;border:0;border-radius:0;position:relative}.breed-tree-hud{position:absolute;top:.55rem;left:.55rem;right:.55rem;z-index:4;display:flex;flex-direction:column;gap:.4rem;pointer-events:none}.breed-tree-hud-row{display:flex;flex-wrap:wrap;gap:.35rem;pointer-events:auto}.breed-tree-filter{display:flex;flex-direction:column;gap:.2rem;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:#d7dee8;pointer-events:auto;padding:.25rem .35rem .35rem;border-radius:10px;background:#080c14eb;border:1px solid #4a5568}.breed-tree-filter .breed-tree-select{max-width:12rem}.breed-tree-hud-meta{margin:0;padding:.35rem .55rem;font-size:.85rem;font-weight:500;color:#e8eef6!important;pointer-events:none;border-radius:8px;background:#080c14e0;border:1px solid #3d4758;width:fit-content}.breed-wizard-context{margin:.2rem 0 0;font-size:.85rem}.breed-tree-hud-actions .btn,.breed-tree-hud-row .btn{min-height:2.35rem;color:#f4f7fb!important;background:#1a2436!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #5a677c!important;font-weight:600}.breed-tree-hud-actions .btn-primary,.breed-tree-hud-row .btn-primary{color:#1a1208!important;background:linear-gradient(180deg,#f0b05a,#e8a04a)!important;border-color:#c88635!important}.breed-tree-select{min-height:2.35rem;border-radius:8px;border:1px solid #5a677c;background:#121a28;color:#f4f7fb;padding:.25rem .5rem;-webkit-backdrop-filter:none;backdrop-filter:none;max-width:11rem;color-scheme:dark;font-weight:600}.breed-tree-select option{background:#121a28;color:#f4f7fb}.breed-tree-icon-btn{min-height:2.35rem;background:#1a2436!important;color:#f4f7fb!important;-webkit-backdrop-filter:none;backdrop-filter:none}.breed-tree-sheet{position:absolute;right:.55rem;bottom:4.15rem;top:auto;width:min(340px,calc(100% - 1.1rem));max-height:min(52vh,480px);overflow:auto;z-index:40;padding:.85rem;border-radius:12px;border:1px solid #5a677c;background:#141c2c;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 12px 40px #00000073;pointer-events:auto;color:#f2f5fa}.breed-tree-sheet .muted,.breed-tree-sheet .field,.breed-tree-sheet label{color:#c5cedb}.breed-tree-sheet strong,.breed-tree-sheet-head strong{color:#fff}.breed-tree-sheet input,.breed-tree-sheet select,.breed-tree-sheet textarea{background:#0c121c;color:#f4f7fb;border:1px solid #5a677c;color-scheme:dark}.breed-tree-sheet .btn{color:#f4f7fb;background:#1e2a3d;border-color:#5a677c}.breed-tree-sheet .btn-primary{color:#1a1208;background:linear-gradient(180deg,#f0b05a,#e8a04a);border-color:#c88635}.breed-tree-parents-box{margin:.65rem 0;padding:.65rem .7rem;border:1px solid #5a677c;border-radius:10px;background:#0f1622}.breed-tree-parents-box strong{display:block;margin-bottom:.45rem;color:#fff}.breed-tree-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.breed-tree-pair-line{margin:0 0 .65rem;font-size:1.08rem;color:#f4f7fb}.breed-tree-bulk{width:100%;resize:vertical;font-family:ui-monospace,monospace;font-size:.9rem;background:#0c1210;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.5rem}.breed-tree-hr{border:0;border-top:1px solid var(--border);margin:.85rem 0}@media(max-width:700px){.breed-tree-stage{height:calc(100dvh - 8.5rem)}.breed-tree-sheet{left:.4rem;right:calc(5% + .4rem);bottom:4.2rem;width:auto;max-height:42vh;z-index:40}.breed-tree-hud-row{gap:.3rem}.breed-tree-select{max-width:9rem;font-size:.85rem}.breed-tree-scroll-gutter{flex-basis:5%;min-width:18px}}.breed-tree-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:.75rem;flex:1;min-height:0;align-items:stretch}.breed-tree-main{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1}.breed-tree-side{display:flex;flex-direction:column;gap:.65rem;min-height:0;overflow:auto;max-height:min(78vh,820px)}.breed-tree-side .breed-card{margin:0}.breed-tree-side h4{margin:.75rem 0 .35rem;font-size:.85rem}.breed-tree-stat-list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem;font-size:.9rem}.breed-tree-stat-list li{display:flex;flex-wrap:wrap;gap:.35rem;align-items:baseline;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding:.2rem 0}.breed-tree-stat-list li>span:first-child{width:3.6rem;color:#c5cedb}.breed-tree-suggest{margin-top:.65rem;padding-top:.55rem;border-top:1px solid #3d4758;color:#eef2f7}.breed-tree-hide-ignored{align-self:end;margin-bottom:.25rem}@media(max-width:900px){.breed-tree-split{grid-template-columns:1fr}.breed-tree-side{max-height:none}}.breed-tree-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin-bottom:.5rem}.breed-tree-toolbar{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.breed-tree-viewport{position:relative;flex:1;min-height:360px;height:min(72vh,780px);overflow:hidden;border:1px solid #3a4558;border-radius:8px;background:radial-gradient(circle at 18% 8%,rgba(62,207,201,.08),transparent 42%),linear-gradient(165deg,#0d1420,#121a28 55%,#0a1018);touch-action:none;cursor:grab}.breed-tree-viewport:active{cursor:grabbing}.breed-tree-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:1;color:#e8eef6!important;font-size:1.05rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.65);padding:1rem;text-align:center}.breed-tree-svg{display:block;width:100%;height:100%}.breed-tree-edge{stroke:#8aa0b8;stroke-width:1.75;opacity:.9}.breed-tree-edge.father{stroke:#7eb8e8}.breed-tree-edge.mother{stroke:#e8a0b8}.breed-tree-node rect{stroke:#c5d0de;stroke-width:1.25;cursor:pointer}.breed-tree-node rect.male{fill:#1a4a6e}.breed-tree-node rect.female{fill:#6a2e48}.breed-tree-node.selected rect,.breed-tree-node.focus rect{stroke:#fff;stroke-width:2.5}.breed-pair-banner{border-color:#6a8f6e}.breed-tree-node.pair rect{stroke:#f0c060;stroke-width:2.75}.breed-tree-node.ignored{opacity:.55}.breed-tree-node.ignored rect{stroke-dasharray:4 3}.breed-pair-banner{border-left:3px solid #8fd4a0}.breed-wizard .breed-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.breed-tree-sex,.breed-tree-name{fill:#fff;font-size:12px;pointer-events:none;-webkit-user-select:none;user-select:none;paint-order:stroke fill;stroke:#000000bf;stroke-width:2.5px;stroke-linejoin:round}.breed-tree-name{font-size:13px;font-weight:700}.breed-scan-stat{margin:.55rem 0;padding:.55rem .65rem;border:1px solid var(--border);border-radius:8px}.breed-scan-stat.warn{border-color:#b07a3a}.breed-scan-stat strong{display:block;margin-bottom:.35rem;font-size:.92rem}.breed-scan-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.breed-scan-stat-grid label{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:var(--muted, #9aa8b8)}.breed-scan-stat-grid input{width:100%;min-width:0}.breed-preview-img{width:100%;max-height:36vh;object-fit:contain;border-radius:12px;margin-bottom:.75rem;background:#050a09}.breed-countdown{font-size:2rem;font-variant-numeric:tabular-nums;font-family:var(--font-display);margin:.35rem 0}.breed-analysis{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}@media(min-width:900px){.breed-body{padding-bottom:1.5rem}.breed-body.breed-body-wide{padding-bottom:0}.breed-nav{position:sticky;bottom:auto;order:-1;border-top:0;border-bottom:1px solid var(--border)}.breed-shell{max-width:960px;margin:0 auto;width:100%}.breed-shell.breed-shell-wide{max-width:none}}.m-breed-app{min-height:100dvh;display:flex;flex-direction:column;background:#070b14}.m-breed-app .mobile-breed{flex:1;min-height:100dvh;max-width:none}.m-breed-top{padding-top:calc(.65rem + env(safe-area-inset-top))}.m-breed-top-actions{display:flex;align-items:center;gap:.5rem}.mobile-breed .breed-body{padding:1.1rem 1.1rem 6.5rem;max-width:560px}.mobile-breed .breed-card{padding:1.1rem 1.15rem;border-radius:14px}.mobile-breed .breed-list-item{min-height:52px;padding:.85rem 1rem}.mobile-breed .stat-stepper,.mobile-breed .stepper{transform:scale(1.05);transform-origin:left center}.m-breed-subnav{margin-bottom:.75rem}.m-breed-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:.15rem;padding:.35rem .4rem calc(.35rem + env(safe-area-inset-bottom));background:#080c16f5;border-top:1px solid rgba(232,160,74,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.m-breed-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:52px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.68rem;font-weight:650;cursor:pointer;padding:.25rem;border-radius:12px}.m-breed-nav-btn.active{color:#eef2f7;background:#e8a04a29}.m-breed-nav-btn.scan{transform:translateY(-10px)}.m-breed-scan-orb{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;font-weight:700;line-height:1;color:#0a101c;background:linear-gradient(145deg,#e8a04a,#f0c078);box-shadow:0 6px 18px #e8a04a66}.m-breed-nav-btn.scan.active .m-breed-scan-orb{box-shadow:0 6px 22px #3ecfc973;background:linear-gradient(145deg,#3ecfc9,#7ae0db)}.mobile-breed .breed-nav{display:none}.breed-now-actions{display:grid;gap:.65rem;margin:.85rem 0 1rem}.breed-now-cta{min-height:3.1rem;font-size:1.05rem;width:100%}.breed-now-alarm-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.45rem}.breed-lines-hub .breed-lines-group{margin:1rem 0 1.25rem}.breed-lines-hub h3{margin:0 0 .55rem;font-family:var(--font-display);font-size:1.05rem}.breed-lines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.55rem}.breed-line-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-height:4.2rem;padding:.75rem .85rem;border:1px solid var(--border);border-radius:12px;background:#141c2cb8;color:inherit;font:inherit;text-align:left;cursor:pointer}.breed-line-card:hover,.breed-line-card:focus-visible{border-color:color-mix(in srgb,var(--accent2) 55%,var(--border));outline:none}.breed-line-card strong{font-size:1.05rem}.breed-now-ops .breed-actions{margin-top:.45rem}.breed-tree-promote{margin-bottom:.65rem}.mobile-breed .m-breed-nav{grid-template-columns:repeat(5,1fr)}.ba-shell .breed-body{max-width:720px;margin:0 auto;width:100%}.ba-shell:has(.ba-panel-wide) .breed-body{max-width:min(1200px,100%);padding-left:1rem;padding-right:1rem}.ba-panel{display:flex;flex-direction:column;gap:1rem;padding-bottom:5rem}.ba-panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem}.ba-panel-head h2{margin:0;font-family:var(--font-display);font-size:1.45rem}.ba-pair-line{margin:0;width:100%;font-size:1.05rem}.ba-select,.ba-field input{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:.55rem .7rem;min-height:2.6rem}.ba-card{background:#141c2cd9;border:1px solid var(--border);border-radius:14px;padding:.9rem 1rem}.ba-card-hero .ba-stat-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(min-width:640px){.ba-card-hero .ba-stat-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.ba-stat-row>div{display:flex;flex-direction:column;gap:.2rem}.ba-stat-row strong{font-size:1.35rem;font-family:var(--font-display)}.warn-text{color:var(--warn)}.ba-hint{margin:.75rem 0 0}.ba-section h3{margin:0 0 .5rem;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.ba-task-list,.ba-pair-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.ba-task,.ba-pair-item{display:flex;gap:.75rem;align-items:center;justify-content:space-between;background:#141c2cd9;border:1px solid var(--border);border-radius:14px;padding:.85rem 1rem}.ba-task p,.ba-pair-item p{margin:.25rem 0 0}.ba-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.ba-wide{width:100%}.ba-table{width:100%;border-collapse:collapse;font-size:.95rem}.ba-table th,.ba-table td{text-align:left;padding:.45rem .35rem;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.ba-birth .ba-stat-grid{display:flex;flex-direction:column;gap:.75rem}.ba-stat-block{background:#141c2ce0;border:1px solid var(--border);border-radius:14px;padding:.75rem;display:flex;flex-direction:column;gap:.45rem}.ba-stat-label{font-weight:650;letter-spacing:.03em}.ba-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.ba-choice,.ba-mut,.ba-sex{min-height:3.1rem;border-radius:12px;border:1px solid var(--border);background:var(--surface2);font-weight:600}.ba-choice.active,.ba-mut.active,.ba-sex.active{border-color:var(--accent2);background:color-mix(in srgb,var(--accent2) 22%,var(--surface2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent2) 40%,transparent)}.ba-mut{width:100%}.ba-same{min-height:2.4rem;display:flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:650}.ba-sex-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.ba-sex{font-size:1.6rem}.ba-footer-actions{position:sticky;bottom:4.2rem;display:grid;grid-template-columns:1fr 1.4fr;gap:.55rem;padding:.5rem 0 .25rem;background:linear-gradient(180deg,transparent,rgba(10,16,28,.92) 35%)}.breed-shell:not(.mobile-breed) .ba-footer-actions{bottom:0}.ba-keep{min-height:3.2rem;font-size:1.05rem}.ba-discard{background:color-mix(in srgb,var(--danger) 18%,var(--surface2));border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.ba-result{border-radius:14px;padding:.85rem 1rem;border:1px solid var(--border);background:#141c2ce6}.ba-result-new_breeder{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.ba-result-keep{border-color:color-mix(in srgb,var(--ok) 50%,var(--border))}.ba-result-discard{border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.ba-warn-list{margin:.4rem 0 0;padding-left:1.1rem;color:var(--warn)}.ba-field{display:flex;flex-direction:column;gap:.3rem}.ba-founder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.ba-manual-pair{display:flex;flex-direction:column;gap:.65rem}.ba-manual-pair label{display:flex;flex-direction:column;gap:.3rem}.ba-plan-item{flex-wrap:wrap}.ba-plan-by-male{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.85rem;align-items:flex-start;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-gutter:stable;scroll-snap-type:x proximity;padding:.2rem 1rem .85rem .1rem;margin:.5rem 0 .85rem}.ba-plan-by-male::-webkit-scrollbar{height:10px}.ba-plan-by-male::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:8px}.ba-plan-male-col{flex:0 0 13.75rem;width:13.75rem;min-width:13.75rem;display:flex;flex-direction:column;gap:.5rem;scroll-snap-align:start}.ba-plan-male-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.55rem .75rem;background:#24344ef2;border:1px solid var(--border);border-radius:12px}.ba-plan-female-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.ba-plan-female-card{display:flex;flex-direction:column;gap:.45rem;background:#141c2cd9;border:1px solid var(--border);border-radius:12px;padding:.7rem .75rem}.ba-plan-chance{font-size:.82rem;line-height:1.35}.ba-plan-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-start}.ba-ritual-row{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:end;margin:.65rem 0}.ba-ritual-row input[type=checkbox]{width:1.25rem;height:1.25rem}.ba-ritual-chance{align-self:center;font-size:1.05rem}.ba-founder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(7.5rem,10rem);gap:1rem;align-items:start}.ba-founder-form{display:flex;flex-direction:column;gap:.85rem;min-width:0}.ba-name-index{position:sticky;top:.5rem;max-height:min(70vh,36rem);overflow:auto;padding:.55rem .6rem;background:#101624eb;border:1px solid var(--border);border-radius:12px;font-size:.78rem}.ba-name-index-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.45rem;font-size:.82rem}.ba-name-index-sp{font-weight:600;margin:.35rem 0 .2rem}.ba-name-index-sex{margin-bottom:.4rem}.ba-name-index-sex-label{font-size:.7rem;letter-spacing:.03em;margin-bottom:.15rem}.ba-name-index-list{list-style:none;margin:0;padding:0;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,Consolas,monospace;line-height:1.35}.ba-name-index-list li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.ba-founder-layout{grid-template-columns:1fr}.ba-name-index{position:static;max-height:12rem;order:-1}}.ba-stock-filter{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted)}.ba-stock-species{margin-top:.85rem}.ba-stock-species-title{margin:0 0 .45rem;font-family:var(--font-display);font-size:1.05rem}.ba-stock-sex{margin-bottom:.65rem}.ba-stock-sex-label{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.35rem}.ba-stock-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.ba-stock-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;padding:.55rem .7rem;background:#141c2cd9;border:1px solid var(--border);border-radius:10px}.ba-stock-main{min-width:0;flex:1}.ba-stock-name{font-size:.95rem}.ba-stock-hex{margin-top:.2rem;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,Consolas,monospace;font-size:.78rem;letter-spacing:.02em;color:#b8c4d6;white-space:nowrap;overflow-x:auto;max-width:100%}.ba-danger-zone{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}