/* HOTWATER / cinematic editorial system — Hugo content, progressive decoration. */
:root,html[data-theme]{--bg-primary:#050505;--bg-secondary:#09090b;--bg-surface:#141417;--bg-elevated:#1b1b20;--accent-primary:#dc2626;--accent-bright:#ef4444;--accent-dark:#7f1d1d;--text-primary:#f5f5f5;--text-secondary:#a1a1aa;--border-default:#27272a;--glow-crimson:rgba(220,38,38,.25);--color-bg:var(--bg-primary);--color-surface:var(--bg-surface);--font-heading:'Manrope',sans-serif;--font-sans:'Inter',sans-serif;--font-mono:'JetBrains Mono',monospace}
body{background:var(--bg-primary);font-family:var(--font-sans)}::selection{background:#7f1d1d;color:#fff}h1,h2,h3,h4,h5,h6,.brand,.heading-section,.toc-wrapper summary{font-family:var(--font-heading);font-weight:500;letter-spacing:-.045em}h1{font-weight:600}h2{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.12}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #f87171;outline-offset:5px}.text-muted{color:var(--text-secondary)}
.layout-page{max-width:1400px;padding:3rem 40px 6rem}.home-page{padding-top:20px}.section-stack--home{gap:110px}.eyebrow{color:#f87171;font:10px/1.6 var(--font-mono);letter-spacing:.15em}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:32px}.section-heading h2{margin:0}.section-heading>p{max-width:280px;color:var(--text-secondary);font-size:14px}.section-link{font-size:13px;color:#d4d4d8;display:flex;align-items:center;gap:30px;border-bottom:1px solid #3f3f46;padding:10px 0}.section-link span{color:#ef4444;font-size:22px}.btn-primary,.btn-ghost{border-radius:8px;padding:15px 22px;font-size:12px;letter-spacing:.01em;min-height:50px}.btn-primary{background:linear-gradient(135deg,#dc2626,#a9141e);border:1px solid #f04c4c;box-shadow:inset 0 1px 0 #ffffff25,0 8px 35px #dc262622}.btn-primary:hover{box-shadow:inset 0 1px 0 #ffffff40,0 8px 40px #dc262644}.btn-ghost{align-items:center;gap:22px;background:#ffffff03;border:1px solid #ffffff26;color:#e4e4e7}.btn-ghost:hover{border-color:#f87171;background:#dc26260b}.btn-primary span,.btn-ghost span{font-size:19px}
/* Navigation keeps native links, focus and mobile menu behavior. */
.site-header{background:#050505e8;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0c}.site-nav{max-width:1400px;padding:20px 40px;gap:25px}.brand{font-size:22px;font-weight:700;letter-spacing:-1px;gap:10px}.brand-mark{background:linear-gradient(145deg,#3f1016,#11090b);border-color:#8f292f;border-radius:9px;padding:3px 8px;box-shadow:inset 0 1px 0 #f8717122;font:700 18px var(--font-mono);letter-spacing:-2px}.brand-sub{font-size:9px;letter-spacing:0;color:#8a8a95;margin-left:10px}.site-nav nav{gap:24px;align-items:center;font-family:var(--font-heading);font-size:12px}.site-nav nav a{position:relative;border:0;padding:8px 0}.site-nav nav a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#ef4444;transform:scaleX(0);transition:transform .25s;transform-origin:left}.site-nav nav a:hover::after,.site-nav nav a[aria-current]::after{transform:scaleX(1)}.motion-toggle{border-radius:20px;padding:6px 10px;font-size:9px;min-height:32px}.menu-toggle{border-radius:8px;color:#fff;min-width:44px}
/* Hero composition */
.cinematic-hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;min-height:690px;padding:34px 48px 0;border:1px solid #ffffff14;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 77% 38%,#6d101a20,transparent 60%),linear-gradient(125deg,#111114,#070708 55%,#13080b);isolation:isolate}.cinematic-hero::after{content:'';position:absolute;left:20%;right:20%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#dc2626,transparent);box-shadow:0 0 30px 5px #dc262655;pointer-events:none}.hero-topline{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;font:9px var(--font-mono);letter-spacing:.14em;color:#93939e;align-self:start;z-index:2}.hero-topline span:first-child{display:flex;align-items:center;gap:9px;color:#d4d4d8}.status-dot{height:5px;width:5px;background:#ef4444;border-radius:100%;box-shadow:0 0 10px #ef4444;display:inline-block}.hero-copy{position:relative;z-index:2;align-self:center;padding:45px 0 42px}.hero-copy>.eyebrow{font-size:9px;margin-bottom:22px;color:#c5a7aa}.cinematic-hero h1{font-size:clamp(54px,6.65vw,94px);line-height:.98;letter-spacing:-.065em;font-weight:600;max-width:none;margin:0}.cinematic-hero h1 .hero-heading-line{color:#f5f5f5}.cinematic-hero h1 .hero-heading-line:nth-child(2){color:#ef4444}.cinematic-hero h1 .hero-outline{color:#d6d2d5;font-weight:400;font-size:.85em;line-height:1.2}.hero-description{max-width:380px;font-size:13px;line-height:1.85;color:#a1a1aa;margin:26px 0}.hero-actions{gap:12px}.hero-art{position:relative;align-self:center;min-width:0;height:500px;isolation:isolate;margin-left:-20px;margin-right:-15px}.hero-fallback,#hero-scene{position:absolute;width:116%;height:116%;inset:-8%;object-fit:contain;pointer-events:none;transition:opacity .6s}.hero-fallback{opacity:1;filter:drop-shadow(0 25px 50px #000);z-index:0}#hero-scene{z-index:1}#hero-scene canvas{width:100%;height:100%;display:block}.hero-art:has([data-scene="ready"]) .hero-fallback{opacity:0}.artifact-orbit{position:absolute;inset:12%;border:1px solid #ef444410;border-radius:50%;box-shadow:0 0 100px #dc262612,inset 0 0 50px #dc26260a;pointer-events:none}.artifact-coordinate{position:absolute;font:8px var(--font-mono);letter-spacing:.15em;color:#a3878c;z-index:2}.coordinate-top{top:3%;left:28%}.coordinate-bottom{bottom:3%;right:10%}.floating-panel{position:absolute;z-index:3;background:linear-gradient(135deg,#1b1418ed,#0d0b0ef0);border:1px solid #ffffff20;backdrop-filter:blur(12px);box-shadow:0 15px 45px #0008,inset 0 1px 0 #ffffff08;border-radius:9px;padding:15px 18px;display:flex;flex-direction:column;gap:9px;transition:border-color .2s,transform .3s}.floating-panel:hover{border-color:#ef4444;transform:translateY(-4px)}.floating-panel code{font:10px var(--font-mono);color:#d4d4d8}.panel-index{font:8px var(--font-mono);letter-spacing:.08em;color:#f87171}.panel-cipher{right:-12px;top:70px}.panel-memory{left:0;bottom:65px}.signal-bars{font-size:15px;letter-spacing:4px;line-height:1;color:#dc2626}.hero-bottom{grid-column:1/-1;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:78px;border-top:1px solid #ffffff12;font:8px var(--font-mono);letter-spacing:.08em;color:#a1a1aa}.archive-summary{margin:0;gap:24px;font:9px var(--font-mono)}.archive-summary strong{font-size:20px;color:#e4e4e7;font-weight:400;margin-right:8px}.scroll-cue{display:flex;gap:18px;align-items:center}.scroll-cue span{font-size:20px;color:#ef4444}.cinematic-hero .cyber-background{inset:0}.cinematic-hero .cyber-background::before{background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.7}.cyber-terminal{display:none}
/* Editorial cards / no client ownership of the card list. */
.latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.writeup-card{padding:0;border-radius:14px;overflow:hidden;border:1px solid #ffffff15;background:linear-gradient(145deg,#141417,#0c0c0f);position:relative;isolation:isolate;will-change:auto}.writeup-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(280px circle at var(--pointer-x,50%) var(--pointer-y,0%),#dc262617,transparent 70%);opacity:0;transition:opacity .3s;z-index:-1}.writeup-card:hover::after{opacity:1}.writeup-card .card-home-body{display:flex;flex-direction:column;height:100%}.card-art{position:relative;height:116px;overflow:hidden;border-bottom:1px solid #ffffff0b;background:radial-gradient(ellipse at 80% 50%,#7f1d1d28,transparent 65%),linear-gradient(90deg,#ffffff02 1px,transparent 1px),linear-gradient(#ffffff02 1px,transparent 1px);background-size:auto,24px 24px,24px 24px}.card-art .ctf-visual{position:absolute;width:190px;height:190px;right:14px;top:-38px;opacity:.85;transition:transform .6s}.writeup-card:hover .ctf-visual{transform:rotate(8deg) scale(1.08)}.card-art-label{position:absolute;left:22px;bottom:18px;color:#d5b5b8;font:8px var(--font-mono);text-transform:uppercase;letter-spacing:.09em;max-width:55%;background:#10090b9c;padding:5px 7px;border:1px solid #7f1d1d66;border-radius:4px}.card-arrow{position:absolute;right:18px;top:14px;color:#f87171;font-size:18px}.card-content{display:flex;flex-direction:column;flex:1;padding:23px}.writeup-card h3{font-size:20px;line-height:1.35;letter-spacing:-.035em;font-weight:600;margin:13px 0 12px}.writeup-card p{font-size:12px;line-height:1.8;margin-bottom:24px}.writeup-card .card-meta{font-size:9px;gap:5px 10px;line-height:1.6}.card-content>.card-meta:not(.card-bottom)>span:nth-child(2){display:none}.card-bottom{border-color:#ffffff10;padding-top:15px}.card-bottom .read-label{margin-left:auto;color:#d4d4d8}.read-label>span{display:inline-block;color:#ef4444;transition:transform .25s}.writeup-card:hover .read-label>span{transform:translate(2px,-2px)}html[data-motion="on"] .writeup-card:hover{background:linear-gradient(145deg,#191418,#0c0c0f);transform:perspective(900px) translateY(-3px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border-color:#9c3038;box-shadow:0 15px 40px #0006}
.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.event-tile{display:flex;flex-direction:column;min-height:205px;padding:26px;border:1px solid #ffffff15;border-radius:13px;background:radial-gradient(ellipse at 0% 0%,#7f1d1d15,transparent 70%),#0d0d10;position:relative;overflow:hidden}.event-tile::after{content:'';position:absolute;right:-20px;top:-45px;width:160px;height:160px;border:1px solid #ffffff06;transform:rotate(35deg);box-shadow:0 0 0 20px #ffffff02,0 0 0 40px #ffffff01;pointer-events:none}.event-top,.event-bottom{display:flex;align-items:center;justify-content:space-between}.event-number{font:11px var(--font-mono);color:#a38387}.event-arrow{color:#d4d4d8;font-size:20px}.event-tile h3{font-size:22px;line-height:1.3;margin:25px 0;max-width:85%;color:#e4e4e7}.event-bottom{margin-top:auto;color:#a1a1aa;font:10px var(--font-mono)}.event-signal{letter-spacing:4px;color:#9d333c}.category-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-tiles>a{padding:0;display:flex;flex-direction:column;min-width:0;background:linear-gradient(150deg,#141417,#0b0b0d);border:1px solid #ffffff15;border-radius:12px;overflow:hidden;transition:border-color .3s,background .3s}.category-tiles>a:hover{border-color:#a2323b;background:#1b1015}.category-tiles .ctf-visual{width:100%;height:155px;object-fit:contain;transition:transform .5s}.category-tiles>a:hover .ctf-visual{transform:translateY(-5px) rotate(5deg)}.category-tile-bottom{padding:0 20px 22px;display:flex;flex-direction:column;gap:8px}.category-tile-bottom strong{font:500 16px var(--font-heading);color:#e4e4e7;letter-spacing:-.02em}.category-tile-bottom>span{font:10px var(--font-mono);color:#a1a1aa;display:flex;justify-content:space-between}.category-tile-bottom i{font-style:normal;color:#ef4444}.about-archive{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;padding:64px;border:1px solid #ffffff12;border-radius:18px;background:radial-gradient(ellipse at 10% 50%,#7f1d1d25,transparent 60%),#0b0b0e}.about-symbol{display:flex;align-items:center;justify-content:center;font:200 110px var(--font-mono);color:#dc2626;text-shadow:0 0 70px #dc262650;letter-spacing:-.12em}.about-symbol span{font-size:60px;letter-spacing:-.1em;color:#c3babe}.about-archive h2{font-size:clamp(26px,3vw,40px);line-height:1.25}.about-archive p:not(.eyebrow){font-size:13px;line-height:1.9;color:#a1a1aa;max-width:480px;margin-bottom:24px}
/* Archive controls: the existing real filtering behavior stays intact. */
.archive-heading{padding:42px;border:1px solid #ffffff12;border-radius:18px;background:radial-gradient(ellipse at 90% 50%,#7f1d1d22,transparent 60%),#0d0d10;overflow:hidden}.archive-heading h1{font-size:clamp(34px,5vw,64px);max-width:900px;letter-spacing:-.055em}.archive-heading p:not(.eyebrow){font-size:14px;line-height:1.8}.archive-bar{padding:22px;background:#101013;border:1px solid #ffffff18;border-radius:14px;gap:16px}.archive-search{border:1px solid #ffffff20;border-radius:8px;min-height:56px;padding:6px 14px;background:#08080b;box-shadow:inset 0 2px 10px #0003}.archive-search:focus-within{border-color:#b94049;box-shadow:0 0 0 3px #7f1d1d20}.archive-search input{font-size:14px;color:#e4e4e7;min-width:0}.archive-controls{gap:14px}.archive-select{border-color:#ffffff16;border-radius:8px;padding:10px 14px;background:#0b0b0e}.archive-select>span{font-size:9px;letter-spacing:.08em}.archive-select select{font-size:12px;min-height:32px}.archive-status{display:flex;justify-content:space-between;align-items:center;padding:0 5px;font:11px var(--font-mono)}.archive-status button,.empty-panel button{border:1px solid #ffffff20;border-radius:6px;padding:8px 14px;color:#bfbfc7;font-size:11px}.archive-grid{gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.empty-panel{padding:70px 20px;border:1px dashed #7f1d1d;border-radius:14px;background:radial-gradient(ellipse,#7f1d1d18,transparent)}.empty-panel h2{font-size:28px}
/* Calm reading surface. No moving decoration below the article header. */
.article-layout{grid-template-columns:minmax(0,850px) minmax(180px,240px);gap:64px;justify-content:center}.article-main .article-header{padding:30px 0 38px;border-bottom:1px solid #ffffff18;margin-bottom:40px}.article-header h1{font-size:clamp(32px,4.3vw,58px);font-weight:500;line-height:1.15;letter-spacing:-.045em}.article-header .eyebrow{margin-bottom:18px}.article-header .card-meta{font:10px/1.8 var(--font-mono)}.article-description{font-size:16px;max-width:65ch;line-height:1.9;color:#b5b5bd}.breadcrumbs{font:10px/1.8 var(--font-mono);gap:8px;margin-bottom:34px}.breadcrumbs a:hover{color:#f87171}.markdown-body{font:16px/1.95 var(--font-sans);color:#cdccd3;max-width:80ch}.markdown-body :is(h1,h2,h3,h4){font-family:var(--font-heading);font-weight:600;letter-spacing:-.03em}.markdown-body h2{font-size:28px;padding-top:15px;margin-top:40px}.markdown-body h3{font-size:22px}.markdown-body p{line-height:1.95;margin:20px 0}.markdown-body a{color:#fca5a5;text-decoration-color:#7f1d1d}.markdown-body :not(pre)>code{border-radius:4px;padding:2px 5px;background:#231216;color:#f3b4ba;font-size:.85em}.markdown-body blockquote{border-left:2px solid #dc2626;border-radius:0 9px 9px 0;padding:16px 24px;background:linear-gradient(90deg,#32101644,#101013);color:#b7b7c1}.markdown-body table{border:1px solid #ffffff16;border-radius:8px;border-collapse:separate;border-spacing:0}.markdown-body th{background:#1b1318;color:#f1d5d8;font:500 12px var(--font-mono)}.markdown-body td,.markdown-body th{padding:12px 16px;border-bottom:1px solid #ffffff0c}.markdown-body tr:nth-child(even){background:#ffffff03}.markdown-body .md-image{padding:12px;border:1px solid #ffffff16;border-radius:12px;background:#101013}.md-image img{border-radius:6px}.md-image figcaption{font:11px/1.7 var(--font-mono);color:#a1a1aa;padding:12px 0 0}.mb-codeblock{border-radius:10px;border-color:#ffffff1c;box-shadow:0 10px 30px #0002}.mb-codeblock-header{background:linear-gradient(90deg,#211318,#121215);padding:10px 14px;border-bottom:1px solid #ffffff12}.mb-codeblock-header::before{content:'● ● ●';font-size:8px;letter-spacing:3px;color:#9c424b}.mb-codeblock-badge{margin-right:auto;color:#c5a7ad;font-size:10px}.mb-codeblock pre,.markdown-body pre,.script-source pre{background:#09090c!important;font:12px/1.85 var(--font-mono);padding:22px}.mb-action-btn{background:#ffffff04;border-color:#ffffff20;font:10px var(--font-mono);border-radius:5px;min-height:32px}.mb-action-btn:hover{border-color:#ef4444;background:#7f1d1d25}.toc-wrapper{background:#0e0e11;border:1px solid #ffffff16;border-radius:12px;padding:22px}.toc-wrapper summary{font:500 15px var(--font-heading);color:#e4e4e7}.toc-nav{font-size:11px;line-height:1.8}.toc-nav a{display:inline-block;padding:3px 0}.toc-nav a.active{color:#fda4af;border-left:1px solid #ef4444;padding-left:8px}.article-toc{top:110px;margin-top:30px}.reading-progress{height:2px}.reading-progress span{box-shadow:0 0 12px #dc2626}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px}.post-nav-item{display:flex;flex-direction:column;gap:10px;padding:22px}.post-nav-item strong{font:500 16px/1.5 var(--font-heading)}.related h2{font-size:25px}.related a{padding:18px 16px;border:1px solid #ffffff14;border-radius:8px;background:#0e0e11;margin-top:10px}.related a:hover{border-color:#7f1d1d}.solution-scripts{border-color:#ffffff18}.solution-scripts h2{font-size:28px}.solution-scripts select{padding:12px 16px;border-color:#6c2931;background:#160f13;border-radius:7px;font:11px var(--font-mono);min-height:44px}.script-panel{background:#09090c;border:1px solid #ffffff18;border-radius:10px}.script-panel.main-solver{border-top:2px solid #dc2626}.script-header{background:linear-gradient(90deg,#281017,#101013);font-size:11px;padding:16px 20px}.script-actions{padding:12px 20px}.script-panel>p{padding:12px 20px}.script-source{border-top:1px solid #ffffff0c}.script-source .ln,.chroma .ln{color:#6d6570;border-right:1px solid #ffffff0c;padding-right:14px;margin-right:14px;user-select:none}.solver-badge{font-size:9px;border:1px solid #9b2836;background:#4c111c}.script-requirements{font:11px/1.8 var(--font-mono);color:#b2a5ad}
/* Footer */
.archive-footer{max-width:1320px;width:calc(100% - 80px);margin:20px auto 0;border-top:1px solid #ffffff18;padding-top:50px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:35px}.footer-top>p{font:14px/1.8 var(--font-heading);color:#a1a1aa}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;font-size:11px;color:#b9b9c2}.footer-wordmark{font:600 clamp(80px,17vw,240px)/1.2 var(--font-heading);letter-spacing:-.075em;color:#18181d;margin:24px 0 0;overflow:hidden;user-select:none}.footer-wordmark span{color:#65151e}.footer-bottom{border-top:1px solid #ffffff10;padding:22px 0;display:flex;justify-content:space-between;gap:20px;font:8px/1.7 var(--font-mono);letter-spacing:.05em;color:#a1a1aa}
/* Progressive cursor never replaces native text/form cursors. */
.custom-cursor{position:fixed;left:0;top:0;width:36px;height:36px;border:1px solid #ef444499;border-radius:50%;z-index:1000;pointer-events:none;display:grid;place-items:center;opacity:0;transition:width .22s,height .22s,border-color .22s,background .22s,opacity .2s;will-change:transform;font:8px var(--font-mono);letter-spacing:.08em;color:white;mix-blend-mode:normal}.cursor-dot{position:fixed;left:0;top:0;width:4px;height:4px;background:#ef4444;border-radius:50%;z-index:1001;pointer-events:none;opacity:0;will-change:transform}.custom-cursor[data-active="true"]{width:64px;height:64px;background:#a51624c9;border-color:#ff8b95;box-shadow:0 0 30px #dc262622}.custom-cursor[data-visible="true"],.cursor-dot[data-visible="true"]{opacity:1}
@media(min-width:1600px){.cinematic-hero{min-height:730px}.hero-art{height:540px}}
@media(max-width:1150px){.brand-sub{display:none}.site-nav nav{gap:18px}.cinematic-hero{padding:28px 30px 0;min-height:650px}.hero-art{height:430px}.hero-copy{padding:50px 0}.hero-bottom-label{display:none}.floating-panel{padding:12px}.panel-cipher{right:-15px}.panel-memory{left:5px}.latest-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{gap:35px}.card-art{height:120px}.category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-toc{grid-row:1;position:static;margin:0}.toc-wrapper{padding:15px 20px}.toc-nav{max-height:180px;overflow:auto}.article-main{max-width:850px;margin:auto}.hero-copy>.eyebrow{max-width:230px}.cinematic-hero h1{font-size:64px}.hero-bottom{gap:15px}.about-archive{padding:40px;gap:30px}.about-symbol{font-size:80px}.about-symbol span{font-size:44px}.section-stack--home{gap:80px}}
@media(max-width:760px){.layout-page{padding:26px 20px 60px}.home-page{padding:12px 12px 60px}.site-nav{padding:16px 20px;gap:15px}.site-nav nav{align-items:stretch;gap:4px 22px;padding:12px 0 0}.site-nav nav a{font-size:14px}.motion-toggle{min-height:40px}.brand{font-size:21px}.section-stack--home{gap:65px}.home-page .section-stack--home>section:not(.cinematic-hero){margin-left:8px;margin-right:8px}.cinematic-hero{display:flex;flex-direction:column;min-height:0;padding:24px 25px 0;border-radius:17px}.hero-topline{font-size:7px;width:100%}.hero-topline>span:last-child{display:none}.hero-copy{padding:38px 0 0;align-self:stretch}.hero-copy>.eyebrow{font-size:8px;max-width:none;margin-bottom:20px}.cinematic-hero h1{font-size:clamp(52px,12vw,86px)}.hero-description{font-size:12px;margin:22px 0;max-width:390px}.hero-actions{gap:9px}.hero-actions>a{padding:12px 14px;font-size:10px;min-height:46px;gap:10px}.hero-art{width:100%;height:335px;margin:6px 0 0;align-self:center;max-width:440px}.hero-fallback,#hero-scene{width:110%;height:110%;inset:-5%}.floating-panel{padding:10px 12px;gap:6px}.floating-panel code{font-size:8px}.panel-index{font-size:6px}.panel-cipher{right:-9px;top:57px}.panel-memory{left:-5px;bottom:45px}.signal-bars{font-size:10px}.coordinate-top{font-size:6px;top:9%;left:8%}.coordinate-bottom{font-size:6px;bottom:4%}.hero-bottom{width:100%;min-height:72px;justify-content:center}.archive-summary{gap:20px;font-size:8px}.archive-summary strong{font-size:20px}.scroll-cue{display:none}.section-heading{gap:20px;margin-bottom:24px;align-items:flex-start}.section-heading h2{font-size:30px}.section-heading .section-link{font-size:10px;gap:12px;max-width:125px}.section-heading>p{display:none}.eyebrow{font-size:8px}.latest-grid,.archive-grid{grid-template-columns:1fr;gap:18px}.card-art{height:125px}.card-art .ctf-visual{width:220px;height:220px;top:-45px}.card-content{padding:23px}.writeup-card h3{font-size:21px}.writeup-card p{font-size:12px}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.event-tile{min-height:190px;padding:20px 16px}.event-tile h3{font-size:18px;max-width:100%;margin:20px 0}.event-number,.event-bottom{font-size:8px}.event-signal{display:none}.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-tiles .ctf-visual{height:130px}.category-tile-bottom{padding:0 16px 18px}.category-tile-bottom strong{font-size:14px}.category-tile-bottom>span{font-size:8px}.about-archive{grid-template-columns:1fr;padding:30px;gap:25px}.about-symbol{font-size:80px;height:110px;justify-content:flex-start}.about-archive h2{font-size:27px}.archive-heading{padding:28px 24px;border-radius:14px}.archive-heading h1{font-size:36px}.archive-heading p:not(.eyebrow){font-size:12px}.archive-bar{padding:16px}.archive-select{flex-basis:100%}.archive-status{font-size:9px}.archive-status button{font-size:9px;padding:8px 10px}.article-header h1{font-size:34px}.article-description{font-size:14px}.breadcrumbs{font-size:9px}.markdown-body{font-size:15px;line-height:1.9}.markdown-body h2{font-size:25px}.markdown-body h3{font-size:21px}.mb-codeblock pre,.markdown-body pre,.script-source pre{padding:16px;font-size:11px}.post-nav{grid-template-columns:1fr}.archive-footer{width:calc(100% - 40px);padding-top:30px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top>.brand{width:100%}.footer-top>p{font-size:12px}.footer-top nav{font-size:10px;gap:10px 20px}.footer-wordmark{font-size:20vw;margin-top:30px}.footer-bottom{flex-wrap:wrap;font-size:7px}.footer-bottom>span:nth-child(2){display:none}.custom-cursor,.cursor-dot{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.custom-cursor,.cursor-dot{display:none!important}.writeup-card:hover,.floating-panel:hover,.category-tiles>a:hover .ctf-visual,.writeup-card:hover .ctf-visual{transform:none!important}}
html:is([data-motion="off"],[data-motion="reduced"]) :is(.floating-panel,.ctf-visual){transition:none;transform:none!important}
.nav-disclosure{position:relative;margin-left:-18px}.nav-disclosure>summary{list-style:none;cursor:pointer;min-width:24px;min-height:32px;display:grid;place-items:center;color:#a1a1aa}.nav-disclosure>summary::-webkit-details-marker{display:none}.nav-disclosure[open]>summary{color:#f87171}.nav-dropdown{position:absolute;top:calc(100% + 14px);right:-40px;width:245px;padding:12px;background:#121215fa;backdrop-filter:blur(20px);border:1px solid #ffffff24;border-radius:12px;box-shadow:0 20px 50px #0009;animation:dropdown-enter .2s ease}.site-nav .nav-dropdown a{display:flex;justify-content:space-between;padding:10px 12px;font-size:12px;border-radius:5px}.site-nav .nav-dropdown a:hover{background:#7f1d1d20}.site-nav .nav-dropdown a::after{display:none}.nav-dropdown a span{color:#ef4444}@keyframes dropdown-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(max-width:760px){.nav-disclosure{margin-left:-14px;align-self:center}.nav-dropdown{right:auto;left:-120px;top:100%;z-index:10}.site-nav nav .nav-dropdown a{font-size:12px}}.script-source{scrollbar-color:#64303a #0b0b0e;scrollbar-width:thin}
.script-tabs{display:flex;gap:4px;overflow-x:auto;padding:8px 6px 0;border-bottom:1px solid #ffffff16;margin-top:22px;scrollbar-width:thin}.script-tabs button{font:10px var(--font-mono);white-space:nowrap;min-height:42px;padding:10px 15px;color:#a1a1aa;border-bottom:2px solid transparent;border-radius:6px 6px 0 0}.script-tabs button[aria-selected="true"]{color:#fda4af;border-bottom-color:#ef4444;background:#41101d44}.script-tabs button:hover{color:#fff;background:#ffffff05}.script-source code{counter-reset:source-line}.script-source .line::before{counter-increment:source-line;content:counter(source-line);display:inline-block;min-width:3ch;flex-shrink:0;margin-right:16px;padding-right:12px;border-right:1px solid #ffffff0b;text-align:right;color:#76656e;user-select:none}
.archive-bar .archive-search{width:100%;max-width:none;flex:auto}.category-all{justify-content:space-between;background:radial-gradient(ellipse at 100% 0%,#7f1d1d35,transparent),#110d10!important}.category-all-arrow{padding:25px 25px 0;text-align:right;font:300 62px/1 var(--font-heading);color:#ef4444}.category-all .category-tile-bottom{margin-top:25px}.writeup-card .card-meta{font-size:10px}.card-content .card-bottom .read-label{color:#e9afb6}
.site-nav{position:relative}.nav-disclosure summary span{transition:transform .2s}.nav-disclosure[open] summary span{transform:rotate(180deg)}@media(max-width:760px){.nav-disclosure{position:static}.nav-dropdown{left:0;right:0;top:100%;width:auto;margin:0 12px}.menu-toggle[aria-expanded="true"]+nav{animation:dropdown-enter .2s ease}}
.category-tiles .category-all-arrow{font:300 62px/1 var(--font-heading);color:#ef4444}
/* Discovery / purpose-built dark menus, mounted above all clipping containers. */
.archive-bar{position:relative;background:linear-gradient(120deg,#18121788,#0d0d10);padding:24px}.archive-search{position:relative;padding-left:20px}.archive-search::before{content:'⌕';font:28px var(--font-heading);color:#e5a0a7;margin-right:10px}.archive-search input{flex:1;width:100%;padding:8px 0}.archive-select{padding:12px 16px}.archive-select>span{color:#b4a5aa;font-size:9px}.filter-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;color:#e7e4e8;font:500 13px var(--font-heading);background:none;border:0;padding:8px 0;min-height:40px}.filter-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-chevron{color:#d8a0a6;font-size:20px;transition:transform .2s}.filter-trigger[aria-expanded="true"] .filter-chevron{transform:rotate(180deg)}.archive-select:has([aria-expanded="true"]){border-color:#b74350;box-shadow:0 0 0 3px #7f1d1d25}.filter-popup{position:fixed;z-index:100;overflow:hidden;padding:16px;background:linear-gradient(145deg,#20171d,#101014 65%);border:1px solid #67303d;border-radius:14px;box-shadow:0 24px 80px #000b,inset 0 1px 0 #ffffff0a;animation:dropdown-enter .18s ease;color:#f5f5f5;isolation:isolate}.filter-popup-heading{font:9px var(--font-mono);letter-spacing:.13em;color:#d7929d;margin-bottom:13px}.filter-menu-search{width:100%;border:1px solid #ffffff20;border-radius:7px;padding:11px 12px;background:#08080c;color:#f5f5f5;font:12px var(--font-sans);min-width:0;outline-offset:2px;margin-bottom:12px}.filter-menu-search::placeholder{color:#9f919d}.filter-options{overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#70313f #141015;scrollbar-width:thin;padding:2px 5px 2px 2px}.filter-option{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:43px;padding:10px 12px;font-size:12px;line-height:1.5;border:1px solid transparent;border-radius:7px;color:#cfc8d1;cursor:pointer;margin-bottom:3px;transition:background .15s,border-color .15s}.filter-option:hover,.filter-option.is-active{background:#ffffff06;border-color:#ffffff16;color:white}.filter-option[aria-selected="true"]{background:linear-gradient(90deg,#791e354d,#3a17222b);border-color:#b7435066;color:#ffd3da}.filter-option[aria-selected="true"]>span:first-child::before{content:'✓';color:#f87171;margin-right:10px}.filter-option-count{padding:2px 7px;background:#ffffff06;border:1px solid #ffffff0d;border-radius:5px;color:#c5a2ad;font:10px var(--font-mono);flex-shrink:0}.filter-menu-hint{font:8px/1.5 var(--font-mono);letter-spacing:.02em;color:#a693a1;padding:12px 3px 0;border-top:1px solid #ffffff0c;margin-top:10px}.filter-menu-empty{font-size:12px;line-height:1.8;color:#c1a5b1;padding:15px 8px}.filter-selection{display:flex;flex-wrap:wrap;gap:8px}.selected-filter{padding:7px 12px;min-height:34px;border:1px solid #803442;border-radius:20px;background:#3c101e55;font:10px var(--font-mono);color:#ffd0d8;max-width:100%;overflow-wrap:anywhere}.selected-filter:hover{background:#6c1e35}.discipline-strip{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 20px;border-bottom:1px solid #ffffff12}.discipline-strip button{display:flex;align-items:center;gap:10px;border:1px solid #ffffff18;border-radius:7px;padding:10px 12px;background:#101014;color:#a9a2ac;min-height:40px;transition:background .2s,border-color .2s,transform .2s}.discipline-strip strong{font:500 11px var(--font-heading)}.discipline-strip button>span{font:9px var(--font-mono);padding:2px 5px;border-radius:4px;background:#ffffff05}.discipline-strip button[aria-pressed="true"]{border-color:#a9364b;background:linear-gradient(120deg,#4d1727,#211019);color:#ffd9e0}.discipline-strip button:hover{border-color:#954052;transform:translateY(-2px)}.archive-status [role="status"]{font-size:11px;color:#c9c1cb}.flag-display{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 20px;margin:24px 0!important;border:1px solid #9b324a77;border-left:3px solid #ef4444;border-radius:9px;background:radial-gradient(ellipse at 0% 50%,#7f1d1d30,transparent),#110d12}.flag-display>strong{font:10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#e8a7b3}.markdown-body .flag-display>code{flex:1;min-width:0;overflow-wrap:anywhere;background:none;border:0;padding:0;color:#ffc1d0;font-size:12px}.flag-copy{margin-left:auto;flex-shrink:0;min-height:36px;border:1px solid #743044;border-radius:6px;padding:7px 12px;background:#32111f;color:#f7c4d0;font:10px var(--font-mono)}.flag-copy:hover{border-color:#ef4444;background:#541a30}.markdown-body .table-wrap{border:1px solid #ffffff16;border-radius:10px;background:#0c0c10;overflow:auto}.markdown-body .table-wrap table{display:table;width:100%;border:0;border-radius:0;min-width:480px}.markdown-body th{padding:16px;color:#efcbd3;background:linear-gradient(90deg,#24111d,#171016);text-align:left}.markdown-body td{font-size:13px;line-height:1.8;padding:14px 16px}.markdown-body tr:last-child td{border-bottom:0}.technical-callout{position:relative;border-left-color:#b94a6a!important;padding:18px 24px!important}.technical-callout::before{content:attr(data-callout);display:block;font:10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#f5b3c4;margin-bottom:8px}.technical-callout[data-callout="Warning"]{border-left-color:#e9996b!important;background:linear-gradient(90deg,#51271944,#101013)!important}.solution-scripts[data-tabs-ready="true"]>label,.solution-scripts[data-tabs-ready="true"]>select{display:none}.script-tabs{background:#101014;border:1px solid #ffffff18;border-bottom:0;border-radius:10px 10px 0 0;padding:8px 8px 0}.script-tabs button{padding:13px 18px;min-height:46px}.script-tabs button[data-main-solver="true"]::before{content:'◆';color:#ef4444;margin-right:8px}.script-tabs+.script-panel{margin-top:0;border-radius:0 0 10px 10px}.script-header{gap:14px}.source-size{margin-left:auto;color:#b8a4b2;font-size:10px}.script-panel.main-solver{box-shadow:0 0 30px #7f1d1d0a}.article-header{background:radial-gradient(ellipse at 80% 0%,#7f1d1d13,transparent 60%)}.toc-nav a:hover{color:#fda4af;background:#7f1d1d15}.toc-nav a{transition:color .18s,background .18s,border-color .18s}.article-toc .toc-wrapper{border-top-color:#66303e}.related a::after{content:'↗';float:right;color:#ef4444}.reading-progress span{transition:transform .12s linear}
@media(max-width:760px){.archive-bar{padding:16px}.filter-popup{padding:14px;border-radius:12px}.filter-trigger{font-size:13px}.discipline-strip{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:14px}.discipline-strip button{white-space:nowrap;flex-shrink:0;padding:9px 11px}.flag-display{padding:16px;gap:12px}.flag-display>strong{width:100%}.markdown-body .flag-display>code{flex-basis:100%;font-size:11px}.flag-copy{margin-left:0}.source-size{margin-left:0}.script-tabs button{font-size:10px;padding:12px}.filter-menu-hint{font-size:8px}}
.solution-scripts[data-tabs-ready="true"] .script-panel{margin-top:0;border-radius:0 0 10px 10px}.filter-menu-search:focus-visible{outline:1px solid #ed778e;outline-offset:2px}
.script-actions .mb-action-btn{width:auto;min-width:0;flex:0 0 auto;white-space:nowrap;height:auto;min-height:38px;padding:9px 12px}.discipline-strip{scrollbar-color:#65303e #111015}.filter-option-count:empty{display:none}@media(max-width:760px){.filter-menu-search,.archive-search input{font-size:16px}.script-actions{gap:10px;padding:14px 16px}}
@media(max-width:760px){.filter-menu-hint{display:none}.filter-popup{box-shadow:0 20px 90px #000d,0 0 0 100vmax #0005}.filter-options{max-height:320px}}
.archive-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.archive-controls .archive-select{width:auto;min-width:0}.markdown-body .table-wrap{width:100%;max-width:100%;margin-left:0;margin-right:0;scrollbar-color:#65303e #111015;scrollbar-width:thin;overscroll-behavior-x:contain}.markdown-body td:first-child code{white-space:nowrap;word-break:normal}.table-scroll-hint{display:none}@media(max-width:760px){.archive-controls{grid-template-columns:1fr}.markdown-body .table-wrap{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.table-scroll-hint{display:block;text-align:right;font:9px/1.7 var(--font-mono);color:#b995a4;margin-top:8px}}
html:is([data-motion="off"],[data-motion="reduced"]) .filter-popup{animation:none}html:is([data-motion="off"],[data-motion="reduced"]) .discipline-strip button{transition:none;transform:none}@media(prefers-reduced-motion:reduce){.discipline-strip button:hover{transform:none}}