:root,[data-theme=night]{--bg:#0f1224;--bg-deep:#0a0c1a;--panel:#181c36;--panel-raised:#20254a;--border:#2a3060;--border-strong:#3a4280;--text:#eceefa;--muted:#9aa3c7;--accent-yellow:#ffd23f;--accent-yellow-ink:#14172e;--accent-cyan:#4cc9f0;--accent-coral:#ff5d73;--track-gameplay:#b388ff;--track-systems:#6ee7a0;--shadow-pixel:#05060f;--text-main:var(--text);--accent-green:var(--track-systems);--bg-hover:var(--panel-raised)}[data-theme=day]{--bg:#f6f3ea;--bg-deep:#eae5d6;--panel:#fff;--panel-raised:#fbf8ef;--border:#1b1f3b;--border-strong:#1b1f3b;--text:#14172e;--muted:#4a5077;--accent-yellow:#ffd23f;--accent-yellow-ink:#14172e;--accent-cyan:#0b6e99;--accent-coral:#c42d45;--track-gameplay:#6c3fd1;--track-systems:#12805a;--shadow-pixel:#1b1f3b}:root{--font-display:"Silkscreen", monospace;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--fs-h1-title:clamp(2.25rem, 4vw + 1rem, 4rem);--fs-h1-inner:clamp(1.75rem, 2.5vw + 1rem, 2.5rem);--fs-h2:clamp(1.75rem, 2.5vw + 1rem, 2.5rem);--fs-h3:clamp(1.25rem, 1vw + 1rem, 1.375rem);--fs-body:clamp(1rem, .25vw + .95rem, 1.0625rem);--fs-body-lg:clamp(1rem, .35vw + .95rem, 1.125rem);--fs-body-sm:.9375rem;--fs-label:.875rem;--fs-chip:.8125rem;--lh-h1-title:1.1;--lh-h1-inner:1.15;--lh-h2:1.15;--lh-h3:1.25;--lh-body:1.65;--lh-body-lg:1.7;--lh-body-sm:1.55;--lh-label:1.2;--lh-chip:1;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--sp-24:96px;--sp-32:128px;--container-max:1120px;--container-bonus:960px;--container-recruiter:760px;--container-px:24px;--hud-height:56px;--bottom-bar-height:56px;--grid-gap:24px;--section-py:96px}@media (width<=479px){:root{--container-px:16px}}@media (width<=767px){:root{--grid-gap:16px;--section-py:64px}}.pixel-box{background:var(--panel);border:2px solid var(--border);box-shadow:4px 4px 0px var(--shadow-pixel);position:relative}.pixel-notched{clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}.bg-dotgrid{background-image:radial-gradient(circle, var(--muted) 1px, transparent 1px);opacity:.06;background-size:32px 32px}.bg-starfield{pointer-events:none;z-index:-1;position:fixed;inset:0}@font-face{font-family:Silkscreen;src:url(/fonts/Silkscreen-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/Silkscreen-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;max-width:100vw;overflow-x:clip}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;min-height:100vh;overflow-x:clip}body:before{content:"";background-image:radial-gradient(circle, var(--muted) 1px, transparent 1px);opacity:.06;pointer-events:none;z-index:-2;background-size:32px 32px;position:fixed;inset:0}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}ul,ol{list-style:none}a{color:var(--accent-cyan);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);font-weight:400}h1{font-size:var(--fs-h1-title);line-height:var(--lh-h1-title)}h2{font-size:var(--fs-h2);line-height:var(--lh-h2)}h3{font-size:var(--fs-h3);line-height:var(--lh-h3)}.body-lg{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);max-width:68ch}.body-sm{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm)}.eyebrow{font-family:var(--font-display);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.08em;line-height:var(--lh-label);color:var(--accent-yellow)}.mono{font-family:var(--font-mono)}.text-muted{color:var(--muted)}code{font-family:var(--font-mono);overflow-wrap:anywhere;word-break:break-word}pre{font-family:var(--font-mono);max-width:100%;overflow-x:auto}.prose code,.prose pre{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-px);margin-inline:auto}.container--bonus{max-width:var(--container-bonus)}.container--recruiter{max-width:var(--container-recruiter)}.section{padding-block:var(--section-py)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--accent-yellow);color:var(--accent-yellow-ink);font-family:var(--font-display);font-size:var(--fs-label);text-transform:uppercase;border:2px solid var(--border);padding:8px 16px;text-decoration:none;position:absolute;top:-100%;left:8px}.skip-link:focus{top:8px}:focus-visible{outline:3px solid var(--accent-cyan);outline-offset:2px}.btn{font-family:var(--font-display);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--border);box-shadow:4px 4px 0 var(--shadow-pixel);cursor:pointer;white-space:nowrap;transition:transform var(--dur-fast,.12s) ease, box-shadow var(--dur-fast,.12s) ease, border-color var(--dur-fast,.12s) ease;justify-content:center;align-items:center;gap:8px;padding:12px 24px;line-height:1;text-decoration:none;display:inline-flex}.btn:hover,.btn:focus-visible{box-shadow:6px 6px 0 var(--shadow-pixel);border-color:var(--border-strong);text-decoration:none;transform:translate(-2px,-2px)}.btn:active{box-shadow:0 0 0 var(--shadow-pixel);transform:translate(2px,2px)}.btn-primary{background:var(--accent-yellow);color:var(--accent-yellow-ink);border-color:var(--accent-yellow-ink)}.btn-secondary{background:var(--panel);color:var(--text)}.btn-tertiary{color:var(--muted);border-color:var(--border);box-shadow:none;background:0 0}.btn-tertiary:hover,.btn-tertiary:focus-visible{color:var(--text);box-shadow:none;transform:none}.btn-sm{font-size:var(--fs-chip);padding:8px 16px}.badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border:2px solid;align-items:center;gap:4px;padding:4px 10px;font-size:12px;line-height:1;display:inline-flex}.badge-shipped{background:var(--accent-yellow);color:var(--accent-yellow-ink);border-color:var(--accent-yellow-ink)}.badge-playable{background:var(--accent-cyan);color:var(--accent-yellow-ink);border-color:var(--accent-yellow-ink)}.badge-jam{color:var(--accent-coral);border-color:var(--accent-coral);background:0 0}.badge-prototype{color:var(--muted);border-color:var(--border);background:0 0}.badge-tutorial,.badge-template{color:var(--muted);border-color:var(--border);background:0 0;font-size:12px}.badge-in-progress{background:var(--accent-cyan);color:var(--accent-yellow-ink);border-color:var(--accent-yellow-ink)}.badge-track{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border:2px solid;align-items:center;gap:4px;padding:4px 10px;font-size:12px;line-height:1;display:inline-flex}.badge-track--gameplay{color:var(--track-gameplay);border-color:var(--track-gameplay)}.badge-track--systems{color:var(--track-systems);border-color:var(--track-systems)}.badge-track--both{color:var(--accent-cyan);border-color:var(--accent-cyan)}.chip{font-family:var(--font-mono);font-size:var(--fs-chip);line-height:var(--lh-chip);color:var(--muted);background:var(--bg-deep);border:1px solid var(--border);align-items:center;padding:4px 8px;display:inline-flex}.chip-more{color:var(--accent-cyan);background:0 0;border-style:dashed}.filter-chip{min-height:44px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--panel);border:2px solid var(--border);cursor:pointer;transition:background var(--dur-fast,.12s) ease, color var(--dur-fast,.12s) ease, border-color var(--dur-fast,.12s) ease;align-items:center;gap:8px;padding:8px 16px;font-size:12px;line-height:1;display:inline-flex}.filter-chip:hover{border-color:var(--border-strong);color:var(--text)}pre{background:var(--bg-deep);border:2px solid var(--border);font-family:var(--font-mono);padding:16px;font-size:.875rem;line-height:1.55;overflow-x:auto}code{font-family:var(--font-mono);font-size:.9em}:not(pre)>code{background:var(--bg-deep);border:1px solid var(--border);padding:2px 6px}dl{grid-template-columns:auto 1fr;gap:4px 16px;display:grid}dt{font-family:var(--font-display);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}dd{font-size:var(--fs-body-sm)}hr{border:none;border-top:2px solid var(--border);margin-block:var(--sp-8)}.hud{z-index:100;height:var(--hud-height);background:var(--panel);border-bottom:2px solid var(--border);padding-inline:var(--container-px);align-items:center;display:flex;position:sticky;top:0}.hud-inner{width:100%;max-width:var(--container-max);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;display:flex}.hud-logo{min-width:44px;min-height:44px;color:var(--text);flex-shrink:0;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:flex}.hud-logo-mark{width:24px;height:24px}.hud-logo-wordmark{font-family:var(--font-display);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}@media (width<=479px){.hud-logo-wordmark{display:none}}.hud-nav{display:none}@media (width>=1024px){.hud-nav{align-items:center;gap:24px;display:flex}}.hud-nav a{font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease;border-bottom:3px solid #0000;padding-bottom:4px;text-decoration:none}.hud-nav a:hover,.hud-nav a.is-active{color:var(--text);border-bottom-color:var(--accent-yellow)}.hud-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.hud-btn{min-width:44px;min-height:44px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:2px solid var(--border);cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease;background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;text-decoration:none;display:inline-flex}.hud-btn:hover{color:var(--text);border-color:var(--border-strong);text-decoration:none}.hud-recruiter-btn{color:var(--accent-yellow);border-color:var(--accent-yellow)}.hud-recruiter-btn:hover{background:var(--accent-yellow);color:var(--accent-yellow-ink)}.hud-coins{min-width:44px;min-height:44px;font-family:var(--font-display);color:var(--accent-yellow);background:var(--bg-deep);border:1px solid var(--border);justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:inline-flex}.xp-bar{background:var(--bg-deep);width:100%;height:4px;position:relative;overflow:hidden}.hud .xp-bar{position:absolute;bottom:0;left:0;right:0}@media (width<=767px){.hud-btn-label{display:none}.hud-btn{padding:6px 8px}}@media (width<=1023px){.hud-recruiter-btn .hud-btn-label{display:none}}.bottom-bar{display:none}@media (width<=767px){.bottom-bar{z-index:100;height:calc(var(--bottom-bar-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--panel);border-top:2px solid var(--border);align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}body{padding-bottom:calc(var(--bottom-bar-height) + env(safe-area-inset-bottom,0px))}}@media (height<=480px) and (orientation:landscape){.bottom-bar{height:calc(48px + env(safe-area-inset-bottom,0px))}}.bottom-bar-item{font-family:var(--font-display);color:var(--muted);cursor:pointer;min-width:44px;min-height:44px;transition:color var(--dur-fast) ease;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:12px;text-decoration:none;display:flex}.bottom-bar-item:hover,.bottom-bar-item.is-active{color:var(--accent-yellow);text-decoration:none}.bottom-bar-item svg{width:20px;height:20px}.card{background:var(--panel);border:2px solid var(--border);box-shadow:4px 4px 0 var(--shadow-pixel);transition:transform var(--dur-fast) ease, box-shadow var(--dur-fast) ease, border-color var(--dur-fast) ease;position:relative;overflow:hidden}.card:hover{box-shadow:6px 6px 0 var(--shadow-pixel);border-color:var(--border-strong);transform:translate(-2px,-2px)}.card:active{box-shadow:0 0 0 var(--shadow-pixel);transform:translate(2px,2px)}.card.is-highlighted{border-color:var(--accent-yellow);box-shadow:0 0 0 2px var(--accent-yellow), 6px 6px 0 var(--shadow-pixel)}.card.is-dimmed{opacity:.55}.card-media{aspect-ratio:16/9;background:var(--bg-deep);position:relative;overflow:hidden}.card-media img,.card-media svg,.card-media video{object-fit:cover;width:100%;height:100%}.card-header{align-items:center;gap:8px;padding:12px 16px 8px;display:flex}.card-stage{font-family:var(--font-display);text-transform:uppercase;background:var(--bg-deep);color:var(--accent-yellow);border:1px solid var(--border);flex-shrink:0;padding:4px 8px;font-size:11px;display:inline-flex}.card-header-main{flex-wrap:wrap;flex:1;align-items:center;gap:4px 8px;min-width:0;display:flex}.card-badges{flex-wrap:wrap;gap:4px;display:flex}.card-cleared{font-family:var(--font-display);text-transform:uppercase;background:var(--accent-yellow);color:var(--accent-yellow-ink);z-index:2;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:inline-flex;position:absolute;bottom:8px;left:8px}.card-body{flex-direction:column;gap:8px;padding:16px;display:flex}.card-title{font-size:var(--fs-h3);text-overflow:ellipsis;margin:0;overflow:hidden}.card-title a{color:var(--text);text-decoration:none}.card-title a:after{content:"";z-index:1;position:absolute;inset:0}.card-hook{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.card-actions-wrapper{border-top:1px solid var(--border);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);justify-content:space-between;align-items:center;padding:12px 16px;font-size:11px;display:flex}.card-actions-wrapper-prompt{color:var(--accent-yellow)}.card-actions{z-index:2;flex-wrap:wrap;gap:8px;display:flex;position:relative}.card-actions a{color:var(--muted);font-family:var(--font-display);text-transform:uppercase;transition:color var(--dur-fast) ease;align-items:center;gap:4px;font-size:11px;text-decoration:none;display:inline-flex}.card-actions a:hover{color:var(--accent-cyan)}@media (width<=479px){.card--compact .card-media{display:none}}.world-grid{gap:var(--grid-gap);display:grid}.world-1-grid{grid-template-columns:1fr}@media (width>=480px){.world-1-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.world-1-grid{grid-template-columns:repeat(6,1fr)}.world-1-grid .card:nth-child(-n+2){grid-column:span 3}.world-1-grid .card:nth-child(n+3){grid-column:span 2}}.world-2-grid{grid-template-columns:1fr}@media (width>=480px){.world-2-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.world-2-grid{grid-template-columns:repeat(4,1fr)}}.skill-tree{gap:var(--grid-gap);display:grid}@media (width>=768px){.skill-tree-layout{gap:var(--grid-gap);grid-template-columns:1fr 300px;display:grid}.skill-tree{grid-template-columns:repeat(3,1fr)}}.skill-branch-title{font-family:var(--font-display);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--border);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.skill-node{border:2px solid var(--border);cursor:pointer;text-align:left;width:100%;transition:border-color var(--dur-fast) ease, background var(--dur-fast) ease;background:0 0;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.skill-node:hover{border-color:var(--border-strong);background:var(--panel-raised)}.skill-node[aria-pressed=true]{border-color:var(--accent-yellow);background:var(--panel-raised)}.skill-node-badge{width:40px;height:40px;font-family:var(--font-display);color:var(--accent-yellow-ink);border:2px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.skill-node-badge--gamedev{background:var(--track-gameplay)}.skill-node-badge--systems{background:var(--track-systems)}.skill-node-badge--foundations{background:var(--accent-cyan)}.skill-node-info{flex:1;min-width:0}.skill-node-name{font-family:var(--font-sans);font-size:var(--fs-body-sm);color:var(--text);font-weight:500;line-height:1.3}.skill-node-pips{gap:3px;margin-top:4px;display:flex}.skill-pip{border:1px solid var(--muted);width:8px;height:8px}.skill-pip--filled{background:var(--accent-yellow);border-color:var(--accent-yellow)}.skill-detail-panel{background:var(--panel);border:2px solid var(--border);padding:20px}.skill-detail-panel h4{font-family:var(--font-display);font-size:var(--fs-label);text-transform:uppercase;color:var(--muted);margin-bottom:12px}.skill-legend{font-family:var(--font-display);font-size:var(--fs-chip);color:var(--muted);flex-wrap:wrap;gap:16px;padding:12px 0;display:flex}.skill-legend-item{align-items:center;gap:6px;display:flex}.skill-accordion{border:2px solid var(--border);margin-bottom:8px}.skill-accordion summary{font-family:var(--font-display);font-size:var(--fs-label);text-transform:uppercase;cursor:pointer;align-items:center;gap:8px;padding:12px 16px;list-style:none;display:flex}.skill-accordion summary::-webkit-details-marker{display:none}.skill-accordion[open] summary{border-bottom:2px solid var(--border)}.skill-accordion-body{padding:12px 16px}@media (width>=768px){.skill-accordion{display:none}}@media (width<=767px){.skill-tree-desktop{display:none}}.timeline{padding-left:32px;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:7px}.quest-card{background:var(--panel);border:2px solid var(--border);box-shadow:4px 4px 0 var(--shadow-pixel);margin-bottom:24px;padding:20px 24px;position:relative}.quest-card:before{content:"";background:var(--accent-yellow);border:2px solid var(--border);width:16px;height:16px;position:absolute;top:24px;left:-33px}.quest-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.quest-card h3{margin:0}.quest-meta{font-family:var(--font-display);text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:12px}.quest-stamp{font-family:var(--font-display);text-transform:uppercase;background:var(--accent-yellow);color:var(--accent-yellow-ink);flex-shrink:0;padding:6px 12px;font-size:12px;display:inline-flex}.quest-bullets{flex-direction:column;gap:8px;margin-top:12px;display:flex}.quest-bullets li{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);padding-left:16px;position:relative}.quest-bullets li:before{content:"▸";color:var(--accent-yellow);position:absolute;left:0}.quest-links{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.quest-links a{min-height:44px;font-family:var(--font-display);text-transform:uppercase;align-items:center;padding:8px 12px;font-size:12px;display:inline-flex}.about-grid{gap:var(--grid-gap);display:grid}@media (width>=1024px){.about-grid{grid-template-columns:5fr 7fr}}.character-sheet{background:var(--panel);border:2px solid var(--border);box-shadow:4px 4px 0 var(--shadow-pixel);text-align:center;padding:24px}.avatar-frame{border:2px solid var(--border);width:160px;height:160px;margin:0 auto 20px;position:relative;overflow:hidden}.avatar-frame img,.avatar-frame svg{object-fit:cover;width:100%;height:100%}.character-sheet h3{margin-bottom:4px}.character-sheet dl{text-align:left;margin-top:20px}.bio-column{flex-direction:column;justify-content:center;gap:20px;display:flex}.bio-column p{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);max-width:68ch}.contact-card{text-align:center;max-width:720px;margin-inline:auto;padding:32px}.contact-card h2{margin-bottom:16px}.contact-card p{color:var(--muted);margin-bottom:24px}.countdown-digit{color:var(--accent-yellow);font-variant-numeric:tabular-nums}.contact-email-wrapper{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.toast-container{z-index:200;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=767px){.toast-container{top:68px;bottom:auto}}.toast{background:var(--panel);border:2px solid var(--border);border-left:4px solid var(--accent-yellow);width:clamp(280px,90vw,360px);box-shadow:4px 4px 0 var(--shadow-pixel);pointer-events:auto;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.toast-icon{color:var(--accent-yellow);flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-title{font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase;margin-bottom:2px}.toast-desc{font-size:var(--fs-body-sm);color:var(--muted);line-height:1.4}.toast-dismiss{cursor:pointer;color:var(--muted);background:0 0;border:none;flex-shrink:0;padding:0;font-size:16px;line-height:1}.toast-dismiss:hover{color:var(--text)}.pixel-coin{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.pixel-coin[hidden]{display:none}.pixel-coin-sprite{width:16px;height:16px}.coin-plus-one{font-family:var(--font-display);color:var(--accent-yellow);pointer-events:none;font-size:12px;animation:.6s ease-out forwards float-up;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.title-screen{min-height:calc(100vh - var(--hud-height));padding-block:var(--sp-16);align-items:center;display:flex}.title-grid{gap:var(--grid-gap);align-items:center;display:grid}@media (width>=1024px){.title-grid{min-height:max(calc(100vh - var(--hud-height)), 640px);grid-template-columns:7fr 5fr}}.title-left{flex-direction:column;gap:16px;display:flex}.title-left h1{font-size:var(--fs-h1-title);line-height:var(--lh-h1-title)}.title-subline{font-family:var(--font-sans);color:var(--text);font-size:1.375rem}.title-meta{font-size:var(--fs-body-sm);color:var(--muted)}.title-cta-row{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.title-micro{font-size:var(--fs-body-sm);color:var(--muted);font-style:italic}.now-playing{overflow:hidden}.now-playing-header{border-bottom:2px solid var(--border);background:var(--bg-deep);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.now-playing-media{aspect-ratio:16/9;background:var(--bg-deep);overflow:hidden}.now-playing-media img,.now-playing-media video,.now-playing-media svg{object-fit:cover;width:100%;height:100%}.now-playing-body{flex-direction:column;gap:12px;padding:16px;display:flex}.now-playing-caption{font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase;color:var(--muted)}.class-select{border:none;margin-top:16px}.class-select-heading{font-family:var(--font-display);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-yellow);margin-bottom:4px}.class-select-note{font-size:var(--fs-body-sm);color:var(--muted);margin-bottom:12px}.class-options{flex-direction:column;gap:8px;display:flex}.class-option{border:2px solid var(--border);cursor:pointer;transition:border-color var(--dur-fast) ease, background var(--dur-fast) ease;align-items:center;gap:12px;padding:12px 16px;display:flex}.class-option:hover{border-color:var(--border-strong);background:var(--panel-raised)}.class-option.is-selected{background:var(--panel-raised)}.class-option.is-selected.class-option--gameplay{border-color:var(--track-gameplay)}.class-option.is-selected.class-option--systems{border-color:var(--track-systems)}.class-option.is-selected.class-option--all{border-color:var(--accent-cyan)}.class-option-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.class-option-text{flex:1}.class-option-title{font-family:var(--font-display);font-size:var(--fs-label);text-transform:uppercase;display:block}.class-option-desc{font-size:var(--fs-body-sm);color:var(--muted);margin-top:2px;display:block}.class-option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.progress-tracker{align-items:center;gap:12px;margin-bottom:16px;display:flex}.progress-label{font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase;color:var(--muted);white-space:nowrap}.progress-bar{background:var(--bg-deep);border:2px solid var(--border);flex:1;height:12px;display:flex;overflow:hidden}.progress-segment{border-right:1px solid var(--border);transition:background var(--dur-fast) ease;background:0 0;flex:1}.progress-segment:last-child{border-right:none}.progress-segment.is-filled{background:var(--accent-yellow)}.sort-banner{background:var(--panel-raised);border:2px solid var(--border);font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;display:flex}.sort-banner button{color:var(--accent-cyan);cursor:pointer;font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase;background:0 0;border:none;text-decoration:underline}.case-header{padding-top:var(--sp-8)}.breadcrumb{font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.breadcrumb a{color:var(--accent-cyan)}.case-file-badges{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.case-file-hook{color:var(--muted);max-width:68ch;margin-top:12px;font-size:1.25rem;line-height:1.5}.case-file-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.case-content{gap:var(--grid-gap);padding-block:var(--sp-12);flex-direction:column;display:flex}.prose{max-width:68ch}.prose h2{font-size:var(--fs-h3);border-bottom:2px solid var(--border);margin-top:40px;margin-bottom:16px;padding-bottom:8px}.prose h2:first-child{margin-top:0}.prose p{margin-bottom:16px}.prose ul,.prose ol{margin-bottom:16px;padding-left:24px}.prose li{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);margin-bottom:8px}.prose li::marker{color:var(--accent-yellow)}.prose ul li{list-style-type:"▸ "}.prose ol li{list-style-type:decimal}.prose strong{color:var(--text);font-weight:700}.scope-box{background:var(--panel-raised);border:2px solid var(--border);border-left:3px solid var(--accent-cyan);margin-block:24px;padding:20px 24px}.scope-box h3{font-size:var(--fs-label);text-transform:uppercase;color:var(--accent-cyan);margin-bottom:16px}.scope-columns{gap:20px;display:grid}@media (width>=640px){.scope-columns{grid-template-columns:1fr 1fr}}.scope-columns h4{font-family:var(--font-display);text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px}.scope-columns ul{padding-left:0}.scope-columns li{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);margin-bottom:6px;padding-left:16px;list-style:none;position:relative}.scope-columns li:before{content:"▸";color:var(--accent-cyan);position:absolute;left:0}.loadout{background:var(--panel);border:2px solid var(--border);box-shadow:4px 4px 0 var(--shadow-pixel);padding:20px}@media (width>=1024px){.loadout{align-self:start;position:sticky;top:72px}}.loadout h3{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-yellow);border-bottom:2px solid var(--border);margin-bottom:16px;padding-bottom:8px}.loadout-section{margin-bottom:16px}.loadout-label{font-family:var(--font-display);text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:11px}.loadout-value{font-size:var(--fs-body-sm)}.loadout-chips{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.loadout-links{flex-direction:column;gap:8px;margin-top:16px;display:flex}.loadout-links a{font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase;align-items:center;gap:8px;display:flex}.related-project{background:var(--panel-raised);border:2px solid var(--border);margin-top:16px;padding:12px}.related-project-label{font-family:var(--font-display);text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:11px}@media (width<=1023px){.loadout-drawer summary{font-family:var(--font-display);font-size:var(--fs-label);text-transform:uppercase;cursor:pointer;background:var(--panel);border:2px solid var(--border);padding:12px 16px;list-style:none}.loadout-drawer summary::-webkit-details-marker{display:none}}.case-file-nav{gap:var(--grid-gap);padding-block:var(--sp-8);border-top:2px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.case-file-nav-btn{background:var(--panel);border:2px solid var(--border);box-shadow:4px 4px 0 var(--shadow-pixel);transition:transform var(--dur-fast) ease, box-shadow var(--dur-fast) ease, border-color var(--dur-fast) ease;flex-direction:column;gap:4px;padding:16px;text-decoration:none;display:flex}.case-file-nav-btn:hover{box-shadow:6px 6px 0 var(--shadow-pixel);border-color:var(--border-strong);text-decoration:none;transform:translate(-2px,-2px)}.case-file-nav-label{font-family:var(--font-display);text-transform:uppercase;color:var(--muted);font-size:11px}.case-file-nav-title{font-family:var(--font-display);font-size:var(--fs-label);color:var(--text)}.case-file-nav-btn--next{text-align:right}.case-file-back{text-align:center;margin-top:16px}.media-stage{aspect-ratio:16/9;background:var(--bg-deep);border:2px solid var(--border);margin-bottom:var(--sp-6);position:relative;overflow:hidden}.media-stage img,.media-stage video{object-fit:cover;width:100%;height:100%}.media-stage-overlay{cursor:pointer;background:#0a0c1ab3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-stage-play-btn{font-family:var(--font-display);font-size:var(--fs-label);text-transform:uppercase;background:var(--accent-yellow);color:var(--accent-yellow-ink);border:2px solid var(--accent-yellow-ink);padding:16px 32px}.gallery{gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.gallery-item{flex-direction:column;flex-shrink:0;gap:8px;width:280px;display:flex}.gallery-link{border:2px solid var(--border);background:var(--bg-deep);width:100%;transition:border-color var(--dur-fast) ease;margin:0 auto;display:block;overflow:hidden}.gallery-link:hover{border-color:var(--accent-yellow)}.gallery-img{object-fit:contain;width:100%;height:200px;display:block}.gallery-caption{font-size:var(--fs-body-sm);color:var(--text);text-align:center}.site-footer{background:var(--bg-deep);border-top:2px solid var(--border);padding:32px 0}.footer-grid{align-items:center;gap:24px;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:1fr 1fr 1fr}}.footer-left{font-size:var(--fs-body-sm);color:var(--muted);align-items:center;gap:8px;display:flex}.footer-center{text-align:center;font-size:var(--fs-body-sm);color:var(--muted)}.footer-right{flex-direction:column;gap:8px;display:flex}@media (width>=768px){.footer-right{text-align:right}}.footer-action{font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;text-decoration:none;display:inline-block}.footer-action:hover{color:var(--accent-yellow)}.bonus-link{font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase;color:var(--accent-yellow);border:2px solid var(--accent-yellow);margin-top:8px;padding:6px 12px;text-decoration:none;display:inline-block}.bonus-link:hover{background:var(--accent-yellow);color:var(--accent-yellow-ink)}.wip-grid-layout{gap:var(--grid-gap);display:grid}@media (width>=768px){.wip-grid-layout{grid-template-columns:1fr 1fr}}.wip-card{background:var(--panel);border:2px solid var(--border);box-shadow:4px 4px 0 var(--shadow-pixel);padding:24px}.wip-card-badges{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.wip-title{margin-bottom:8px}.wip-hook{font-size:var(--fs-body-sm);color:var(--muted);margin-bottom:16px}.phase-tracker{gap:0;margin-block:16px;display:flex}.phase-step{text-align:center;font-family:var(--font-display);text-transform:uppercase;border:2px solid var(--border);color:var(--muted);flex:1;margin-right:-2px;padding:8px 4px;font-size:11px}.phase-step.is-current{background:var(--accent-yellow);color:var(--accent-yellow-ink);border-color:var(--accent-yellow-ink)}.phase-step.is-complete{color:var(--muted);background:var(--panel-raised)}.wip-column{margin-bottom:16px}.wip-column-title{font-family:var(--font-display);text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px}.wip-list li{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);margin-bottom:6px;padding-left:16px;position:relative}.wip-list li:before{content:"▸";color:var(--accent-cyan);position:absolute;left:0}.wip-log-entry{font-size:var(--fs-body-sm);gap:12px;margin-bottom:8px;display:flex}.wip-log-date{font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--muted);flex-shrink:0}.game-over-header{text-align:center;padding-top:var(--sp-8)}.snake-game-wrapper{max-width:360px;margin:32px auto}.snake-scoreboard{background:var(--panel);border:2px solid var(--border);font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:-2px;padding:8px 16px;display:flex}.snake-canvas-wrapper{border:2px solid var(--border);position:relative}.snake-canvas-wrapper canvas{width:100%;height:auto;display:block}.snake-overlay{text-align:center;font-family:var(--font-display);font-size:var(--fs-body-sm);text-transform:uppercase;color:var(--muted);background:#0a0c1ad9;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.dpad{grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);grid-template-areas:".up.""left.right"".down.";justify-content:center;gap:4px;margin-top:16px;display:grid}.dpad-btn{background:var(--panel);border:2px solid var(--border);color:var(--text);cursor:pointer;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:18px;display:flex}.dpad-btn:active{background:var(--accent-yellow);color:var(--accent-yellow-ink)}.dpad-up{grid-area:up}.dpad-down{grid-area:down}.dpad-left{grid-area:left}.dpad-right{grid-area:right}@media (width>=768px){.dpad{display:none}}.recruiter-topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;padding:12px 0;display:flex}.recruiter-topbar-left a{font-size:var(--fs-body-sm)}.recruiter-topbar-right{align-items:center;gap:8px;display:flex}.btn-print{font-size:var(--fs-body-sm);background:var(--panel);border:1px solid var(--border);cursor:pointer;color:var(--text);padding:6px 12px}.recruiter-section{margin-bottom:32px}.recruiter-section h2{font-family:var(--font-sans);border-bottom:2px solid var(--border);margin-bottom:16px;padding-bottom:8px;font-size:1.25rem;font-weight:700}.recruiter-header h1{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;line-height:1.3}.recruiter-header p{color:var(--muted);margin-top:4px}.recruiter-links{font-size:var(--fs-body-sm);flex-wrap:wrap;gap:8px 16px;margin-top:8px;display:flex}.recruiter-highlight{margin-bottom:16px}.recruiter-highlight h3{font-family:var(--font-sans);margin-bottom:4px;font-size:1rem;font-weight:700}.recruiter-highlight p{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm)}.recruiter-project{border-bottom:1px solid var(--border);padding:12px 0}.recruiter-project:last-child{border-bottom:none}.recruiter-project h3{font-family:var(--font-sans);font-size:1rem;font-weight:700}.recruiter-project-meta{font-size:var(--fs-body-sm);color:var(--muted);flex-wrap:wrap;gap:4px 8px;margin-top:4px;display:flex}.recruiter-project p{font-size:var(--fs-body-sm);margin-top:6px}.recruiter-project-links{font-size:var(--fs-body-sm);gap:12px;margin-top:6px;display:flex}.recruiter-skills{gap:12px;display:grid}@media (width>=480px){.recruiter-skills{grid-template-columns:1fr 1fr}}.recruiter-skills h3{font-family:var(--font-sans);margin-bottom:4px;font-size:.875rem;font-weight:700}.recruiter-skills p{font-size:var(--fs-body-sm);color:var(--muted)}.boot-overlay{z-index:200;background:var(--bg-deep);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.boot-overlay[hidden]{display:none}.boot-wordmark{font-family:var(--font-display);color:var(--accent-yellow);text-transform:uppercase;text-align:center;font-size:clamp(1.5rem,3vw + .5rem,2.5rem)}.boot-progress{width:min(300px,80vw)}.boot-progress-bar{background:var(--bg);border:2px solid var(--border);height:16px;margin-bottom:8px;overflow:hidden}.boot-progress-fill{background:var(--accent-yellow);width:0%;height:100%;transition:width .15s steps(4,end)}.boot-status{font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase;color:var(--muted);text-align:center}.boot-press-key{font-family:var(--font-display);font-size:var(--fs-label);text-transform:uppercase;color:var(--accent-yellow)}.settings-group{margin-bottom:20px}.settings-label{font-family:var(--font-display);text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.settings-options{flex-wrap:wrap;gap:8px;display:flex}.settings-option{font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase;color:var(--muted);background:var(--panel);border:2px solid var(--border);cursor:pointer;padding:8px 16px}.settings-option.is-active{background:var(--accent-yellow);color:var(--accent-yellow-ink);border-color:var(--accent-yellow-ink)}.settings-toggle{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.settings-toggle-label{font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase}.settings-toggle-btn{font-family:var(--font-display);text-transform:uppercase;background:var(--panel);border:2px solid var(--border);cursor:pointer;color:var(--muted);padding:4px 12px;font-size:11px}.settings-toggle-btn.is-on{background:var(--accent-yellow);color:var(--accent-yellow-ink);border-color:var(--accent-yellow-ink)}.volume-slider{width:100%;accent-color:var(--accent-yellow);margin-top:8px}.achievement-card{border:2px solid var(--border);align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.achievement-card.is-locked{opacity:.45}.achievement-icon{background:var(--bg-deep);border:2px solid var(--border);width:32px;height:32px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.achievement-card.is-unlocked .achievement-icon{background:var(--accent-yellow);color:var(--accent-yellow-ink);border-color:var(--accent-yellow-ink)}.achievement-info{flex:1}.achievement-title{font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase}.achievement-desc{font-size:var(--fs-body-sm);color:var(--muted);margin-top:2px}.controls-table{border-collapse:collapse;width:100%}.controls-table th,.controls-table td{border-bottom:1px solid var(--border);text-align:left;font-size:var(--fs-body-sm);padding:8px 12px}.controls-table th{font-family:var(--font-display);text-transform:uppercase;color:var(--muted);font-size:11px}.controls-key{background:var(--bg-deep);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--fs-chip);padding:2px 8px;display:inline-block}.world-heading{font-family:var(--font-display);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:8px;margin-top:40px;margin-bottom:20px;display:flex}.world-heading:after{content:"";background:var(--border);flex:1;height:2px}.filter-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.section-intro{font-size:var(--fs-body);color:var(--muted);max-width:60ch;margin-bottom:24px}.sort-select{background:var(--bg-deep);color:var(--text);border:1px solid var(--border);font-family:var(--font-mono);padding:.25rem .5rem;font-size:.8rem}.card.highlighted-skill{border-color:var(--track-systems);transform:translateY(-5px);box-shadow:0 0 10px #39e58a80}.pixel-coin.is-collected{pointer-events:none;animation:.8s forwards collect-coin}.pixel-coin.is-hidden{display:none!important}@keyframes collect-coin{0%{opacity:1;transform:scale(1)}20%{opacity:1;transform:scale(1.5)translateY(-20px)}to{opacity:0;transform:scale(0)translateY(-100px)}}[data-show-coins=true] .pixel-coin{filter:drop-shadow(0 0 5px #ff0);outline:2px dashed red;opacity:1!important;visibility:visible!important}.section-header{margin-bottom:24px}.section-title{font-family:var(--font-display);font-size:var(--fs-h2);line-height:var(--lh-h2);text-transform:uppercase;color:var(--text);word-break:break-word;overflow-wrap:break-word;margin-bottom:8px}.section-desc{font-size:var(--fs-body);color:var(--muted);max-width:60ch;margin-inline:auto}.container--hero{max-width:var(--container-max)}.container--sm{max-width:800px}.text-center{text-align:center}.hero-content{max-width:720px}.hero-boot-sequence{font-family:var(--font-mono);font-size:var(--fs-body-sm);color:var(--muted);flex-direction:column;gap:4px;margin-bottom:24px;display:flex}.typewriter-line{display:block}.hero-title{font-size:var(--fs-h1-title);line-height:var(--lh-h1-title);color:var(--accent-yellow);word-break:break-word;overflow-wrap:break-word;margin-bottom:12px}.hero-subtitle{font-family:var(--font-sans);font-size:var(--fs-h3);color:var(--text);margin-bottom:16px}.hero-bio{color:var(--muted);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);max-width:60ch;margin-bottom:32px}.hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.btn-lg{font-size:var(--fs-h3);padding:16px 32px}.hero-socials{align-items:center;gap:16px;margin-bottom:16px;display:flex}.hero-socials a{color:var(--muted);transition:color .2s}.hero-socials a:hover{color:var(--accent-cyan)}.coin-container-hero,.coin-container-avatar,.coin-container-inline{display:inline-flex;position:relative}.player-avatar-frame{border:2px solid var(--border);background:var(--panel);flex-shrink:0;width:160px;height:160px;padding:8px;position:relative;overflow:hidden}.coin-container-avatar{z-index:3;position:absolute;bottom:4px;right:4px}.player-name{font-size:var(--fs-h3);color:var(--accent-cyan);word-break:break-word;overflow-wrap:break-word;margin-top:0;margin-bottom:4px}.player-badge{background:var(--panel-raised);color:var(--text);font-size:var(--fs-chip);border-radius:4px;align-items:center;gap:4px;width:fit-content;margin-bottom:16px;padding:4px 8px;display:inline-flex}.player-stats{font-size:var(--fs-body-sm);grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;display:grid}.player-stats dt{color:var(--muted)}.player-stats dd{color:var(--text);margin:0;font-weight:700}.project-grid{gap:var(--grid-gap);grid-template-columns:1fr;display:grid}@media (width>=480px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.project-grid{grid-template-columns:repeat(3,1fr)}}.filter-bar{background:var(--panel);border:2px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 16px;display:flex}.filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border:1px solid var(--border);min-height:44px;color:var(--muted);cursor:pointer;font-family:var(--font-display);text-transform:uppercase;background:0 0;align-items:center;gap:8px;padding:10px 16px;font-size:12px;transition:all .2s;display:inline-flex}.filter-chip[aria-pressed=true]{background:var(--accent-yellow);color:var(--accent-yellow-ink);border-color:var(--accent-yellow)}.filter-chip:hover:not([aria-pressed=true]){border-color:var(--muted);color:var(--text)}.sort-controls{align-items:center;display:flex}.sort-select{min-height:44px;font-size:12px;font-family:var(--font-mono);padding:8px 12px}.empty-state{text-align:center;background:var(--panel);border:2px dashed var(--border);color:var(--muted);grid-column:1/-1;padding:48px 24px}.wip-card .wip-grid{gap:var(--grid-gap);display:grid}@media (width>=768px){.wip-card .wip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.wip-grid-layout{gap:var(--grid-gap);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=768px){.wip-grid-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}.wip-header{margin-bottom:16px}.wip-column{background:var(--bg-deep);border:1px solid var(--border);overflow-wrap:break-word;min-width:0;margin-bottom:16px;padding:16px}.wip-log{border-top:2px solid var(--border);margin-top:16px;padding-top:16px}.wip-phase-indicator{align-items:center;gap:8px;margin-bottom:8px;display:flex}.wip-pulse{background:var(--accent-cyan);width:8px;height:8px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;animation:2s infinite pulse}.wip-phase-text{font-family:var(--font-display);text-transform:uppercase;color:var(--accent-cyan);font-size:12px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.recruiter-skills-grid{grid-template-columns:1fr;gap:24px;margin-top:24px;display:grid}@media (width>=768px){.recruiter-skills-grid{grid-template-columns:repeat(3,1fr)}}.recruiter-skill-col h4{color:var(--accent-cyan);font-family:var(--font-display);text-transform:uppercase;margin-bottom:12px}.recruiter-meta,.recruiter-education{color:var(--muted);font-size:var(--fs-body-sm);flex-direction:column;gap:8px;display:flex}.recruiter-bio{line-height:var(--lh-body);border-left:2px solid var(--accent-yellow);margin-block:24px;padding-left:16px}.recruiter-quest,.recruiter-project-header{margin-bottom:24px}.recruiter-project-hook{color:var(--muted);margin-bottom:8px;font-style:italic}.recruiter-project-stack{font-size:var(--fs-chip);color:var(--accent-cyan);margin-bottom:12px}.recruiter-quest-header{justify-content:space-between;margin-bottom:4px;display:flex}.recruiter-quest-date{color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-chip)}.recruiter-quest-org{color:var(--text);font-weight:700}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-2px 0 red;clip:rect(24px, 550px, 90px, 0);animation:3s linear infinite alternate-reverse glitch-anim-2;left:2px}.glitch:after{text-shadow:-2px 0 #00f;clip:rect(85px, 550px, 140px, 0);animation:2.5s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim{0%{clip:rect(31px, 9999px, 94px, 0)}to{clip:rect(100px, 9999px, 10px, 0)}}@keyframes glitch-anim-2{0%{clip:rect(65px, 9999px, 100px, 0)}to{clip:rect(10px, 9999px, 60px, 0)}}@media print{.hide-on-print{display:none!important}.skill-print-list{display:block!important}.skill-tree-container{display:none!important}}.skill-print-list{margin-top:16px;display:none}.skill-print-item{font-size:var(--fs-body-sm);margin-bottom:8px}.skill-print-item strong{color:var(--text)}.skill-print-item span{color:var(--muted)}.skill-tree-container{flex-direction:column;align-items:center;gap:24px;margin-top:32px;display:flex;position:relative}.skill-nodes{z-index:2;flex-wrap:wrap;justify-content:center;gap:16px;display:flex;position:relative}.skill-node{background:var(--bg-deep);border:2px solid var(--border);cursor:pointer;min-height:44px;font-family:var(--font-display);text-transform:uppercase;color:var(--muted);border-radius:4px;padding:10px 18px;font-size:12px;transition:all .2s;position:relative}.skill-node:hover{border-color:var(--text);color:var(--text)}.skill-node.active{background:var(--accent-yellow);color:var(--accent-yellow-ink);border-color:var(--accent-yellow)}.skill-node-label{text-align:center}.case-file-wrapper{padding-top:var(--sp-6)}.case-file{background:var(--panel);border:2px solid var(--border);padding:24px}.case-media-hero{aspect-ratio:16/9;background:var(--bg-deep);border:2px solid var(--border);margin-block:24px;position:relative;overflow:hidden}.case-img-full,.case-video-full{object-fit:cover;width:100%;height:100%}.case-meta-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.case-stage{font-family:var(--font-display);text-transform:uppercase;background:var(--accent-yellow);color:var(--accent-yellow-ink);border:1px solid var(--border);padding:4px 8px;font-size:12px;display:inline-block}.case-title{font-size:var(--fs-h1-inner);margin-bottom:16px}.case-grid-meta{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:24px;display:grid}.case-meta-item{flex-direction:column;gap:4px;display:flex}.meta-label{font-family:var(--font-display);color:var(--muted);text-transform:uppercase;font-size:12px}.meta-value{font-size:var(--fs-body-sm);color:var(--text)}.case-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.case-section{margin-bottom:40px}.case-file-footer{justify-content:center;padding-block:24px;display:flex}.key-systems-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=768px){.key-systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.key-system-card{background:var(--bg-deep);border:1px solid var(--border);overflow-wrap:break-word;min-width:0;padding:16px}.key-system-title{font-family:var(--font-display);font-size:var(--fs-h3);word-break:break-word;overflow-wrap:break-word;color:var(--text);margin-bottom:12px;line-height:1.4}.key-system-detail{color:var(--text);overflow-wrap:break-word;word-break:break-word}.boss-fight-header,.scope-note-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.scope-grid{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:16px;display:grid}@media (width>=640px){.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.scope-col{overflow-wrap:break-word;min-width:0}.scope-col ul{padding-left:20px}.xp-bar-fill{background:var(--accent-cyan);width:0%;height:100%;transition:width .3s}.hud-coins{border:2px solid var(--accent-yellow);color:var(--accent-yellow);font-family:var(--font-display);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 12px;font-size:12px;display:flex}.contact-input{background:var(--bg-deep);border:2px solid var(--border);width:100%;max-width:320px;color:var(--text);font-family:var(--font-mono);padding:12px 16px}.contact-socials{justify-content:center;gap:16px;margin-top:32px;display:flex}.social-link{color:var(--muted);transition:color .2s}.social-link:hover{color:var(--accent-cyan)}.snake-404-container{border:2px solid var(--border);margin:32px 0;display:inline-block;position:relative}.snake-404-overlay{background:#0a0c1ad9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.resume-link{font-family:var(--font-display);text-transform:uppercase;color:var(--muted);border:2px solid var(--border);align-items:center;gap:8px;padding:8px 16px;font-size:12px;text-decoration:none;display:inline-flex}.resume-link:hover{color:var(--text);border-color:var(--border-strong)}.starfield{z-index:-1;pointer-events:none;max-width:100vw;position:fixed;inset:0;overflow:hidden}.starfield-layer{background-image:radial-gradient(1px 1px at 20px 30px, var(--muted), #0000), radial-gradient(1px 1px at 40px 70px, var(--muted), #0000), radial-gradient(1px 1px at 50px 160px, var(--muted), #0000), radial-gradient(1px 1px at 90px 40px, var(--muted), #0000), radial-gradient(1px 1px at 130px 80px, var(--muted), #0000), radial-gradient(1px 1px at 160px 120px, var(--muted), #0000);opacity:.3;background-repeat:repeat;background-size:200px 200px;width:100%;height:100%}@keyframes float-up{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.contract-banner{background:var(--panel-raised);border:1px solid var(--border-strong);border-left:4px solid var(--accent-yellow);margin-block:24px 32px;padding:18px 22px}.contract-banner h2{font-family:var(--font-sans);border-bottom:1px solid var(--border);color:var(--text);margin-top:0;margin-bottom:12px;padding-bottom:8px;font-size:1.15rem;font-weight:700}.contract-banner p{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text);margin-bottom:8px}.contract-banner ul{margin:10px 0 14px 20px;padding:0}.contract-banner li{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text);margin-bottom:6px}.contract-banner a{color:var(--accent-cyan);font-weight:600;text-decoration:underline}.contract-banner a:hover{color:var(--accent-yellow)}.section-commissions{background:var(--bg);padding-block:var(--sp-12,48px);position:relative}.commissions-header{margin-bottom:28px}.commissions-status-badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-deep);border:1px solid var(--accent-yellow);color:var(--accent-yellow);align-items:center;gap:8px;margin-bottom:12px;padding:6px 12px;font-size:11px;display:inline-flex}.commissions-pulse{background:var(--accent-yellow);width:8px;height:8px;box-shadow:0 0 8px var(--accent-yellow);border-radius:50%;animation:2s ease-in-out infinite pulse}.commissions-meta-strip{background:var(--panel);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--muted);flex-wrap:wrap;gap:12px 24px;margin-top:16px;padding:12px 16px;display:flex}.commissions-meta-strip strong{color:var(--text)}.commissions-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.commissions-grid{grid-template-columns:repeat(2,1fr)}}.commission-card{background:var(--panel);border:2px solid var(--border);box-shadow:4px 4px 0 var(--shadow-pixel);transition:transform var(--dur-fast) ease, box-shadow var(--dur-fast) ease, border-color var(--dur-fast) ease, opacity var(--dur-fast) ease;flex-direction:column;padding:24px;display:flex;position:relative}.commission-card:hover{box-shadow:6px 6px 0 var(--shadow-pixel);border-color:var(--border-strong);transform:translate(-2px,-2px)}.commission-card.is-highlighted{border-color:var(--accent-yellow);box-shadow:0 0 0 2px var(--accent-yellow), 6px 6px 0 var(--shadow-pixel)}.commission-card[data-track=gameplay].is-highlighted{border-color:var(--track-gameplay);box-shadow:0 0 0 2px var(--track-gameplay), 6px 6px 0 var(--shadow-pixel)}.commission-card[data-track=systems].is-highlighted{border-color:var(--track-systems);box-shadow:0 0 0 2px var(--track-systems), 6px 6px 0 var(--shadow-pixel)}.commission-card.is-dimmed{opacity:.5}.commission-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.commission-code{font-family:var(--font-display);text-transform:uppercase;color:var(--muted);font-size:11px}.commission-track-tag{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;border-radius:2px;padding:3px 8px;font-size:10px}.commission-card[data-track=gameplay] .commission-track-tag{color:var(--track-gameplay);border:1px solid var(--track-gameplay);background:#b388ff26}.commission-card[data-track=systems] .commission-track-tag{color:var(--track-systems);border:1px solid var(--track-systems);background:#6ee7a026}.commission-card-title{font-family:var(--font-display);color:var(--text);margin-bottom:4px;font-size:1.15rem;line-height:1.35}.commission-card-tagline{font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--accent-cyan);margin-bottom:12px}.commission-card-hook{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text);border-left:2px solid var(--border-strong);margin-bottom:16px;padding-left:10px;font-style:italic}.commission-deliverables-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px;font-size:11px}.commission-deliverables-list{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.commission-deliverables-list li{font-size:var(--fs-body-sm);color:var(--text);padding-left:18px;line-height:1.45;position:relative}.commission-deliverables-list li:before{content:"▶";color:var(--accent-yellow);font-size:9px;position:absolute;top:1px;left:0}.commission-proof-section{background:var(--bg-deep);border:1px solid var(--border);margin-top:auto;margin-bottom:20px;padding:12px 14px}.commission-proof-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);align-items:center;gap:6px;margin-bottom:8px;font-size:10px;display:flex}.commission-proof-links{flex-direction:column;gap:6px;display:flex}.commission-proof-link{font-size:var(--fs-chip);font-family:var(--font-mono);color:var(--text);background:var(--panel);border:1px solid var(--border);transition:all var(--dur-fast) ease;justify-content:space-between;align-items:center;gap:8px;padding:5px 10px;text-decoration:none;display:inline-flex}.commission-proof-link:hover{border-color:var(--accent-yellow);color:var(--accent-yellow);transform:translate(2px)}.commission-proof-file{color:var(--accent-cyan);font-size:11px}.commission-card-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.commission-estimate{font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--muted)}.commission-card-actions{flex-wrap:wrap;gap:8px;display:flex}.commissions-board-footer{background:var(--panel);border:2px solid var(--border);box-shadow:4px 4px 0 var(--shadow-pixel);flex-direction:column;gap:16px;margin-top:32px;padding:24px;display:flex}@media (width>=768px){.commissions-board-footer{flex-direction:row;justify-content:space-between;align-items:center}}.commissions-board-footer-content h3{font-family:var(--font-display);color:var(--accent-yellow);margin-bottom:6px;font-size:1.1rem}.commissions-board-footer-content p{font-size:var(--fs-body-sm);color:var(--muted);max-width:55ch;margin:0}.commissions-board-footer-actions{flex-wrap:wrap;gap:12px;display:flex}@media print{*,:before,:after{box-shadow:none!important;transition:none!important;animation:none!important}body{font-size:11pt;line-height:1.4;color:#000!important;background:#fff!important}body:before,.hud,.bottom-bar,.starfield,.toast-container,.pixel-coin,.boot-overlay,.xp-bar,.recruiter-topbar,.skip-link,.hide-on-print{display:none!important}a{text-decoration:underline;color:#000!important}a[href^=http]:after{content:" (" attr(href) ")";color:#555;font-size:9pt}.container--recruiter{max-width:100%;padding:0}h1,h2,h3{page-break-after:avoid}.recruiter-section{page-break-inside:avoid}.contract-banner{page-break-inside:avoid;background:#fafafa!important;border:1pt solid #555!important;border-left:3pt solid #111!important;margin-bottom:12pt!important;padding:8pt 12pt!important}.section-commissions,.recruiter-project{page-break-inside:avoid}@page{size:A4;margin:15mm 18mm}}
