:root{--bg:#07101f;--bg2:#0b1424;--panel:#101b2e;--text:#edf4ff;--muted:#aab8cf;--line:#25324a;--epic:#3d8dff;--epic2:#79b7ff;--danat:#f6c64b;--danat2:#ffdd79;--roots:#42c37b;--minecraft:#74d8b0;--botsvk:#7e8ba6;--warn:#ff6b45;--sale:#ba91ff;--max:1120px;--shadow:0 18px 60px rgba(0,0,0,.26);--safe-l:max(16px,env(safe-area-inset-left));--safe-r:max(16px,env(safe-area-inset-right))}
:root.light{--bg:#f5f7fb;--bg2:#fff;--panel:#fff;--text:#0e1a2c;--muted:#56647a;--line:#d9e0ea;--shadow:0 18px 50px rgba(18,35,62,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;min-width:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}img,svg,video{max-width:100%}a{color:inherit;text-underline-offset:.16em}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;overflow-wrap:anywhere}button,input,select,textarea{font:inherit}.skip-link{position:fixed;left:12px;top:8px;z-index:1000;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:#fff;color:#000;text-decoration:none;font-weight:800}.skip-link:focus{transform:none}.progress{position:fixed;left:0;top:0;height:3px;background:linear-gradient(90deg,var(--epic),var(--danat));width:0;z-index:100}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;padding:14px max(var(--safe-l),calc((100vw - var(--max))/2));padding-right:max(var(--safe-r),calc((100vw - var(--max))/2));background:rgba(7,16,31,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}:root.light .topbar{background:rgba(245,247,251,.92)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap}.brand-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.brand-arrow{color:var(--muted);font-size:.84rem}.topnav{display:flex;gap:18px;margin-left:auto;min-width:0}.topnav a{text-decoration:none;color:var(--muted);font-size:.9rem;white-space:nowrap}.topnav a:hover,.topnav a:focus-visible{color:var(--text)}.theme-btn{flex:0 0 auto;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;width:42px;height:42px;cursor:pointer;font-size:1rem}.theme-btn:focus-visible,.btn:focus-visible,.source-grid a:focus-visible,.asset-grid a:focus-visible{outline:3px solid var(--epic2);outline-offset:3px}
.hero{min-height:88vh;min-height:88svh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 35%,rgba(61,141,255,.2),transparent 32%),radial-gradient(circle at 83% 64%,rgba(246,198,75,.16),transparent 31%),linear-gradient(180deg,var(--bg),var(--bg2))}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--epic),var(--danat),transparent)}.hero-inner{width:min(var(--max),calc(100% - 40px));padding:92px 0 90px;position:relative;z-index:2}.hero-noise{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.logo-stack{position:absolute;right:0;top:96px;width:290px;height:260px;pointer-events:none}.logo{position:absolute;width:190px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.24))}.epic-logo{left:0;top:0;transform:rotate(-8deg)}.danat-logo{right:0;bottom:0;transform:rotate(7deg)}.kicker,.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800;color:var(--muted)}.hero h1{font-size:clamp(3.5rem,8vw,7.7rem);line-height:.88;letter-spacing:-.07em;margin:.12em 0 .25em;max-width:850px;overflow-wrap:break-word}.hero h1 em{font-style:normal;color:var(--epic2)}.lead{font-size:clamp(1.05rem,2vw,1.32rem);max-width:760px;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin:32px 0 24px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;text-decoration:none;padding:12px 18px;border-radius:14px;font-weight:750}.btn.primary{background:var(--epic);color:#fff}.btn.ghost{border:1px solid var(--line);background:var(--panel)}.palette-note{color:var(--muted);font-size:.86rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.swatch{display:inline-block;width:12px;height:12px;border-radius:999px}.swatch.epic,.brand-dot.epic{background:var(--epic)}.swatch.danat{background:var(--danat)}
.chapter{width:min(var(--max),calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:160px minmax(0,1fr);gap:55px;padding:120px 0;border-bottom:1px solid var(--line)}.year{font-size:clamp(2rem,4vw,3.7rem);font-weight:900;letter-spacing:-.06em;color:var(--muted);opacity:.5;line-height:.96;position:sticky;top:110px;height:max-content}.content{max-width:780px;min-width:0}.content h2,.archive-inner h2{font-size:clamp(2.1rem,4vw,4.4rem);line-height:1.02;letter-spacing:-.055em;margin:.18em 0 .55em;overflow-wrap:anywhere}.content p{font-size:1.06rem;color:var(--muted);overflow-wrap:break-word}.content strong{color:var(--text)}.epic-text{color:var(--epic2)}.danat-text{color:var(--danat)}.roots{color:var(--roots)}.minecraft-text{color:var(--minecraft)}.botsvk-text{color:#aab5ca}.mixed-text{background:linear-gradient(90deg,var(--epic2),var(--danat2));color:transparent;background-clip:text;-webkit-background-clip:text}.warning-text{color:var(--warn)}.sale-text{color:var(--sale)}.revival-text{color:#a9e7ff}.aside,.milestone,.quote{margin:32px 0;padding:22px 24px;border-radius:18px;border:1px solid var(--line);background:var(--panel);overflow-wrap:anywhere}.aside strong,.milestone strong{display:block;color:var(--text);margin-bottom:5px}.aside span,.milestone span{color:var(--muted)}.roots-aside{border-left:4px solid var(--roots)}.minecraft-card{border-left:4px solid var(--minecraft)}.funny{border-color:var(--warn);background:var(--panel)}.revival-aside{border-left:4px solid var(--epic)}.quote{font-size:1.35rem;font-weight:800;line-height:1.35;color:var(--text)}.danat-quote{border-color:var(--danat)}.epic-quote{border-color:var(--epic)}.swear{font-size:1.2rem}.epic-card{border-left:4px solid var(--epic)}.danat-card{border-left:4px solid var(--danat)}.sale-card{border-left:4px solid var(--sale)}
.media{margin:28px 0;border:1px solid var(--line);background:var(--panel);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);cursor:zoom-in}.media img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#eef2f7}.media figcaption{padding:13px 16px;color:var(--muted);font-size:.86rem}.wide{width:100%}.dramatic img{background:#1a1a1a}.duo,.gallery.two,.gallery.three{display:grid;gap:18px;align-items:start}.duo,.gallery.two{grid-template-columns:1fr 1fr}.gallery.three{grid-template-columns:repeat(3,minmax(0,1fr))}.duo .media,.gallery .media{margin:16px 0}.tall img{max-height:520px}.design-line{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:38px 0}.chip{padding:9px 14px;border-radius:999px;font-weight:800;border:1px solid var(--line)}.roots-chip{background:rgba(66,195,123,.1);color:#6dd59a}.danat-chip{background:rgba(246,198,75,.1);color:var(--danat2)}.epic-chip{background:rgba(61,141,255,.1);color:var(--epic2)}.arrow{color:var(--muted)}.roster-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.person{padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--panel);min-width:0}.person b{display:block}.person span{color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}.danat-person{border-color:var(--danat)}
.silence{padding:110px max(20px,var(--safe-l));padding-right:max(20px,var(--safe-r));background:linear-gradient(180deg,var(--bg),#02050a,var(--bg));border-bottom:1px solid var(--line)}.silence-inner{max-width:800px;margin:auto;text-align:center}.silence-inner>div:first-child{display:flex;align-items:center;gap:20px;color:var(--muted)}.silence-inner i{height:1px;background:var(--line);flex:1}.silence p{color:var(--muted)}.silence blockquote{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.15;font-weight:900;letter-spacing:-.04em;margin:35px auto;max-width:700px}.years{color:#506078;letter-spacing:.08em}.years b{margin:0 10px}.ellipsis{font-size:5rem;color:#283348;line-height:1}.compact-silence{padding-top:72px;padding-bottom:72px}.then-now{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:32px 0}.then-now>div{padding:24px;border-radius:18px;border:1px solid var(--line);background:var(--panel)}.then-now small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px}.then-now strong{font-size:1.15rem}.domain-joke,.sale-punch{font-size:1.35rem!important;font-weight:900;color:var(--text)!important;margin-top:42px}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:30px 0}.asset-grid a{display:block;text-decoration:none;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);min-width:0}.asset-grid a:hover{border-color:var(--sale)}.asset-grid b{display:block;color:var(--text)}.asset-grid span{color:var(--muted);font-size:.88rem;overflow-wrap:anywhere}.archive-section{padding:110px max(20px,var(--safe-l));padding-right:max(20px,var(--safe-r));background:var(--bg2)}.archive-inner{max-width:var(--max);margin:auto}.archive-inner>p{max-width:760px;color:var(--muted)}.source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:35px 0}.source-grid a{display:block;text-decoration:none;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);transition:transform .2s,border-color .2s;min-width:0}.source-grid a:hover{transform:translateY(-2px);border-color:var(--epic)}.source-grid b{display:block;font-size:1.04rem}.source-grid span{color:var(--muted);font-size:.86rem;overflow-wrap:anywhere}.privacy-note{font-size:.86rem}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px max(20px,var(--safe-l));padding-right:max(20px,var(--safe-r));border-top:1px solid var(--line);color:var(--muted);background:var(--bg)}.footer-palette{display:flex;gap:8px}.noscript{padding:12px 20px;text-align:center;background:#fff3cd;color:#3b2f00}
.viewer{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.94);display:none;place-items:center;padding:calc(45px + env(safe-area-inset-top)) max(20px,var(--safe-r)) calc(25px + env(safe-area-inset-bottom)) max(20px,var(--safe-l))}.viewer.open{display:grid}.viewer img{max-width:min(1400px,96vw);max-height:82vh;max-height:82dvh;object-fit:contain}.viewer-close{position:absolute;right:max(22px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));border:0;background:rgba(255,255,255,.1);border-radius:999px;color:white;font-size:2rem;line-height:1;width:48px;height:48px;cursor:pointer}.viewer #viewerCaption{color:#c6ced8;text-align:center;max-width:900px;font-size:.9rem;padding:8px}.viewer>*{grid-column:1;grid-row:1}.viewer #viewerCaption{align-self:end}.viewer img{align-self:center}.viewer-close{grid-column:auto;grid-row:auto}
@media (max-width:980px){html{scroll-padding-top:148px}.topbar{flex-wrap:wrap;gap:10px 14px}.topnav{order:3;width:100%;margin-left:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-bottom:2px}.topnav::-webkit-scrollbar{display:none}.topnav a{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.logo-stack{opacity:.22;right:-60px;top:120px}.chapter{grid-template-columns:1fr;gap:15px;padding:86px 0}.year{position:static;font-size:1.2rem;letter-spacing:.02em;color:var(--muted);opacity:1}.duo,.gallery.three{grid-template-columns:1fr 1fr}.source-grid{grid-template-columns:1fr 1fr}.hero h1{max-width:680px}.roster-grid{grid-template-columns:1fr 1fr}.asset-grid{grid-template-columns:1fr 1fr}}
@media (max-width:680px){html{scroll-padding-top:142px}.topbar{padding:10px var(--safe-r) 10px var(--safe-l)}.brand-arrow{display:none}.hero-inner{width:calc(100% - 30px);padding:72px 0 68px}.hero{min-height:auto}.logo-stack{width:230px;height:210px;right:-88px;top:76px}.logo{width:150px}.hero h1{font-size:clamp(3.05rem,16vw,4.2rem);letter-spacing:-.065em}.lead{font-size:1rem}.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.chapter{width:calc(100% - 30px);padding:72px 0}.content h2{font-size:clamp(2.25rem,11vw,3.05rem)}.content p{font-size:1rem}.duo,.gallery.two,.gallery.three,.roster-grid,.then-now,.source-grid,.asset-grid{grid-template-columns:1fr}.media{border-radius:17px}.media img{max-height:520px}.years{font-size:.78rem}.silence{padding-top:82px;padding-bottom:82px}.silence blockquote{font-size:1.75rem}.source-grid a,.asset-grid a{padding:15px}footer{align-items:flex-start;flex-direction:column}.theme-btn{margin-left:auto}.quote{font-size:1.15rem;padding:19px}.swear{font-size:1.05rem}}
@media (max-width:390px){.hero-inner,.chapter{width:calc(100% - 24px)}.hero h1{font-size:2.9rem}.content h2{font-size:2.15rem}.topnav{gap:8px}.topnav a{font-size:.82rem}.brand{font-size:.95rem}.theme-btn{width:40px;height:40px}.aside,.milestone,.quote{padding:17px 18px}.year{font-size:1.05rem}.silence{padding-left:14px;padding-right:14px}}
@media (max-height:540px) and (orientation:landscape){.hero{min-height:720px}.logo-stack{opacity:.15}.viewer img{max-height:72dvh}}
@media (hover:none) and (pointer:coarse){.topnav a,.btn,.source-grid a,.asset-grid a{min-height:44px}.media{cursor:zoom-in}.source-grid a:hover,.asset-grid a:hover{transform:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media print{.topbar,.progress,.hero-actions,.viewer,.theme-btn{display:none!important}body{background:#fff;color:#000}.hero,.silence,.archive-section{background:#fff}.chapter{display:block;width:100%;padding:36px 0;break-inside:avoid}.content,.archive-inner{max-width:none}.content p,.archive-inner>p,.media figcaption,.silence p{color:#333}.year{position:static;color:#555}.media{box-shadow:none;break-inside:avoid}.hero{min-height:auto}.hero-inner{width:100%;padding:40px 0}.hero h1{color:#000}.source-grid a,.asset-grid a{border-color:#aaa}}
