@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--neon-cyan: #00f3ff;--neon-orange: #ff5e00;--dark-metal: #0a0a0a;--panel-bg: #111111}*{padding:0;margin:0;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}*::selection{color:#00f3ff;background-color:gray}body{background-color:var(--dark-metal);font-family:Share Tech Mono,monospace;color:#fff;height:100vh;width:100vw;overflow:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/bg-st.webp);background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-10;filter:blur(8px)}.tactical-nav{position:fixed;top:-100px;left:50%;transform:translate(-50%);width:95%;height:70px;background:#0a0a0cb3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #ffffff0d;display:flex;justify-content:space-between;align-items:center;padding:0 25px;z-index:1000;animation:navDeploy .8s cubic-bezier(.19,1,.22,1) .5s forwards;opacity:0}.nav-section.left{display:flex;align-items:center;gap:15px;flex:1;opacity:0;animation:contentGlitchIn .5s ease 1.2s forwards}.logo-wrapper{position:relative;width:40px;height:40px;transition-duration:2s}.logo{width:100%;height:100%;border-radius:50%;border:2px solid #00f3ff;transition:all .4s cubic-bezier(.2,1,.3,1);box-shadow:0 0 15px #00f3ff66}.logo-wrapper:hover{transform:scale(2.3) rotate(360deg);box-shadow:0 0 30px #00f3ffcc,inset 0 0 15px #00f3ff33;border-color:#0f8}.logo-spin-ring{position:absolute;inset:-4px;border:1px dashed rgba(0,243,255,.5);border-radius:50%;animation:spinNav 10s linear infinite}.brand-identity{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-family:Chokokutai,sans-serif;color:#fff;font-size:1.2rem;letter-spacing:1px}.system-status{font-family:Share Tech Mono,monospace;font-size:.7rem;color:#00ff9d;letter-spacing:2px}.nav-section.center{flex:2;display:flex;align-items:center;justify-content:center;gap:30px;opacity:0;animation:contentGlitchIn .5s ease 1.4s forwards}.search-module{position:relative;width:250px;height:35px;background:#0006;border:1px solid rgba(0,243,255,.2);border-radius:4px;display:flex;align-items:center;padding:0 10px;transition:.3s}.search-module:focus-within{border-color:#00f3ff;box-shadow:0 0 15px #00f3ff33;width:280px}.search-icon{font-style:normal;font-size:.8rem;color:#00f3ff;margin-right:10px;opacity:.7}.tactical-input{background:transparent;border:none;color:#fff;font-family:Share Tech Mono,monospace;width:100%;outline:none;font-size:.9rem}.tactical-input::placeholder{color:#ffffff4d}.filter-array{display:flex;gap:5px;background:#ffffff08;padding:4px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.filter-btn{position:relative;cursor:pointer;padding:5px 12px;border-radius:4px;transition:.3s}.filter-btn input{display:none}.filter-btn span{font-family:Share Tech Mono,monospace;font-size:.8rem;color:#888;transition:.3s}.filter-btn:has(input:checked){background:#00f3ff1a;box-shadow:0 0 10px #00f3ff1a}.filter-btn:has(input:checked) span{color:#00f3ff;text-shadow:0 0 5px #00f3ff}.filter-btn[data-type=done]:has(input:checked) span{color:#00ff9d;text-shadow:0 0 5px #00ff9d}.filter-btn[data-type=ongoing]:has(input:checked) span{color:#ffb700;text-shadow:0 0 5px #ffb700}.filter-btn[data-type=hibernate]:has(input:checked) span{color:#aaa;text-shadow:none}.filter-dropdown{position:relative;padding:5px 12px;cursor:pointer;font-family:Share Tech Mono,monospace;font-size:.8rem;color:#888;border-left:1px solid rgba(255,255,255,.1);margin-left:5px}.filter-dropdown:hover{color:#fff}.dropdown-content{display:none;position:absolute;top:100%;left:0;margin-top:10px;background:#0a0a0ff2;border:1px solid rgba(0,243,255,.3);border-radius:4px;min-width:100px;box-shadow:0 5px 15px #00000080;opacity:0;transform:translateY(-10px);animation:fadeInDrop .2s forwards}.dropdown-content div{padding:8px 12px;color:#aaa;transition:.2s}.dropdown-content div:hover{background:#00f3ff1a;color:#fff}.nav-section.right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:25px;opacity:0;animation:contentGlitchIn .5s ease 1.6s forwards}.nav-link{text-decoration:none;color:#aaa;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600;position:relative;transition:.3s}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background:#00f3ff;transition:.3s}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.live-indicator{display:flex;align-items:center;gap:8px;background:#00ff9d1a;padding:5px 10px;border-radius:20px;border:1px solid rgba(0,255,157,.2)}.pulse-dot{width:8px;height:8px;background:#00ff9d;border-radius:50%;box-shadow:0 0 5px #00ff9d;animation:pulseLive 1.5s infinite}.live-indicator span{font-family:Share Tech Mono,monospace;font-size:.75rem;color:#00ff9d}@keyframes spinNav{to{transform:rotate(360deg)}}@keyframes pulseLive{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes navDeploy{0%{top:-100px;opacity:0;filter:blur(10px);box-shadow:0 0 #0000}70%{top:25px;opacity:1}to{top:20px;opacity:1;filter:blur(0);box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #ffffff0d}}@keyframes contentGlitchIn{0%{opacity:0;transform:translate(-10px)}50%{opacity:.5;transform:translate(5px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInDrop{to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.tactical-nav{flex-direction:column;height:auto;padding:15px;gap:15px;top:0;width:100%;border-radius:0;animation:none;opacity:1}.nav-section.left,.nav-section.center,.nav-section.right{opacity:1;animation:none}.nav-section.center{width:100%;flex-direction:column;gap:15px}.search-module{width:100%}.search-module:focus-within{width:100%}}.main{height:100vh;width:100vw;overflow-y:scroll;overflow-x:hidden}.main::-webkit-scrollbar{display:none}.card-containers{min-height:100vh;padding:140px 5vw 100px;display:flex;flex-wrap:wrap;justify-content:center;gap:50px;max-width:1800px;margin:0 auto;perspective:2000px}.card-module{aspect-ratio:16/10;flex:0 0 calc((100% - 100px) / 3);max-width:calc((100% - 100px) / 3);max-height:350px;opacity:0;transform:translateY(100px) rotateX(20deg) scale(.9);transition:all .8s cubic-bezier(.2,1,.3,1)}.card-module.show{opacity:1;transform:translateY(0) rotateX(0) scale(1)}.card-frame{width:100%;height:100%;background:var(--panel-bg);border:3px solid var(--dark-metal);box-shadow:inset 0 0 20px #000,0 10px 30px #000000b3,0 0 0 1px #00f3ff1a;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.card-header,.card-footer{height:35px;background:#000c;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:.7rem;color:#888;border-bottom:2px solid var(--dark-metal)}.card-footer{border-bottom:none;border-top:2px solid var(--dark-metal);height:30px}.status-light{width:8px;height:8px;background:var(--neon-cyan);border-radius:50%;box-shadow:0 0 8px var(--neon-cyan);animation:pulse 2s infinite}.status-light.warning{background:var(--neon-orange);box-shadow:0 0 8px var(--neon-orange)}.card-id{letter-spacing:2px}.tech-readout{text-transform:uppercase;letter-spacing:1px}.tech-readout.warning{color:var(--neon-orange)}.card-screen{position:relative;flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.project-body-img{width:90%;filter:grayscale(100%) contrast(1.2) brightness(.9);transition:all .4s ease-out;mix-blend-mode:luminosity;background-color:#000;pointer-events:none;-webkit-user-select:none;user-select:none}.card-module[data-status=done].show .card-frame{border-color:#0c4;box-shadow:inset 0 0 20px #00cc441a,0 10px 30px #000000b3,0 0 0 1px #00cc444d}.card-module[data-status=done].show .card-header,.card-module[data-status=done].show .card-footer{border-color:#0c4;background:#00140ae6}.card-module[data-status=done].show .status-light{background:#0f5;box-shadow:0 0 12px #0f5}.card-module[data-status=done].show .tech-readout{color:#0f5;font-weight:700}.card-module[data-status=done].show .card-id{color:#0c4}.card-module[data-status=done]:hover .card-frame{border-color:#0f5;box-shadow:inset 0 0 30px #0f53,0 0 30px #0f59,0 0 10px #0f5}.card-module[data-status=done]:hover .project-body-img{filter:grayscale(0%) contrast(1.1) brightness(1.1);mix-blend-mode:normal;transform:scale(1.05)}.card-module[data-status=ongoing].show{animation:pulseCard 2s ease-in-out infinite}.card-module[data-status=ongoing].show .card-frame{border-color:var(--neon-cyan);background:linear-gradient(135deg,#00f3ff0d,#ff5e000d);box-shadow:inset 0 0 30px #00f3ff26,0 0 40px #00f3ffcc,0 0 20px #ff5e0066}.card-module[data-status=ongoing].show .card-header,.card-module[data-status=ongoing].show .card-footer{border-color:var(--neon-cyan);background:linear-gradient(90deg,#000000e6,#00f3ff1a)}.card-module[data-status=ongoing].show .status-light{background:#fff;box-shadow:0 0 20px #fff;animation:pulseBright 1.5s infinite}.card-module[data-status=ongoing].show .tech-readout{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan);font-weight:700;letter-spacing:2px}.card-module[data-status=ongoing].show .card-id{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}.card-module[data-status=ongoing].show .project-body-img{filter:grayscale(20%) contrast(1.3) brightness(.9);animation:shimmer 3s infinite}.card-module[data-status=ongoing]:hover .card-frame{border-color:var(--neon-cyan);box-shadow:inset 0 0 30px #00f3ff33,0 0 40px #00f3ffe6,0 0 15px var(--neon-cyan)}.card-module[data-status=ongoing]:hover .project-body-img{filter:grayscale(0%) contrast(1.2) brightness(1.15);mix-blend-mode:screen;transform:scale(1.05)}.card-module[data-status=coming-soon].show{opacity:.6;transform:translateY(0) rotateX(0) scale(1)}.card-module[data-status=coming-soon].show .card-frame{border-color:#444;background:var(--panel-bg);box-shadow:inset 0 0 20px #000000e6,0 10px 30px #000000e6,0 0 0 1px #64649633}.card-module[data-status=coming-soon].show .card-header,.card-module[data-status=coming-soon].show .card-footer{border-color:#333;background:#000000f2}.card-module[data-status=coming-soon].show .status-light{background:#666;box-shadow:0 0 8px #666;animation:hopePulse 3s infinite}.card-module[data-status=coming-soon].show .tech-readout{color:#888}.card-module[data-status=coming-soon].show .card-id{color:#666}.card-module[data-status=coming-soon].show .project-body-img{filter:grayscale(100%) contrast(.9) brightness(.6);opacity:.7}.card-module[data-status=coming-soon]:hover .card-frame{border-color:var(--neon-cyan);box-shadow:inset 0 0 30px #00f3ff33,0 0 30px #00f3ff99,0 0 10px var(--neon-cyan);transform:scale(1.03);animation:cardGlitch .4s linear}.card-module[data-status=coming-soon]:hover .project-body-img{filter:grayscale(0%) contrast(1.1) brightness(1.1);mix-blend-mode:normal;transform:scale(1.05);opacity:1}.screen-glitch{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(rgba(0,243,255,.1) 50%,transparent 50%);background-size:100% 4px;z-index:5;opacity:.3}.card-module:hover .card-frame{border-color:var(--neon-cyan);box-shadow:inset 0 0 30px #00f3ff33,0 0 30px #00f3ff99,0 0 10px var(--neon-cyan);transform:scale(1.03);animation:cardGlitch .4s linear}.card-module:hover .project-body-img{filter:grayscale(0%) contrast(1.1) brightness(1.1);mix-blend-mode:normal;transform:scale(1.05)}.card-module:hover .status-light{background:#fff;box-shadow:0 0 15px #fff;transition:.1s}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glitchText{0%{transform:translate(0);clip-path:inset(0 0 0 0)}20%{transform:translate(-2px,2px);clip-path:inset(20% 0 30% 0)}40%{transform:translate(2px,-2px);clip-path:inset(60% 0 10% 0)}to{transform:translate(0);clip-path:inset(0 0 0 0)}}@keyframes cardGlitch{0%{transform:translate(0) scale(1.03)}20%{transform:translate(-3px,2px) skew(2deg) scale(1.03);filter:hue-rotate(90deg)}40%{transform:translate(3px,-2px) skew(-2deg) scale(1.03)}60%{transform:translate(-1px,1px) scale(1.03)}to{transform:translate(0) scale(1.03)}}@keyframes pulseCard{0%,to{box-shadow:inset 0 0 30px #00f3ff26,0 0 40px #00f3ffcc,0 0 20px #ff5e0066}50%{box-shadow:inset 0 0 40px #00f3ff40,0 0 60px #00f3ff,0 0 30px #ff5e0099}}@keyframes pulseBright{0%,to{opacity:1;box-shadow:0 0 20px #fff}50%{opacity:.6;box-shadow:0 0 30px #fff}}@keyframes shimmer{0%,to{filter:grayscale(20%) contrast(1.3) brightness(.9)}50%{filter:grayscale(15%) contrast(1.4) brightness(1)}}@keyframes hopePulse{0%,to{background:#666;box-shadow:0 0 8px #666}50%{background:#888;box-shadow:0 0 15px #00f3ff66}}@media(max-width:1200px){.card-module{flex:0 0 calc((100% - 50px)/2);max-width:calc((100% - 50px)/2)}}@media(max-width:768px){.card-containers{padding-top:250px;gap:30px}nav{padding:0 20px;height:70px}.greeting h1{font-size:1.2rem}.nav-right{display:none}.card-module{flex:0 0 100%;max-width:100%;aspect-ratio:16/9}}