*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}:root{--pixel-bg:#2c1e14;--pixel-bg-light:#3d2a1c;--pixel-border:#8b7355;--pixel-text:#f4e4c4;--pixel-gold:gold;--pixel-blue:#6b8cff;--pixel-red:#e74c3c;--pixel-green:#7ecc71;--pixel-shadow:#00000080}body{background-color:var(--pixel-bg);color:var(--pixel-text);background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 2px 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#0000001a 2px 4px);background-size:4px 4px;font-family:Courier New,monospace;font-size:14px;line-height:1.4;overflow-x:hidden}.ascii-art{white-space:pre;letter-spacing:.1em;text-shadow:1px 1px 0 var(--pixel-shadow);font-family:Courier New,monospace;line-height:1.2}.hl-red{color:var(--pixel-red);text-shadow:1px 1px 0 var(--pixel-shadow)}.hl-green{color:var(--pixel-green);text-shadow:1px 1px 0 var(--pixel-shadow)}.hl-blue{color:var(--pixel-blue);text-shadow:1px 1px 0 var(--pixel-shadow)}.hl-yellow{color:var(--pixel-gold);text-shadow:1px 1px 0 var(--pixel-shadow)}.hl-gray{color:var(--pixel-border);text-shadow:1px 1px 0 var(--pixel-shadow)}.terminal-cursor{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.pixel-border{border:3px solid var(--pixel-border);box-shadow:inset 2px 2px 0 #ffffff1a,inset -2px -2px 0 #0003,3px 3px 0 var(--pixel-shadow);position:relative}.pixel-border:before{content:"";pointer-events:none;border:1px solid #ffffff1a;position:absolute;inset:0}button{background:linear-gradient(180deg,var(--pixel-bg-light)0%,var(--pixel-bg)100%);color:var(--pixel-text);border:3px solid var(--pixel-border);text-shadow:1px 1px 0 var(--pixel-shadow);box-shadow:inset 2px 2px 0 #ffffff1a,inset -2px -2px 0 #0003,2px 2px 0 var(--pixel-shadow);padding:.5rem 1rem;font-weight:700;transition:all .1s}button:hover{background:linear-gradient(180deg,var(--pixel-border)0%,var(--pixel-bg-light)100%);color:var(--pixel-gold);cursor:pointer}button:active{box-shadow:inset 2px 2px 0 #0000004d,1px 1px 0 var(--pixel-shadow);transform:translate(1px,1px)}button:disabled{opacity:.5;cursor:not-allowed}input{background:var(--pixel-bg-light);border:2px solid var(--pixel-border);color:var(--pixel-text);outline:none;padding:.5rem;box-shadow:inset 2px 2px 4px #0000004d}input::placeholder{color:var(--pixel-border);opacity:.7}input:focus{border-color:var(--pixel-gold)}a{color:var(--pixel-text);border:3px solid var(--pixel-border);background:linear-gradient(180deg,var(--pixel-bg-light)0%,var(--pixel-bg)100%);text-shadow:1px 1px 0 var(--pixel-shadow);box-shadow:inset 2px 2px 0 #ffffff1a,inset -2px -2px 0 #0003,3px 3px 0 var(--pixel-shadow);padding:.75rem 2rem;font-weight:700;text-decoration:none;transition:all .1s;display:inline-block}a:hover{background:linear-gradient(180deg,var(--pixel-border)0%,var(--pixel-bg-light)100%);color:var(--pixel-gold);cursor:pointer}.scanlines:before{content:" ";z-index:10;pointer-events:none;background:linear-gradient(#0000 50%,#0000001a 50%) 0 0/100% 4px;display:block;position:absolute;inset:0}.scanlines:after{content:" ";z-index:10;pointer-events:none;background:linear-gradient(#0000 0%,#ffffff05 50%,#0000 100%) 0 0/100% 200%;animation:8s linear infinite scan;display:block;position:absolute;inset:0}@keyframes scan{0%{background-position:0 -200%}to{background-position:0 200%}}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.grid{display:grid}.inline-block{display:inline-block}.block{display:block}.relative{position:relative}.absolute{position:absolute}.w-full{width:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.pointer-events-none{pointer-events:none}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mr-2{margin-right:.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-tiny{font-size:9px}.text-mini{font-size:10px}.text-base{font-size:1rem}.font-bold{font-weight:700}.text-terminal-green{color:var(--pixel-green)}.text-terminal-blue{color:var(--pixel-blue)}.text-terminal-yellow{color:var(--pixel-gold)}.text-terminal-gray{color:var(--pixel-border)}.text-terminal-red{color:var(--pixel-red)}.bg-terminal-dark{background-color:var(--pixel-bg)}.bg-terminal-green{background-color:var(--pixel-green)}.border-terminal-green{border-color:var(--pixel-border)!important}.border-terminal-blue{border-color:var(--pixel-blue)!important}.border-terminal-yellow{border-color:var(--pixel-gold)!important}.border-terminal-gray{border-color:var(--pixel-border)!important}.border-terminal-red{border-color:var(--pixel-red)!important}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.transition-colors{transition-property:color,background-color,border-color}.duration-200{transition-duration:.2s}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--pixel-bg)}::-webkit-scrollbar-thumb{background:var(--pixel-border);border:2px solid var(--pixel-bg)}::-webkit-scrollbar-thumb:hover{background:var(--pixel-text)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#2c1e144d}.custom-scrollbar::-webkit-scrollbar-thumb{background:#8b735580;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#8b7355cc}.hidden{display:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.pixel-glow{text-shadow:0 0 5px var(--pixel-gold),0 0 10px var(--pixel-gold),2px 2px 0 var(--pixel-shadow)}.pixel-box{background:linear-gradient(180deg,var(--pixel-bg-light)0%,var(--pixel-bg)100%);border:3px solid var(--pixel-border);box-shadow:inset 2px 2px 0 #ffffff1a,inset -2px -2px 0 #0003,4px 4px 0 var(--pixel-shadow)}select{background:var(--pixel-bg-light);border:2px solid var(--pixel-border);color:var(--pixel-text);cursor:pointer;outline:none;padding:.5rem}select:focus{border-color:var(--pixel-gold)}.border{border:2px solid var(--pixel-border)}.border-b{border-bottom:2px solid var(--pixel-border)}.border-t{border-top:2px solid var(--pixel-border)}.border-l{border-left:2px solid var(--pixel-border)}.border-r{border-right:2px solid var(--pixel-border)}.border-none{border:none}@media (min-width:640px){.sm-text-xs{font-size:.75rem}.sm-text-sm{font-size:.875rem}}@media (min-width:768px){.md-text-sm{font-size:.875rem}}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.shadow-xl{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.shadow-md{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.bg-gradient-to-b{background:linear-gradient(to bottom,var(--pixel-bg-light),var(--pixel-bg))}.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--pixel-bg-light),var(--pixel-bg))}.bg-gradient-to-r{background:linear-gradient(to right,var(--pixel-bg-light),var(--pixel-bg))}.from-terminal-bg,.to-terminal-dark{background-color:var(--pixel-bg)}.to-terminal-bg-light{background-color:var(--pixel-bg-light)}.to-terminal-green,.from-terminal-green{background-color:var(--pixel-green)}.to-terminal-green\/80{background-color:#7ecc71cc}.from-terminal-dark{background-color:var(--pixel-bg)}.bg-terminal-dark\/50{background-color:#2c1e1480}.bg-terminal-dark\/30{background-color:#2c1e144d}.bg-terminal-green\/10{background-color:#7ecc711a}.bg-terminal-green\/80{background-color:#7ecc71cc}.bg-terminal-green\/30{background-color:#7ecc714d}.bg-terminal-bg-light\/50{background-color:#3d2a1c80}.border-terminal-gray\/30{border-color:#8b73554d}.border-terminal-green\/30{border-color:#7ecc714d}.border-terminal-blue\/30{border-color:#6b8cff4d}.border-terminal-yellow\/30{border-color:#ffd7004d}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.2s}.gap-1{gap:.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-16{width:4rem}.h-16{height:4rem}.w-52{width:13rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.max-w-full{max-width:100%}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}.from-orange-900{background-color:#7c2d12}.via-orange-700{background-color:#c2410c}.to-amber-900{background-color:#78350f}.to-amber-700{background-color:#b45309}.to-amber-800{background-color:#92400e}.to-amber-600,.from-amber-600{background-color:#d97706}.to-amber-500,.from-amber-500{background-color:#f59e0b}.text-amber-300{color:#fcd34d}.text-amber-100{color:#fef3c7}.text-amber-200{color:#fde68a}.text-amber-800{color:#92400e}.text-amber-600{color:#d97706}.text-amber-500{color:#f59e0b}.border-amber-500{border-color:#f59e0b}.bg-amber-600\/80{background-color:#d97706cc}.text-orange-900{color:#7c2d12}.bg-orange-700,.to-orange-700{background-color:#c2410c}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.transform{transform:translateZ(0)}.hover-scale-105:hover{transform:scale(1.05)}.border-4{border-width:4px}.text-3xl{font-size:1.875rem}.text-lg{font-size:1.125rem}.text-sky-300{color:#7dd3fc}.text-pink-300{color:#f9a8d4}.bg-black-30{background-color:#0000004d}.text-amber-200-60{color:#fde68a99}.bottom-4{bottom:1rem}.items-end{align-items:flex-end}.max-w-lg{max-width:32rem}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pixel-avatar{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pixel-background{image-rendering:pixelated}@keyframes pixel-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pixel-bounce{animation:.5s ease-in-out infinite pixel-bounce}.pixel-glow-soft{filter:drop-shadow(0 0 4px #ffd7004d)}.pixel-glow-strong{filter:drop-shadow(0 0 8px #ffd70080)}.pixel-frame{border:4px solid var(--pixel-border);position:relative;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d,4px 4px #00000080}.pixel-frame:before,.pixel-frame:after{content:"";background:var(--pixel-gold);width:8px;height:8px;position:absolute}.pixel-frame:before{top:-4px;left:-4px}.pixel-frame:after{bottom:-4px;right:-4px}.pixel-transition{transition:all .1s steps(4,end)}.pixel-text-shadow{text-shadow:2px 2px #00000080,-1px -1px #ffffff1a}