:root{--paper:#f6efe3;--paper-2:#eadbc6;--vellum:#fff9ee;--ink:#2d2118;--muted:#715f4f;--faint:#a8947f;--line:#d8c4aa;--line-strong:#b89463;--green:#54743b;--green-2:#e5eed8;--blue:#567f9d;--clay:#a85f3f;--brass:#b9833f;--shadow:0 18px 50px #4f361f24;--shadow-soft:0 10px 28px #4f361f1a;--radius:8px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:linear-gradient(90deg, #5a412809 1px, transparent 1px) 0 0 / 24px 24px, radial-gradient(circle at 18% 10%, #fffaeecc, transparent 32rem), linear-gradient(135deg, #fbf7ef 0%, var(--paper) 48%, #efe0c8 100%);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif}button,a{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.craft-app{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.side-rail{background:color-mix(in srgb, var(--vellum) 78%, transparent);border-right:1px solid #825d3638;height:100vh;padding:22px 18px;position:sticky;top:0}.brand-lockup{align-items:center;gap:11px;margin-bottom:28px;display:flex}.brand-mark{color:#fff7e8;width:34px;height:34px;box-shadow:inset 0 0 0 2px #fff8e661, var(--shadow-soft);background:linear-gradient(135deg,#c79654,#8b5b2d);border-radius:50%;place-items:center;font-size:.72rem;font-weight:800;display:grid}.brand-lockup strong,.topbar-brand{letter-spacing:-.03em;font-size:1.25rem;display:block}.brand-lockup small{color:var(--muted);margin-top:2px;font:.67rem/1.2 ui-sans-serif,system-ui,sans-serif;display:block}.rail-nav{gap:6px;display:grid}.rail-link{border-radius:var(--radius);min-height:42px;color:var(--muted);border:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;font:.88rem/1.2 ui-sans-serif,system-ui,sans-serif;display:flex}.rail-link--active{color:var(--ink);box-shadow:var(--shadow-soft);background:#fff9eec7;border-color:#b8946357}.rail-glyph{border:1px solid var(--line);width:24px;height:24px;color:var(--brass);background:#fff8ec;border-radius:6px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.rail-note{border-radius:var(--radius);color:var(--muted);background:#fff9eeb8;border:1px solid #b8946357;padding:12px;font:.75rem/1.45 ui-sans-serif,system-ui,sans-serif;position:absolute;bottom:22px;left:18px;right:18px}.rail-note strong{color:var(--ink);margin-bottom:3px;display:block}.workbench{min-width:0;padding:18px clamp(16px,2.5vw,34px) 48px}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:18px;min-height:58px;padding:8px 0 12px;display:flex;position:sticky;top:0}.topbar-brand{display:none}.top-tabs{box-shadow:var(--shadow-soft);background:#fff9eec7;border:1px solid #b8946357;border-radius:999px;align-items:center;gap:2px;padding:4px;display:inline-flex}.top-tab{color:var(--muted);border-radius:999px;padding:8px 16px;font:.8rem/1 ui-sans-serif,system-ui,sans-serif}.top-tab--active{color:var(--ink);background:#fff6e8;box-shadow:inset 0 0 0 1px #b8946342}.profile-chip{background:var(--green-2);color:#365126;border:1px solid #54743b47;border-radius:999px;margin-left:auto;padding:8px 11px;font:.75rem/1 ui-sans-serif,system-ui,sans-serif}.parchment-panel{border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(90deg,#7a542b08 1px,#0000 1px) 0 0/18px 18px,linear-gradient(#fffaeff0,#efdfc6b8);border:1px solid #a57c4d52}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--brass);margin:0 0 8px;font:700 .68rem/1.2 ui-sans-serif,system-ui,sans-serif}.lede{max-width:58ch;color:var(--muted);margin:10px 0 0;font:.98rem/1.65 ui-sans-serif,system-ui,sans-serif}.home-hero{grid-template-columns:minmax(0,1fr) 180px;align-items:end;gap:24px;max-width:1180px;margin:18px auto;display:grid}.home-hero h1{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95}.journey-card{border-radius:var(--radius);min-height:150px;box-shadow:var(--shadow-soft);background:#fff8ec;border:1px solid #b8946361;align-content:center;gap:4px;padding:18px;display:grid}.journey-card__label,.journey-card span:last-child{color:var(--muted);font:.72rem/1.2 ui-sans-serif,system-ui,sans-serif}.journey-card strong{font-size:3.4rem;line-height:.9}.skill-focus{grid-template-columns:minmax(0,1fr) 340px;gap:18px;max-width:1180px;margin:0 auto 26px;display:grid}.spotlight{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);min-height:360px;display:grid;overflow:hidden}.spotlight-copy{padding:clamp(22px,4vw,42px)}.spotlight h2,.compact-map h2,.tier-head-v2 h2,.section-head h2,.skill-hero-card h1{letter-spacing:-.035em;margin:0}.spotlight h2{font-size:clamp(2rem,4vw,3.7rem);line-height:.95}.spotlight p,.skill-description{color:var(--muted);font:.92rem/1.65 ui-sans-serif,system-ui,sans-serif}.spotlight-art{align-self:stretch;min-height:100%}.spotlight-art img{object-fit:cover;width:100%;height:100%}.pill-row{flex-wrap:wrap;gap:7px;margin:16px 0;display:flex}.pill-row span{color:var(--muted);background:#fff9eec7;border:1px solid #b8946352;border-radius:999px;padding:6px 10px;font:.72rem/1 ui-sans-serif,system-ui,sans-serif}.xp-strip{color:var(--muted);grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:10px;margin:18px 0;font:.75rem/1 ui-sans-serif,system-ui,sans-serif;display:grid}.xp-track{background:#7a542b21;border-radius:999px;height:7px;overflow:hidden}.xp-track div{border-radius:inherit;background:linear-gradient(90deg, var(--green), #8aa85b);height:100%}.craft-button,.text-button{background:var(--green);color:#fff9ed;cursor:pointer;border:1px solid #54743b52;border-radius:7px;justify-content:center;align-items:center;min-height:38px;padding:0 15px;font:800 .78rem/1 ui-sans-serif,system-ui,sans-serif;display:inline-flex}.craft-button--done{color:var(--green);background:#fff8ec}.text-button{color:var(--muted);border-color:var(--line);background:0 0}.compact-map{padding:18px}.section-head,.tier-head-v2{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-head h2{font-size:1.05rem}.section-head>span,.tier-head-v2 em{color:var(--muted);font:.75rem/1 ui-sans-serif,system-ui,sans-serif}.micro-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px;display:grid}.micro-skill{aspect-ratio:1;transition:transform .18s var(--ease), opacity .18s;background:#fff8ec;border:1px solid #b8946357;border-radius:6px;place-items:center;display:grid}.micro-skill:hover{transform:translateY(-2px)}.micro-skill img{object-fit:cover;border-radius:4px;width:80%;height:80%}.micro-skill--locked{opacity:.45;filter:saturate(.45)}.micro-skill--learned{box-shadow:inset 0 0 0 2px var(--green)}.catalog-v2{max-width:1180px;margin:0 auto}.tier-band{margin:28px 0}.tier-head-v2{margin-bottom:12px}.tier-head-v2 span{color:var(--brass);font:800 .75rem/1 ui-sans-serif,system-ui,sans-serif}.tier-head-v2 h2{margin-right:auto;font-size:1.35rem}.skill-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.skill-card{border-radius:var(--radius);min-height:118px;transition:transform .18s var(--ease), box-shadow .18s var(--ease);background:#fff9eebf;border:1px solid #b8946347;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid;box-shadow:0 8px 20px #4f361f14}.skill-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.skill-card--locked{opacity:.58}.skill-card--learned{background:color-mix(in srgb, var(--green-2) 62%, #fff8ec);border-color:#54743b52}.skill-card__icon{object-fit:cover;border:1px solid #78532d33;border-radius:7px;width:72px;height:72px}.skill-card__body{min-width:0}.skill-card h3{margin:0 0 5px;font-size:1rem;line-height:1.1}.skill-card p{color:var(--muted);margin:0;font:.78rem/1.35 ui-sans-serif,system-ui,sans-serif}.skill-card__meta{color:var(--faint);text-transform:capitalize;grid-column:1/-1;justify-content:space-between;font:.7rem/1 ui-sans-serif,system-ui,sans-serif;display:flex}.skill-page-grid{gap:14px;max-width:1180px;margin:18px auto 0;display:grid}.skill-hero-card{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);display:grid;overflow:hidden}.skill-hero-copy{padding:clamp(20px,4vw,42px)}.back-link{color:var(--muted);margin-bottom:16px;font:.78rem/1 ui-sans-serif,system-ui,sans-serif;display:inline-flex}.title-row{align-items:center;gap:14px;margin-bottom:14px;display:flex}.title-row img{object-fit:cover;width:76px;height:76px;box-shadow:var(--shadow-soft);border-radius:8px}.skill-hero-card h1{font-size:clamp(2.4rem,5vw,5rem);line-height:.9}.title-row p{color:var(--muted);margin:7px 0 0;font:.9rem/1.3 ui-sans-serif,system-ui,sans-serif}.skill-hero-art img{object-fit:cover;width:100%;height:100%;min-height:420px}.stats-strip{grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:1px;display:grid;overflow:hidden}.stats-strip div,.stats-strip em{background:#fff9ee9e;padding:16px 18px}.stats-strip span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font:.68rem/1 ui-sans-serif,system-ui,sans-serif;display:block}.stats-strip strong{margin-top:7px;font-size:1.1rem;display:block}.stats-strip em{color:var(--green);align-content:center;font:.76rem/1.35 ui-sans-serif,system-ui,sans-serif}.page-tabs{gap:4px;padding:8px;display:flex;overflow-x:auto}.page-tab{white-space:nowrap;color:var(--muted);border-radius:6px;padding:9px 14px;font:.76rem/1 ui-sans-serif,system-ui,sans-serif}.page-tab--active{color:var(--ink);background:#fff8ec;box-shadow:inset 0 0 0 1px #b8946342}.overview-grid,.journey-and-tools{grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);gap:14px;display:grid}.project-panel,.skill-web,.journey-log,.tool-panel,.learn-panel{padding:18px}.project-list,.tool-list,.journey-list,.guide-grid{gap:10px;margin-top:14px;display:grid}.project-row{background:#fff9eeb8;border:1px solid #b894633d;border-radius:8px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:92px;padding:10px;display:grid}.project-row img{object-fit:cover;border-radius:7px;width:72px;height:72px}.project-row h3,.tool-row h3{margin:0 0 4px;font-size:.95rem}.project-row p,.tool-row p,.note-card p{color:var(--muted);margin:0;font:.75rem/1.45 ui-sans-serif,system-ui,sans-serif}.project-row span{color:var(--brass);margin-top:6px;font:.7rem/1 ui-sans-serif,system-ui,sans-serif;display:inline-block}.project-row b{color:var(--green);font:.72rem/1 ui-sans-serif,system-ui,sans-serif}.web-orbit{min-height:410px;position:relative}.web-orbit:before{content:"";border:1px dashed #91673e3d;border-radius:50%;position:absolute;inset:56px 44px}.web-node{text-align:center;width:92px;min-height:92px;box-shadow:var(--shadow-soft);color:var(--muted);background:#fff8ec;border:1px solid #b894635c;border-radius:50%;align-content:center;justify-items:center;gap:5px;font:.65rem/1.1 ui-sans-serif,system-ui,sans-serif;display:grid;position:absolute}.web-node img{object-fit:cover;border-radius:5px;width:34px;height:34px}.web-node--center{color:#fff8ec;z-index:2;background:radial-gradient(circle,#6f8d4e,#405f30);width:132px;min-height:132px;top:50%;left:50%;transform:translate(-50%,-50%)}.web-node--center img{width:52px;height:52px}.web-node--center strong{color:#fff8ec}.web-node--0{top:42%;left:8%}.web-node--1{top:12%;left:24%}.web-node--2{top:12%;right:22%}.web-node--3{top:42%;right:8%}.web-node--4{bottom:8%;right:24%}.web-node--5{bottom:8%;left:24%}.web-node--learned{border-color:#54743b80}.journey-list{grid-template-columns:repeat(3,1fr)}.journey-item{background:#fff9eeb8;border:1px solid #b894633d;border-radius:7px;padding:8px}.journey-item img{aspect-ratio:1.35;object-fit:cover;border-radius:5px;width:100%;margin-bottom:8px}.journey-item strong,.journey-item span{font:.72rem/1.25 ui-sans-serif,system-ui,sans-serif;display:block}.journey-item span{color:var(--muted);margin-top:3px}.save-chip{background:var(--green-2);color:var(--green);border-radius:999px;padding:6px 9px;font:.72rem/1 ui-sans-serif,system-ui,sans-serif}.tool-row{background:#fff9eeb8;border:1px solid #b894633d;border-radius:7px;grid-template-columns:54px minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px;display:grid}.tool-row img,.tool-fallback{background:#f2e4cf;border-radius:6px;width:54px;height:54px}.tool-row strong{white-space:nowrap;color:var(--brass);font:.75rem/1.2 ui-sans-serif,system-ui,sans-serif}.tool-row button{color:var(--green);cursor:pointer;background:0 0;border:0;margin-top:7px;padding:0;font:800 .7rem/1 ui-sans-serif,system-ui,sans-serif}.tool-row--owned{background:color-mix(in srgb, var(--green-2) 62%, #fff8ec)}.tool-list--muted .tool-row{opacity:.78}.upgrade-label{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin:16px 0 0;font:800 .68rem/1 ui-sans-serif,system-ui,sans-serif}.option-stack{gap:4px;margin-top:8px;display:grid}.option-stack a{color:var(--muted);background:#ffffff75;border-radius:5px;justify-content:space-between;gap:10px;padding:7px 8px;font:.7rem/1.25 ui-sans-serif,system-ui,sans-serif;display:flex}.option-stack b{white-space:nowrap;color:var(--brass)}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.guide-card,.note-card{background:#fff9eeb8;border:1px solid #b894633d;border-radius:7px;min-height:92px;padding:14px}.guide-card span,.note-card span{color:var(--brass);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font:800 .68rem/1 ui-sans-serif,system-ui,sans-serif;display:block}.guide-card strong{font-size:.9rem}@media (width<=980px){.craft-app{display:block}.side-rail{display:none}.workbench{padding:12px 14px 36px}.topbar{gap:10px;min-height:54px}.topbar-brand{font-size:1.05rem;display:block}.top-tabs{max-width:100%;overflow-x:auto}.top-tab{padding:8px 12px}.home-hero,.skill-focus,.skill-hero-card,.overview-grid,.journey-and-tools{grid-template-columns:1fr}.journey-card{display:none}.spotlight{grid-template-columns:1fr}.spotlight-art{order:-1;min-height:260px}.skill-hero-art img{min-height:280px}.stats-strip{grid-template-columns:repeat(2,1fr)}.stats-strip em{grid-column:1/-1}.web-orbit{min-height:360px}}@media (width<=560px){.workbench{padding-inline:10px}.topbar{flex-wrap:wrap;align-items:stretch}.top-tabs{order:3;justify-content:space-between;width:100%}.profile-chip{margin-left:auto}.home-hero{margin-top:8px}.home-hero h1{font-size:clamp(2.2rem,14vw,3.2rem)}.skill-focus{gap:12px}.spotlight-copy,.skill-hero-copy{padding:18px}.micro-grid{grid-template-columns:repeat(8,1fr);gap:6px}.skill-card-grid{grid-template-columns:1fr}.skill-card{grid-template-columns:64px minmax(0,1fr)}.skill-card__icon{width:64px;height:64px}.title-row img{width:62px;height:62px}.project-row,.tool-row{grid-template-columns:58px minmax(0,1fr)}.project-row b,.tool-row strong{grid-column:2}.journey-list{grid-template-columns:1fr}.web-orbit{min-height:310px}.web-node{width:78px;min-height:78px}.web-node--center{width:110px;min-height:110px}}