:root{--bg-ink: #0f1521;--bg-slate: #182536;--card: #f2efe6;--card-strong: #fff9ea;--accent: #0f766e;--accent-soft: #3fa6a0;--danger: #b91c1c;--text: #17222f;--muted: #506173;--edge: #d6d1bf}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Sora,sans-serif;background:radial-gradient(circle at 15% 15%,rgba(63,166,160,.2),transparent 30%),radial-gradient(circle at 85% 8%,rgba(255,255,255,.16),transparent 28%),linear-gradient(130deg,var(--bg-ink),var(--bg-slate));min-height:100vh}.app-shell{width:min(1100px,94vw);margin:1.5rem auto 3rem}.hero{padding:1.4rem 1.6rem;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#eef8fb;background:#0b1b288c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:rise .38s ease-out}.hero h1{margin:0;font-family:Chakra Petch,sans-serif;letter-spacing:.03em;font-size:clamp(1.4rem,2vw + 1rem,2.2rem)}.hero p{margin:.5rem 0 0;color:#cce2ec}.tab-row{margin-top:1rem;display:flex;gap:.6rem;flex-wrap:wrap}.tab-row button{border:1px solid #95a4b4;background:#dce2e8;color:#12202f;padding:.6rem 1rem;border-radius:999px;cursor:pointer;font-weight:600}.tab-row button.active{background:linear-gradient(120deg,var(--accent),#14555f);color:#fff;border-color:transparent}.panel{margin-top:1rem;background:linear-gradient(155deg,var(--card),var(--card-strong));border:1px solid var(--edge);border-radius:18px;padding:1rem;animation:rise .42s ease-out}.panel h2,.panel h3,.panel h4{font-family:Chakra Petch,sans-serif;margin-top:0}.subtitle{margin-top:-.4rem;color:var(--muted)}.craft-form,.toolbar,.admin-gate{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin-bottom:1rem}.searchable{position:relative}.dropdown{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:#0f2235;border:1px solid #335272;border-radius:12px;box-shadow:0 8px 28px #06132059;overflow:hidden;z-index:10}.dropdown-row{width:100%;border:0;border-bottom:1px solid rgba(178,205,230,.1);border-radius:0;background:transparent;color:#e6f1fa;text-align:left;padding:.55rem .65rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.dropdown-row:hover{background:#5c8db840}.dropdown-row.active{background:#5c8db859}.dropdown-row small{color:#a5c3dd;font-size:.78rem}.muted{color:#97b7d2}.toolbar.compact{margin-top:.8rem}label{display:grid;gap:.3rem;font-size:.9rem;color:#2d3f52}input,textarea,select,button{font:inherit}input,textarea,select{border:1px solid #aeb8c3;border-radius:10px;padding:.55rem .65rem;background:#fff}button{border:1px solid #27586a;border-radius:10px;padding:.62rem .85rem;background:#13485a;color:#fff;cursor:pointer}button:disabled{opacity:.7;cursor:not-allowed}.goal-board{border:1px dashed #9db1bf;border-radius:14px;padding:.9rem;margin-bottom:1rem}.ov-settlement{background:linear-gradient(155deg,#f2efe6fa,#fff9eafa),radial-gradient(circle at 18% 14%,rgba(77,108,138,.08),transparent 35%)}.ov-masthead-lite{text-align:center;margin-bottom:.75rem}.ov-masthead-lite h2{margin:.2rem 0;letter-spacing:.12em;text-transform:uppercase}.ov-meta{display:flex;justify-content:center;gap:.7rem;color:var(--muted);font-size:.78rem;text-transform:uppercase}.ov-rule{border-top:1px solid #9fb0bf;border-bottom:1px solid #c8d0d8;height:3px}.ov-headline-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c1c9d2;border-bottom:1px solid #c1c9d2;margin-bottom:.8rem}.ov-hl-card{padding:.45rem .35rem;display:flex;flex-direction:column;align-items:center;border-right:1px solid #c7d0d9}.ov-hl-card:last-child{border-right:0}.ov-hl-label{color:#5d6b7a;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.ov-hl-value{font-size:1.2rem;font-weight:700;color:#1b2d3f}.ov-hl-sub{color:#617487;font-size:.72rem}.ov-grid-settlement{display:grid;grid-template-columns:1fr;gap:.7rem}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.home-span-2{grid-column:span 2}.mini-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.32rem;max-height:260px;overflow:auto}.mini-list li{display:flex;justify-content:space-between;gap:.5rem;padding:.35rem .45rem;border:1px solid #dbe2ea;border-radius:8px;background:#fff;font-size:.85rem}.mini-list li.active-craft{border-color:#6fa7db;background:#edf6ff}.map-link-btn{display:inline-flex;margin-top:.4rem;text-decoration:none;border:1px solid #27586a;border-radius:10px;padding:.5rem .75rem;background:#13485a;color:#fff}.tier-toggle-row,.type-toggle-grid{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem}.tiny-toggle{border:1px solid #b4c0cf;background:#eef3f9;color:#1f3650;border-radius:999px;padding:.2rem .6rem;font-size:.8rem}.tiny-toggle.on{background:#174e67;color:#fff;border-color:#174e67}.ov-center-settlement,.ov-side-settlement{display:flex;flex-direction:column;gap:.7rem;min-height:0}.ov-block{border:1px solid #cbd4dd;border-radius:12px;background:#ffffffb8;padding:.75rem}.ov-block-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;border-bottom:1px solid #d9e0e8;padding-bottom:.35rem}.ov-block-header h3{margin:0}.ov-block-header span{color:var(--muted);font-size:.8rem}.goal-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.goal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin-top:.7rem}.goal-add-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;margin-bottom:.8rem}.small-inline-input{width:90px;padding:.3rem .45rem}.goal-status{display:inline-flex;padding:.12rem .45rem;border-radius:999px;border:1px solid #cad6e4;font-size:.74rem;text-transform:uppercase}.goal-enough{background:#dcf7dd;color:#145c14;border-color:#8ad192}.goal-can_make{background:#fff2d7;color:#6b4a00;border-color:#e2bb66}.goal-need_gathering{background:#ffe5e5;color:#7d1d1d;border-color:#e3a1a1}.goal-actions{display:flex;gap:.35rem}button.danger{background:#a33232;border-color:#842626}.goal-card{background:#fff;border:1px solid #d8deea;border-radius:12px;padding:.8rem}.goal-card pre{margin:0;font-family:Sora,sans-serif;white-space:pre-wrap;min-height:8.2rem}.save-button{margin-top:.7rem}.delta-list p{margin:.3rem 0;color:#1f3346}.tree-node{position:relative;margin-left:1rem;padding-left:1rem;margin-top:.65rem}.tree-node:before{content:"";position:absolute;left:0;top:-.6rem;width:1px;height:calc(100% + .8rem);background:#7996ba8c}.tree-node:after{content:"";position:absolute;left:0;top:1.9rem;width:.85rem;height:1px;background:#7996ba8c}.root-node{margin-left:0;padding-left:0}.root-node:before,.root-node:after{display:none}.tree-children>.tree-node:last-child:before{height:2.5rem}.recipe-tree-shell{background:linear-gradient(170deg,#1f2f49,#1c2a42);border:1px solid #324765;border-radius:14px;padding:.75rem;margin-bottom:.9rem}.tree-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.65rem;color:#dce8f8}.recipe-card{background:#47566f;color:#ecf4ff;border-radius:12px;padding:.72rem .8rem;border-left:4px solid #4c8fe5}.recipe-card.accent-0{border-left-color:#3b82f6}.recipe-card.accent-1{border-left-color:#22c55e}.recipe-card.accent-2{border-left-color:#f59e0b}.recipe-card.accent-3{border-left-color:#fb923c}.recipe-card.accent-4{border-left-color:#38bdf8}.recipe-header{display:flex;align-items:flex-start;gap:.6rem}.recipe-title-wrap{display:inline-flex;align-items:center;gap:.45rem}.recipe-main{flex:1;min-width:0}.recipe-name{display:block;font-size:1.15rem;line-height:1.25}.recipe-subrow{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.28rem}.count-chip{color:#ffbc68;font-weight:700;font-size:.92rem}.type-chip{display:inline-flex;align-items:center;padding:.14rem .48rem;border-radius:8px;background:#1b2c4273;border:1px solid rgba(143,175,206,.3);color:#d8e7f8;font-size:.84rem}.base-chip{display:inline-flex;align-items:center;padding:.14rem .52rem;border-radius:8px;background:#19774273;border:1px solid rgba(121,216,155,.4);color:#d9ffe6;font-size:.84rem;font-weight:600}.node-toggle{width:1.35rem;height:1.35rem;padding:0;border-radius:50%;border:1px solid rgba(181,211,238,.4);background:#143d5f99;color:#d7ecff;line-height:1;font-size:.88rem}.pill{margin-top:.28rem;display:inline-flex;padding:.08rem .45rem;border-radius:999px;background:#3a98dc40;border:1px solid rgba(153,213,255,.4);font-size:.75rem}.pill.base{background:#26974459;border-color:#89dc9b73}.qty-chip{font-weight:700;color:#ffc56b;display:inline-flex;padding:.15rem .48rem;border-radius:999px;font-size:.76rem}.qty-stack{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;margin-left:auto}.qty-chip.need{background:#35629159;border:1px solid rgba(148,194,233,.4);color:#d0e6ff}.qty-chip.produced{color:#b7f3b7;background:#19603759;border:1px solid rgba(131,216,161,.35)}.recipe-meta-row{margin-top:.48rem;display:flex;flex-wrap:wrap;gap:.35rem}.meta-chip{padding:.14rem .46rem;border-radius:999px;background:#19273a80;border:1px solid rgba(162,190,220,.3);font-size:.76rem;color:#dbe8f7}.warning-chip{color:#ffd8ae;border-color:#f0ad5a73;background:#75441a80}.tier-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:1.45rem;border-radius:8px;background:#4a5c74eb;border:1px solid rgba(157,181,209,.35);color:#d9e6f5;font-size:.78rem;font-weight:700}.input-chips{display:flex;flex-wrap:wrap;gap:.45rem}.requires-row{margin-top:.42rem;margin-left:.1rem}.requires-label{display:inline-flex;margin-right:.5rem;margin-bottom:.28rem;color:#b3c7df;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.input-chip{border:1px solid #b7c7dc;background:#e9f0f8;color:#17324e;border-radius:999px;font-size:.84rem;font-weight:600;padding:.2rem .62rem}.tree-controls{display:flex;gap:.5rem}.ghost-btn{background:#182c468c;border:1px solid #40618b;color:#d5e6ff}.ghost-btn:hover{background:#2b486db3}.tree-filter-row{border:1px solid rgba(72,103,141,.45);background:#14283e73;border-radius:10px;padding:.45rem .6rem;margin-bottom:.55rem}.inline-check{display:inline-flex;align-items:center;gap:.4rem;color:#d8e6f8;font-size:.86rem}.step-details{margin-top:.35rem;color:#32475c;font-size:.92rem}.step-details ul{margin:.3rem 0}.hint{margin:.25rem 0;color:#2f4f59;font-size:.88rem}.warning{color:#7f1d1d}.error-banner{border:1px solid #e4acac;background:#ffeded;color:var(--danger);border-radius:10px;padding:.5rem .7rem}.table-wrap{overflow-x:auto;border:1px solid #d2d8e3;border-radius:10px;background:#fff}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid #ebeff5;font-size:.93rem}th{color:#21364a;background:#f4f7fb}.loader{width:34px;height:34px;border-radius:50%;border:3px solid #bed2d8;border-top-color:#19566a;animation:spin .8s linear infinite}.players details{border:1px solid #d4dae4;border-radius:10px;padding:.6rem;margin-bottom:.5rem;background:#fff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.skill-card{border:1px solid #d4dae4;border-radius:12px;padding:.7rem;background:#fff}.muted-inline{color:var(--muted);font-weight:500;font-size:.86rem}.skill-chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.skill-chip{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:999px;background:#eef2f7;border:1px solid #d8e0ea;font-size:.82rem}.skill-chip.best{background:#dff6df;border-color:#86ca86;color:#105410;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.app-shell{margin-top:1rem}.panel{padding:.8rem}.tab-row button{width:100%}.ov-headline-strip{grid-template-columns:1fr 1fr}.ov-grid-settlement,.home-grid{grid-template-columns:1fr}.home-span-2{grid-column:span 1}}