:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#080d16;--bg-1:#0d1421;--bg-2:#111a2a;--bg-3:#172235;--bg-4:#1d2b42;--bg-5:#253652;--line:#22314a;--line-2:#2e4262;--text:#eef2f9;--text-2:#b9c4d6;--text-3:#7f8da6;--gold:#f5c542;--gold-hi:#ffd76a;--gold-ink:#1b1403;--gold-soft:#f5c54221;--gold-line:#f5c54266;--cyan:#38c7f4;--cyan-soft:#38c7f421;--radiant:#5fd38d;--radiant-soft:#5fd38d21;--radiant-line:#5fd38d66;--dire:#ff5d57;--dire-soft:#ff5d5721;--dire-line:#ff5d576b;--river:#4fa8ff;--river-soft:#4fa8ff21;--river-line:#4fa8ff66;--str:#ff6a4d;--agi:#3fd47e;--int:#3ab4ff;--uni:#c48cff;--font-display:"Sofia Sans Extra Condensed", "Arial Narrow", sans-serif;--font-ui:"Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--r-xs:6px;--r-sm:8px;--r:12px;--r-lg:16px;--r-xl:22px;--shadow:0 16px 48px #02060e8c;--shadow-sm:0 6px 20px #02060e66;--rail:76px;--side:256px;--topbar:60px;--content:1240px;--gutter:32px;--night:var(--bg-1);--deep:var(--bg-1);--slate:var(--bg-3);--slate-2:var(--bg-4);--steel:var(--line);--steel-2:var(--line-2);--bone:var(--text);--ash:var(--text-2);--mist:var(--text-3);--cut-xl:var(--r-xl);--cut-lg:var(--r-lg);--cut:var(--r);--cut-sm:var(--r-sm);--bg:var(--bg-2);--surface:var(--bg-3);--muted:var(--text-3);--green:var(--gold);font-family:var(--font-ui);color:var(--text);background:var(--bg-0);font-synthesis:none;-webkit-font-smoothing:antialiased;font-size:16px}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--topbar) + 20px)}body{background:var(--bg-0);min-height:100dvh;margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0;transition:background-color .15s,border-color .15s,color .15s,transform .15s}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}img{max-width:100%}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}h1,h2,h3,h4,p{margin:0}p{line-height:1.6}svg{flex-shrink:0}::selection{background:var(--gold);color:var(--gold-ink)}.app-shell{min-height:100dvh;padding-left:calc(var(--rail) + var(--side))}.app-shell.no-sidebar{padding-left:var(--rail)}.rail{z-index:40;width:var(--rail);background:var(--bg-0);scrollbar-width:none;flex-direction:column;align-items:center;gap:4px;padding:12px 0;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.rail-home{background:var(--bg-3);border-radius:16px;place-items:center;width:52px;height:52px;transition:border-radius .2s,background .2s;display:grid}.rail-home:hover{background:var(--bg-4);border-radius:14px}.rail-sep{background:var(--line);border-radius:1px;width:32px;height:2px;margin:8px 0}.rail-spacer{flex:1}.rail-item{width:100%;color:var(--text-3);flex-direction:column;align-items:center;gap:4px;padding:4px 0 6px;display:flex;position:relative}.rail-icon{border-radius:14px;place-items:center;width:48px;height:44px;transition:background .18s,color .18s,border-radius .18s;display:grid}.rail-label{letter-spacing:.01em;font-size:11px;font-weight:600}.rail-item:before{content:"";background:var(--text);border-radius:0 4px 4px 0;width:4px;height:0;transition:height .18s;position:absolute;top:50%;left:0;transform:translateY(-60%)}.rail-item:hover{color:var(--text)}.rail-item:hover .rail-icon{background:var(--bg-3)}.rail-item:hover:before{height:18px}.rail-item[aria-current=page]{color:var(--text)}.rail-item[aria-current=page] .rail-icon{background:var(--gold);color:var(--gold-ink);border-radius:12px}.rail-item[aria-current=page]:before{background:var(--gold);height:36px}.sidebar{top:0;bottom:0;left:var(--rail);z-index:35;width:var(--side);background:var(--bg-1);border-right:1px solid var(--line);flex-direction:column;display:flex;position:fixed}.side-banner{background:var(--bg-3);flex:none;height:112px;position:relative;overflow:hidden}.side-banner img{object-fit:cover;object-position:70% 50%;width:100%;height:100%}.side-banner:after{content:"";background:linear-gradient(180deg, #0d14211a 30%, var(--bg-1));position:absolute;inset:0}.side-banner strong{z-index:1;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 2px 12px #0009;font-size:28px;font-weight:900;line-height:1;position:absolute;bottom:10px;left:18px}.side-scroll{scrollbar-width:thin;scrollbar-color:var(--bg-4) transparent;flex:1;padding:8px 10px 24px;overflow-y:auto}.side-heading{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:7px;margin:18px 8px 6px;font-size:12px;font-weight:700;display:flex}.side-heading img{width:16px;height:16px}.side-link,.side-hero{border-radius:var(--r-sm);min-height:36px;color:var(--text-2);align-items:center;gap:10px;margin:1px 0;padding:6px 10px;font-size:14px;font-weight:500;display:flex}.side-link:hover,.side-hero:hover{background:var(--bg-3);color:var(--text)}.side-link[aria-current=page],.side-hero[aria-current=page]{background:var(--bg-4);color:var(--text)}.side-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.side-count{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.side-dot{background:var(--cat);border-radius:50%;width:8px;height:8px}.side-hero{min-height:32px;padding:4px 10px;font-size:13.5px}.side-hero img{border-radius:6px;width:22px;height:22px}.main-col{background:var(--bg-2);flex-direction:column;min-width:0;min-height:100dvh;display:flex}.topbar{z-index:30;height:var(--topbar);padding:0 20px 0 var(--gutter);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid var(--line);background:#111a2adb;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar-menu,.topbar-brand{display:none!important}.topbar-title{min-width:0;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:800;overflow:hidden}.topbar-search{border-radius:var(--r-sm);background:var(--bg-0);width:min(320px,32vw);height:38px;color:var(--text-3);align-items:center;gap:8px;margin-left:auto;padding:0 12px;display:flex}.topbar-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:14px}.topbar-search input::placeholder{color:var(--text-3)}.topbar-search:focus-within{box-shadow:0 0 0 2px var(--gold)}.language-switch{border-radius:var(--r-sm);background:var(--bg-0);gap:2px;padding:3px;display:flex}.language-switch a{color:var(--text-3);border-radius:6px;padding:5px 9px;font-size:12px;font-weight:700}.language-switch a:hover{color:var(--text)}.language-switch a[aria-current=true]{background:var(--bg-4);color:var(--text)}.saved-link{border-radius:var(--r-sm);width:38px;height:38px;color:var(--text-2);place-items:center;display:grid;position:relative}.saved-link:hover,.saved-link[aria-current=page]{background:var(--bg-4);color:var(--gold)}.saved-link>span{border:2px solid var(--bg-2);background:var(--dire);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;line-height:14px;position:absolute;top:2px;right:0}.profile-link{border-radius:50%;display:flex}.signin-link.primary{min-height:38px;padding:8px 16px;font-size:14px}.signout-button{color:var(--text-3)}main{width:100%;max-width:calc(var(--content) + var(--gutter) * 2);padding:28px var(--gutter) 0;flex:1;margin:0 auto}main:focus{outline:none}.bottom-nav,.drawer-scrim{display:none}.skip-link{z-index:100;border-radius:var(--r-sm);background:var(--gold);color:var(--gold-ink);padding:10px 14px;font-weight:700;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.brand-mark{display:block}.wordmark{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;font-size:24px;font-weight:900;line-height:1}.wordmark b{color:var(--gold);font-weight:900}.site-footer{border-top:1px solid var(--line);color:var(--text-3);flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:72px;padding:28px 0 40px;font-size:13px;display:flex}.footer-brand{color:var(--text);align-items:center;gap:10px;display:flex}.footer-brand .wordmark{font-size:22px}.site-footer nav{flex-wrap:wrap;gap:6px 18px;margin-left:auto;display:flex}.site-footer nav a{color:var(--text-2)}.site-footer nav a:hover{color:var(--text)}.site-footer small{flex-basis:100%;font-size:12px}h1{font-family:var(--font-display);letter-spacing:.005em;text-transform:uppercase;font-size:clamp(42px,5vw,72px);font-weight:900;line-height:.92}h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;font-weight:900;line-height:1}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-heading p{max-width:60ch;color:var(--text-2);margin-top:12px;font-size:16px}.eyebrow{color:var(--text-3);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.section-heading,.block-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.section-heading h2,.block-head h2{font-size:32px}.section-heading h2>span{background:var(--bg-4);font-family:var(--font-ui);color:var(--text-2);vertical-align:middle;border-radius:6px;margin-left:10px;padding:2px 8px;font-size:13px;font-weight:700}.section-heading p,.block-head p{color:var(--text-3);margin-top:6px;font-size:14px}.text-link,.text-button{color:var(--gold);white-space:nowrap;align-items:center;gap:6px;padding:6px 0;font-size:14px;font-weight:600;display:inline-flex}.text-link:hover,.text-button:hover{color:var(--gold-hi)}.muted{color:var(--text-3);font-size:13px}.primary,.secondary,.ghost,.danger{border-radius:var(--r-sm);white-space:nowrap;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 18px;font-size:15px;font-weight:700;line-height:1.2;display:inline-flex}.primary{background:var(--gold);color:var(--gold-ink);box-shadow:inset 0 -3px #00000029}.primary:hover:not(:disabled){background:var(--gold-hi)}.secondary{background:var(--bg-4);color:var(--text)}.secondary:hover:not(:disabled){background:var(--bg-5)}.ghost{color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff24}.ghost:hover{background:#ffffff24}.danger{background:var(--dire);color:#fff}.big{min-height:50px;padding:12px 24px;font-size:16px}.icon-button{border-radius:var(--r-sm);color:var(--text-2);justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button:hover{background:var(--bg-4);color:var(--text)}.bookmarked,.green{color:var(--gold)}.push{margin-left:auto}.banner{isolation:isolate;border-radius:var(--r-xl);background:var(--bg-3);position:relative;overflow:hidden}.banner>picture{z-index:-2;position:absolute;inset:0}.banner>picture img,.banner>img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.banner:before{content:"";z-index:-1;background:linear-gradient(90deg,#080d16f0 0%,#080d16b3 38%,#080d1600 70%),linear-gradient(#0000 55%,#080d1699);position:absolute;inset:0}.banner-home{align-items:flex-end;min-height:520px;display:flex}.banner-body{max-width:680px;padding:48px;position:relative}.banner-chip{border:1px solid var(--gold-line);color:var(--gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080d16a8;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 12px 6px 10px;font-size:13px;font-weight:700;display:inline-flex}.banner-chip:hover{background:#080d16d9}.live-dot{background:var(--radiant);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #5fd38d33}.banner h1{text-shadow:0 4px 30px #00000080;font-size:clamp(52px,6.4vw,96px)}.banner-body>p{max-width:46ch;color:var(--text-2);margin-top:18px;font-size:17px;line-height:1.55}.banner-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.banner-stats{flex-wrap:wrap;gap:10px 32px;margin:34px 0 0;display:flex}.banner-stats div{flex-direction:column-reverse;display:flex}.banner-stats dt{color:var(--gold);font-size:13px;font-weight:600}.banner-stats dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:40px;font-weight:900;line-height:1}.banner-stats dd small{color:var(--text-3);font-size:24px}.page-banner{justify-content:flex-start;align-items:flex-end;min-height:260px;margin-bottom:28px;display:flex}.page-banner .banner-body{padding:36px 40px}.page-banner h1{font-size:clamp(44px,5vw,76px)}.page-banner .banner-body>p{margin-top:12px;font-size:16px}.block{margin-top:56px}.impact-summary{flex-wrap:wrap;gap:8px;display:flex}.impact-summary span,.impact-badge{border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}[data-impact=buff]{--impact:var(--radiant);--impact-soft:var(--radiant-soft)}[data-impact=nerf]{--impact:var(--dire);--impact-soft:var(--dire-soft)}[data-impact=mixed]{--impact:var(--river);--impact-soft:var(--river-soft)}.impact-summary span{color:var(--impact);background:var(--impact-soft)}.change-strip{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--bg-5) transparent;grid-auto-columns:220px;grid-auto-flow:column;gap:14px;padding-bottom:10px;display:grid;overflow-x:auto}.change-tile{scroll-snap-align:start;border-radius:var(--r-lg);background:var(--bg-3);border:1px solid var(--line);flex-direction:column;gap:6px;padding:8px 8px 14px;display:flex}.change-tile:hover{background:var(--bg-4);border-color:var(--impact)}.change-tile-art{aspect-ratio:16/10;border-radius:var(--r);background:var(--bg-1);position:relative;overflow:hidden}.change-tile-art img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.change-tile:hover .change-tile-art img{transform:scale(1.05)}.impact-badge{color:#08111d;background:var(--impact);position:absolute;bottom:8px;left:8px}.change-tile strong{font-family:var(--font-display);text-transform:uppercase;padding:4px 6px 0;font-size:22px;font-weight:900;line-height:1}.change-tile-note{-webkit-line-clamp:2;color:var(--text-3);-webkit-box-orient:vertical;padding:0 6px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.path-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.path-card,.tool-card{isolation:isolate;border-radius:var(--r-lg);background:var(--bg-3);border:1px solid var(--line);align-items:flex-end;min-height:210px;display:flex;position:relative;overflow:hidden}.path-card img,.tool-card img{z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.path-card:before,.tool-card:before{content:"";z-index:-1;background:linear-gradient(#080d1633 25%,#080d16f2 90%);position:absolute;inset:0}.path-card:hover img,.tool-card:hover img{transform:scale(1.04)}.path-card:hover,.tool-card:hover{border-color:var(--line-2)}.path-card-body,.tool-card-body{flex-direction:column;gap:6px;width:100%;padding:20px;display:flex}.path-card-body strong,.tool-card-body strong{font-family:var(--font-display);text-transform:uppercase;font-size:28px;font-weight:900;line-height:1}.path-card-body>span,.tool-card-body>span:last-child{color:var(--text-2);font-size:14px}.meter,.gold-bar{background:#ffffff1f;border-radius:3px;height:6px;margin-top:6px;display:block;overflow:hidden}.meter>i,.gold-bar>span{background:var(--gold);border-radius:3px;min-width:6px;height:100%;display:block}.tool-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.tool-card{min-height:250px}.tool-icon{background:var(--gold);width:36px;height:36px;color:var(--gold-ink);border-radius:10px;place-items:center;margin-bottom:4px;display:grid}[data-cat]{--cat:var(--gold)}[data-cat=game-sense]{--cat:var(--cyan)}[data-cat=carry]{--cat:var(--dire)}[data-cat=support]{--cat:var(--radiant)}.library{margin-top:8px}.search{border-radius:var(--r-sm);background:var(--bg-0);width:300px;height:42px;color:var(--text-3);align-items:center;gap:9px;padding:0 12px;display:flex}.search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:15px}.search:focus-within{box-shadow:0 0 0 2px var(--gold)}.filter-tabs{flex-wrap:wrap;gap:8px;margin:4px 0 22px;display:flex}.filter-tabs button{background:var(--bg-3);color:var(--text-2);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.filter-tabs button:hover{background:var(--bg-4);color:var(--text)}.filter-tabs button.selected{background:var(--gold);color:var(--gold-ink)}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.lesson-card{border-radius:var(--r-lg);background:var(--bg-3);border:1px solid var(--line);flex-direction:column;min-width:0;padding:0 18px 12px;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.lesson-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.card-cover{aspect-ratio:16/8;background:var(--bg-1);margin:0 -18px 14px;position:relative;overflow:hidden}.card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.lesson-card:hover .card-cover img{transform:scale(1.05)}.card-cover:after{content:"";background:linear-gradient(0deg, var(--bg-3), transparent 55%);position:absolute;inset:0}.card-meta{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.card-cat{color:var(--cat);align-items:center;gap:7px;font-weight:700;display:inline-flex}.card-cat:before{content:"";background:var(--cat);border-radius:50%;width:8px;height:8px}.level{background:var(--bg-5);color:var(--text-2);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.title-button{margin-top:10px;display:block}.title-button:after{content:"";position:absolute;inset:0}.title-button:focus-visible{outline:0}.title-button:focus-visible:after{outline:2px solid var(--gold);outline-offset:-2px;border-radius:var(--r-lg)}.title-button h3{font-size:19px;font-weight:700;line-height:1.25}.lesson-card>p{color:var(--text-3);margin-top:8px;font-size:14px;line-height:1.55}.card-footer{color:var(--text-3);align-items:center;gap:14px;margin-top:auto;padding-top:16px;font-size:13px;display:flex}.card-footer>span{align-items:center;gap:6px;display:flex}.card-done{color:var(--radiant);font-weight:700}.card-footer .icon-button{z-index:1;margin-left:auto;margin-right:-8px;position:relative}.paths-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.path-panel{border-radius:var(--r-lg);background:var(--bg-3);border:1px solid var(--line);padding:26px 26px 12px;scroll-margin-top:90px}.path-panel h2{font-size:34px}.path-panel>p{color:var(--text-2);margin-top:10px;font-size:15px}.path-meta{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px 18px;margin:18px 0 12px;font-size:13px;display:flex}.path-meta strong{color:var(--text)}.path-meta .gold-bar{flex-basis:100%}.path-lesson{border-top:1px solid var(--line);color:var(--text);align-items:center;gap:14px;padding:14px 4px;font-size:15px;display:flex}.path-lesson:hover{color:var(--gold)}.path-lesson>span{background:var(--bg-5);width:30px;height:30px;color:var(--text-2);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.path-lesson.done>span{background:var(--radiant);color:#06140c}.path-lesson>svg{color:var(--text-3);margin-left:auto}.panel,.login-panel{border-radius:var(--r-lg);background:var(--bg-3);border:1px solid var(--line);padding:28px}.admin-info{border-radius:var(--r);background:var(--gold-soft);border:1px solid var(--gold-line);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;font-size:14px;display:flex}.admin-info>svg{color:var(--gold)}.stat-row{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;display:grid}.stat{border-radius:var(--r-lg);background:var(--bg-3);border:1px solid var(--line);padding:20px 22px}.stat span{color:var(--text-3);font-size:14px;display:block}.stat strong{font-family:var(--font-display);margin-top:6px;font-size:48px;font-weight:900;line-height:1;display:block}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;margin-top:18px}th{border-bottom:1px solid var(--line);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:12px 10px;font-size:12px;font-weight:700}td{border-bottom:1px solid var(--line);color:var(--text-2);padding:15px 10px;font-size:14px}td strong{color:var(--text);font-weight:600}td small{color:var(--text-3);margin-top:4px;font-size:12px;display:block}tbody tr:hover td{background:#1d2b4280}.row-actions{gap:4px;display:flex}.status{text-transform:capitalize;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.status.published,.status.опубліковано{color:var(--radiant);background:var(--radiant-soft)}.status.draft,.status.чернетка{color:var(--gold);background:var(--gold-soft)}.login-panel{max-width:480px;margin:48px auto}.login-panel>svg{color:var(--gold);margin-bottom:16px}.login-panel h2{font-size:34px}.login-panel p{color:var(--text-2);margin:12px 0;font-size:15px}.login-panel .primary{margin-top:16px}.empty,.loading{border-radius:var(--r-lg);background:var(--bg-3);border:1px dashed var(--line-2);text-align:center;color:var(--text-2);padding:60px 24px}main>.empty{max-width:640px;margin:48px auto}.empty>svg{color:var(--gold);margin-bottom:14px}.empty h1{font-size:48px}.empty h3{color:var(--text);font-size:20px}.empty p{max-width:46ch;margin:10px auto 20px;font-size:15px}.error{border-radius:var(--r);background:var(--dire-soft);border:1px solid var(--dire-line);color:#ffd2cf;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;font-size:15px;display:flex}.error button{border-radius:var(--r-sm);background:var(--dire);color:#fff;padding:8px 14px;font-weight:700}.toast{z-index:60;border-radius:var(--r);background:var(--bg-5);border-left:4px solid var(--gold);max-width:90vw;box-shadow:var(--shadow);align-items:center;gap:16px;padding:14px 18px;font-size:15px;font-weight:600;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast button{color:var(--text-2);display:flex}.dialog-overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04080ecc;position:fixed;inset:0}.dialog-content{z-index:51;border-radius:var(--r-xl);background:var(--bg-3);border:1px solid var(--line-2);width:calc(100% - 32px);max-width:800px;max-height:90dvh;box-shadow:var(--shadow);padding:36px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dialog-content h2{padding-right:24px;font-size:38px}.dialog-content>p{color:var(--text-2);margin-top:10px;font-size:15px}.close-button{border-radius:var(--r-sm);color:var(--text-2);padding:6px;position:absolute;top:14px;right:14px}.close-button:hover{background:var(--bg-5);color:var(--text)}.lesson-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;padding-top:20px;display:flex}.lesson-actions>.muted{margin-right:auto}.editor-dialog{max-width:940px}.editor-dialog form{margin-top:22px}label{color:var(--text-2);font-size:14px;font-weight:600;display:block}label>input,label>textarea,label>select{border-radius:var(--r-sm);background:var(--bg-0);width:100%;color:var(--text);border:1px solid #0000;margin:8px 0 18px;padding:11px 13px;font-size:15px;font-weight:400;display:block}label>input:focus,label>textarea:focus,label>select:focus{border-color:var(--gold);outline:0}textarea{resize:vertical}.form-row{grid-template-columns:2fr 2fr 1fr;gap:16px;display:grid}.editor-toolbar{justify-content:space-between;align-items:center;margin:4px 0 10px;font-size:14px;display:flex}.editor-toolbar>div{border-radius:var(--r-sm);background:var(--bg-0);gap:3px;padding:3px;display:flex}.editor-toolbar button{color:var(--text-2);border-radius:6px;align-items:center;gap:6px;padding:6px 11px;font-size:13px;font-weight:600;display:flex}.editor-toolbar button.selected{background:var(--bg-5);color:var(--gold)}.editor-preview{border-radius:var(--r);background:var(--bg-1);min-height:260px;padding:16px 24px}.confirm-dialog{max-width:460px}.confirm-dialog h2{font-size:32px}.markdown{color:#d4dbe7;padding:16px 0;font-size:17px;line-height:1.75}.markdown h1,.markdown h2,.markdown h3{color:var(--text);font-family:var(--font-display);text-transform:uppercase;font-weight:900;line-height:1}.markdown h1{margin:30px 0 14px;font-size:40px}.markdown h2{margin:40px 0 14px;font-size:34px}.markdown h3{margin:28px 0 10px;font-size:24px}.markdown p{margin:14px 0}.markdown strong{color:var(--text)}.markdown a{color:var(--gold);text-decoration:underline;-webkit-text-decoration-color:var(--gold-line);text-decoration-color:var(--gold-line);text-underline-offset:3px}.markdown code{background:var(--bg-4);border-radius:5px;padding:2px 6px;font-size:.9em}.markdown pre{border-radius:var(--r);background:var(--bg-0);padding:18px;font-size:14px;overflow:auto}.markdown pre code{background:0 0;padding:0}.markdown blockquote{border-left:4px solid var(--gold);border-radius:0 var(--r) var(--r) 0;background:var(--gold-soft);color:var(--text);margin:24px 0;padding:6px 20px}.markdown ul,.markdown ol{padding-left:24px}.markdown li{margin:8px 0}.markdown li::marker{color:var(--gold)}.tiptap-rendered{overflow-wrap:anywhere}.lesson-media{border-radius:var(--r-lg);background:var(--bg-1);border:1px solid var(--line);margin:2rem 0;overflow:hidden}.lesson-media img,.lesson-media video{aspect-ratio:1280/900;object-fit:contain;background:var(--bg-0);width:100%;height:auto;display:block}.lesson-media figcaption{color:var(--text-2);padding:14px 18px;font-size:.9em}.lesson-media figcaption p{margin:0 0 8px}.lesson-media-credit{color:var(--text-3);font-size:.85em;display:block}.rich-editor{border-radius:var(--r);background:var(--bg-1);border:1px solid var(--line-2);overflow:hidden}.rich-toolbar{background:var(--bg-4);flex-wrap:wrap;gap:3px;padding:8px;display:flex}.rich-toolbar button{border-radius:var(--r-xs);width:34px;height:34px;color:var(--text-2);place-items:center;display:grid}.rich-toolbar button[aria-pressed=true]{background:var(--gold-soft);color:var(--gold)}.rich-toolbar button:hover{background:var(--bg-5);color:var(--text)}.rich-toolbar button:disabled{opacity:.3}.tiptap{overflow-wrap:anywhere;outline:0;min-height:280px;padding:16px 22px}.tiptap:focus{box-shadow:inset 0 0 0 1px var(--gold-line)}.tiptap .lesson-media.ProseMirror-selectednode{outline:2px solid var(--gold)}.editor-help{border-top:1px solid var(--line);color:var(--text-3);padding:12px 18px;font-size:13px}.auth-layout{border-radius:var(--r-xl);background:var(--bg-3);border:1px solid var(--line);grid-template-columns:1fr 440px;max-width:1080px;min-height:620px;margin:12px auto 0;display:grid;overflow:hidden}.auth-story{isolation:isolate;background:url(/art/signin.webp) 50% 30%/cover no-repeat;flex-direction:column;justify-content:flex-end;padding:44px;display:flex;position:relative}.auth-story:before{content:"";z-index:-1;background:linear-gradient(#080d161a 30%,#080d16f2 90%);position:absolute;inset:0}.auth-story h1{font-size:clamp(48px,5.4vw,76px)}.auth-story>p{max-width:38ch;color:var(--text-2);margin-top:14px;font-size:16px}.auth-note{color:var(--text-2);align-items:center;gap:12px;margin-top:26px;font-size:14px;display:flex}.auth-note>svg{color:var(--radiant)}.auth-layout .login-panel{background:var(--bg-3);border:0;border-radius:0;width:100%;margin:0;padding:40px 36px}.auth-layout .primary{width:100%}.auth-switch a{color:var(--gold);margin-left:5px;font-weight:700}.steam-signin{border-radius:var(--r-sm);color:#f2f6fa;background:linear-gradient(90deg,#1b2838,#2a475e);border:1px solid #3d6283;grid-template-columns:24px 1fr 18px;align-items:center;gap:14px;width:100%;min-height:54px;margin:22px 0 10px;padding:14px 18px;font-size:16px;font-weight:700;display:grid}.steam-signin:hover:not(:disabled){filter:brightness(1.12)}.steam-signin img{display:block}.steam-arrow{color:#a8c0d1}.steam-signin[aria-busy=true] .steam-arrow{visibility:hidden}.steam-spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-panel .steam-note{text-align:center;font-size:13px}.auth-divider{color:var(--text-3);align-items:center;gap:14px;margin:22px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line-2);flex:1;height:1px}.auth-error{border-radius:var(--r-sm);background:var(--dire-soft);border:1px solid var(--dire-line);color:#ffd2cf;margin:18px 0;padding:12px 14px;font-size:14px}.login-panel .password-hint{font-size:13px}.lesson-page{max-width:1120px;margin:0 auto}.lesson-page>.text-button{margin-bottom:18px}.lesson-page-header{isolation:isolate;border-radius:var(--r-xl);background:var(--bg-3) var(--cover) center / cover no-repeat;flex-direction:column;justify-content:flex-end;min-height:340px;padding:40px;display:flex;position:relative;overflow:hidden}.lesson-page-header:before{content:"";z-index:-1;background:linear-gradient(90deg,#080d16f0,#080d168c 60%,#080d1640),linear-gradient(#0000 50%,#080d16b3);position:absolute;inset:0}.lesson-page-kicker{align-items:center;gap:10px;margin-bottom:16px;font-size:14px;display:flex}.lesson-page-kicker>a{background:var(--cat);color:#08111d;border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-weight:800;display:inline-flex}.lesson-page-header h1{max-width:820px;font-size:clamp(44px,5.2vw,78px)}.lesson-page-header>p{max-width:60ch;color:var(--text-2);margin:16px 0 20px;font-size:18px}.lesson-page-meta{color:var(--text-2);align-items:center;gap:22px;font-size:14px;display:flex}.lesson-page-meta>span{align-items:center;gap:7px;display:flex}.lesson-page-grid{grid-template-columns:minmax(0,1fr) 300px;gap:48px;margin-top:12px;display:grid}.lesson-article{min-width:0;max-width:740px}.lesson-side{top:calc(var(--topbar) + 24px);border-radius:var(--r-lg);background:var(--bg-3);border:1px solid var(--line);align-self:start;margin-top:28px;padding:22px;position:sticky}.lesson-side h3{font-family:var(--font-display);text-transform:uppercase;margin:0 0 8px;font-size:26px;font-weight:900;line-height:1}.lesson-side p{color:var(--text-2);font-size:14px}.lesson-side hr{border:0;border-top:1px solid var(--line);margin:18px 0}.lesson-path-nav{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:18px}.lesson-path-nav>a{font-family:var(--font-display);text-transform:uppercase;color:var(--gold);font-size:22px;font-weight:900}.lesson-path-nav ol{counter-reset:step;margin:12px 0 0;padding:0;list-style:none}.lesson-path-nav li{counter-increment:step;gap:10px;margin:8px 0;font-size:14px;line-height:1.45;display:flex}.lesson-path-nav li:before{content:counter(step);background:var(--bg-5);height:22px;color:var(--text-2);border-radius:50%;flex:0 0 22px;place-items:center;font-size:12px;font-weight:800;display:grid}.lesson-path-nav a{color:var(--text-2)}.lesson-path-nav a:hover{color:var(--text)}.lesson-path-nav a[aria-current=page]{color:var(--text);font-weight:700}.lesson-article .lesson-actions{justify-content:flex-start}.next-lesson{border-radius:var(--r-lg);background:linear-gradient(90deg, var(--gold-soft), transparent), var(--bg-3);border:1px solid var(--gold-line);font-family:var(--font-display);text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:22px 24px;font-size:28px;font-weight:900;line-height:1;display:flex}.next-lesson:hover{background:linear-gradient(90deg, #f5c54233, transparent), var(--bg-4)}.next-lesson small{font-family:var(--font-ui);text-transform:none;color:var(--gold);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.next-lesson>svg{color:var(--gold)}.discussion{border-top:1px solid var(--line);margin-top:44px;padding-top:28px}.discussion h2{font-size:34px}.discussion>p{margin:10px 0}.discussion form{margin:18px 0}.discussion form>.primary{margin-top:12px}.discussion .tiptap{min-height:120px}.comment{border-radius:var(--r);background:var(--bg-3);margin-top:14px;padding:16px 18px;display:block}.comment header{align-items:center;gap:12px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.comment time{color:var(--text-3);font-size:12px;font-weight:400}.comment header button{color:var(--text-3);margin-left:auto;font-size:13px}.comment header button:hover{color:var(--dire)}.avatar{background:var(--bg-5);width:36px;height:36px;color:var(--gold);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid;overflow:hidden}.avatar.small{width:34px;height:34px;font-size:13px}.avatar img{object-fit:cover;width:100%;height:100%}.profile-page{max-width:1100px;margin:0 auto 40px}.profile-loading{min-height:380px;color:var(--text-3);place-items:center;display:grid}.profile-signin>svg{color:var(--gold);margin-bottom:16px}.profile-hero{isolation:isolate;border-radius:var(--r-xl);background:url(/art/home-sm.webp) 50%/cover no-repeat;align-items:flex-end;gap:24px;min-height:260px;margin-bottom:22px;padding:32px;display:flex;position:relative;overflow:hidden}.profile-hero:before{content:"";z-index:-1;background:linear-gradient(#080d164d,#080d16f2 85%);position:absolute;inset:0}.profile-avatar{border:5px solid var(--bg-2);width:112px;height:112px;box-shadow:0 0 0 2px var(--gold);font-size:42px}.profile-identity{min-width:0}.profile-identity h1{overflow-wrap:anywhere;margin:0 0 12px;font-size:clamp(40px,4.4vw,64px)}.profile-identity>p{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.profile-badge{background:var(--radiant);color:#06140c;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.profile-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:18px;display:grid}.profile-card{border-radius:var(--r-lg);background:var(--bg-3);border:1px solid var(--line);min-width:0;padding:26px}.profile-section-title{align-items:center;gap:10px;margin-bottom:8px;display:flex}.profile-section-title>svg{color:var(--gold)}.profile-section-title h2,.profile-learning h2{font-size:30px}.profile-card>p{color:var(--text-2);font-size:14px}.profile-card label{margin:24px 0 10px;font-size:14px;font-weight:700;display:block}.profile-card input{border-radius:var(--r-sm);background:var(--bg-0);width:100%;min-width:0;height:46px;color:var(--text);border:1px solid #0000;padding:10px 13px}.profile-card input:focus{border-color:var(--gold);outline:0}.profile-card .profile-hint{color:var(--text-3);margin-top:10px;font-size:13px}.profile-avatar-note{border-block:1px solid var(--line);color:var(--text-2);align-items:center;gap:13px;margin:22px 0;padding:14px 0;font-size:13px;line-height:1.6;display:flex}.profile-save{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.profile-success{color:var(--radiant);font-size:13px;font-weight:700}.profile-connection{border-radius:var(--r);background:var(--bg-1);align-items:center;gap:14px;margin-top:22px;padding:16px;display:flex}.profile-connection>div{flex:1}.profile-connection strong{font-size:15px;display:block}.profile-connection span{color:var(--text-3);align-items:center;gap:4px;margin-top:4px;font-size:13px;display:flex}.profile-connection .profile-connected{color:var(--radiant)}.profile-connection a{border-radius:var(--r-xs);color:var(--text-2);padding:6px}.profile-details{margin:22px 0 0}.profile-details>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:12px 0;font-size:14px;display:flex}.profile-details dt{color:var(--text-3);flex-shrink:0}.profile-details dd{text-align:right;overflow-wrap:anywhere;min-width:0;margin:0}.profile-steam-id{font-variant-numeric:tabular-nums}.profile-account-error{color:#ffd2cf;margin-top:20px;font-size:14px}.profile-learning{margin-top:40px}.profile-shortcuts{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.profile-shortcuts>a{border-radius:var(--r-lg);background:var(--bg-3);border:1px solid var(--line);align-items:center;gap:16px;padding:22px;display:flex}.profile-shortcuts>a:hover{background:var(--bg-4)}.profile-shortcuts>a>svg:first-child{color:var(--gold)}.profile-shortcuts>a>span{flex:1}.profile-shortcuts strong{font-size:15px;display:block}.profile-shortcuts small{color:var(--text-2);margin-top:4px;font-size:13px;line-height:1.5;display:block}.knowledge-page{max-width:1200px;margin:0 auto}.knowledge-header{padding:0 0 24px}.knowledge-header>p{max-width:62ch;color:var(--text-2);margin-top:12px;font-size:16px}.knowledge-header nav{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.knowledge-header nav a{background:var(--bg-3);color:var(--text-2);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.knowledge-header nav a:hover{background:var(--bg-4);color:var(--text)}.knowledge-header nav a[aria-current=page]{background:var(--gold);color:var(--gold-ink)}.knowledge-title{align-items:center;gap:20px;display:flex}.knowledge-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px 22px;margin-bottom:18px;font-size:14px;display:flex}.knowledge-meta strong{color:var(--text)}.knowledge-meta a{color:var(--gold)}.source-language{border-radius:var(--r);background:var(--river-soft);border:1px solid var(--river-line);color:var(--text-2);margin:0 0 20px;padding:12px 16px;font-size:14px}.knowledge-search{align-items:center;gap:10px;margin:8px 0 28px;display:flex}.knowledge-search input,.knowledge-search select,.reference-search input{border-radius:var(--r-sm);background:var(--bg-0);min-width:0;height:46px;color:var(--text);border:1px solid #0000;padding:0 16px;font-size:15px}.knowledge-search input:focus,.knowledge-search select:focus,.reference-search input:focus{border-color:var(--gold);outline:0}.knowledge-search input,.reference-search input{flex:1}.knowledge-search .primary{min-height:46px}.knowledge-search>a{color:var(--text-2);font-size:14px;font-weight:600}.patch-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:40px;display:grid}.patch-card{border-radius:var(--r-lg);background:var(--bg-3);border:1px solid var(--line);flex-direction:column;gap:6px;padding:20px;display:flex;position:relative}.patch-card:hover{background:var(--bg-4);border-color:var(--line-2)}.patch-card strong{font-family:var(--font-display);margin:4px 0 6px;font-size:54px;font-weight:900;line-height:.9}.patch-card time{color:var(--text-3);font-size:13px}.patch-card>span:last-child{color:var(--text-2);font-size:14px}.patch-card .patch-latest{background:var(--gold);color:var(--gold-ink);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800;position:absolute;top:16px;right:16px}.patch-card.is-latest{border-color:var(--gold-line);background:linear-gradient(160deg, var(--gold-soft), transparent 60%), var(--bg-3)}.knowledge-results-heading{justify-content:space-between;align-items:flex-end;margin:28px 0 16px;display:flex}.knowledge-results-heading h2,.related-lessons h2{font-size:34px}.knowledge-results-heading span{color:var(--text-3);font-size:14px}.change-card{border-radius:var(--r-lg);background:var(--bg-3);border:1px solid var(--line);margin-bottom:12px;padding:20px 22px 18px;scroll-margin-top:90px}.change-meta{color:var(--text-3);flex-wrap:wrap;gap:6px 14px;font-size:13px;display:flex}.change-meta a{color:var(--gold);font-weight:800}.change-meta span{text-transform:capitalize}.change-identity{align-items:center;gap:12px;margin:14px 0 10px;display:flex}.change-identity h3{flex:1;margin:0;font-size:18px;font-weight:700;line-height:1.3}.change-count{color:var(--text-3);white-space:nowrap;font-size:13px}.change-notes{margin:0;padding:0;list-style:none}.change-notes li{padding:10px 0 10px calc(var(--note-indent,0) * 16px);border-top:1px solid var(--line);align-items:flex-start;gap:12px;scroll-margin-top:90px;display:flex}.change-notes li:before{content:"";background:var(--line-2);border-radius:50%;flex:0 0 6px;width:6px;height:6px;margin-top:9px}.change-notes li:target{background:var(--gold-soft)}.change-notes li>div{flex:1;min-width:0}.change-notes p{font-size:15px;line-height:1.55}.change-info{border-left:2px solid var(--line-2);color:var(--text-2);margin-top:6px;padding-left:12px;font-size:13px}.change-permalink{color:var(--text-3);flex:none;padding:5px}.change-permalink:hover{color:var(--gold)}.change-card .error{margin:12px 0 0;font-size:14px}.change-links{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.change-links a,.knowledge-reference{background:var(--bg-5);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;color:var(--text)!important;text-decoration:none!important}.change-links a:hover,.knowledge-reference:hover{background:var(--gold);color:var(--gold-ink)!important}.change-links small{opacity:.7;margin-left:6px;font-weight:400}.knowledge-pagination{color:var(--text-3);justify-content:center;align-items:center;gap:28px;margin:28px 0;font-size:14px;display:flex}.knowledge-pagination a{color:var(--gold);font-weight:700}.knowledge-pagination button{border-radius:var(--r-sm);background:var(--bg-4);padding:9px 14px;font-weight:700}.knowledge-source{border-top:1px solid var(--line);color:var(--text-3);margin-top:32px;padding:22px 0 0;font-size:13px}.knowledge-source a{text-underline-offset:3px;text-decoration:underline}.entity-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:8px 0 24px;display:grid}.entity-grid a{border-radius:var(--r-lg);background:var(--bg-3);border:1px solid var(--line);flex-direction:column;gap:4px;padding:10px 10px 14px;display:flex}.entity-grid a:hover{background:var(--bg-4);border-color:var(--line-2)}.entity-grid a .entity-icon{aspect-ratio:16/9;height:auto;margin-bottom:8px;width:100%!important}.entity-grid a .entity-icon[data-kind=item],.entity-grid a .entity-icon[data-kind=ability],.entity-grid a .entity-icon[data-kind=facet]{aspect-ratio:auto;height:48px;width:64px!important}.entity-grid small{color:var(--text-3);text-transform:capitalize;font-size:12px;font-weight:700}.entity-grid strong{font-family:var(--font-display);text-transform:uppercase;font-size:22px;font-weight:900;line-height:1}.related-lessons{margin:36px 0}.related-lessons a{color:var(--gold);margin-top:12px;font-weight:700;display:block}.entity-icon{vertical-align:middle;border-radius:var(--r-sm);background:var(--bg-1);flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;overflow:hidden}.entity-icon img{object-fit:cover;width:100%;height:100%;display:block}.entity-icon[data-kind=hero]{width:76px}.entity-icon[data-kind=item]{width:60px}.entity-icon[data-kind=item] img,.entity-icon[data-kind=facet] img{object-fit:contain}.entity-icon>span{font-family:var(--font-display);color:var(--gold);font-size:16px;font-weight:900}.entity-icon-small{border-radius:6px;height:28px;width:28px!important}.entity-icon-large{border-radius:var(--r);width:72px;height:72px}.entity-icon-large[data-kind=hero]{width:128px}.entity-icon-large[data-kind=item]{width:99px}.reference-toggle{border-radius:var(--r-sm);background:var(--gold-soft);color:var(--gold);margin:10px;padding:9px 14px;font-size:14px;font-weight:700}.reference-picker{border-block:1px solid var(--line);padding:16px}.reference-search{gap:12px;display:flex}.reference-search button{color:var(--text-2)}.reference-picker p{margin:10px 0;font-size:13px}.reference-results{gap:6px;max-height:300px;display:grid;overflow:auto}.reference-results button{border-radius:var(--r-sm);background:var(--bg-3);text-align:left;grid-template-columns:auto 1fr;gap:4px 10px;padding:12px;display:grid}.reference-results button:hover{background:var(--bg-4)}.reference-results .entity-icon{grid-area:1/1/4;align-self:center}.reference-results button>small,.reference-results button>strong,.reference-results button>span:not(.entity-icon){grid-column:2}.reference-results small{color:var(--gold);text-transform:capitalize;font-size:12px;font-weight:700}.reference-results span{color:var(--text-3);font-size:13px}@media (width<=1440px){.tool-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1280px){:root{--side:232px;--gutter:24px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-page-grid{grid-template-columns:1fr;gap:0}.lesson-side{max-width:740px;position:static}}@media (width<=1100px){.app-shell{padding-left:var(--rail)}.sidebar{transform:translateX(calc(-100% - var(--rail)));box-shadow:var(--shadow);transition:transform .22s}.menu-open .sidebar{transform:none}.topbar-menu{display:inline-flex!important}.no-sidebar .topbar-menu{display:none!important}.drawer-scrim{z-index:34;background:#04080e99;position:fixed;inset:0}.menu-open .drawer-scrim{display:block}.path-cards{grid-template-columns:1fr 1fr}.paths-grid,.profile-grid,.auth-layout{grid-template-columns:1fr}.auth-story{min-height:320px}}@media (width<=760px){:root{--gutter:16px;--topbar:56px}.app-shell,.app-shell.no-sidebar{padding-bottom:68px;padding-left:0}.rail{display:none}.menu-open .rail{z-index:41;display:flex}.sidebar{left:var(--rail);width:min(300px, calc(100vw - var(--rail)))}.no-sidebar .topbar-menu{display:inline-flex!important}.topbar{gap:6px;padding:0 10px}.topbar-brand{align-items:center;gap:8px;display:flex!important}.topbar-brand .wordmark{font-size:20px}.topbar-title,.topbar-search,.signout-button{display:none}.language-switch{margin-left:auto}.language-switch a{padding:4px 7px}.signin-link.primary{min-height:34px;padding:6px 12px;font-size:13px}.saved-link{display:none}.bottom-nav{z-index:45;height:64px;padding-bottom:env(safe-area-inset-bottom);background:var(--bg-0);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav>*{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.bottom-nav [aria-current=page],.bottom-nav [aria-expanded=true]{color:var(--gold)}main{padding-top:16px}.banner-home{min-height:0}.banner:before{background:linear-gradient(#080d1600 0%,#080d1659 38%,#080d16f7 62%)}.banner>picture img,.banner>img{object-position:72% 50%;height:62%}.banner-body{padding:160px 20px 24px}.banner h1{font-size:58px}.banner-body>p{font-size:15px}.banner-actions>*{flex:auto}.banner-stats{gap:8px 22px}.banner-stats dd{font-size:32px}.page-banner .banner-body{padding:110px 20px 22px}.block{margin-top:40px}.section-heading,.block-head{flex-wrap:wrap;align-items:flex-start}.section-heading h2,.block-head h2{font-size:28px}.change-strip{grid-auto-columns:72%}.path-cards,.tool-cards,.lesson-grid{grid-template-columns:1fr}.search{width:100%}.page-heading{flex-wrap:wrap}.page-heading>.primary{width:100%}.lesson-page-header{min-height:0;padding:120px 20px 22px}.lesson-page-header>p,.markdown{font-size:16px}.next-lesson{padding:18px;font-size:22px}.stat-row{gap:8px}.stat{padding:14px}.stat strong{font-size:36px}.panel{padding:18px}.dialog-content{padding:28px 20px}.form-row{grid-template-columns:1fr 1fr}.form-row>label:last-child{grid-column:1/-1}.auth-story{min-height:240px;padding:24px}.auth-layout .login-panel{padding:28px 20px}.profile-hero{flex-direction:column;align-items:flex-start;padding:24px 20px}.profile-avatar{width:80px;height:80px;font-size:30px}.profile-card{padding:20px 18px}.profile-shortcuts{grid-template-columns:1fr}.site-footer nav{margin-left:0}.knowledge-search{flex-wrap:wrap}.knowledge-search input{flex-basis:100%}.change-card{padding:16px}.change-identity{flex-wrap:wrap}.change-count{display:none}.change-notes li{padding-left:calc(var(--note-indent,0) * 8px)}.patch-grid,.entity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.patch-card strong{font-size:42px}.reference-search{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}