@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-duration:initial}}}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.text-center{text-align:center}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}:root{--base-blue:#0052ff;--base-white:#fff;--base-gray:silver;--base-dark:#666;--base-black:#000}body{color:var(--base-blue);background-color:#e0e0e0;margin:0;padding:0;font-family:IBM Plex Mono,Courier New,monospace;position:relative}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#00000008,#00000008 1px,#0000 1px 2px);width:100%;height:100%;position:fixed;top:0;left:0}main{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.retro-window{background:var(--base-white);border:3px solid var(--base-black);box-shadow:inset -2px -2px gray,inset 2px 2px #dfdfdf,inset -3px -3px #404040,inset 3px 3px #fff,4px 4px 10px #0000004d}.retro-title-bar{color:var(--base-white);border-bottom:2px solid var(--base-black);text-shadow:1px 1px #00000080;background:linear-gradient(90deg,navy 0%,#1084d0 100%);justify-content:space-between;align-items:center;padding:6px 8px;font-weight:700;display:flex}.retro-button{background:var(--base-gray);color:var(--base-black);cursor:pointer;border:3px solid #404040;border-color:#fff #404040 #404040 #fff;padding:10px 20px;font-family:IBM Plex Mono,monospace;font-weight:700;transition:all 50ms;box-shadow:2px 2px #0003}.retro-button:hover{background:#d4d4d4;border-color:#fff #505050 #505050 #fff}.retro-button:active{border-color:#404040 #fff #fff #404040;transform:translateY(2px);box-shadow:0 0 #0003}.retro-button:disabled{color:gray;cursor:not-allowed;opacity:.6}.retro-input{background:var(--base-white);color:var(--base-blue);border:2px solid #fff;border-color:#404040 #fff #fff #404040;width:100%;padding:10px;font-family:IBM Plex Mono,monospace;font-size:14px}.retro-input:focus{outline:2px dotted var(--base-blue);outline-offset:-6px}.retro-progress{background:var(--base-white);border:2px solid #fff;border-color:#404040 #fff #fff #404040;height:28px;position:relative;overflow:hidden}.retro-progress-bar{background:var(--base-blue);height:100%;transition:width .3s;position:relative;box-shadow:inset 0 0 10px #ffffff4d}h1,h2,.text-blue-600{text-shadow:0 0 8px #0052ff4d}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor-blink{animation:1s infinite blink}.retro-panel{background:var(--base-white);text-align:center;border:2px solid #fff;border-color:#404040 #fff #fff #404040;margin:8px 0;padding:16px;box-shadow:2px 2px 4px #0000001a}.retro-panel .text-left{text-align:left}.quiz-option{background:var(--base-gray);cursor:pointer;text-align:center;width:100%;color:var(--base-black);border:3px solid #404040;border-color:#fff #404040 #404040 #fff;margin:10px 0;padding:14px 18px;font-family:IBM Plex Mono,monospace;font-weight:600;transition:all .1s;box-shadow:2px 2px #0003}.quiz-option:hover{background:#d4d4d4;transform:translateY(-1px);box-shadow:3px 3px #0003}.quiz-option:active{transform:translateY(1px);box-shadow:1px 1px #0003}.quiz-option.selected{background:var(--base-blue);color:var(--base-white);border-color:#0040cc #69f #69f #0040cc;box-shadow:inset 2px 2px 4px #0000004d}.loading-spinner{border:4px solid var(--base-gray);border-top-color:var(--base-blue);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:18px;height:18px}::-webkit-scrollbar-track{background:var(--base-gray);border:2px solid #fff;border-color:#404040 #fff #fff #404040}::-webkit-scrollbar-thumb{background:var(--base-gray);border:2px solid #404040;border-color:#fff #404040 #404040 #fff}::-webkit-scrollbar-thumb:hover{background:#d4d4d4}::-webkit-scrollbar-corner{background:var(--base-gray)}.ascii-loading{white-space:pre;font-family:IBM Plex Mono,monospace;font-weight:600;line-height:1.2}@keyframes typewriter{0%{opacity:0;width:0}to{opacity:1;width:100%}}.typewriter{white-space:nowrap;animation:.8s steps(40,end) forwards typewriter;display:inline-block;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.5s ease-out forwards fadeInUp}.stagger-item{opacity:0;animation:.4s ease-out forwards fadeInUp}.stagger-item:first-child{animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}.stagger-item:nth-child(7){animation-delay:.7s}.stagger-item:nth-child(8){animation-delay:.8s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:2s ease-in-out infinite pulse}.retro-window .p-6>*{margin-left:auto;margin-right:auto}@media (max-width:640px){body{padding:8px;font-size:14px}.retro-window{max-width:100%;margin:0;box-shadow:2px 2px 6px #0000004d;width:100%!important}.retro-window .p-6{padding:12px!important}h1{word-wrap:break-word;overflow-wrap:break-word;font-size:1.5rem!important;line-height:1.3!important}h2{word-wrap:break-word;overflow-wrap:break-word;font-size:1.1rem!important;line-height:1.4!important}p,div,span{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.retro-button{width:100%;padding:8px 16px;font-size:13px}.retro-input{padding:8px;font-size:13px}.quiz-option{margin:8px 0;padding:10px 12px;font-size:13px}.retro-panel{margin:6px 0;padding:12px}.retro-title-bar{padding:4px 6px;font-size:14px}.text-4xl,.text-5xl{font-size:1.5rem!important}.text-3xl{font-size:1.3rem!important}.text-2xl{font-size:1.1rem!important}.text-xl{font-size:1rem!important}.typewriter{white-space:normal;word-wrap:break-word;width:auto!important}.text-center{word-wrap:break-word;overflow-wrap:break-word}}@media (max-width:380px){body{font-size:12px}h1{font-size:1.3rem!important}h2{font-size:1rem!important}.retro-button{padding:6px 12px;font-size:12px}.quiz-option{padding:8px 10px;font-size:12px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}