:root{color-scheme:light dark;--brand:#003153;--canvas:#f7f9fc;--surface:#fff;--surface-alt:#eaf0f5;--text:#122534;--muted:#536777;--accent:#007e9e;--secondary:#c13e70;--border:#a9bac7;--focus:#00a6c8;--shadow-color:#003153;--display:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--body:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--measure:66ch}
@media(prefers-color-scheme:dark){:root{--canvas:#071b2b;--surface:#0d2940;--surface-alt:#123650;--text:#f7f9fc;--muted:#b7c7d3;--accent:#55d5e5;--secondary:#f08cb2;--border:#41627a;--focus:#75e8f2;--shadow-color:#00101c}}
:root[data-theme=light]{color-scheme:light;--canvas:#f7f9fc;--surface:#fff;--surface-alt:#eaf0f5;--text:#122534;--muted:#536777;--accent:#007e9e;--secondary:#c13e70;--border:#a9bac7;--focus:#00a6c8;--shadow-color:#003153}
:root[data-theme=dark]{color-scheme:dark;--canvas:#071b2b;--surface:#0d2940;--surface-alt:#123650;--text:#f7f9fc;--muted:#b7c7d3;--accent:#55d5e5;--secondary:#f08cb2;--border:#41627a;--focus:#75e8f2;--shadow-color:#00101c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--text);font:18px/1.78 var(--body);text-rendering:optimizeLegibility}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:.22em}button,input{font:inherit;color:inherit}button{cursor:pointer}.shell{width:min(1200px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;z-index:99;left:12px;top:12px;transform:translateY(-150%);padding:10px 14px;background:var(--text);color:var(--canvas)}.skip-link:focus{transform:none}.site-header{position:relative;z-index:20;border-bottom:2px solid var(--border);background:color-mix(in srgb,var(--canvas) 92%,transparent);backdrop-filter:blur(12px)}.header-inner{min-height:76px;display:flex;align-items:center;gap:28px}.brand{font:900 1rem/1 var(--display);letter-spacing:.04em;text-decoration:none;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:9px;background:var(--brand);color:#f7f9fc;border:2px solid currentColor;box-shadow:3px 3px 0 var(--accent)}.primary-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.primary-nav a{font:800 .78rem/1 var(--display);text-decoration:none}.primary-nav a[aria-current=page],.primary-nav a:hover{color:var(--accent)}.pixel-button{min-height:44px;border:2px solid var(--text);border-radius:4px;background:var(--surface);padding:8px 12px;font:800 .72rem/1 var(--display);box-shadow:3px 3px 0 var(--shadow-color)}.pixel-button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--shadow-color)}.menu-button{display:none}.eyebrow,.pixel-label{font:800 .72rem/1.4 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.hero{position:relative;min-height:680px;overflow:hidden;border-bottom:2px solid var(--border);background:#003153}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,49,83,.98) 0%,rgba(0,49,83,.86) 30%,rgba(0,49,83,.08) 66%)}.hero-copy{position:relative;z-index:2;padding:clamp(90px,13vw,160px) 0;color:#f7f9fc}.hero-copy h1{max-width:720px;margin:.15em 0 .25em;font:900 clamp(3rem,8vw,6.5rem)/.94 var(--display);letter-spacing:-.07em;text-wrap:balance;text-shadow:5px 5px 0 #001a2c}.hero-copy .lede{max-width:560px;font-size:clamp(1.08rem,2vw,1.4rem);color:#e1edf5}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.hero-actions a{display:inline-flex;align-items:center;min-height:48px;padding:8px 18px;border:2px solid #f7f9fc;background:#f7f9fc;color:#003153;font:900 .82rem/1 var(--display);text-decoration:none;box-shadow:5px 5px 0 #55d5e5}.hero-actions a+ a{background:transparent;color:#f7f9fc;box-shadow:none}.realm-section{padding:84px 0 96px}.section-heading{display:grid;grid-template-columns:1fr minmax(280px,520px);gap:40px;align-items:end;margin-bottom:44px}.section-heading h2,.page-hero h1{margin:.15em 0;font:900 clamp(2.2rem,5vw,4.5rem)/1 var(--display);letter-spacing:-.05em}.section-heading p,.page-hero p{color:var(--muted)}.realm-map{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,minmax(190px,auto));gap:18px}.realm-node{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:24px;border:2px solid var(--text);background:var(--surface);text-decoration:none;box-shadow:6px 6px 0 var(--shadow-color);transition:transform 180ms}.realm-node:hover{transform:translate(-3px,-3px)}.realm-node:nth-child(1){grid-column:span 7}.realm-node:nth-child(2){grid-column:span 5}.realm-node:nth-child(3){grid-column:span 5}.realm-node:nth-child(4){grid-column:span 7}.realm-node h3{margin:.2em 0;font:900 clamp(1.5rem,3vw,2.6rem)/1 var(--display)}.realm-node p{max-width:36ch;margin:0;color:var(--muted)}.realm-number{align-self:flex-end;font:900 3.5rem/.8 var(--display);color:color-mix(in srgb,var(--accent) 28%,transparent)}.realm-node::before{content:"";position:absolute;width:72px;height:72px;right:20px;top:20px;background:var(--accent);clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%);opacity:.12}.latest{padding:84px 0;border-top:2px solid var(--border);background:var(--surface-alt)}.article-list{border-top:2px solid var(--text)}.article-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:28px;align-items:start;padding:28px 0;border-bottom:1px solid var(--border);text-decoration:none}.article-row:hover h3{color:var(--accent)}.article-row time,.meta{font:700 .78rem/1.5 var(--display);color:var(--muted)}.article-row h3{margin:0;font:800 clamp(1.35rem,2.5vw,2.1rem)/1.2 var(--body)}.article-row p{max-width:58ch;margin:.5em 0 0;color:var(--muted)}.badge{display:inline-flex;align-items:center;min-height:30px;padding:4px 9px;border:1px solid var(--border);border-radius:4px;font:800 .68rem/1 var(--display);color:var(--accent);background:var(--surface)}.site-footer{padding:48px 0;border-top:2px solid var(--border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.site-footer p{max-width:40ch;color:var(--muted)}.footer-links{display:grid;align-content:start;gap:8px}.footer-links strong{font:800 .7rem/1 var(--display);color:var(--accent)}.page-hero{padding:88px 0 54px;border-bottom:2px solid var(--border)}.page-hero .realm-code{font:900 clamp(4rem,12vw,10rem)/.7 var(--display);color:color-mix(in srgb,var(--accent) 18%,transparent);float:right}.section-feature{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:48px;padding:64px 0;border-bottom:2px solid var(--text)}.section-feature h2{font:900 clamp(2rem,4vw,3.7rem)/1.1 var(--body);margin:.2em 0}.quest-stats{display:grid;align-content:start;gap:14px;padding:24px;border-left:4px solid var(--accent);background:var(--surface)}.quest-stats div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding-bottom:8px}.archive-list{padding:56px 0 96px}.archive-list h2{font:900 1rem/1 var(--display);margin-bottom:28px}.reading-progress{position:fixed;z-index:40;left:0;top:0;width:100%;height:4px;transform:scaleX(0);transform-origin:left;background:var(--accent)}.article-header{padding:84px 0 48px}.article-header-inner{width:min(920px,calc(100% - 40px));margin:auto}.article-header h1{max-width:18ch;margin:.24em 0;font:900 clamp(2.5rem,6vw,5.3rem)/1.04 var(--body);letter-spacing:-.055em}.article-header .deck{max-width:56ch;color:var(--muted);font-size:1.2rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:64px;width:min(1060px,calc(100% - 40px));margin:0 auto 100px}.prose{max-width:var(--measure);font-size:1rem;line-height:1.78}.prose h2{margin:2em 0 .65em;font:900 1.8rem/1.2 var(--body)}.prose h3{margin:1.8em 0 .5em;font:800 1.3rem/1.3 var(--body)}.prose blockquote{margin:2em 0;padding:20px 24px;border-left:4px solid var(--secondary);background:var(--surface);font-size:1.1rem}.prose pre{overflow:auto;padding:22px;border:2px solid var(--border);background:#06131f;color:#eaf7ff;box-shadow:5px 5px 0 var(--shadow-color);font:15px/1.65 var(--display)}.prose code:not(pre code){padding:.1em .3em;background:var(--surface-alt);font-family:var(--display)}.prose table{width:100%;border-collapse:collapse;font-size:.9rem}.prose th,.prose td{padding:12px;border:1px solid var(--border);text-align:left}.toc{position:sticky;top:28px;align-self:start;padding:20px;border-left:2px solid var(--border);font-size:.82rem}.toc strong{font:800 .7rem/1 var(--display);color:var(--accent)}.toc a{display:block;margin-top:10px;text-decoration:none}.utility{padding:68px 0 110px}.search-panel{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin:36px 0 48px;padding:20px;border:2px solid var(--text);background:var(--surface);box-shadow:6px 6px 0 var(--shadow-color)}.search-panel label{font:900 .72rem/1 var(--display)}.search-panel input{min-height:48px;width:100%;border:1px solid var(--border);background:var(--canvas);padding:10px 14px}.empty{padding:34px;border:2px dashed var(--border);text-align:center;color:var(--muted)}.about-layout{display:grid;grid-template-columns:220px minmax(0,var(--measure));gap:72px;padding:80px 0 110px}.save-point{display:grid;place-items:center;aspect-ratio:1;border:3px solid var(--text);background:var(--brand);color:#f7f9fc;box-shadow:8px 8px 0 var(--accent);font:900 3rem/1 var(--display)}.error-page{min-height:70vh;display:grid;place-items:center;text-align:center}.error-code{font:900 clamp(6rem,22vw,16rem)/.75 var(--display);color:var(--accent);text-shadow:8px 8px 0 var(--shadow-color)}.error-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-links a{padding:10px 14px;border:2px solid var(--text);background:var(--surface);text-decoration:none}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}@media(max-width:1024px){.article-layout{grid-template-columns:1fr}.toc{position:static;order:-1;max-width:var(--measure);border-left:0;border-top:2px solid var(--border);border-bottom:2px solid var(--border)}}
@media(max-width:768px){body{font-size:17px}.shell{width:min(100% - 28px,1200px)}.menu-button{display:block;position:relative;z-index:2;margin-left:auto;touch-action:manipulation}.primary-nav{display:none;position:absolute;z-index:30;left:14px;right:14px;top:76px;flex-direction:column;align-items:stretch;padding:18px;border:2px solid var(--text);background:var(--surface);box-shadow:6px 6px 0 var(--shadow-color)}.primary-nav[data-open]{display:flex}.primary-nav a{min-height:44px;display:flex;align-items:center}.hero{min-height:auto}.hero-image{position:relative;height:620px;min-height:620px;object-fit:cover;object-position:68% center}.hero::after{background:linear-gradient(180deg,#003153 0%,rgba(0,49,83,.92) 58%,rgba(0,49,83,.12) 88%)}.hero-copy{position:absolute;inset:0;padding:66px 14px}.hero-copy h1{font-size:clamp(2.5rem,13vw,4.5rem);max-width:10ch}.hero-copy .lede{font-size:1rem;max-width:36ch}.hero-actions{margin-top:20px}.section-heading{grid-template-columns:1fr;gap:8px}.realm-map{display:flex;flex-direction:column}.realm-node{min-height:210px}.article-row{grid-template-columns:1fr;gap:10px}.article-row .badge{justify-self:start}.footer-grid,.section-feature,.about-layout{grid-template-columns:1fr}.page-hero .realm-code{float:none}.quest-stats{border-left:0;border-top:4px solid var(--accent)}.search-panel{grid-template-columns:1fr}.about-layout{gap:36px}.save-point{max-width:180px}.article-header-inner,.article-layout{width:min(100% - 28px,1060px)}}
@media(max-width:430px){.hero-image{min-height:590px;object-position:68% bottom}.hero::after{background:linear-gradient(180deg,#003153 0%,rgba(0,49,83,.94) 58%,rgba(0,49,83,.12) 86%)}.hero-copy{padding-top:52px}.hero-actions a{width:100%;justify-content:center}.realm-section,.latest{padding:62px 0}.error-links a{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.realm-node:hover,.pixel-button:hover{transform:none}}
.realm-literature .page-hero,.realm-philosophy .page-hero,.realm-engineering .page-hero,.realm-tools .page-hero{position:relative;isolation:isolate;min-height:430px;display:flex;align-items:end;color:#f7f9fc;background-position:center;background-size:cover;overflow:hidden}.realm-literature .page-hero,.realm-philosophy .page-hero{background-image:url('/assets/images/bg-literature-philosophy.png')}.realm-engineering .page-hero,.realm-tools .page-hero{background-image:url('/assets/images/bg-engineering-tools.png')}.realm-literature .page-hero::before,.realm-philosophy .page-hero::before,.realm-engineering .page-hero::before,.realm-tools .page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,49,83,.1),rgba(0,26,44,.9))}.realm-literature .page-hero p,.realm-philosophy .page-hero p,.realm-engineering .page-hero p,.realm-tools .page-hero p{color:#e2edf4;text-shadow:0 2px 10px #001a2c}.realm-literature .page-hero .realm-code,.realm-philosophy .page-hero .realm-code,.realm-engineering .page-hero .realm-code,.realm-tools .page-hero .realm-code{color:rgba(247,249,252,.18)}
.pixel-particles{position:fixed;inset:0;z-index:18;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.pixel-particles i{position:absolute;left:var(--x);bottom:-12px;width:var(--size);height:var(--size);background:var(--accent);box-shadow:8px 0 0 color-mix(in srgb,var(--secondary) 55%,transparent);opacity:0;animation:pixelFloat var(--duration) linear var(--delay) infinite}@keyframes pixelFloat{0%{transform:translate3d(0,20px,0);opacity:0}15%{opacity:.28}60%{transform:translate3d(18px,-55vh,0);opacity:.18}100%{transform:translate3d(-8px,-105vh,0);opacity:0}}
.pixel-transition{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr);pointer-events:none;visibility:hidden}.pixel-transition i{background:#003153;transform:scale(0);opacity:0}.page-leaving .pixel-transition{visibility:visible}.page-leaving .pixel-transition i{animation:pixelShatterIn 420ms steps(4,end) forwards;animation-delay:calc((var(--i) % 8 + (var(--i) % 5)) * 10ms)}@keyframes pixelShatterIn{0%{transform:scale(.15) rotate(12deg);opacity:0}45%{transform:scale(.8) rotate(0);opacity:1}100%{transform:scale(1.04);opacity:1}}body:not(.page-ready)>main,body:not(.page-ready)>.site-header{opacity:0;transform:translateY(8px)}body.page-ready>main,body.page-ready>.site-header{animation:pageAssemble 360ms steps(5,end) both}@keyframes pageAssemble{from{opacity:0;transform:translateY(10px);clip-path:inset(0 0 18% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@media(max-width:768px){.realm-literature .page-hero,.realm-philosophy .page-hero,.realm-engineering .page-hero,.realm-tools .page-hero{min-height:380px;background-position:center}.pixel-particles i:nth-child(2n){display:none}}
@media(prefers-reduced-motion:reduce){.pixel-particles,.pixel-transition{display:none!important}body:not(.page-ready)>main,body:not(.page-ready)>.site-header{opacity:1;transform:none}}

/* Refined ambient world layer and transition system */
:root{--world-image:url('/assets/images/hero-four-realms.png');--world-opacity:.22}
html{background:var(--canvas)}body{position:relative;isolation:isolate;min-height:100vh;background:color-mix(in srgb,var(--canvas) 84%,transparent)}body::before{content:"";position:fixed;z-index:-2;inset:-12%;background-image:linear-gradient(color-mix(in srgb,var(--canvas) 35%,transparent),color-mix(in srgb,var(--canvas) 58%,transparent)),var(--world-image);background-size:cover;background-position:center;filter:blur(22px) saturate(.88);opacity:var(--world-opacity);transform:scale(1.1);animation:worldDrift 26s ease-in-out infinite alternate;will-change:transform,background-position}.realm-literature,.realm-philosophy{--world-image:url('/assets/images/bg-literature-philosophy.png')}.realm-engineering,.realm-tools{--world-image:url('/assets/images/bg-engineering-tools.png')}@keyframes worldDrift{0%{transform:scale(1.08) translate3d(-1.5%,-1%,0);background-position:45% 48%}50%{transform:scale(1.16) translate3d(1%,.5%,0);background-position:54% 51%}100%{transform:scale(1.11) translate3d(-.5%,1%,0);background-position:49% 55%}}.latest,.quest-stats,.search-panel,.empty,.prose blockquote,.badge,.realm-node{background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px)}.site-footer{background:color-mix(in srgb,var(--canvas) 70%,transparent);backdrop-filter:blur(14px)}
.brand{display:inline-flex;align-items:center}.brand-avatar{width:38px;height:38px;margin-right:10px;border:2px solid var(--text);border-radius:4px;object-fit:cover;box-shadow:3px 3px 0 var(--accent)}
.pixel-particles,.pixel-transition{display:none!important}.tetromino-particles{position:fixed;inset:0;z-index:18;pointer-events:none;overflow:hidden}.tetromino{--piece:#00d9ff;position:absolute;left:var(--x);bottom:-34px;width:6px;height:6px;color:var(--piece);background:currentColor;opacity:0;filter:drop-shadow(0 0 1px #003153) drop-shadow(0 0 5px currentColor);animation:tetroFloat var(--duration) linear var(--delay) infinite}.shape-0{--piece:#00d9ff;width:24px;height:6px}.shape-1{--piece:#ffd500;width:12px;height:12px}.shape-2{--piece:#a66cff;width:18px;height:12px;clip-path:polygon(0 0,100% 0,100% 50%,66.66% 50%,66.66% 100%,33.33% 100%,33.33% 50%,0 50%)}.shape-3{--piece:#43dc71;width:18px;height:12px;clip-path:polygon(33.33% 0,100% 0,100% 50%,66.66% 50%,66.66% 100%,0 100%,0 50%,33.33% 50%)}.shape-4{--piece:#ff5f7f;width:18px;height:12px;clip-path:polygon(0 0,66.66% 0,66.66% 50%,100% 50%,100% 100%,33.33% 100%,33.33% 50%,0 50%)}.shape-5{--piece:#4b78ff;width:12px;height:18px;clip-path:polygon(0 0,50% 0,50% 66.66%,100% 66.66%,100% 100%,0 100%)}.shape-6{--piece:#ff913d;width:12px;height:18px;clip-path:polygon(50% 0,100% 0,100% 100%,0 100%,0 66.66%,50% 66.66%)}@keyframes tetroFloat{0%{transform:translate3d(0,28px,0) rotate(0);opacity:0}12%{opacity:.72}55%{transform:translate3d(var(--drift),-52vh,0) rotate(90deg);opacity:.58}100%{transform:translate3d(calc(var(--drift) * -.5),-108vh,0) rotate(180deg);opacity:0}}
@view-transition{navigation:auto}::view-transition-old(root){animation:pagePixelVanish 680ms steps(14,end) both;mask-image:repeating-conic-gradient(#000 0 25%,transparent 0 50%);mask-size:8px 8px;transform-origin:center}::view-transition-new(root){animation:pagePixelAssemble 620ms steps(12,end) both;transform-origin:center}@keyframes pagePixelVanish{0%{opacity:1;filter:none;mask-size:4px 4px;transform:scale(1)}35%{opacity:.92;filter:contrast(1.08) saturate(1.1);mask-position:0 0;mask-size:8px 8px}70%{opacity:.48;mask-position:23px -17px;mask-size:14px 14px;transform:scale(1.012)}100%{opacity:0;filter:blur(2px) contrast(1.2);mask-position:80px -60px;mask-size:28px 28px;transform:scale(1.025)}}@keyframes pagePixelAssemble{0%{opacity:0;filter:blur(3px);clip-path:inset(48% 0 48% 0)}45%{opacity:.68;filter:blur(1px);clip-path:inset(15% 0 12% 0)}100%{opacity:1;filter:none;clip-path:inset(0)}}
.pixel-page-ghost{position:fixed;z-index:99;inset:0;overflow:hidden;pointer-events:none;opacity:0;background:var(--canvas);mask-image:repeating-conic-gradient(#000 0 25%,transparent 0 50%);mask-size:4px 4px}.pixel-page-ghost-frame{position:absolute;left:0;top:0;width:100%;min-height:100vh;background:color-mix(in srgb,var(--canvas) 84%,transparent)}.pixel-page-ghost.is-active{opacity:1;animation:ghostPageVanish 700ms steps(16,end) forwards}@keyframes ghostPageVanish{0%{opacity:1;filter:none;mask-size:4px 4px;mask-position:0 0}28%{opacity:.96;filter:contrast(1.06);mask-size:7px 7px;mask-position:3px -2px}58%{opacity:.7;filter:contrast(1.15) saturate(1.12);mask-size:11px 11px;mask-position:19px -13px}82%{opacity:.35;filter:blur(1px) contrast(1.25);mask-size:18px 18px;mask-position:47px -35px}100%{opacity:0;filter:blur(3px) contrast(1.35);mask-size:30px 30px;mask-position:96px -72px;transform:scale(1.018)}}.pixel-dust-fallback{position:fixed;inset:0;z-index:100;pointer-events:none;visibility:hidden}.pixel-dust-fallback i{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;background:color-mix(in srgb,var(--text) 68%,var(--accent));opacity:0}.page-leaving .pixel-dust-fallback{visibility:visible}.page-leaving .pixel-dust-fallback i{animation:dustVanish 620ms steps(10,end) forwards;animation-delay:calc((var(--i) % 19) * 6ms)}.page-leaving>main,.page-leaving>.site-header,.page-leaving>.site-footer{animation:contentVanish 680ms steps(14,end) forwards}@keyframes dustVanish{0%{opacity:0;transform:scale(.25)}28%{opacity:.85}100%{opacity:0;transform:translate3d(calc((var(--i) % 7 - 3) * 7px),calc((var(--i) % 9 - 4) * 7px),0) scale(.05)}}@keyframes contentVanish{0%{opacity:1;filter:none}55%{opacity:.72;filter:contrast(1.15)}100%{opacity:0;filter:blur(3px);clip-path:polygon(0 0,100% 0,100% 14%,94% 14%,94% 28%,100% 28%,100% 43%,88% 43%,88% 57%,100% 57%,100% 72%,92% 72%,92% 86%,100% 86%,100% 100%,0 100%)}}
@media(max-width:768px){.brand-avatar{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){body::before{animation:none}.tetromino-particles,.pixel-dust-fallback{display:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* Persistent camera layer and cursor repulsion */
body::before{display:none!important}body{background:color-mix(in srgb,var(--canvas) 68%,transparent)}.world-backdrop{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none;contain:strict}.world-backdrop::after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--canvas) 18%,transparent)}.world-backdrop-image{position:absolute;inset:-22%;background-image:linear-gradient(color-mix(in srgb,var(--canvas) 12%,transparent),color-mix(in srgb,var(--canvas) 28%,transparent)),var(--world-image);background-size:cover;background-position:center;opacity:.52;transform-origin:center;transform:translateZ(0);animation:cameraTraverse 42s cubic-bezier(.45,.05,.55,.95) infinite alternate;will-change:transform;backface-visibility:hidden}@keyframes cameraTraverse{0%{transform:translate3d(-8%,-4%,0) scale(1.08)}34%{transform:translate3d(-1%,4%,0) scale(1.19)}68%{transform:translate3d(7%,-3%,0) scale(1.25)}100%{transform:translate3d(10%,5%,0) scale(1.12)}}
.tetromino-repel-field{display:none!important}
@keyframes tetroFloat{0%{transform:translate3d(var(--push-x),calc(28px + var(--push-y)),0) rotate(0);opacity:0}12%{opacity:.72}55%{transform:translate3d(calc(var(--drift) + var(--push-x)),calc(-52vh + var(--push-y)),0) rotate(90deg);opacity:.58}100%{transform:translate3d(calc(var(--push-x) - var(--drift)),calc(-108vh + var(--push-y)),0) rotate(180deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.world-backdrop-image{animation:none;transform:scale(1.08)}.tetromino-repel-field{display:none}}
@media(max-width:768px){.latest,.quest-stats,.search-panel,.empty,.prose blockquote,.badge,.realm-node,.site-footer,.site-header{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:768px){.site-header{position:relative!important;z-index:1000!important;overflow:visible!important;isolation:isolate}.header-inner{position:relative;overflow:visible}.primary-nav{position:absolute!important;z-index:1001!important;top:calc(100% + 2px)!important;left:0!important;right:0!important;width:auto;min-height:0;max-height:calc(100vh - 92px);overflow-y:auto;background:var(--surface)!important;color:var(--text)!important;opacity:1!important;visibility:visible!important;transform:none!important}.primary-nav:not([data-open]){display:none!important}.primary-nav[data-open]{display:flex!important}.primary-nav[data-open] a,.primary-nav[data-open] button{position:relative;z-index:1;display:flex!important;opacity:1!important;visibility:visible!important;color:var(--text)!important}}
body.page-ready>.site-header{animation:none!important;clip-path:none!important;transform:none!important;opacity:1!important}