:root{--crt-black:#000000;--crt-dark-gray:#1a1a1a;--crt-green:#00ff41;--crt-yellow:#FFC107;--crt-yellow-bright:#FF8F00;--crt-yellow-dim:#FFB300;--crt-amber:#FF8F00;--crt-white:#ffffff;--crt-gray:#666666;--font-terminal:'Courier New', 'VT323', monospace;--font-pixel:'Press Start 2P', 'VT323', monospace}.crt-container{background:var(--crt-black);position:relative;overflow:hidden;box-shadow:none}.crt-title-container{background:0 0;border:2px solid var(--crt-yellow);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 0 1px rgba(255,193,7,.1),inset 0 0 20px rgba(255,193,7,5%),0 0 30px rgba(255,193,7,.15);transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.crt-title-container::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:0 0;border-radius:15px;z-index:-1;opacity:0;animation:none}@keyframes border-glow-rotate{0%{transform:rotate(0);filter:hue-rotate(0)}50%{filter:hue-rotate(20deg)}100%{transform:rotate(360deg);filter:hue-rotate(0)}}.crt-title-container:hover{transform:translateY(-2px)rotateX(1deg);box-shadow:0 15px 30px rgba(0,0,0,.5),0 0 30px rgba(255,193,7,.15),inset 0 0 20px rgba(255,193,7,8%)}.crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(255,215,0,3%) 2px,rgba(255,215,0,3%) 4px );pointer-events:none;z-index:2}.sparkles{position:absolute;width:100%;height:100%;pointer-events:none;z-index:3}.sparkle{position:absolute;width:4px;height:4px;background:gold;border-radius:50%;animation:sparkle 3s infinite}.sparkle:nth-child(1){top:10%;left:20%;animation-delay:0s}.sparkle:nth-child(2){top:20%;left:80%;animation-delay:.5s}.sparkle:nth-child(3){top:60%;left:10%;animation-delay:1s}.sparkle:nth-child(4){top:80%;left:70%;animation-delay:1.5s}.sparkle:nth-child(5){top:40%;left:90%;animation-delay:2s}.sparkle:nth-child(6){top:70%;left:30%;animation-delay:2.5s}@keyframes sparkle{0%,100%{opacity:0}50%{opacity:1}}@keyframes scanlines{0%{background-position:0 0}100%{background-position:0 10px}}.crt-curve{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient( ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,.1) 90%,rgba(0,0,0,.3) 100% );pointer-events:none;z-index:2}.crt-flicker{animation:none}@keyframes flicker{0%{opacity:.97}50%{opacity:1}100%{opacity:.98}}.crt-border-t,.crt-border-b,.crt-border-l,.crt-border-r{position:absolute;background:linear-gradient(90deg,transparent,var(--crt-yellow),transparent);z-index:20}.crt-border-t{top:0;left:0;right:0;height:2px;animation:border-glow 2s ease-in-out infinite alternate}.crt-border-b{bottom:0;left:0;right:0;height:2px;animation:border-glow 2s ease-in-out infinite alternate-reverse}.crt-border-l{top:0;bottom:0;left:0;width:2px;animation:border-glow-vertical 2s ease-in-out infinite alternate}.crt-border-r{top:0;bottom:0;right:0;width:2px;animation:border-glow-vertical 2s ease-in-out infinite alternate-reverse}@keyframes border-glow{0%{opacity:.3;box-shadow:0 0 5px var(--crt-yellow)}100%{opacity:.8;box-shadow:0 0 20px var(--crt-yellow-bright)}}@keyframes border-glow-vertical{0%{opacity:.3;box-shadow:0 0 5px var(--crt-yellow)}100%{opacity:.8;box-shadow:0 0 20px var(--crt-yellow-bright)}}a{color:var(--crt-yellow);font-weight:700;text-decoration:underline;transition:all .2s ease}a:hover{color:var(--crt-yellow-bright);text-shadow:0 0 5px var(--crt-yellow),0 0 10px var(--crt-yellow),0 0 15px var(--crt-yellow-bright)}.text-glow{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor}.neon{animation:none}@keyframes neon-flicker{0%,100%{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor,0 0 20px currentColor}50%{text-shadow:0 0 2px currentColor,0 0 5px currentColor,0 0 8px currentColor,0 0 12px currentColor}}.scan-text{overflow:hidden;position:relative}.scan-text::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 90deg,transparent 0%,rgba(255,193,7,.2) 50%,transparent 100% );animation:scan-text 3s infinite}@keyframes scan-text{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.glitch{position:relative;color:var(--crt-yellow);animation:none}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--crt-black);overflow:hidden}.glitch::before{left:2px;text-shadow:-2px 0 var(--crt-green);animation:none}.glitch::after{left:-2px;text-shadow:-2px 0 var(--crt-amber);animation:none}@keyframes glitch{0%,100%{text-shadow:0 0 5px var(--crt-yellow)}25%{text-shadow:-2px 0 var(--crt-green),2px 0 var(--crt-amber)}50%{text-shadow:2px 0 var(--crt-green),-2px 0 var(--crt-amber)}75%{text-shadow:0 0 10px var(--crt-yellow-bright)}}@keyframes glitch-1{0%{clip-path:inset(0 0 100% 0)}100%{clip-path:inset(0 0 0 0)}}@keyframes glitch-2{0%{clip-path:inset(100% 0 0 0)}100%{clip-path:inset(0 0 0 0)}}.crt-menu-item{display:inline-block;padding:8px 16px;margin:4px;background:var(--crt-black);border:2px solid var(--crt-yellow);color:var(--crt-yellow);font-family:var(--font-terminal);font-size:14px;text-transform:uppercase;text-decoration:none;position:relative;transition:all .2s ease;cursor:pointer}.crt-menu-item:hover{background:var(--crt-yellow);color:var(--crt-black);box-shadow:0 0 10px var(--crt-yellow),0 0 20px var(--crt-yellow-bright),inset 0 0 10px rgba(0,0,0,.3);animation:menu-hover .1s ease;transform:scale(1.005)}.crt-menu-item-active{background:var(--crt-yellow);color:var(--crt-black);box-shadow:0 0 10px var(--crt-yellow),inset 0 0 10px rgba(0,0,0,.3)}.crt-menu-item-ancestor{background:rgba(255,193,7,.1);border-color:var(--crt-yellow-bright)}@keyframes menu-hover{0%{transform:scale(1)}50%{transform:scale(1.008)}100%{transform:scale(1.005)}}.crt-menu-decoration{color:var(--crt-green);margin-right:8px;animation:blink 1s infinite}.crt-menu-text{color:inherit;font-weight:700;letter-spacing:1px}.crt-menu-suffix{color:var(--crt-yellow-dim);margin-left:8px;animation:none}@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}@keyframes marquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.animate-marquee{display:inline-block;animation:marquee 20s linear infinite}.terminal-cursor{display:inline-block;width:10px;height:20px;background:var(--crt-green);animation:cursor-blink 1s infinite;vertical-align:text-bottom}@keyframes cursor-blink{0%,49%{opacity:1}50%,100%{opacity:0}}.typewriter{overflow:hidden;border-right:2px solid var(--crt-green);white-space:nowrap;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:var(--crt-green)}}.crt-noise{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.08;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(255,193,7,8%) 2px,rgba(255,193,7,8%) 4px );animation:scanline-move 8s linear infinite}@keyframes scanline-move{0%{transform:translateY(0)}100%{transform:translateY(4px)}}@keyframes noise-animation{0%,100%{transform:translate(0,0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,1%)}30%{transform:translate(-1%,1%)}40%{transform:translate(1%,-1%)}50%{transform:translate(-1%,-1%)}60%{transform:translate(1%,1%)}70%{transform:translate(-1%,1%)}80%{transform:translate(1%,-1%)}90%{transform:translate(-1%,-1%)}}.crt-footer{margin:0 16px 12px}@media(max-width:768px){.scanlines{opacity:.3;background-size:100% 6px;animation-duration:12s}.crt-noise{opacity:.02;animation-duration:.5s}.crt-flicker{animation-duration:.3s}.crt-container{box-shadow:none}.crt-border-t,.crt-border-b{height:1px;opacity:.5}.crt-border-l,.crt-border-r{width:1px;opacity:.5}.crt-border-t,.crt-border-b,.crt-border-l,.crt-border-r,.neon,.glitch,.animate-marquee{animation:none}.crt-menu-item{padding:10px 16px;font-size:16px;margin:4px 2px;min-height:44px;display:flex;align-items:center;justify-content:center}.crt-menu-item:hover{transform:none}.crt-menu-item:active{transform:scale(.98);background:var(--crt-yellow-bright)}.crt-text{font-size:16px;line-height:1.8}.crt-text h1{font-size:24px}.crt-text h2{font-size:20px}.crt-text h3{font-size:18px}.crt-title-container{margin:12px;padding:16px}.crt-footer{margin:0 16px 12px!important}.crt-footer-container{padding:16px}.crt-title-container{border-radius:10px;transform:none!important;animation:none!important;will-change:auto}.crt-title-container::before{animation:none!important}.menu-3d-container{perspective:1e3px;margin:10px}.menu-3d-card{animation:none!important;will-change:auto;padding:15px}.menu-3d-card:hover{box-shadow:0 2px 10px rgba(255,193,7,.2)}.menu-title{font-size:16px;animation:none}.menu-item-3d{transform:none!important;transition:background-color .2s ease;min-height:44px;padding:10px 16px}.menu-item-3d:hover{transform:none!important;background:rgba(255,193,7,.1);color:var(--crt-yellow)}.menu-item-3d::before,.menu-item-3d::after{display:none}.crt-text pre{font-size:14px;padding:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:5px}.crt-text code{font-size:14px;padding:3px 6px}.terminal-cursor{width:8px;height:18px}.stat-block{padding:12px;font-size:14px}.crt-menu-item,.menu-item-3d,button,a{-webkit-tap-highlight-color:rgba(255,193,7,.1);touch-action:manipulation}.text-glow,.neon{text-shadow:0 0 3px currentColor;animation:none}.crt-table-wrapper{font-size:12px;border-radius:5px}.crt-image-container{border-radius:5px;margin:10px 0}.crt-video-container{border-radius:5px}.crt-pagination{padding:10px;gap:5px}.crt-pagination-item{min-width:40px;min-height:40px;font-size:14px}}@media(max-width:480px){.crt-container{box-shadow:none}.scanlines{opacity:.2;background-size:100% 8px;animation-duration:15s}.crt-noise{opacity:.01}.crt-flicker{opacity:.995;animation-duration:.5s}.crt-border-t,.crt-border-b,.crt-border-l,.crt-border-r{opacity:.3}.crt-text{font-size:14px}.crt-text h1{font-size:20px}.crt-text h2{font-size:18px}.crt-text h3{font-size:16px}.crt-title-container{margin:8px;padding:12px}.menu-3d-card{padding:12px}.menu-title{font-size:14px;padding:6px;letter-spacing:1px}.menu-item-3d{padding:8px 12px;font-size:12px}.crt-text pre{font-size:12px;padding:8px}.crt-text code{font-size:12px;padding:2px 4px}}@media(min-width:769px) and (max-width:1024px){.scanlines{opacity:.5;background-size:100% 3px;animation-duration:10s}.crt-noise{opacity:.03;animation-duration:.3s}.crt-flicker{animation-duration:.2s}.crt-container{box-shadow:none}.menu-3d-card{animation:none}.menu-title{animation-duration:3s}.menu-3d-card:hover{}.menu-item-3d:hover{transform:translateY(-1px)}}@media(min-width:1200px){.scanlines{opacity:.7;background-size:100% 2px;animation-duration:6s}.crt-noise{opacity:.05;animation-duration:.15s}.crt-flicker{animation-duration:.15s}.crt-container{box-shadow:none}.crt-border-t,.crt-border-b,.crt-border-l,.crt-border-r{opacity:.9}.menu-3d-container{perspective:1500px}}@media screen and (orientation:landscape) and (max-height:500px){.crt-title-container,.menu-3d-card{margin:5px;padding:10px}.menu-title{font-size:14px;margin-bottom:10px}.menu-items{gap:8px}.menu-item-3d{padding:6px 12px;font-size:12px}}@media(min-width:769px) and (max-width:1024px){.crt-menu-item{padding:8px 14px;font-size:14px}.crt-text{font-size:15px}.crt-text h1{font-size:28px}.crt-text h2{font-size:22px}.crt-noise{opacity:.01}}@media(min-width:1200px){.crt-text{font-size:18px;max-width:900px;margin:0 auto}}.stat-block{padding:12px 8px;border:1px solid var(--crt-yellow-bright);background:rgba(255,193,7,5%);text-align:center;font-family:var(--font-terminal);min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.stat-block-compact{padding:6px 12px;border:1px solid var(--crt-yellow-bright);background:rgba(255,193,7,8%);font-family:var(--font-terminal);display:inline-block;text-align:left;border-radius:6px;box-sizing:border-box;min-width:200px}.stat-block-compact .stat-label-compact{color:var(--crt-yellow);font-weight:400;letter-spacing:.5px}.task-card:hover,.task-item:hover{animation:task-hover .3s ease;box-shadow:0 0 20px rgba(255,193,7,.3)}@keyframes task-hover{0%{transform:translateY(0)}50%{transform:translateY(-2px)}100%{transform:translateY(0)}}.crt-text{font-family:var(--font-terminal);line-height:1.6;color:var(--crt-yellow);text-shadow:0 0 2px rgba(255,193,7,.5)}.crt-text p{margin-bottom:1em;text-indent:2em}.crt-text h1,.crt-text h2,.crt-text h3,.crt-text h4,.crt-text h5,.crt-text h6{color:var(--crt-yellow-bright);margin:1.5em 0 .5em;text-shadow:0 0 5px rgba(255,193,7,.8)}.crt-text code{background:var(--crt-black);border:1px solid var(--crt-yellow);padding:2px 4px;color:var(--crt-green);font-family:var(--font-terminal)}.crt-text pre{background:var(--crt-black);border:2px solid var(--crt-yellow);padding:1em;overflow-x:auto;font-family:var(--font-terminal)}.crt-text blockquote{border-left:4px solid var(--crt-yellow);padding-left:1em;margin-left:0;color:var(--crt-yellow-dim)}#reading-progress{transition:width .2s ease;box-shadow:0 0 10px var(--crt-yellow)}@keyframes reward-glow{0%,100%{box-shadow:0 0 20px rgba(0,255,65,.5)}50%{box-shadow:0 0 40px rgba(0,255,65,.8)}}#completion-reward{animation:reward-glow 2s infinite}@media(prefers-reduced-motion:reduce){.scanlines,.crt-flicker,.crt-border-t,.crt-border-b,.crt-border-l,.crt-border-r,.neon,.glitch,.animate-marquee,.crt-noise{animation:none}}.menu-3d-container{perspective:1e3px;width:calc(100% - 8px);margin:20px 4px;padding:0;display:flex;justify-content:center;align-items:center;overflow:visible}.menu-3d-card{background:rgba(0,0,0,.8);border:1px solid var(--crt-yellow);border-radius:12px;padding:20px;width:calc(100% - 32px);margin:0;min-height:180px;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;display:flex;flex-direction:column;justify-content:flex-start}.menu-3d-card::before{display:none}.menu-3d-card{transform-style:preserve-3d;transition:transform .1s ease-out;will-change:transform}.menu-3d-card:hover{box-shadow:0 15px 30px rgba(0,0,0,.3),0 0 25px rgba(255,193,7,.2);border-color:var(--crt-yellow-bright)}.menu-title{color:var(--crt-yellow-bright);font-family:var(--font-terminal);font-size:18px;font-weight:700;text-align:center;margin-bottom:20px;padding:10px;background:rgba(255,193,7,.1);border:1px solid var(--crt-yellow);border-radius:8px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 5px var(--crt-yellow),0 0 10px var(--crt-yellow),0 0 15px var(--crt-yellow);animation:none}@keyframes title-pulse{0%,100%{opacity:1;text-shadow:0 0 5px var(--crt-yellow),0 0 10px var(--crt-yellow),0 0 15px var(--crt-yellow)}50%{opacity:.8;text-shadow:0 0 10px var(--crt-yellow-bright),0 0 20px var(--crt-yellow-bright),0 0 30px var(--crt-yellow-bright)}}.menu-items{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:stretch}.menu-item-3d{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(26,26,26,.6) 100% );border:2px solid var(--crt-yellow);border-radius:10px;color:var(--crt-yellow);font-family:var(--font-terminal);font-size:14px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px;position:relative;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;cursor:pointer}.menu-item-3d::before{display:none}.menu-item-3d::after{display:none}.menu-item-3d:hover{background:rgba(255,193,7,.1);color:var(--crt-yellow);border-color:var(--crt-yellow-bright);transform:translateY(-1px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.menu-item-3d.menu-item-active{background:var(--crt-yellow);color:var(--crt-black);border-color:var(--crt-yellow-bright);box-shadow:0 5px 15px rgba(255,193,7,.4),inset 0 0 10px rgba(0,0,0,.2);transform:translateY(-2px)translateZ(5px)}.menu-item-3d.menu-item-active::after{transform:scaleX(1);background:var(--crt-black)}.menu-item-3d.menu-item-ancestor{background:rgba(255,193,7,.1);border-color:var(--crt-yellow-bright);box-shadow:0 0 10px rgba(255,193,7,.2)}.menu-3d-tag{display:inline-block;padding:4px 8px;background:rgba(255,193,7,.1);border:1px solid var(--crt-yellow-dim);border-radius:4px;color:var(--crt-yellow);font-family:var(--font-terminal);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.crt-button{display:inline-block;padding:10px 20px;background:0 0;border:2px solid var(--crt-yellow);color:var(--crt-yellow);font-family:var(--font-terminal);font-size:14px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.crt-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,193,7,.2),transparent );transition:left .5s ease;z-index:-1}.crt-button:hover{background:var(--crt-yellow);color:var(--crt-black);box-shadow:0 0 10px var(--crt-yellow),0 0 20px var(--crt-yellow-bright),inset 0 0 10px rgba(0,0,0,.3);text-shadow:0 0 5px rgba(0,0,0,.5)}.crt-button:hover::before{left:100%}.menu-submenu{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:8px;margin-left:20px;border-left:2px solid var(--crt-yellow);padding-left:15px}.menu-submenu .menu-item-3d{padding:8px 16px;font-size:12px;border-color:var(--crt-yellow-dim)}@keyframes menu-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}.menu-3d-card{animation:none}.task-list .menu-3d-card{min-height:200px;animation:none}.task-list .article-content{display:block}.task-list .article-content h2{margin-bottom:12px!important}.task-list .article-content p{margin-bottom:12px!important}.task-list .stat-block-compact{margin-bottom:16px!important}.task-list .article-content>div:last-of-type:not(.stat-block-compact){margin-bottom:12px!important}.task-list .menu-3d-card>div:last-child{margin-top:12px!important}.task-list .menu-3d-card:hover{transform:translateY(-2px)}.menu-3d-container:first-child .menu-3d-card{min-height:auto;animation:menu-float 4s ease-in-out infinite}@media(max-width:768px){.menu-3d-card{padding:15px;margin:10px;border-radius:10px}.menu-title{font-size:16px;padding:8px;letter-spacing:2px}.menu-items{gap:10px}.menu-item-3d{padding:10px 20px;font-size:13px;min-height:44px;display:flex;align-items:center;justify-content:center}.menu-item-3d:hover{transform:translateY(-2px)}.menu-submenu{margin-left:10px;padding-left:10px}.menu-3d-card{animation:none}}@media(min-width:769px){.menu-3d-card,.menu-item-3d,.crt-title-container,.crt-post-card{will-change:transform,box-shadow}.menu-3d-card:hover,.menu-item-3d:hover,.crt-title-container:hover,.crt-post-card:hover{will-change:auto}}@media(hover:none) and (pointer:coarse){.menu-item-3d:hover,.crt-title-container:hover,.crt-post-card:hover{transform:none!important}.menu-3d-card:active,.menu-item-3d:active,.crt-title-container:active,.crt-post-card:active{transform:scale(.98);transition:transform .1s ease}}:root{--mobile-max:768px;--tablet-max:1024px;--desktop-min:1025px;--wide-min:1200px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}.crt-container{width:100%;min-height:100vh;position:relative}.crt-grid{display:grid;gap:var(--spacing-md);padding:0 var(--spacing-md)}.crt-grid--single{grid-template-columns:1fr;max-width:800px;margin:0 auto}.crt-grid--dual{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.crt-grid--triple{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.crt-nav{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md);justify-content:center}.crt-nav-toggle{display:none;background:var(--crt-black);border:2px solid var(--crt-yellow);color:var(--crt-yellow);padding:8px 12px;cursor:pointer;font-family:var(--font-terminal);text-transform:uppercase;position:relative}.crt-nav-toggle:hover,.crt-nav-toggle:focus{background:var(--crt-yellow);color:var(--crt-black);outline:none}.crt-nav-mobile{display:none;position:fixed;top:0;left:-100%;width:80%;max-width:320px;height:100vh;background:var(--crt-black);border-right:2px solid var(--crt-yellow);z-index:999;transition:left .3s ease;overflow-y:auto;padding:var(--spacing-lg)}.crt-nav-mobile.active{left:0}.crt-nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:998}.crt-nav-overlay.active{display:block}.crt-nav-mobile .crt-menu-item{display:block;width:100%;margin:var(--spacing-sm)0;text-align:center;padding:12px}.crt-post-list{display:grid;gap:var(--spacing-lg);padding:var(--spacing-md)}.crt-post-card{border:2px solid var(--crt-yellow);background:rgba(255,193,7,2%);padding:var(--spacing-lg);transition:all .3s ease;position:relative;overflow:hidden}.crt-post-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--crt-yellow-bright),transparent);transition:left .5s ease}.crt-post-card:hover::before{left:100%}.crt-post-card:hover{border-color:var(--crt-yellow-bright);box-shadow:0 0 20px rgba(255,193,7,.2);transform:translateY(-2px)}.crt-post-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md);font-size:.875rem;color:var(--crt-yellow-dim)}.crt-post-date,.crt-post-tags,.crt-post-reading-time{display:flex;align-items:center;gap:var(--spacing-xs)}.crt-tag-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md);justify-content:center}.crt-tag{display:inline-block;padding:4px 12px;background:var(--crt-black);border:1px solid var(--crt-yellow);color:var(--crt-yellow);font-size:.875rem;text-decoration:none;transition:all .2s ease}.crt-tag:hover{background:var(--crt-yellow);color:var(--crt-black);transform:scale(1.02)}.crt-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);flex-wrap:wrap}.crt-pagination-item{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border:2px solid var(--crt-yellow);background:var(--crt-black);color:var(--crt-yellow);text-decoration:none;font-family:var(--font-terminal);transition:all .2s ease}.crt-pagination-item:hover,.crt-pagination-item.active{background:var(--crt-yellow);color:var(--crt-black)}.crt-sidebar{display:grid;gap:var(--spacing-lg);padding:var(--spacing-md)}.crt-sidebar-section{border:2px solid var(--crt-yellow);background:rgba(255,193,7,2%);padding:var(--spacing-lg)}.crt-sidebar-title{color:var(--crt-yellow-bright);font-family:var(--font-terminal);text-transform:uppercase;margin-bottom:var(--spacing-md);font-size:1.125rem;text-shadow:0 0 5px rgba(255,193,7,.8)}.crt-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--spacing-md)0;border:2px solid var(--crt-yellow)}.crt-table{width:100%;border-collapse:collapse;font-family:var(--font-terminal)}.crt-table th,.crt-table td{padding:12px;text-align:left;border-bottom:1px solid var(--crt-yellow)}.crt-table th{background:rgba(255,193,7,.1);color:var(--crt-yellow-bright);font-weight:700}.crt-table tr:hover{background:rgba(255,193,7,5%)}.crt-image-container{position:relative;overflow:hidden;margin:var(--spacing-md)0;border:2px solid var(--crt-yellow)}.crt-image{width:100%;height:auto;display:block;transition:transform .3s ease}.crt-image-container:hover .crt-image{transform:scale(1.01)}.crt-image-caption{padding:var(--spacing-sm);background:rgba(0,0,0,.8);color:var(--crt-yellow-dim);font-size:.875rem;text-align:center;font-family:var(--font-terminal)}.crt-code-wrapper{position:relative;margin:var(--spacing-md)0;border:2px solid var(--crt-yellow);background:var(--crt-black)}.crt-code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(255,193,7,.1);border-bottom:1px solid var(--crt-yellow);font-size:.875rem}.crt-code-language{color:var(--crt-yellow-bright);font-family:var(--font-terminal);text-transform:uppercase}.crt-code-copy{background:0 0;border:1px solid var(--crt-yellow);color:var(--crt-yellow);padding:4px 8px;font-size:.75rem;cursor:pointer;font-family:var(--font-terminal);transition:all .2s ease}.crt-code-copy:hover{background:var(--crt-yellow);color:var(--crt-black)}.crt-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:var(--spacing-md)0;border:2px solid var(--crt-yellow)}.crt-video-container iframe,.crt-video-container video{position:absolute;top:0;left:0;width:100%;height:100%}.crt-scrollbar::-webkit-scrollbar{width:8px;height:8px}.crt-scrollbar::-webkit-scrollbar-track{background:var(--crt-black)}.crt-scrollbar::-webkit-scrollbar-thumb{background:var(--crt-yellow);border:1px solid var(--crt-yellow-bright)}.crt-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--crt-yellow-bright)}.crt-focusable:focus{outline:2px solid var(--crt-yellow);outline-offset:2px;box-shadow:0 0 0 4px rgba(255,193,7,.2)}@media print{.crt-nav,.crt-sidebar,.crt-footer,.scanlines,.crt-flicker,.crt-border-t,.crt-border-b,.crt-border-l,.crt-border-r{display:none!important}body{background:#fff!important;color:#000!important;font-size:12pt!important}.crt-container{box-shadow:none!important}.crt-post-card{border:1px solid #ccc!important;page-break-inside:avoid}}@media(max-width:768px){.crt-post-card,.menu-3d-card,.crt-title-container{transition:none!important}.crt-post-card:hover,.menu-3d-card:hover,.crt-title-container:hover{}.crt-post-card:hover{box-shadow:0 2px 10px rgba(255,193,7,.1);border-color:var(--crt-yellow)}html{font-size:14px}.crt-text{font-size:14px;line-height:1.6}.crt-text h1{font-size:20px;margin:1em 0 .5em}.crt-text h2{font-size:18px;margin:.8em 0 .4em}.crt-text h3{font-size:16px;margin:.6em 0 .3em}.crt-container{padding:10px}.crt-post-card{padding:12px;margin-bottom:12px}.crt-grid{gap:10px;padding:0 10px}.crt-menu-item,.menu-item-3d,.crt-tag,.crt-pagination-item{min-height:44px;min-width:44px;padding:10px 16px;display:flex;align-items:center;justify-content:center}.crt-nav-toggle{display:block;position:fixed;top:10px;right:10px;z-index:1000}.crt-nav-mobile{display:block}.crt-nav{display:none}.crt-code-wrapper,.crt-text pre{font-size:12px;padding:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.crt-image{max-width:100%;height:auto}.crt-table-wrapper{font-size:12px}.crt-table th,.crt-table td{padding:8px}.menu-3d-container{width:100%!important;margin:10px 0!important;padding:0 10px!important}.menu-3d-card{width:100%!important;max-width:100%!important;margin:0!important;padding:15px!important;min-height:auto!important;border-radius:10px!important;animation:none!important;will-change:auto!important;box-shadow:0 2px 10px rgba(255,193,7,.1)!important}.menu-3d-card:hover{box-shadow:0 2px 15px rgba(255,193,7,.15)!important}.menu-title{font-size:16px!important;padding:8px 12px!important;margin-bottom:15px!important;letter-spacing:1px!important;text-align:center!important;animation:none!important}.menu-items{gap:8px!important;justify-content:center!important;flex-wrap:wrap!important}.menu-item-3d{flex:auto!important;min-width:120px!important;max-width:200px!important;padding:10px 16px!important;font-size:13px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;transition:background-color .2s ease!important;border-radius:8px!important}.menu-item-3d:hover{background:rgba(255,193,7,.1)!important;color:var(--crt-yellow)!important}.menu-item-3d:active{transform:scale(.98)!important;transition:transform .1s ease!important}.menu-submenu{margin:8px 0 0!important;padding-left:12px!important;border-left-width:1px!important}.menu-submenu .menu-item-3d{font-size:12px!important;padding:8px 12px!important;min-width:100px!important;max-width:180px!important}.menu-3d-container,.menu-3d-card,.menu-items{width:100%!important;box-sizing:border-box!important}.menu-item-3d::before,.menu-item-3d::after,.menu-3d-card::before{display:none!important}}@media(max-width:480px){html{font-size:13px}.crt-text{font-size:13px}.crt-text h1{font-size:18px}.crt-text h2{font-size:16px}.crt-text h3{font-size:14px}.crt-grid--dual,.crt-grid--triple{grid-template-columns:1fr}.crt-post-card{padding:10px}.crt-container{padding:5px}}@media(min-width:769px) and (max-width:1024px){html{font-size:15px}.crt-post-card:hover{transform:translateY(-1px)}.menu-3d-card:hover{transform:translateY(-2px)}}@media(min-width:1200px){.crt-container{max-width:1400px;margin:0 auto}.crt-grid--single{max-width:900px}}.crt-post-card,.menu-3d-card,.crt-title-container,.crt-menu-item{will-change:transform,box-shadow}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.crt-post-card,.menu-3d-card,.crt-title-container{transform:none!important}}@import './tailwind.css';@import './crt-effects.css';@import './responsive.css';body{color:#222;font-family:sans-serif;line-height:1.5;margin:1rem;max-width:768px}header{border-bottom:1px solid #222;margin-bottom:1rem}footer{border-top:1px solid #222;margin-top:1rem}body{background-color:var(--crt-black);color:var(--crt-yellow);font-family:var(--font-terminal);margin:0;max-width:100%}header{border-bottom:none;margin-bottom:0}footer{border-top:none;margin-top:0}main{margin:1rem;max-width:100%}.page-hidden *{animation-play-state:paused!important}.crt-enhanced{position:relative;overflow:hidden}.crt-flicker{animation:crt-flicker .15s ease}@keyframes crt-flicker{0%{opacity:1}50%{opacity:.8}100%{opacity:1}}.particle-canvas,.starfield-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.mouse-follower,.mouse-trail{mix-blend-mode:difference}.floating-symbol{animation:float-up 10s linear infinite}@keyframes float-up{0%{transform:translateY(100vh)rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}100%{transform:translateY(-100px)rotate(360deg);opacity:0}}@media(max-width:768px){.particle-canvas,.starfield-canvas{opacity:.3}.rpg-status-panel{width:280px;right:10px;top:10px}.reading-progress-bar{height:3px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){:root{--crt-black:#000000;--crt-green:#00ff00;--crt-yellow:#FFC107;--crt-cyan:#00ffff;--crt-magenta:#ff00ff;--crt-white:#ffffff;--font-terminal:'Courier New', monospace}}.crt-container{min-height:100vh;width:100%}