:root{--reading-font:"Trebuchet MS", Arial, sans-serif;--green:#0f0;--green-dim:#0a0;--green-glow:#0f06;--amber:#ffb000;--amber-glow:#ffb00066;--red:#f33;--red-glow:#f336;--bg:#22372d;--font-xs:clamp(12px, 1.5vw, 16px);--font-sm:clamp(16px, 2vw, 22px);--font-md:clamp(22px, 3vw, 32px);--font-lg:clamp(32px, 4.5vw, 52px);--font-xl:clamp(42px, 6vw, 72px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%}body{background-color:var(--bg);color:var(--green);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-family:Px437,monospace}.crt{width:100%;min-height:100dvh;position:relative}.crt:before{content:"";pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,#00000009 0 1px,#0000 1px 3px);position:absolute;inset:0}.crt:after{content:"";pointer-events:none;z-index:1001;background:radial-gradient(#0000 60%,#0000000f 100%);position:absolute;inset:0}@keyframes flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.98}15%{opacity:.96}20%{opacity:.99}to{opacity:.98}}.crt{isolation:isolate}.primary-button,.secondary-button{min-height:56px;font:600 20px/1.3 var(--reading-font);cursor:pointer;touch-action:manipulation;border-radius:8px;padding:14px 20px}.primary-button{color:#363525;background:#efcc83;border:2px solid #f6dfab;border-bottom:5px solid #a6874a}.secondary-button{color:#dce7ce;background:#2a4030;border:1px solid #849574}.primary-button:hover:not(:disabled){background:#f8dca1}.primary-button:active:not(:disabled){transform:translateY(2px)}.primary-button:disabled,.secondary-button:disabled{opacity:.65;cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--amber);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.glow{text-shadow:0 0 4px var(--green-glow), 0 0 8px var(--green-glow)}.glow-amber{color:var(--amber);text-shadow:0 0 4px var(--amber-glow), 0 0 8px var(--amber-glow)}.glow-red{color:var(--red);text-shadow:0 0 4px var(--red-glow), 0 0 8px var(--red-glow)}input,textarea,select,button{color:var(--green);caret-color:#0000;background:0 0;border:none;outline:none;font-family:Px437,monospace}input:focus,textarea:focus,select:focus{outline:none}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake{animation:.5s ease-in-out shake}@keyframes flash-correct{0%{background-color:#00ff0026}to{background-color:#0000}}.flash-correct{animation:.5s ease-out flash-correct}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.bounce{animation:.3s ease-in-out bounce}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.4s ease-out slideUp}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulse{animation:1.5s ease-in-out infinite pulse}.pixel-border{border:2px solid var(--green);box-shadow:inset 0 0 8px #00ff001a,0 0 8px #00ff001a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--green-dim)}