:root{--paper: #efe6c8;--paper-line: #d8cba4;--paper-ink: #2a2010;--paper-dim: #5a4a30;--stamp-ink: #a8281c;--paper-shadow: #a89a70;--note-title: #7a3a1a;--cork: #8a5a34;--cork-frame: #5b3a22;--pin-shadow: #6a1a14;--pane-ink: #d8d2c2}.site-nav{display:flex;align-items:center;gap:var(--gap-l);flex-wrap:wrap;padding:14px var(--gutter);max-width:var(--max-width);margin:0 auto}.site-nav .logo{text-decoration:none;margin-right:auto}.site-nav ul{display:flex;gap:var(--gap-m);list-style:none;margin:0;padding:0}.site-nav a.link{font-family:var(--pix);font-size:9px;color:var(--dim);text-decoration:none;padding:8px 4px;border-bottom:3px solid transparent}.site-nav a.link:hover,.site-nav a.link[aria-current=page]{color:var(--amber);border-bottom-color:var(--amber)}.section{max-width:var(--max-width);margin:0 auto;padding:64px var(--gutter)}.section-kicker{font-family:var(--pix);font-size:9px;color:var(--teal);margin:0 0 10px}.section h2{font-family:var(--pix);font-size:clamp(14px,2.4vw,20px);line-height:1.5;color:var(--amber);text-shadow:0 3px 0 var(--amber-shadow);margin:0 0 14px}.section .lead{font-family:var(--vt);font-size:26px;line-height:1.15;max-width:760px;margin:0 0 28px}.section p{color:var(--pane-ink);line-height:1.6}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:#05060c}.hero>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;image-rendering:pixelated;image-rendering:crisp-edges}@media(max-aspect-ratio:1/1){.hero>canvas{object-position:25% 100%}}.hero .site-nav{position:relative;width:100%}.hero-box{position:relative;margin:auto;background:#060812d1;border:3px solid var(--amber);box-shadow:0 10px #0009;padding:28px;max-width:600px;width:calc(100% - 2 * var(--gutter));text-align:center}.hero-box h1{font-family:var(--pix);color:var(--amber);font-size:clamp(18px,4vw,30px);line-height:1.45;margin:0 0 10px;text-shadow:0 3px 0 var(--amber-shadow)}.hero-box .tagline{font-family:var(--vt);font-size:clamp(24px,3.4vw,32px);margin:0 0 22px}.hero-box .btn{font-size:11px;padding:14px 16px}.hero-box .secondary{display:block;margin-top:16px;font-family:var(--vt);font-size:22px;color:var(--teal)}.hero-scroll{position:relative;text-align:center;font-family:var(--pix);font-size:8px;color:var(--dim);padding-bottom:18px}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:22px}.step{margin:0}.step canvas{display:block;width:100%;aspect-ratio:128 / 88;image-rendering:pixelated;image-rendering:crisp-edges;background:#000;border-bottom:var(--border) solid var(--line)}.step figcaption{padding:14px}.step b{display:block;font-family:var(--pix);font-size:10px;color:var(--amber);margin-bottom:8px;line-height:1.5}.step span{font-family:var(--vt);font-size:21px;line-height:1.1}.live{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}@media(max-width:860px){.live{grid-template-columns:minmax(0,1fr)}}.live textarea{display:block;width:100%;min-height:120px;resize:vertical;background:var(--editor);color:var(--sql-text);caret-color:var(--amber);border:none;border-bottom:var(--border) solid var(--line);padding:12px 14px;font-family:var(--mono);font-size:14px;line-height:1.55}.live textarea:focus{outline:2px solid var(--amber);outline-offset:-2px}.live .term-head{display:flex;align-items:center;gap:var(--gap-s);padding:10px var(--gap-m);border-bottom:var(--border) solid var(--line)}.live .term-title{font-family:var(--pix);font-size:8px;color:var(--green);flex:1}.live-out{max-height:260px;overflow:auto;background:var(--results)}.live-out .empty,.live-out .err,.live-out .rmeta{font-family:var(--vt);font-size:20px;padding:12px;color:var(--dim)}.live-out .err{color:var(--err-ink);background:var(--err-well);border-left:4px solid var(--red)}.live-out .rmeta{font-size:18px;padding:6px 12px;border-bottom:1px solid var(--line)}.live-out table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:12.5px}.live-out th{background:var(--th);color:var(--amber);text-align:left;padding:6px 10px;white-space:nowrap}.live-out td{padding:5px 10px;border-bottom:1px solid var(--td-line);white-space:nowrap}.speech[hidden]{display:none}.speech{display:flex;gap:var(--gap-m);align-items:center;padding:var(--gap-m)}.speech canvas{flex:0 0 72px;width:72px;height:78px;background:var(--portrait);border:var(--border) solid var(--line);image-rendering:pixelated}.speech p{font-family:var(--vt);font-size:24px;line-height:1.1;margin:0;color:var(--ink)}.speech b{display:block;font-family:var(--pix);font-size:9px;color:#7fb2ff;font-weight:400;margin-bottom:6px}.dossiers{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:30px 26px}.dossier{position:relative;background:var(--paper);color:var(--paper-ink);box-shadow:0 4px 0 var(--paper-shadow);transform:rotate(var(--r, 0deg));padding:22px 18px 18px;display:flex;flex-direction:column;gap:10px;height:100%}.dossier:before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;background:var(--red);border-radius:50%;box-shadow:0 1px 0 var(--pin-shadow)}.dossier .num{font-family:var(--pix);font-size:7px;color:var(--paper-dim)}.dossier h3{font-family:var(--pix);font-size:11px;line-height:1.6;color:var(--note-title);margin:0}.dossier .meta{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--vt);font-size:20px;color:var(--paper-dim)}.dossier .lupas{letter-spacing:2px}.dossier .lupas .off{opacity:.25;filter:grayscale(1)}.dossier p{margin:0;font-size:14.5px;line-height:1.5;color:var(--paper-ink)}.concepts{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}.concepts li{font-family:var(--mono);font-size:11.5px;padding:2px 6px;border:1px solid var(--paper-line);background:#ffffff59}.dossier .btn{align-self:flex-start;margin-top:auto}.dossier .status{font-family:var(--pix);font-size:7px;color:var(--green-deep)}.stamp-soon{align-self:flex-start;margin:auto 0 0 6px;font-family:var(--pix);font-size:11px;color:var(--stamp-ink);border:3px solid var(--stamp-ink);padding:8px 10px;transform:rotate(-14deg);background:#efe6c8bf}.syllabus-board{background:var(--cork);border:6px solid var(--cork-frame);border-radius:var(--radius-sm);padding:12px}.syllabus-board svg{display:block;width:100%;height:auto}.sy-shadow{fill:var(--paper-shadow)}.sy-paper{fill:var(--paper)}.sy-level{font-family:var(--pix);font-size:9px;fill:var(--note-title)}.sy-label{font-family:var(--mono);font-weight:600;font-size:16px;fill:var(--paper-ink)}.sy-note{font-family:var(--vt);font-size:21px;fill:var(--paper-dim)}.sy-thread{fill:none;stroke:var(--red);stroke-width:3}.sy-pin{fill:var(--red);stroke:var(--pin-shadow);stroke-width:2}.syllabus-list{list-style:none;margin:0;padding:0 0 0 18px;border-left:3px solid var(--red);display:grid;gap:12px}.syllabus-list li{position:relative;background:var(--paper);color:var(--paper-ink);padding:8px 12px;box-shadow:0 3px 0 var(--paper-shadow);font-family:var(--vt);font-size:21px}.syllabus-list li:before{content:"";position:absolute;left:-26px;top:12px;width:12px;height:12px;background:var(--red);border-radius:50%}.syllabus-list small{display:block;font-family:var(--pix);font-size:7px;color:var(--note-title)}@media(min-width:760px){.syllabus-list{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}@media(max-width:759px){.syllabus-board{display:none}}.teach{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px;list-style:none;padding:0;margin:0 0 28px}.teach li{padding:16px}.teach b{display:block;font-family:var(--pix);font-size:9px;color:var(--teal);line-height:1.5;margin-bottom:8px}.site-footer{border-top:var(--border) solid var(--line);margin-top:40px}.site-footer .inner{max-width:var(--max-width);margin:0 auto;padding:32px var(--gutter) 48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:22px}.site-footer h2{font-family:var(--pix);font-size:9px;color:var(--amber);margin:0 0 10px}.site-footer p,.site-footer li{color:var(--dim);font-size:14px;line-height:1.6;margin:0}.site-footer a{color:var(--teal)}.site-footer ul{list-style:none;padding:0;margin:0}.map{position:relative}.map canvas{display:block;width:100%;aspect-ratio:256 / 144;image-rendering:pixelated;image-rendering:crisp-edges;background:#000}.map .building{position:absolute;border:var(--border) dashed transparent;background:none;padding:0;cursor:pointer}.map .building:hover,.map .building:focus-visible,.map .building.on{border-color:var(--amber);outline:none}.map .building[aria-disabled=true]{cursor:not-allowed}.map-card{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:min(520px,calc(100% - 16px));background:#060812eb;border:var(--border) solid var(--amber);padding:10px 14px;font-family:var(--vt);font-size:20px;pointer-events:none}.map-card b{display:block;font-family:var(--pix);font-size:9px;color:var(--amber);line-height:1.5;margin-bottom:4px}.map-legend{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:12px 14px;margin:0;font-family:var(--vt);font-size:19px;color:var(--dim);border-top:var(--border) solid var(--line)}