.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.app-header h1{margin:0;font-size:clamp(28px,4vw,40px);letter-spacing:.02em}.eyebrow{margin:0;text-transform:none;letter-spacing:.08em;font-size:13px;color:var(--color-accent);font-family:var(--font-code)}.muted{color:var(--color-muted);margin:0;line-height:1.7}ul{margin:0;padding-left:1.1rem;display:grid;gap:var(--space-sm)}.board-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl)}.board-column{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);background:linear-gradient(140deg,rgba(42,252,152,.06),transparent 50%),var(--color-surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.board-column__label{font-family:var(--font-code);color:var(--color-accent);margin-bottom:var(--space-md);letter-spacing:.08em;text-transform:uppercase}.board-tiles{display:grid;gap:var(--space-md)}.board-tile{display:grid;grid-template-columns:64px 1fr;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(160deg,rgba(20,227,125,.08),transparent 60%),var(--color-surface-alt);color:var(--color-text);text-decoration:none;box-shadow:inset 0 0 0 1px #2afc980f,var(--shadow-soft);transition:transform .12s ease,box-shadow .16s ease,border-color .12s ease}.board-tile:hover{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 16px 32px #14e37d33}.board-tile:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.board-tile__number{display:flex;align-items:center;justify-content:center;font-family:var(--font-code);font-size:22px;color:var(--color-contrast-light);border-right:1px solid var(--color-border);background:#2afc9814}.board-tile__body{padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.board-tile__top{display:flex;align-items:center;gap:var(--space-sm)}.board-tile__title{font-weight:700;letter-spacing:.01em}.board-tile__meta{font-family:var(--font-code);font-size:12px;color:var(--color-muted);letter-spacing:.08em}.challenge-stack{display:flex;flex-direction:column;gap:var(--space-lg)}.challenge-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);background:linear-gradient(180deg,rgba(20,227,125,.08),transparent 50%),var(--color-surface);box-shadow:var(--shadow-soft)}.challenge-card.secondary{background:var(--color-surface-alt);border-style:dashed}.terminal-block{background:#020a05;color:var(--color-accent);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);font-family:var(--font-code);overflow-x:auto;box-shadow:inset 0 0 0 1px #2afc980d}.terminal-output{margin-top:var(--space-sm);display:grid;gap:4px}.terminal-summary{margin-top:var(--space-sm);color:var(--color-muted)}.fake-site{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-alt);box-shadow:var(--shadow-soft)}.fake-site__header{padding:var(--space-sm) var(--space-md);background:#0b3b24;color:#d5ffe2;font-family:var(--font-code)}.fake-site__body{padding:var(--space-lg)}.row.wrap{flex-wrap:wrap}.folder-grid,.file-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md)}.folder-card,.file-card{display:flex;align-items:center;gap:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);background:var(--color-surface);cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .15s ease}.folder-card:hover,.file-card:hover{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 12px 26px #14e37d2e}.folder-card--locked{background:linear-gradient(120deg,rgba(20,227,125,.06),transparent 60%),var(--color-surface)}.folder-card--active,.file-card--active{border-color:var(--color-accent)}.folder-card__icon,.file-card__icon{font-size:26px}.file-card{flex-direction:column;align-items:flex-start}.file-card__name{font-weight:700}.file-card__meta{color:var(--color-muted)}.challenge-card .input{background:var(--color-surface)}.input{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.65rem .8rem;background:var(--color-background);color:var(--color-text);font:inherit;min-width:260px}.input--inline{flex:1;min-width:0}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg)}.label{color:var(--color-muted);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface);font-family:var(--font-code)}.pill--success{border-color:var(--color-success);color:var(--color-success)}.pill--danger{border-color:var(--color-danger);color:var(--color-danger)}.pill--small{padding:4px 10px;font-size:11px}.pill--accent{border-color:var(--color-accent);color:var(--color-contrast-light);background:var(--color-accent)}.callout{border-left:3px solid var(--color-accent);padding:var(--space-sm) var(--space-md);background:#2afc9814;color:var(--color-text)}.nic-table,.packet-table{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.nic-table__head,.nic-table__row,.packet-table__head,.packet-table__row{display:grid;grid-template-columns:1.1fr 1.3fr 1.6fr 2.4fr;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.packet-table__head,.nic-table__head{background:#2afc980f;font-family:var(--font-code);letter-spacing:.04em}.packet-table__row:last-child,.nic-table__row:last-child{border-bottom:none}.option-row{display:flex;gap:var(--space-sm);align-items:center}.prompt{color:var(--color-accent);font-family:var(--font-code)}.block-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-sm)}.block-tile{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);background:var(--color-surface);text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .15s ease}.block-tile:hover{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 10px 20px #2afc9833}.block-tile strong{display:block;font-family:var(--font-code);margin-top:var(--space-xs)}.switch{display:inline-flex;align-items:center;gap:var(--space-sm);margin-left:var(--space-md)}.switch input{display:none}.switch span:first-of-type{width:44px;height:24px;background:var(--color-border);border-radius:var(--radius-pill);position:relative;transition:background .16s ease}.switch span:first-of-type:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--color-surface);transition:transform .16s ease}.switch input:checked+span:first-of-type{background:var(--color-accent)}.switch input:checked+span:first-of-type:after{transform:translate(20px)}.switch__label{font-family:var(--font-code);color:var(--color-accent)}.packet-table__row span:nth-child(3){font-family:var(--font-code)}.card{border-image:linear-gradient(90deg,var(--color-accent),transparent) 1;background:linear-gradient(160deg,rgba(42,252,152,.07),transparent 40%),var(--color-surface);position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(42,252,152,.12),transparent 35%);pointer-events:none}button{background:linear-gradient(120deg,var(--color-accent),var(--color-accent-strong));color:#041006;border:1px solid var(--color-accent-strong);box-shadow:0 12px 28px #2afc9833}button:hover{border-color:var(--color-accent-strong);box-shadow:0 18px 36px #2afc9852}button:focus-visible{outline:2px solid var(--color-accent)}@media(max-width:720px){.app-header{flex-direction:column;align-items:flex-start}}.landing .button,.row .button{text-decoration:none}.landing{max-width:1200px;margin:0 auto}.landing h1{font-size:clamp(40px,6vw,64px);letter-spacing:.02em;margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section{padding:var(--space-xl) 0;margin-bottom:var(--space-xl)}.hero-lede{font-size:18px;max-width:880px}.feature-cards{gap:var(--space-lg)}.feature-card{min-width:240px;flex:1 1 0;transition:transform .18s ease,box-shadow .18s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #2afc9826}.challenge-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.category-item{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color .18s ease,background .18s ease,transform .18s ease}.category-item:hover{border-color:var(--color-accent);background:linear-gradient(140deg,rgba(42,252,152,.05),transparent);transform:translateY(-2px)}.category-icon{font-size:28px;display:block;margin-bottom:var(--space-xs)}.ascii-icon{font-family:var(--font-code);color:var(--color-accent);font-size:14px;font-weight:700}.category-icon-ascii{font-family:var(--font-code);color:var(--color-accent);font-size:20px;font-weight:700;margin:0 0 var(--space-xs) 0;line-height:1}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) 0;margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.site-logo{display:inline-flex;align-items:center;gap:var(--space-sm)}.site-logo img{width:152px;height:52px}.top-nav__links{display:flex;align-items:center;gap:var(--space-md)}.nav-link{color:var(--color-text);text-decoration:none;font-weight:700;letter-spacing:.05em}.nav-link:hover{color:var(--color-accent)}.nav-link--button{padding:.45rem .9rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:linear-gradient(120deg,var(--color-accent),var(--color-accent-strong));color:var(--color-contrast-light);box-shadow:0 10px 22px #2afc9838;transition:transform .12s ease,box-shadow .15s ease}.nav-link--button:hover{color:var(--color-contrast-light);transform:translateY(-1px);box-shadow:0 14px 28px #2afc984d}.nav-link--ghost{background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-pill);padding:.35rem .8rem;cursor:pointer}.nav-link--icon img{width:28px;height:28px;border-radius:50%;display:block}.breadcrumbs{display:flex;align-items:center;gap:var(--space-xs);font-size:16px;color:var(--color-muted);margin-bottom:var(--space-sm);font-family:var(--font-code)}.breadcrumbs__link{color:var(--color-accent);text-decoration:none}.breadcrumbs__link:hover{text-decoration:underline}.breadcrumbs__current{color:var(--color-text);font-weight:600}.breadcrumbs__sep{color:var(--color-accent);font-weight:700;opacity:.5;padding:0 4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.7rem 1.2rem;border-radius:var(--radius-pill);border:1px solid var(--color-accent);background:linear-gradient(120deg,var(--color-accent),var(--color-accent-strong));color:#041006;font-weight:700;cursor:pointer;box-shadow:0 14px 30px #2afc9840;transition:transform .12s ease,box-shadow .15s ease}.button:hover{transform:translateY(-1px);box-shadow:0 18px 36px #2afc9859}.button--ghost{background:transparent;border:1px dashed var(--color-border);color:var(--color-text);box-shadow:none}.button--ghost:hover{border-color:var(--color-accent)}.auth-form{max-width:540px}.cookie-modal{position:fixed;bottom:16px;left:16px;right:16px;display:flex;justify-content:center;pointer-events:none;z-index:1000}.cookie-modal__content{pointer-events:all;max-width:820px;width:100%;display:grid;grid-template-columns:1fr auto;gap:var(--space-md);align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);background:linear-gradient(120deg,rgba(42,252,152,.08),transparent 60%),var(--color-surface);box-shadow:0 20px 50px #00000059}.cookie-modal__text p{margin:.25rem 0 0;color:var(--color-muted)}.cookie-modal__actions{display:flex;gap:var(--space-sm)}@media(max-width:640px){.cookie-modal__content{grid-template-columns:1fr}.cookie-modal__actions{justify-content:flex-start}}.footer{margin-top:var(--space-xl);padding:var(--space-md) 0 var(--space-lg);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;color:var(--color-muted)}.footer__links{display:flex;align-items:center;gap:var(--space-md)}.footer__meta{font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{color-scheme:light;--color-background: #f7fdf7;--color-surface: #ffffff;--color-surface-alt: #e9f7ec;--color-text: #0f3b21;--color-muted: #2f5c3c;--color-border: #b5e4c4;--color-accent: #0ea769;--color-accent-strong: #088a57;--color-success: #0ea769;--color-warning: #eab308;--color-danger: #dc2626;--shadow-soft: 0 14px 42px rgba(6, 95, 70, .14);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--font-body: "Sora", "DM Sans", "Segoe UI", "Helvetica Neue", Arial, system-ui, sans-serif;--font-display: var(--font-body);--font-code: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--color-contrast-light: #041006}:root[data-theme=dark]{color-scheme:dark;--color-background: #041006;--color-surface: #081a0d;--color-surface-alt: #0d2314;--color-text: #d5ffe2;--color-muted: #7be3a8;--color-border: #0f3b21;--color-accent: #2afc98;--color-accent-strong: #14e37d;--color-success: #2afc98;--color-warning: #f5c542;--color-danger: #ff6b6b;--shadow-soft: 0 14px 42px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:repeating-linear-gradient(0deg,rgba(42,252,152,.06),rgba(42,252,152,.06) 1px,transparent 1px,transparent 24px),repeating-linear-gradient(90deg,rgba(42,252,152,.04),rgba(42,252,152,.04) 1px,transparent 1px,transparent 24px),radial-gradient(circle at 20% 20%,rgba(42,252,152,.12),transparent 25%),var(--color-background);color:var(--color-text);font-family:var(--font-body);line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:.55rem 1.1rem;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,border-color .12s ease;box-shadow:0 6px 16px #0000000f}button:hover{transform:translateY(-1px);border-color:var(--color-accent);box-shadow:0 10px 24px #2563eb1f}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}code,pre{font-family:var(--font-code)}:root{font-family:var(--font-body);font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;user-select:none;-webkit-user-select:none}a{font-weight:600;color:inherit}a:hover{color:var(--color-accent)}.app-shell{max-width:1100px;margin:0 auto;padding:var(--space-2xl) var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);color:var(--color-text);min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column;gap:var(--space-xl)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-soft)}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.row{display:flex;align-items:center;gap:var(--space-md)}