@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Rajdhani:wght@500;600&display=swap";html,body,#root{width:100%;min-height:100%;margin:0;padding:0}:root{--bg-1:#040915;--bg-2:#0a1730;--bg-3:#10264d;--neon:#62d0ff;--neon-strong:#17b8ff;--neon-soft:#89e0ff;--line:#67c9ff57;--text-main:#d8efff;--text-soft:#9cc5e6;--alert:#6ce6ff}*{box-sizing:border-box}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 14% 8%, #1f87ff33 0%, transparent 36%), radial-gradient(circle at 85% 82%, #17b8ff33 0%, transparent 34%), linear-gradient(155deg, var(--bg-1), var(--bg-2) 60%, var(--bg-3));margin:0;font-family:Rajdhani,sans-serif}#root{min-height:100vh}.app-shell{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.scanlines{mix-blend-mode:soft-light;pointer-events:none;background:repeating-linear-gradient(#62d0ff0b 0 1px,#0000 1px 4px);position:absolute;inset:0}.terminal-frame{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background:linear-gradient(165deg,#081022eb,#0a1c38e0);border-radius:18px;width:min(980px,100%);animation:.9s ease-out boot;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1674c752,0 30px 60px #01061099,0 0 42px #17b8ff29}.terminal-frame:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#77d2ff12 50%,#0000 100%);animation:6s ease-in-out infinite sweep;position:absolute;inset:0;transform:translate(-100%)}.terminal-header{border-bottom:1px solid var(--line);color:var(--text-soft);letter-spacing:.06em;background:#08162ad9;justify-content:space-between;gap:12px;padding:12px 16px;font-size:.88rem;display:flex}.header-actions{align-items:center;gap:10px;display:flex}.header-clear-btn{letter-spacing:.05em;width:auto;margin-top:0;padding:6px 12px;font-size:.75rem}.card{gap:12px;padding:22px;display:grid}.block-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.block-grid .status-panel{grid-column:span 5}.block-grid .file-dump,.block-grid .hint-block{grid-column:span 7}.challenge-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.interaction-panel{border:1px solid var(--line);background:#08192ead;border-radius:12px;gap:8px;padding:12px;display:grid}h1,h2,p{margin:0}h1{text-transform:uppercase;letter-spacing:.06em;color:var(--text-main);text-shadow:0 0 12px #62d0ff40;font-family:Orbitron,sans-serif;font-size:clamp(1.3rem,2.8vw,1.8rem)}.lead{color:var(--text-soft);line-height:1.4}.status-panel{border:1px solid var(--line);color:var(--text-soft);background:linear-gradient(140deg,#0a1832d9,#09204099);border-radius:12px;gap:4px;margin-top:4px;padding:10px 12px;font-size:.92rem;display:grid}label{margin-top:8px;font-size:.95rem}input,select,button{border:1px solid var(--line);width:100%;color:var(--text-main);background:#0c213fb3;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:1rem}input::placeholder{color:#9cc5e699}button{cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(145deg,#0e5896f2,#1089d6eb);border:1px solid #79dbff73;margin-top:8px;font-family:Orbitron,sans-serif;font-size:.86rem;transition:transform .2s,box-shadow .2s,filter .2s}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 24px #0981d652}button:disabled{opacity:.45;cursor:not-allowed}.file-dump{border:1px solid var(--line);background:#08172cbf;border-radius:12px;gap:6px;margin-top:8px;padding:12px;font-size:.93rem;display:grid}.download-link{color:var(--neon-soft)}.hint{color:var(--alert);margin-top:4px}.hint-block{border:1px solid var(--line);color:var(--text-soft);background:#08192ead;border-radius:12px;gap:4px;padding:10px 12px;font-size:.93rem;display:grid}pre{white-space:pre-wrap;color:#b8e8ff;margin:0;font-family:Rajdhani,sans-serif}.nested-card{background:#06152abd;border:1px solid #6ec4ff47;border-radius:14px;margin-top:10px}.challenge-form{gap:8px;margin-top:6px;display:grid}.frame-box{justify-content:start;margin-top:10px;display:grid}.frame-box iframe{border:1px solid #6fcaff80;border-radius:10px;max-width:100%}.feedback{color:var(--alert);margin-top:8px}.word-box{background:linear-gradient(150deg,#0a2b4ead,#0a42708f);border:1px solid #84dcff7a;border-radius:12px;gap:6px;margin-top:8px;padding:14px;display:grid}.word-box p{letter-spacing:.2em;text-shadow:0 0 12px #50c1ffbf;font-size:2rem}small{color:var(--text-soft)}@media (width<=760px){.app-shell{padding:10px}.card{padding:16px}.terminal-header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:space-between;width:100%}.frame-box{justify-content:center}.block-grid{grid-template-columns:1fr}.block-grid .status-panel,.block-grid .file-dump,.block-grid .hint-block{grid-column:auto}.challenge-layout{grid-template-columns:1fr}}@keyframes boot{0%{opacity:0;transform:scale(.98)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes sweep{0%{transform:translate(-100%)}55%{transform:translate(120%)}to{transform:translate(120%)}}