@import url(https://fonts.googleapis.com/css2?family=VT323&family=Pixelify+Sans:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.retro-header{background:repeating-conic-gradient(#c8bc9c 0 25%,#e0d8bc 0 50%) 50% /4px 4px;background:repeating-conic-gradient(var(--panel-tan) 0 25%,var(--panel-light) 0 50%) 50% /4px 4px;border-bottom:6px solid #7c7458;border-bottom:6px solid var(--panel-dark);box-shadow:0 0 0 2px #4a6040,0 6px 0 #5c5040;box-shadow:0 0 0 2px var(--moss-dark),0 6px 0 var(--panel-shadow);box-shadow:0 6px 0 #0003,0 12px 0 #0003,0 18px 0 #0003;justify-content:space-between;margin-bottom:20px;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-title,.retro-header{align-items:center;display:flex}.header-title{color:#2c2820;color:var(--metal-black);font-family:Pixelify Sans,monospace;font-size:28px;gap:12px;letter-spacing:2px;text-shadow:2px 2px 0 #5c5040,-1px -1px 0 #ece4cc;text-shadow:2px 2px 0 var(--panel-shadow),-1px -1px 0 var(--dust)}.header-home-link{text-decoration:none}.header-sprout{animation:sproutSpin 4s ease-in-out infinite;background:#78a868;background:var(--leaf-green);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);height:24px;width:24px}@keyframes sproutSpin{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.header-nav{display:flex;gap:15px}.header-link{background:repeating-conic-gradient(#d4c8a8 0 25%,#e0d0a0 0 50%) 50% /3px 3px;background:repeating-conic-gradient(var(--button-tan) 0 25%,#e0d0a0 0 50%) 50% /3px 3px;border:3px solid #7c7458;border:3px solid var(--panel-dark);box-shadow:0 4px 0 #948868,inset -2px -2px 0 #5c5040,inset 2px 2px 0 #ece4cc;box-shadow:0 4px 0 var(--button-shadow),inset -2px -2px 0 var(--panel-shadow),inset 2px 2px 0 var(--dust);color:#2c2820;color:var(--metal-black);font-family:Pixelify Sans,monospace;font-size:14px;padding:8px 16px;position:relative;text-decoration:none;transition:transform .05s}.header-link:hover{box-shadow:0 2px 0 #948868,inset -2px -2px 0 #5c5040,inset 2px 2px 0 #ece4cc;box-shadow:0 2px 0 var(--button-shadow),inset -2px -2px 0 var(--panel-shadow),inset 2px 2px 0 var(--dust);transform:translateY(2px)}.header-link:active{box-shadow:0 0 0 #948868,inset 0 2px 4px #0006;box-shadow:0 0 0 var(--button-shadow),inset 0 2px 4px #0006;transform:translateY(4px)}.header-flowers{display:flex;gap:20px;left:50%;position:absolute;transform:translateX(-50%)}.header-flower{background:#e8b0a8;background:var(--flower-pink);box-shadow:0 0 6px #e8b0a880;-webkit-clip-path:polygon(50% 0,65% 35%,100% 35%,70% 60%,80% 100%,50% 75%,20% 100%,30% 60%,0 35%,35% 35%);clip-path:polygon(50% 0,65% 35%,100% 35%,70% 60%,80% 100%,50% 75%,20% 100%,30% 60%,0 35%,35% 35%);height:20px;width:20px}.header-flower:nth-child(2){animation-delay:.5s;background:#f0d898;background:var(--flower-yellow)}.header-flower:nth-child(3){animation-delay:1s;background:#90b880;background:var(--moss-light)}@media (max-width:900px){.header-flowers{visibility:hidden}}@media (max-width:650px){.retro-header{flex-direction:column;gap:15px;padding:15px 20px}.header-title{font-size:22px}}.retro-footer{background:repeating-conic-gradient(#c8bc9c 0 25%,#e0d8bc 0 50%) 50% /4px 4px;background:repeating-conic-gradient(var(--panel-tan) 0 25%,var(--panel-light) 0 50%) 50% /4px 4px;border-top:6px solid #7c7458;border-top:6px solid var(--panel-dark);box-shadow:0 0 0 2px #4a6040,0 -6px 0 #5c5040;box-shadow:0 0 0 2px var(--moss-dark),0 -6px 0 var(--panel-shadow);margin-top:40px;padding:30px 40px;position:relative}.footer-garden{align-items:flex-end;display:flex;gap:15px;left:50%;position:absolute;top:45px;transform:translateX(-50%)}.footer-mushroom{height:26px;position:relative;width:20px}.footer-mushroom:before{background:repeating-conic-gradient(#e8d8c0 0 25%,#d8c8b0 0 50%) 50% /2px 2px;border:1px solid #7c7458;border:1px solid var(--panel-dark);bottom:0;height:13px;width:8px}.footer-mushroom:after,.footer-mushroom:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.footer-mushroom:after{background:repeating-conic-gradient(#c89070 0 25%,#d89868 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--label-warm) 0 25%,#d89868 0 50%) 50% /2px 2px;border:1px solid #6c5040;border:1px solid var(--rust);border-radius:50% 50% 0 0;box-shadow:inset 0 -2px 0 #ffffff4d,0 0 4px #c8907066;height:15px;top:0;width:20px}.footer-mushroom.small{height:18px;width:16px}.footer-mushroom.small:before{height:9px;width:6px}.footer-mushroom.small:after{height:12px;width:16px}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer-text{color:#2c2820;color:var(--metal-black);font-family:VT323,monospace;font-size:16px;line-height:1.4}.footer-text.large{font-family:Pixelify Sans,monospace;font-size:14px;font-weight:700}.footer-decorations{align-items:center;display:flex;gap:12px}.footer-leaf{animation:leafSway 3s ease-in-out infinite;background:#78a868;background:var(--leaf-green);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);height:16px;width:16px}.footer-leaf:nth-child(2){animation-delay:1s;background:#90b880;background:var(--moss-light)}.footer-leaf:nth-child(3){animation-delay:2s;background:#6b8c5c;background:var(--moss-green)}@keyframes leafSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.footer-flower-small{animation:bloomPulse 2s ease-in-out infinite;background:#e8b0a8;background:var(--flower-pink);box-shadow:0 0 6px #e8b0a880;-webkit-clip-path:polygon(50% 10%,61% 35%,90% 35%,65% 55%,75% 90%,50% 70%,25% 90%,35% 55%,10% 35%,39% 35%);clip-path:polygon(50% 10%,61% 35%,90% 35%,65% 55%,75% 90%,50% 70%,25% 90%,35% 55%,10% 35%,39% 35%);height:14px;width:14px}@keyframes bloomPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (max-width:600px){.footer-garden{visibility:hidden}.retro-footer{padding:20px}.footer-content{flex-direction:column;text-align:center}}.page-container{background-color:#161616;display:flex;flex-direction:column;min-height:100vh}.page-container main{flex:1 1}:root{--label-warm:#c89070;--flower-pink:#e8b0a8;--flower-yellow:#f0d898;--leaf-green:#78a868}*{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}body{background:#1a2018;font-family:VT323,monospace;overflow-x:hidden}.control-panel-wrapper{align-items:center;background-image:repeating-conic-gradient(#1a2418 0 25%,#222c20 0 50%) 50% /2px 2px;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;position:relative}.control-panel-wrapper:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 1px,#6b8c5c0d 0,#6b8c5c0d 2px),repeating-linear-gradient(90deg,#0000,#0000 1px,#6b8c5c0d 0,#6b8c5c0d 2px);content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.floating-leaf{animation:floatDown linear infinite;background:repeating-conic-gradient(#78a868 0 25%,#90b880 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--leaf-green) 0 25%,var(--moss-light) 0 50%) 50% /2px 2px;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);height:12px;opacity:.7;pointer-events:none;position:fixed;width:12px;z-index:5}@keyframes floatDown{0%{opacity:0;transform:translateY(-10vh) rotate(0deg)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(110vh) rotate(1turn)}}.control-panel{background:repeating-conic-gradient(#c8bc9c 0 25%,#e0d8bc 0 50%) 50% /4px 4px;background:repeating-conic-gradient(var(--panel-tan) 0 25%,var(--panel-light) 0 50%) 50% /4px 4px;border:6px solid #7c7458;border:6px solid var(--panel-dark);box-shadow:0 0 0 2px #4a6040,0 6px 0 #5c5040,8px 10px 0 #0000004d;box-shadow:0 0 0 2px var(--moss-dark),0 6px 0 var(--panel-shadow),8px 10px 0 #0000004d;display:flex;gap:6px;max-width:1200px;padding:10px;position:relative;width:100%}.control-panel:before{background-image:repeating-conic-gradient(from 45deg,#0000 0 25%,#6b8c5c1a 0 50%) 0 0 /3px 3px}.control-panel:after,.control-panel:before{content:"";inset:0;mix-blend-mode:multiply;pointer-events:none;position:absolute}.control-panel:after{background-image:radial-gradient(ellipse at 25% 35%,#6b8c5c26 0,#0000 40%),radial-gradient(ellipse at 75% 75%,#78a8681f 0,#0000 35%)}.panel-section{background:repeating-conic-gradient(#c8bc9c 0 25%,#c4b898 0 50%) 50% /3px 3px;background:repeating-conic-gradient(var(--panel-tan) 0 25%,#c4b898 0 50%) 50% /3px 3px;border:4px solid #7c7458;border:4px solid var(--panel-dark);box-shadow:inset -2px -2px 0 #e0d8bc,inset 2px 2px 0 #5c5040,2px 2px 0 #0000004d;box-shadow:inset -2px -2px 0 var(--panel-light),inset 2px 2px 0 var(--panel-shadow),2px 2px 0 #0000004d;overflow:hidden;padding:6px;position:relative}.panel-section:before{background-image:repeating-conic-gradient(#0000 0 25%,#0000000f 0 50%) 0 0 /2px 2px;content:"";inset:0;pointer-events:none;position:absolute}.main-display{display:flex;flex:1 1;flex-direction:column;gap:10px;min-height:200px;padding:12px}.screen-bezel{background:repeating-conic-gradient(#3c4438 0 25%,#2a3028 0 50%) 50% /2px 2px;border:5px solid #2c2820;border:5px solid var(--metal-black);box-shadow:inset 0 0 0 2px #1a1c18,inset 3px 3px 6px #000c,0 4px 0 #00000080;flex:1 1;padding:16px;position:relative;width:100%}.screen-bezel:before{background-image:repeating-linear-gradient(0deg,#0000,#6b8c5c14 1px,#0000 2px);content:"";inset:0;pointer-events:none;position:absolute}.crt-screen{background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;border:2px solid #2c2820;border:2px solid var(--metal-black);box-shadow:inset 0 0 20px #000000b3;height:100%;overflow:hidden;position:relative;width:100%}.crt-screen:before{background-image:repeating-linear-gradient(0deg,#00000059,#00000059 1px,#0000 0,#0000 3px);z-index:10}.crt-screen:after,.crt-screen:before{content:"";inset:0;pointer-events:none;position:absolute}.crt-screen:after{background-image:repeating-conic-gradient(#0000 0 25%,#a8c89008 0 50%) 0 0 /1px 1px;z-index:5}.scan-line{background:repeating-linear-gradient(90deg,#a8c89040,#a8c89040 1px,#0000 0,#0000 2px);height:3px;left:0;mix-blend-mode:screen;position:absolute;right:0;z-index:15}.screen-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:relative;width:100%;z-index:1}.pixel-avatar{background:repeating-conic-gradient(#88a870 0 25%,#a8c890 0 50%) 50% /4px 4px;background:repeating-conic-gradient(var(--bright-green) 0 25%,var(--pixel-green) 0 50%) 50% /4px 4px;border:3px solid #a8c890;border:3px solid var(--pixel-green);border-radius:50%;box-shadow:0 0 0 1px #2a3422,0 0 20px #a8c89066;box-shadow:0 0 0 1px var(--screen-dark),0 0 20px #a8c89066;cursor:pointer;height:180px;margin-bottom:16px;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s;width:180px}.pixel-avatar:hover{box-shadow:0 0 0 1px #2a3422,0 0 30px #a8c89099;box-shadow:0 0 0 1px var(--screen-dark),0 0 30px #a8c89099;transform:scale(1.05)}.avatar-image{filter:contrast(1.1) brightness(.95) sepia(.15);height:100%;image-rendering:auto;object-fit:cover;position:relative;width:100%;z-index:2}.avatar-placeholder{align-items:center;background:repeating-conic-gradient(#a8c890 0 25%,#0000 0 50%) 0 0 /6px 6px,repeating-conic-gradient(#0000 0 25%,#6b8c5c 0 50%) 3px 3px /6px 6px;background:repeating-conic-gradient(var(--pixel-green) 0 25%,#0000 0 50%) 0 0 /6px 6px,repeating-conic-gradient(#0000 0 25%,var(--moss-green) 0 50%) 3px 3px /6px 6px;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:.8;position:absolute;transition:opacity .2s;z-index:2}.pixel-avatar:hover .avatar-placeholder{opacity:1}.upload-icon{animation:iconPulse 2s ease-in-out infinite;font-size:48px;margin-bottom:8px}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.upload-text{color:#2a3422;color:var(--screen-dark);font-family:Pixelify Sans,monospace;font-size:11px;font-weight:700;letter-spacing:1px;text-shadow:1px 1px 0 #a8c890,0 0 8px #a8c89099;text-shadow:1px 1px 0 var(--pixel-green),0 0 8px #a8c89099}.pixel-avatar:before{background-image:repeating-conic-gradient(#a8c890 0 25%,#0000 0 50%) 0 0 /6px 6px,repeating-conic-gradient(#0000 0 25%,#6b8c5c 0 50%) 3px 3px /6px 6px;background-image:repeating-conic-gradient(var(--pixel-green) 0 25%,#0000 0 50%) 0 0 /6px 6px,repeating-conic-gradient(#0000 0 25%,var(--moss-green) 0 50%) 3px 3px /6px 6px;border-radius:50%;content:"";inset:20%;position:absolute;z-index:1}.avatar-sprout{height:30px;top:-15px;width:20px;z-index:100}.avatar-sprout,.avatar-sprout:before{left:50%;position:absolute;transform:translateX(-50%)}.avatar-sprout:before{background:repeating-conic-gradient(#6b8c5c 0 25%,#4a6040 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--moss-green) 0 25%,var(--moss-dark) 0 50%) 50% /2px 2px;bottom:0;content:"";height:20px;width:4px}.avatar-sprout:after{background:#90b880;background:var(--moss-light);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);content:"";height:12px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:12px}.pixel-avatar:after{background-image:repeating-conic-gradient(#0000 0 25%,#0003 0 50%) 0 0 /3px 3px;border-radius:50%;content:"";inset:0;mix-blend-mode:multiply;position:absolute}.status-text{color:#a8c890;color:var(--pixel-green);font-family:Pixelify Sans,monospace;font-size:16px;letter-spacing:1px;position:relative;text-shadow:2px 2px 0 #2a3422,0 0 12px #a8c89099;text-shadow:2px 2px 0 var(--screen-dark),0 0 12px #a8c89099;z-index:20}.pixel-border{background:repeating-linear-gradient(90deg,#90b880,#90b880 3px,#0000 0,#0000 6px);background:repeating-linear-gradient(90deg,var(--moss-light) 0,var(--moss-light) 3px,#0000 3px,#0000 6px);bottom:35px;height:2px;left:8px;position:absolute;right:8px}.pixel-mushrooms{align-items:flex-end;bottom:15px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:20}.mushroom{height:20px;position:relative;width:16px}.mushroom:before{background:repeating-conic-gradient(#e8d8c0 0 25%,#d8c8b0 0 50%) 50% /2px 2px;border:1px solid #7c7458;border:1px solid var(--panel-dark);bottom:0;height:10px;width:6px}.mushroom:after,.mushroom:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.mushroom:after{background:repeating-conic-gradient(#c89070 0 25%,#d89868 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--label-warm) 0 25%,#d89868 0 50%) 50% /2px 2px;border:1px solid #6c5040;border:1px solid var(--rust);border-radius:50% 50% 0 0;box-shadow:inset 0 -2px 0 #ffffff4d,0 0 4px #c8907066;height:12px;top:0;width:16px}.mushroom.small{height:14px;width:12px}.mushroom.small:before{height:7px;width:4px}.mushroom.small:after{height:9px;width:12px}.screen-flicker{animation:gentleFlicker 10s infinite;background:#a8c890;background:var(--pixel-green);inset:0;opacity:0;pointer-events:none;position:absolute;z-index:25}@keyframes gentleFlicker{0%,to{opacity:0}48%{opacity:0}48.5%{opacity:.03}49%{opacity:0}73%{opacity:0}73.5%{opacity:.05}74%{opacity:0}}.info-section{display:flex;flex:2.5 1;flex-direction:column;gap:6px}.mini-screen{background:repeating-conic-gradient(#1c1c1a 0 25%,#0c0c0a 0 50%) 50% /2px 2px;border:3px solid #2c2820;border:3px solid var(--metal-black);box-shadow:inset 1px 1px 0 #000c,inset -1px -1px 0 #6b8c5c33;padding:5px;position:relative}.mini-screen.wide{flex:1 1;min-height:160px}.mini-screen.dark{background:repeating-conic-gradient(#0c0c0a 0 25%,#000 0 50%) 50% /2px 2px}.screen-header{background:repeating-conic-gradient(#a8c89026 0 25%,#0000 0 50%) 50% /2px 2px;border:1px solid #a8c8904d;color:#a8c890;color:var(--pixel-green);font-family:Pixelify Sans,monospace;font-size:16px;margin-bottom:4px;padding:3px 5px;text-align:center;text-shadow:0 0 6px #a8c89080}.screen-body{color:#88a870;color:var(--bright-green);font-family:VT323,monospace;font-size:16px;line-height:1.2;padding:4px;text-shadow:0 0 3px #a8c8904d}.pixel-text{margin-bottom:6px}.pixel-text.large{font-size:18px;letter-spacing:1px}.indicator-bar{background:repeating-conic-gradient(#0009 0 25%,#000c 0 50%) 50% /2px 2px;border:2px solid #a0c88c4d;height:10px;width:100%}.bar-fill{background:repeating-conic-gradient(#a8c890 0 25%,#88a870 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--pixel-green) 0 25%,var(--bright-green) 0 50%) 50% /2px 2px;box-shadow:0 0 6px #a8c890;box-shadow:0 0 6px var(--pixel-green);height:100%;position:relative}.bar-fill:after{background-image:repeating-linear-gradient(90deg,#fff3,#fff3 1px,#0000 0,#0000 2px);content:"";inset:0;position:absolute}.text-panel{background:repeating-conic-gradient(#0000001a 0 25%,#00000026 0 50%) 50% /3px 3px;border:2px solid #0000004d;flex:1 1;padding:6px}.text-panel.large{min-height:100px}.label-text{color:#5c5040;color:var(--panel-shadow);font-family:Pixelify Sans,monospace;font-size:12px;letter-spacing:1px;margin-bottom:4px}.label-text.small{font-size:8px;margin-top:3px;text-align:center}.info-text{color:#2c2820;color:var(--metal-black);font-family:VT323,monospace;font-size:16px;line-height:1.3}.info-text a:link{color:#4a6040;color:var(--moss-dark);text-decoration:none}.info-text a:hover{text-decoration:underline}.info-text a:visited{color:#4a6040;color:var(--moss-dark)}.info-text.skills{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.skill-tag{background:repeating-conic-gradient(#d4c8a8 0 25%,#948868 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--button-tan) 0 25%,var(--button-shadow) 0 50%) 50% /2px 2px;border:2px solid #7c7458;border:2px solid var(--panel-dark);box-shadow:2px 2px 0 #0006,inset -1px -1px 0 #5c5040;box-shadow:2px 2px 0 #0006,inset -1px -1px 0 var(--panel-shadow);font-family:Pixelify Sans,monospace;font-size:11px;padding:3px 6px}.button-cluster{display:flex;flex-wrap:wrap;gap:5px}.pixel-button{background:repeating-conic-gradient(#d4c8a8 0 25%,#e0d0a0 0 50%) 50% /3px 3px;background:repeating-conic-gradient(var(--button-tan) 0 25%,#e0d0a0 0 50%) 50% /3px 3px;border:3px solid #7c7458;border:3px solid var(--panel-dark);box-shadow:0 4px 0 #948868,inset -2px -2px 0 #5c5040,inset 2px 2px 0 #ece4cc;box-shadow:0 4px 0 var(--button-shadow),inset -2px -2px 0 var(--panel-shadow),inset 2px 2px 0 var(--dust);color:#2c2820;color:var(--metal-black);cursor:pointer;flex:1 1;font-family:Pixelify Sans,monospace;font-size:11px;min-width:75px;padding:8px;position:relative;text-transform:uppercase;transition:transform .05s}.pixel-button:before{background-image:repeating-conic-gradient(#0000 0 25%,#0000001a 0 50%) 0 0 /2px 2px;content:"";inset:0;pointer-events:none;position:absolute}.pixel-button:hover{box-shadow:0 2px 0 #948868,inset -2px -2px 0 #5c5040,inset 2px 2px 0 #ece4cc;box-shadow:0 2px 0 var(--button-shadow),inset -2px -2px 0 var(--panel-shadow),inset 2px 2px 0 var(--dust);transform:translateY(2px)}.pixel-button:active{box-shadow:0 0 0 #948868,inset 0 2px 4px #0006;box-shadow:0 0 0 var(--button-shadow),inset 0 2px 4px #0006;transform:translateY(4px)}.stats-panel{display:flex;flex-direction:column;gap:6px;grid-column:2;grid-row:2}.stat-line{align-items:center;display:flex;gap:6px;margin-bottom:4px}.stat-line span{color:#88a870;color:var(--bright-green);font-family:Pixelify Sans,monospace;font-size:10px;min-width:35px;text-shadow:0 0 2px #a0c88c4d}.stat-bar{background:repeating-conic-gradient(#000000b3 0 25%,#000000e6 0 50%) 50% /2px 2px;border:1px solid #a0c88c4d;flex:1 1;height:8px}.stat-fill{background:repeating-conic-gradient(#88a870 0 25%,#708854 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--bright-green) 0 25%,#708854 0 50%) 50% /2px 2px;height:100%}.stat-fill.active{animation:statPulse 2s ease-in-out infinite;background:repeating-conic-gradient(#a8c890 0 25%,#88a870 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--pixel-green) 0 25%,var(--bright-green) 0 50%) 50% /2px 2px;box-shadow:0 0 8px #a8c890;box-shadow:0 0 8px var(--pixel-green)}@keyframes statPulse{0%,to{opacity:1}50%{opacity:.7}}.indicator-panel{background:repeating-conic-gradient(#0000001a 0 25%,#00000026 0 50%) 50% /3px 3px;border:2px solid #0000004d;padding:8px;text-align:center}.led-row{display:flex;gap:6px;justify-content:center;margin-bottom:6px}.led{background:repeating-conic-gradient(#2a2520 0 25%,#1a1510 0 50%) 50% /2px 2px;border:2px solid #2c2820;border:2px solid var(--metal-black);box-shadow:inset 1px 1px 2px #000c;height:14px;width:14px}.led.active{animation:ledBlink 1.5s ease-in-out infinite;background:repeating-conic-gradient(#90b880 0 25%,#78a868 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--moss-light) 0 25%,var(--leaf-green) 0 50%) 50% /2px 2px;box-shadow:inset 1px 1px 2px #0006,0 0 10px #90b880;box-shadow:inset 1px 1px 2px #0006,0 0 10px var(--moss-light)}@keyframes ledBlink{0%,to{box-shadow:inset 1px 1px 2px #0006,0 0 10px #90b880;box-shadow:inset 1px 1px 2px #0006,0 0 10px var(--moss-light)}50%{box-shadow:inset 1px 1px 2px #0006,0 0 4px #90b880;box-shadow:inset 1px 1px 2px #0006,0 0 4px var(--moss-light)}}.bio-panel{display:flex;flex-direction:column;gap:6px;grid-column:1;grid-row:3}.screen-body.scroll{max-height:120px;overflow-y:auto}.terminal-text{color:#88a870;color:var(--bright-green);font-family:VT323,monospace;font-size:15px;line-height:1.3;text-shadow:0 0 2px #a0c88c66}.grid-display{grid-gap:4px;background:repeating-conic-gradient(#00000026 0 25%,#0003 0 50%) 50% /3px 3px;border:2px solid #0000004d;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);padding:8px}.grid-cell{aspect-ratio:1;background:repeating-conic-gradient(#2a2520 0 25%,#1a1510 0 50%) 50% /2px 2px;border:2px solid #2c2820;border:2px solid var(--metal-black);box-shadow:inset 1px 1px 3px #000c}.grid-cell.active{background:repeating-conic-gradient(#88a870 0 25%,#a8c890 0 50%) 50% /3px 3px;background:repeating-conic-gradient(var(--bright-green) 0 25%,var(--pixel-green) 0 50%) 50% /3px 3px;box-shadow:inset 1px 1px 3px #0000004d,0 0 6px #88a870;box-shadow:inset 1px 1px 3px #0000004d,0 0 6px var(--bright-green)}.activity-panel{display:flex;flex-direction:column;gap:6px;grid-column:2;grid-row:3}.activity-item{align-items:center;display:flex;gap:6px;margin-bottom:4px}.activity-dot{background:repeating-conic-gradient(#3a3530 0 25%,#2a2520 0 50%) 50% /2px 2px;border:2px solid #4a5c3a;border:2px solid var(--screen-green);flex-shrink:0;height:8px;width:8px}.activity-dot.active{background:repeating-conic-gradient(#a8c890 0 25%,#88a870 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--pixel-green) 0 25%,var(--bright-green) 0 50%) 50% /2px 2px;box-shadow:0 0 6px #a8c890;box-shadow:0 0 6px var(--pixel-green)}.activity-text{color:#88a870;color:var(--bright-green);font-family:VT323,monospace;font-size:13px}.link-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.pixel-link{border-left:2px solid #0000;color:#2c2820;color:var(--metal-black);font-family:VT323,monospace;font-size:15px;padding:3px 0 3px 4px;text-decoration:none;transition:all .1s}.pixel-link:hover{border-left-color:var(--label-rust);color:var(--label-rust);padding-left:10px}.log-text{color:#88a870;color:var(--bright-green);font-family:VT323,monospace;font-size:12px;line-height:1.3}@media (max-width:1100px){.control-panel{flex-direction:column;max-width:550px}.main-display{min-height:380px}}@media (max-width:600px){.control-panel{gap:4px;padding:6px}.panel-section{padding:4px}.pixel-avatar{height:140px;width:140px}.status-text{font-size:13px}}.panel-section{animation:sectionAppear .5s ease-out backwards}@keyframes sectionAppear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.main-display{animation-delay:.05s}.info-section{animation-delay:.1s}.stats-panel{animation-delay:.15s}.bio-panel{animation-delay:.2s}.activity-panel{animation-delay:.25s}.butterfly{animation:butterflyFly linear infinite;height:16px;pointer-events:none;position:fixed;width:20px;z-index:15}@keyframes butterflyFly{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(30vw,-20vh) rotate(10deg)}50%{transform:translate(50vw,10vh) rotate(-5deg)}75%{transform:translate(20vw,-30vh) rotate(15deg)}to{transform:translate(0) rotate(0deg)}}.butterfly .wing{animation:wingFlap .3s ease-in-out infinite;background:repeating-conic-gradient(#e8b0a8 0 25%,#f8c8c0 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--flower-pink) 0 25%,#f8c8c0 0 50%) 50% /2px 2px;border:1px solid #c89070;border:1px solid var(--label-warm);height:14px;position:absolute;width:10px}.butterfly .wing.left{border-radius:50% 20% 50% 50%;left:0;transform-origin:right center}.butterfly .wing.right{animation-delay:.15s;border-radius:20% 50% 50% 50%;right:0;transform-origin:left center}@keyframes wingFlap{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(60deg)}}.firefly{animation:fireflyGlow 6s ease-in-out infinite;background:#f0d898;background:var(--flower-yellow);border-radius:50%;box-shadow:0 0 8px #f0d898;box-shadow:0 0 8px var(--flower-yellow);height:4px;opacity:0;pointer-events:none;position:fixed;width:4px;z-index:20}@keyframes fireflyGlow{0%,to{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:.9}40%{opacity:.9;transform:translateY(-40px) translateX(20px)}60%{opacity:.9;transform:translateY(-60px) translateX(-15px)}90%{opacity:.9}}.pixel-cat-3d-container{gap:0;padding:0;width:100%}.cat-display-screen,.pixel-cat-3d-container{display:flex;flex-direction:column;height:100%}.cat-display-screen{background:repeating-conic-gradient(#1c1c1a 0 25%,#0c0c0a 0 50%) 50% /2px 2px;border:3px solid #2c2820;border:3px solid var(--metal-black);box-shadow:inset 1px 1px 0 #000c,inset -1px -1px 0 #6b8c5c33;padding:5px}.cat-viewport{align-items:center;background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;border:2px solid #2c2820;border:2px solid var(--metal-black);cursor:pointer;display:flex;flex:1 1;justify-content:center;overflow:hidden;perspective:600px;position:relative;width:100%}.cat-3d-wrapper{height:140px;position:relative;transform-style:preserve-3d;transition:transform .1s ease-out;width:140px}.cat-3d-wrapper.spinning{transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.cat-face{align-items:center;background:repeating-conic-gradient(#88a870 0 25%,#a8c890 0 50%) 50% /4px 4px;background:repeating-conic-gradient(var(--bright-green) 0 25%,var(--pixel-green) 0 50%) 50% /4px 4px;border:3px solid #a8c890;border:3px solid var(--pixel-green);box-shadow:0 0 0 1px #2a3422,0 0 15px #a8c8904d;box-shadow:0 0 0 1px var(--screen-dark),0 0 15px #a8c8904d;display:flex;height:140px;justify-content:center;opacity:.95;position:absolute;width:140px}.cat-front{transform:translateZ(70px)}.cat-back{transform:translateZ(-70px) rotateY(180deg)}.cat-left{transform:rotateY(-90deg) translateZ(70px)}.cat-right{transform:rotateY(90deg) translateZ(70px)}.cat-top{transform:rotateX(90deg) translateZ(70px)}.cat-bottom{transform:rotateX(-90deg) translateZ(70px)}.cat-image{filter:contrast(1.15) brightness(.9) sepia(.2);height:100%;object-fit:cover;width:100%}.pixel-text-small{font-size:48px;opacity:.6}.cat-scanlines{background-image:repeating-linear-gradient(0deg,#0000004d,#0000004d 1px,#0000 0,#0000 3px);inset:0;z-index:10}.cat-scanlines,.pixel-heart{pointer-events:none;position:absolute}.pixel-heart{animation:heartBurst 2s ease-out forwards;color:#a8c890;color:var(--pixel-green);filter:drop-shadow(0 0 4px rgba(168,200,144,.6));font-size:24px;text-shadow:0 0 8px #a8c890cc,2px 2px 0 #6b8c5c;text-shadow:0 0 8px #a8c890cc,2px 2px 0 var(--moss-green);transform-origin:center;z-index:20}@keyframes heartBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}20%{opacity:1;transform:translate(-50%,-50%) translate(calc(cos(var(--angle))*var(--distance)*.3),calc(sin(var(--angle))*var(--distance)*.3)) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translate(calc(cos(var(--angle))*var(--distance)),calc(sin(var(--angle))*var(--distance))) scale(.5)}}.publications-container{padding:8px;width:100%}.publications-screen{background:repeating-conic-gradient(#1c1c1a 0 25%,#0c0c0a 0 50%) 50% /2px 2px;border:3px solid #2c2820;border:3px solid var(--metal-black);box-shadow:inset 1px 1px 0 #000c,inset -1px -1px 0 #6b8c5c33;padding:5px}.publications-body{color:#88a870;color:var(--bright-green);font-family:VT323,monospace;font-size:15px;max-height:400px;overflow-y:auto;padding:8px}.publications-list{display:flex;flex-direction:column;gap:12px}.publication-item{background:repeating-conic-gradient(#6b8c5c14 0 25%,#6b8c5c1f 0 50%) 50% /3px 3px;border:2px solid #a8c89033;border-left:4px solid #6b8c5c;border-left:4px solid var(--moss-green);display:flex;gap:8px;padding:8px;transition:all .2s}.publication-item:hover{background:repeating-conic-gradient(#6b8c5c26 0 25%,#6b8c5c33 0 50%) 50% /3px 3px;border-left-color:#90b880;border-left-color:var(--moss-light);transform:translateX(4px)}.pub-number{color:#4a6040;color:var(--moss-dark);font-family:Pixelify Sans,monospace;font-size:14px;font-weight:700;min-width:30px}.pub-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.pub-title{color:#a8c890;color:var(--pixel-green);font-family:Pixelify Sans,monospace;font-size:13px;font-weight:700;line-height:1.3;text-shadow:0 0 4px #a8c89066}.pub-authors{color:#88a870;color:var(--bright-green);font-size:14px;opacity:.9}.pub-authors,.pub-venue{font-family:VT323,monospace}.pub-venue{color:#90b880;color:var(--moss-light);font-size:13px;font-style:italic}.pub-year{color:#4a6040;color:var(--moss-dark)}.pub-link,.pub-year{font-family:Pixelify Sans,monospace;font-size:11px}.pub-link{background:repeating-conic-gradient(#6b8c5c33 0 25%,#6b8c5c4d 0 50%) 50% /2px 2px;border:1px solid #6b8c5c;border:1px solid var(--moss-green);color:#6b8c5c;color:var(--moss-green);display:inline-block;margin-top:4px;padding:3px 8px;text-decoration:none;transition:all .1s}.pub-link:hover{background:repeating-conic-gradient(#90b880 0 25%,#6b8c5c 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--moss-light) 0 25%,var(--moss-green) 0 50%) 50% /2px 2px;box-shadow:0 0 8px #90b88099;color:#2a3422;color:var(--screen-dark);transform:translateX(4px)}.empty-publications{opacity:.6;padding:40px 20px;text-align:center}.publications-body::-webkit-scrollbar{width:8px}.publications-body::-webkit-scrollbar-track{background:repeating-conic-gradient(#0009 0 25%,#000c 0 50%) 50% /2px 2px}.publications-body::-webkit-scrollbar-thumb{background:repeating-conic-gradient(#6b8c5c 0 25%,#4a6040 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--moss-green) 0 25%,var(--moss-dark) 0 50%) 50% /2px 2px;border:1px solid #2c2820;border:1px solid var(--metal-black)}.publications-body::-webkit-scrollbar-thumb:hover{background:repeating-conic-gradient(#90b880 0 25%,#6b8c5c 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--moss-light) 0 25%,var(--moss-green) 0 50%) 50% /2px 2px}.projects-grid-container{padding:8px;width:100%}.projects-screen{background:repeating-conic-gradient(#1c1c1a 0 25%,#0c0c0a 0 50%) 50% /2px 2px;border:3px solid #2c2820;border:3px solid var(--metal-black);box-shadow:inset 1px 1px 0 #000c,inset -1px -1px 0 #6b8c5c33;padding:5px}.projects-body{color:#88a870;color:var(--bright-green);font-family:VT323,monospace;font-size:15px;max-height:400px;overflow-y:auto;padding:8px}.projects-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{grid-gap:8px;align-items:start;background:repeating-conic-gradient(#d4c8a8 0 25%,#c4b898 0 50%) 50% /3px 3px;background:repeating-conic-gradient(var(--button-tan) 0 25%,#c4b898 0 50%) 50% /3px 3px;border:4px solid #7c7458;border:4px solid var(--panel-dark);box-shadow:inset -2px -2px 0 #e0d8bc,inset 2px 2px 0 #5c5040,3px 3px 0 #0000004d;box-shadow:inset -2px -2px 0 var(--panel-light),inset 2px 2px 0 var(--panel-shadow),3px 3px 0 #0000004d;cursor:pointer;display:grid;gap:8px;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;height:100px;overflow:hidden;padding:12px;position:relative;transition:all .2s}.project-card.selected{height:auto;overflow:visible}.project-card:before{background-image:repeating-conic-gradient(#0000 0 25%,#0000000f 0 50%) 0 0 /2px 2px;content:"";inset:0;pointer-events:none;position:absolute}.project-card:hover{border-color:#6b8c5c;border-color:var(--moss-green);box-shadow:inset -2px -2px 0 #e0d8bc,inset 2px 2px 0 #5c5040,4px 4px 0 #0006;box-shadow:inset -2px -2px 0 var(--panel-light),inset 2px 2px 0 var(--panel-shadow),4px 4px 0 #0006;transform:translateY(-2px)}.project-card.selected{background:repeating-conic-gradient(#ece4cc 0 25%,#d4c8a8 0 50%) 50% /3px 3px;background:repeating-conic-gradient(var(--dust) 0 25%,var(--button-tan) 0 50%) 50% /3px 3px;border-color:#90b880;border-color:var(--moss-light);min-height:auto}.project-led{background:repeating-conic-gradient(#2a2520 0 25%,#1a1510 0 50%) 50% /2px 2px;border:2px solid #2c2820;border:2px solid var(--metal-black);box-shadow:inset 1px 1px 2px #000c;height:10px;position:absolute;right:6px;top:6px;width:10px}.project-led.active{animation:ledPulse 2s ease-in-out infinite;background:repeating-conic-gradient(#90b880 0 25%,#6b8c5c 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--moss-light) 0 25%,var(--moss-green) 0 50%) 50% /2px 2px;box-shadow:inset 1px 1px 2px #0006,0 0 8px #90b880;box-shadow:inset 1px 1px 2px #0006,0 0 8px var(--moss-light)}.project-led.completed{background:repeating-conic-gradient(#a8c890 0 25%,#88a870 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--pixel-green) 0 25%,var(--bright-green) 0 50%) 50% /2px 2px;box-shadow:inset 1px 1px 2px #0006,0 0 8px #a8c890;box-shadow:inset 1px 1px 2px #0006,0 0 8px var(--pixel-green)}.project-led.wip{animation:ledPulse 1s ease-in-out infinite;background:repeating-conic-gradient(#f0d898 0 25%,#e0c888 0 50%) 50% /2px 2px;box-shadow:inset 1px 1px 2px #0006,0 0 8px #f0d898}@keyframes ledPulse{0%,to{opacity:1}50%{opacity:.5}}.project-icon{align-items:center;align-self:center;display:flex;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.2));font-size:40px;grid-column:1;grid-row:1/4;justify-content:center;margin-right:4px}.project-name{color:#2c2820;color:var(--metal-black);font-family:Pixelify Sans,monospace;font-size:13px;font-weight:700;grid-column:2;grid-row:1;line-height:1.2;padding-right:30px;text-align:left;text-shadow:1px 1px 0 #e0d8bc;text-shadow:1px 1px 0 var(--panel-light)}.project-tech-tags{display:flex;flex-wrap:wrap;gap:4px;grid-column:2;grid-row:2;justify-content:flex-start}.tech-tag{background:repeating-conic-gradient(#4a6040 0 25%,#6b8c5c 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--moss-dark) 0 25%,var(--moss-green) 0 50%) 50% /2px 2px;border:1px solid #2c2820;border:1px solid var(--metal-black);color:#ece4cc;color:var(--dust);font-family:Pixelify Sans,monospace;font-size:8px;padding:2px 4px;text-shadow:1px 1px 0 #00000080}.tech-tag.more{background:repeating-conic-gradient(#5c5040 0 25%,#7c7458 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--panel-shadow) 0 25%,var(--panel-dark) 0 50%) 50% /2px 2px}.project-details{align-items:center;animation:slideDown .2s ease-out;border-top:2px solid #7c7458;border-top:2px solid var(--panel-dark);display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;grid-column:1/3;grid-row:4;margin-top:8px;padding-top:8px;width:100%}.project-description{color:#2c2820;color:var(--metal-black);flex:1 1 100%;font-family:VT323,monospace;font-size:16px;line-height:1.3;margin-bottom:4px;text-align:left}.project-link{background:repeating-conic-gradient(#6b8c5c33 0 25%,#6b8c5c4d 0 50%) 50% /2px 2px;border:2px solid #6b8c5c;border:2px solid var(--moss-green);color:#4a6040;color:var(--moss-dark);flex:0 0 auto;font-family:Pixelify Sans,monospace;font-size:9px;font-weight:700;letter-spacing:1px;padding:4px 10px;text-align:center;text-decoration:none;transition:all .1s}.project-link:hover{background:repeating-conic-gradient(#90b880 0 25%,#6b8c5c 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--moss-light) 0 25%,var(--moss-green) 0 50%) 50% /2px 2px;box-shadow:0 0 8px #90b88099;color:#2a3422;color:var(--screen-dark);transform:translateY(-1px)}.project-link.github{background:repeating-conic-gradient(#0000001a 0 25%,#00000026 0 50%) 50% /2px 2px;border-color:#7c7458;border-color:var(--panel-dark)}.project-link.github:hover{background:repeating-conic-gradient(#5c5040 0 25%,#7c7458 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--panel-shadow) 0 25%,var(--panel-dark) 0 50%) 50% /2px 2px;color:#ece4cc;color:var(--dust)}.click-hint{align-self:end;animation:bounce 2s ease-in-out infinite;color:#5c5040;color:var(--panel-shadow);font-family:Pixelify Sans,monospace;font-size:10px;grid-column:2;grid-row:3;justify-self:end}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.project-card.selected .click-hint{animation:none}.empty-projects{opacity:.6;padding:40px 20px;text-align:center}.pixel-text{font-family:Pixelify Sans,monospace;font-size:13px}.projects-body::-webkit-scrollbar{width:8px}.projects-body::-webkit-scrollbar-track{background:repeating-conic-gradient(#0009 0 25%,#000c 0 50%) 50% /2px 2px}.projects-body::-webkit-scrollbar-thumb{background:repeating-conic-gradient(#6b8c5c 0 25%,#4a6040 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--moss-green) 0 25%,var(--moss-dark) 0 50%) 50% /2px 2px;border:1px solid #2c2820;border:1px solid var(--metal-black)}.projects-body::-webkit-scrollbar-thumb:hover{background:repeating-conic-gradient(#90b880 0 25%,#6b8c5c 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--moss-light) 0 25%,var(--moss-green) 0 50%) 50% /2px 2px}@media (max-width:900px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:600px){.projects-grid{grid-template-columns:1fr}.project-icon{font-size:32px}.project-name{font-size:12px}.project-card{min-height:80px}}.email-popup-backdrop{animation:backdropFade .2s ease-out;background:#1a2418cc;inset:0;position:fixed;z-index:9998}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.email-popup{animation:popupSlide .3s ease-out;background:repeating-conic-gradient(#c8bc9c 0 25%,#e0d8bc 0 50%) 50% /4px 4px;background:repeating-conic-gradient(var(--panel-tan) 0 25%,var(--panel-light) 0 50%) 50% /4px 4px;border:6px solid #7c7458;border:6px solid var(--panel-dark);box-shadow:0 0 0 2px #4a6040,0 10px 0 #5c5040,12px 15px 0 #0006;box-shadow:0 0 0 2px var(--moss-dark),0 10px 0 var(--panel-shadow),12px 15px 0 #0006;left:50%;min-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}@keyframes popupSlide{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.email-popup:before{background-image:repeating-conic-gradient(from 45deg,#0000 0 25%,#6b8c5c1a 0 50%) 0 0 /3px 3px;content:"";inset:0;mix-blend-mode:multiply;pointer-events:none;position:absolute}.popup-header{align-items:center;background:repeating-conic-gradient(#1c1c1a 0 25%,#0c0c0a 0 50%) 50% /2px 2px;border-bottom:3px solid #2c2820;border-bottom:3px solid var(--metal-black);display:flex;justify-content:space-between;padding:8px 12px}.popup-title{color:#a8c890;color:var(--pixel-green);font-size:12px;letter-spacing:1px;text-shadow:0 0 6px #a8c89080}.popup-close,.popup-title{font-family:Pixelify Sans,monospace}.popup-close{background:repeating-conic-gradient(#d4c8a8 0 25%,#e0d0a0 0 50%) 50% /3px 3px;background:repeating-conic-gradient(var(--button-tan) 0 25%,#e0d0a0 0 50%) 50% /3px 3px;border:3px solid #7c7458;border:3px solid var(--panel-dark);box-shadow:0 3px 0 #948868,inset -2px -2px 0 #5c5040,inset 2px 2px 0 #ece4cc;box-shadow:0 3px 0 var(--button-shadow),inset -2px -2px 0 var(--panel-shadow),inset 2px 2px 0 var(--dust);color:#2c2820;color:var(--metal-black);cursor:pointer;font-size:14px;line-height:1;padding:4px 10px;transition:transform .05s}.popup-close:hover{box-shadow:0 2px 0 #948868,inset -2px -2px 0 #5c5040,inset 2px 2px 0 #ece4cc;box-shadow:0 2px 0 var(--button-shadow),inset -2px -2px 0 var(--panel-shadow),inset 2px 2px 0 var(--dust);transform:translateY(1px)}.popup-close:active{box-shadow:0 0 0 #948868,inset 0 2px 4px #0006;box-shadow:0 0 0 var(--button-shadow),inset 0 2px 4px #0006;transform:translateY(3px)}.popup-body{align-items:center;display:flex;flex-direction:column;gap:16px;padding:24px 20px}.email-display{background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;border:3px solid #2c2820;border:3px solid var(--metal-black);box-shadow:inset 1px 1px 0 #000c,inset -1px -1px 0 #6b8c5c33;color:#a8c890;color:var(--pixel-green);font-family:VT323,monospace;font-size:24px;letter-spacing:2px;padding:16px 20px;position:relative;text-shadow:0 0 10px #a8c89099,2px 2px 0 #2a3422;text-shadow:0 0 10px #a8c89099,2px 2px 0 var(--screen-dark);-webkit-user-select:all;user-select:all}.email-display:before{background-image:repeating-linear-gradient(0deg,#0000004d,#0000004d 1px,#0000 0,#0000 3px);content:"";inset:0;pointer-events:none;position:absolute}.email-part{animation:emailGlow 2s ease-in-out infinite}.email-part:first-child{animation-delay:0s}.email-part:nth-child(3){animation-delay:.3s}.email-domain{animation:emailGlow 2s ease-in-out infinite;animation-delay:.6s}@keyframes emailGlow{0%,to{opacity:1}50%{opacity:.7}}.email-at,.email-dot{color:#90b880;color:var(--moss-light)}.copy-button{background:repeating-conic-gradient(#d4c8a8 0 25%,#e0d0a0 0 50%) 50% /3px 3px;background:repeating-conic-gradient(var(--button-tan) 0 25%,#e0d0a0 0 50%) 50% /3px 3px;border:3px solid #7c7458;border:3px solid var(--panel-dark);box-shadow:0 4px 0 #948868,inset -2px -2px 0 #5c5040,inset 2px 2px 0 #ece4cc;box-shadow:0 4px 0 var(--button-shadow),inset -2px -2px 0 var(--panel-shadow),inset 2px 2px 0 var(--dust);color:#2c2820;color:var(--metal-black);cursor:pointer;font-family:Pixelify Sans,monospace;font-size:11px;letter-spacing:1px;padding:10px 20px;position:relative;text-transform:uppercase;transition:transform .05s}.copy-button:before{background-image:repeating-conic-gradient(#0000 0 25%,#0000001a 0 50%) 0 0 /2px 2px;content:"";inset:0;pointer-events:none;position:absolute}.copy-button:hover{box-shadow:0 2px 0 #948868,inset -2px -2px 0 #5c5040,inset 2px 2px 0 #ece4cc;box-shadow:0 2px 0 var(--button-shadow),inset -2px -2px 0 var(--panel-shadow),inset 2px 2px 0 var(--dust);transform:translateY(2px)}.copy-button:active{box-shadow:0 0 0 #948868,inset 0 2px 4px #0006;box-shadow:0 0 0 var(--button-shadow),inset 0 2px 4px #0006;transform:translateY(4px)}@media (max-width:500px){.email-popup{max-width:90%;min-width:90%}.email-display{font-size:18px;padding:12px 16px}}.card{align-items:center;background:#fff;border:3px solid;border-radius:8px;box-shadow:0 2px 4px #0003;cursor:pointer;display:flex;flex-direction:column;height:120px;justify-content:space-between;padding:8px;position:relative;transition:all .2s;width:80px}.card:hover:not(.disabled){box-shadow:0 4px 8px #0000004d;transform:translateY(-10px)}.card.disabled{cursor:not-allowed}.card-value{font-size:20px;font-weight:700}.card-suit{font-size:32px}.card-value-bottom{font-size:20px;font-weight:700;transform:rotate(180deg)}.card-image{background:#0000;border:none;overflow:hidden;padding:0}.card-img{border-radius:8px;display:block;height:100%;object-fit:cover;width:100%}.card-image:not(.disabled){box-shadow:0 6px 12px #0006;transform:translateY(-10px)}:root{--button-tan:#d4c8a8;--button-shadow:#948868}.menu{align-items:center;background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:2rem}.menu:before{background-image:repeating-linear-gradient(0deg,#0000004d,#0000004d 1px,#0000 0,#0000 3px);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.menu>*{position:relative;z-index:1}.menu h1{color:#a8c890;color:var(--pixel-green);font-family:VT323,monospace;font-size:2.5rem;margin-bottom:2rem;text-shadow:0 0 10px #a8c89099,2px 2px 0 #2a3422;text-shadow:0 0 10px #a8c89099,2px 2px 0 var(--screen-dark)}.menu-buttons{align-items:center;background:repeating-conic-gradient(#c8bc9c 0 25%,#e0d8bc 0 50%) 50% /4px 4px;background:repeating-conic-gradient(var(--panel-tan) 0 25%,var(--panel-light) 0 50%) 50% /4px 4px;border:6px solid #7c7458;border:6px solid var(--panel-dark);box-shadow:inset -2px -2px 0 #e0d8bc,inset 2px 2px 0 #5c5040,8px 8px 0 #0000004d;box-shadow:inset -2px -2px 0 var(--panel-light),inset 2px 2px 0 var(--panel-shadow),8px 8px 0 #0000004d;display:flex;flex-direction:column;gap:1.5rem;padding:3rem 4rem;position:relative}.menu-buttons:before{background-image:repeating-conic-gradient(from 45deg,#0000 0 25%,#6b8c5c14 0 50%) 0 0 /3px 3px;content:"";inset:0;mix-blend-mode:multiply;pointer-events:none;position:absolute}.join-room{align-items:center;display:flex;gap:1rem}.join-room input{border:2px solid #fff;border-radius:8px;font-family:VT323,monospace;font-size:1.5rem;padding:.6rem;text-align:center;text-transform:uppercase;width:300px;z-index:40}.error{background:#931209;border-radius:8px;color:#fff;margin-top:1rem;padding:1rem}.waiting{align-items:center;background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:2rem}.waiting:before{background-image:repeating-linear-gradient(0deg,#0000004d,#0000004d 1px,#0000 0,#0000 3px);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.waiting>*{position:relative;z-index:1}.waiting h1{color:#a8c890;color:var(--pixel-green);font-family:VT323,monospace;font-size:2.5rem;margin-bottom:2rem;text-shadow:0 0 10px #a8c89099,2px 2px 0 #2a3422;text-shadow:0 0 10px #a8c89099,2px 2px 0 var(--screen-dark)}.room-code-display{background:repeating-conic-gradient(#c8bc9c 0 25%,#e0d8bc 0 50%) 50% /4px 4px;background:repeating-conic-gradient(var(--panel-tan) 0 25%,var(--panel-light) 0 50%) 50% /4px 4px;border:6px solid #7c7458;border:6px solid var(--panel-dark);box-shadow:inset -2px -2px 0 #e0d8bc,inset 2px 2px 0 #5c5040,8px 8px 0 #0000004d;box-shadow:inset -2px -2px 0 var(--panel-light),inset 2px 2px 0 var(--panel-shadow),8px 8px 0 #0000004d;margin:2rem;padding:3rem 4rem;position:relative;text-align:center}.room-code-display:before{background-image:repeating-conic-gradient(from 45deg,#0000 0 25%,#6b8c5c14 0 50%) 0 0 /3px 3px;content:"";inset:0;mix-blend-mode:multiply;pointer-events:none;position:absolute}.room-code-display p{color:#2c2820;color:var(--metal-black);font-size:1.3rem;margin:.5rem 0}.room-code-display h2,.room-code-display p{font-family:VT323,monospace;position:relative}.room-code-display h2{color:#6b8c5c;color:var(--moss-green);font-size:4rem;letter-spacing:1rem;margin:1.5rem 0;text-shadow:2px 2px 0 #5c5040;text-shadow:2px 2px 0 var(--panel-shadow)}.room-code-instruction{color:#4a6040;color:var(--moss-dark);font-family:VT323,monospace;font-size:1rem;letter-spacing:1px}.dice-roll-screen{align-items:center;background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:2rem}.dice-roll-screen:before{background-image:repeating-linear-gradient(0deg,#0000004d,#0000004d 1px,#0000 0,#0000 3px);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.dice-roll-screen>*{position:relative;z-index:1}.dice-roll-screen h1{color:#a8c890;color:var(--pixel-green);font-family:VT323,monospace;font-size:2rem;margin-bottom:3rem;text-shadow:0 0 10px #a8c89099,2px 2px 0 #2a3422;text-shadow:0 0 10px #a8c89099,2px 2px 0 var(--screen-dark)}.dice-container{background:repeating-conic-gradient(#c8bc9c 0 25%,#e0d8bc 0 50%) 50% /4px 4px;background:repeating-conic-gradient(var(--panel-tan) 0 25%,var(--panel-light) 0 50%) 50% /4px 4px;border:6px solid #7c7458;border:6px solid var(--panel-dark);box-shadow:inset -2px -2px 0 #e0d8bc,inset 2px 2px 0 #5c5040,8px 8px 0 #0000004d;box-shadow:inset -2px -2px 0 var(--panel-light),inset 2px 2px 0 var(--panel-shadow),8px 8px 0 #0000004d;display:flex;gap:3rem;padding:3rem 4rem}.dice{align-items:center;background:repeating-conic-gradient(#e0d8bc 0 25%,#ece4cc 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--panel-light) 0 25%,var(--dust) 0 50%) 50% /2px 2px;border:4px solid #7c7458;border:4px solid var(--panel-dark);box-shadow:0 4px 0 #5c5040,inset -2px -2px 0 #0003,inset 2px 2px 0 #ece4cc;box-shadow:0 4px 0 var(--panel-shadow),inset -2px -2px 0 #0003,inset 2px 2px 0 var(--dust);display:flex;height:120px;justify-content:center;width:120px}.dice.rolling{animation:diceRoll .1s infinite}@keyframes diceRoll{0%,to{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}}.dice-face{color:#2c2820;color:var(--metal-black);font-size:4rem;font-weight:700}.dice-face,.dice-message{font-family:VT323,monospace}.dice-message{animation:fadeIn .5s ease-in;background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;border:3px solid #2c2820;border:3px solid var(--metal-black);box-shadow:inset 1px 1px 0 #00000080;color:#a8c890;color:var(--pixel-green);font-size:1.8rem;margin-top:3rem;padding:1.5rem 3rem;text-align:center;text-shadow:0 0 8px #a8c89099}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shuffle-screen{align-items:center;background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:2rem}.shuffle-screen:before{background-image:repeating-linear-gradient(0deg,#0000004d,#0000004d 1px,#0000 0,#0000 3px);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.shuffle-screen>*{position:relative;z-index:1}.shuffle-screen h1{color:#a8c890;color:var(--pixel-green);font-family:VT323,monospace;font-size:2rem;margin-bottom:3rem;text-shadow:0 0 10px #a8c89099,2px 2px 0 #2a3422;text-shadow:0 0 10px #a8c89099,2px 2px 0 var(--screen-dark)}.shuffle-animation{background:repeating-conic-gradient(#c8bc9c 0 25%,#e0d8bc 0 50%) 50% /4px 4px;background:repeating-conic-gradient(var(--panel-tan) 0 25%,var(--panel-light) 0 50%) 50% /4px 4px;border:6px solid #7c7458;border:6px solid var(--panel-dark);box-shadow:inset -2px -2px 0 #e0d8bc,inset 2px 2px 0 #5c5040,8px 8px 0 #0000004d;box-shadow:inset -2px -2px 0 var(--panel-light),inset 2px 2px 0 var(--panel-shadow),8px 8px 0 #0000004d;height:300px;width:400px}.deck-shuffle,.shuffle-animation{align-items:center;display:flex;justify-content:center;position:relative}.deck-shuffle{height:100%;width:100%}.shuffle-card{animation:shuffle 1s ease-in-out infinite;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:80px;position:absolute}@keyframes shuffle{0%,to{transform:translateX(-100px) rotate(-10deg)}50%{transform:translateX(100px) rotate(10deg)}}.cutting-screen{align-items:center;background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:2rem}.cutting-screen:before{background-image:repeating-linear-gradient(0deg,#0000004d,#0000004d 1px,#0000 0,#0000 3px);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.cutting-screen>*{position:relative;z-index:1}.cutting-screen h1{color:#a8c890;color:var(--pixel-green);font-family:VT323,monospace;font-size:2rem;margin-bottom:3rem;text-shadow:0 0 10px #a8c89099,2px 2px 0 #2a3422;text-shadow:0 0 10px #a8c89099,2px 2px 0 var(--screen-dark)}.cut-container{flex-direction:column;gap:2rem}.cut-container,.deck-to-cut{align-items:center;display:flex}.deck-to-cut{background:repeating-conic-gradient(#c8bc9c 0 25%,#e0d8bc 0 50%) 50% /4px 4px;background:repeating-conic-gradient(var(--panel-tan) 0 25%,var(--panel-light) 0 50%) 50% /4px 4px;border:6px solid #7c7458;border:6px solid var(--panel-dark);box-shadow:inset -2px -2px 0 #e0d8bc,inset 2px 2px 0 #5c5040,8px 8px 0 #0000004d;box-shadow:inset -2px -2px 0 var(--panel-light),inset 2px 2px 0 var(--panel-shadow),8px 8px 0 #0000004d;height:200px;justify-content:center;overflow:hidden;position:relative;width:700px}.deck-visual{height:140px;position:relative;width:100px;z-index:1}.stacked-card-wrapper{position:absolute}.stacked-card-wrapper .card{box-shadow:2px 2px 4px #0006;height:120px;width:80px}.cut-line{background:linear-gradient(180deg,#a8c890,#6b8c5c);background:linear-gradient(180deg,var(--pixel-green) 0,var(--moss-green) 100%);box-shadow:0 0 20px #a8c890,0 0 40px #a8c89080;box-shadow:0 0 20px var(--pixel-green),0 0 40px #a8c89080;height:100%;position:absolute;top:0;transition:none;width:6px;z-index:10}.cut-line.cutting{animation:cutSlice 1s ease-out}@keyframes cutSlice{0%{height:100%;opacity:1}to{height:0;opacity:0;top:50%}}.cut-button{background:repeating-conic-gradient(#90b880 0 25%,#88a870 0 50%) 50% /3px 3px;background:repeating-conic-gradient(var(--moss-light) 0 25%,var(--bright-green) 0 50%) 50% /3px 3px;border:4px solid #4a6040;border:4px solid var(--moss-dark);box-shadow:0 5px 0 #4a6040,inset -2px -2px 0 #0003,inset 2px 2px 0 #90b880;box-shadow:0 5px 0 var(--moss-dark),inset -2px -2px 0 #0003,inset 2px 2px 0 var(--moss-light);color:#2c2820;color:var(--metal-black);cursor:pointer;font-family:VT323,monospace;font-size:1.5rem;font-weight:700;letter-spacing:2px;padding:1.5rem 3rem;text-transform:uppercase;transition:transform .05s}.cut-button:hover{box-shadow:0 3px 0 #4a6040,inset -2px -2px 0 #0003,inset 2px 2px 0 #90b880;box-shadow:0 3px 0 var(--moss-dark),inset -2px -2px 0 #0003,inset 2px 2px 0 var(--moss-light);transform:translateY(2px)}.cut-button:active{box-shadow:0 0 0 #4a6040,inset 0 2px 4px #0006;box-shadow:0 0 0 var(--moss-dark),inset 0 2px 4px #0006;transform:translateY(5px)}.dealing-screen{align-items:center;background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.dealing-screen:before{background-image:repeating-linear-gradient(0deg,#0000004d,#0000004d 1px,#0000 0,#0000 3px);content:"";inset:0;pointer-events:none;position:fixed}.dealing-screen h1{color:#a8c890;color:var(--pixel-green);font-family:VT323,monospace;font-size:2rem;position:relative;text-shadow:0 0 10px #a8c89099,2px 2px 0 #2a3422;text-shadow:0 0 10px #a8c89099,2px 2px 0 var(--screen-dark);z-index:1}.dealing-animation{margin-top:2rem;position:relative;z-index:1}.dealer-deck{animation:dealing .5s ease-in-out infinite;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:100px}@keyframes dealing{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.game{background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;min-height:100vh;padding:1rem}.game:before{background-image:repeating-linear-gradient(0deg,#0000004d,#0000004d 1px,#0000 0,#0000 3px);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.game>*{position:relative;z-index:1}.room-info{font-family:VT323,monospace;font-size:1.5rem;letter-spacing:.5rem;text-shadow:1px 1px 0 #5c5040;text-shadow:1px 1px 0 var(--panel-shadow)}.game-board{padding:1rem}.game-board,.opponent-area,.player-area{align-items:center;display:flex;flex-direction:column;gap:1rem}.opponent-area,.player-area{width:100%}.my-hand,.opponent-hand{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.play-area{background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;border:3px solid #4a6040;border:3px solid var(--moss-dark);box-shadow:inset 1px 1px 0 #00000080;flex-direction:column;gap:1rem;max-width:800px;min-height:300px;padding:1.5rem;width:100%}.deck-area,.play-area{align-items:center;display:flex}.deck-area{gap:2rem;justify-content:center}.deck-stack{align-items:center;display:flex;flex-direction:column;position:relative}.deck-pile{height:120px;position:relative;width:80px}.deck-card{position:absolute}.deck-count{background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;border:2px solid #2c2820;border:2px solid var(--metal-black);box-shadow:inset 1px 1px 0 #00000080;color:#a8c890;color:var(--pixel-green);font-family:VT323,monospace;font-size:1.5rem;font-weight:700;padding:.5rem 1rem;text-shadow:0 0 8px #a8c89099}.trump-card-holder{align-items:center;display:flex;flex-direction:column;gap:.5rem;transform:rotate(90deg);transform-origin:center}.current-trick{align-items:center;display:flex;gap:3rem;justify-content:center;min-height:160px}.trick-card{animation:cardSlideIn .3s ease-out}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.trick-card.my-card{animation:cardSlideInFromBottom .3s ease-out}@keyframes cardSlideInFromBottom{0%{opacity:0;transform:translateY(50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.turn-indicator{animation:pulse 1.5s infinite;background:repeating-conic-gradient(#88a870 0 25%,#90b880 0 50%) 50% /3px 3px;background:repeating-conic-gradient(var(--bright-green) 0 25%,var(--moss-light) 0 50%) 50% /3px 3px;border:3px solid #4a6040;border:3px solid var(--moss-dark);box-shadow:0 3px 0 #4a6040,inset -1px -1px 0 #0003,inset 1px 1px 0 #90b880;box-shadow:0 3px 0 var(--moss-dark),inset -1px -1px 0 #0003,inset 1px 1px 0 var(--moss-light);color:#2c2820;color:var(--metal-black);font-family:VT323,monospace;font-size:1.2rem;font-weight:700;letter-spacing:2px;padding:.8rem 1.5rem;text-transform:uppercase}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.trick-winner-overlay{align-items:center;animation:slideDown .3s ease-out;background:#0000;display:flex;justify-content:center;left:50%;pointer-events:none;position:fixed;top:80px;transform:translateX(-50%);z-index:1000}.trick-winner-message{background:repeating-conic-gradient(#88a870 0 25%,#90b880 0 50%) 50% /3px 3px;background:repeating-conic-gradient(var(--bright-green) 0 25%,var(--moss-light) 0 50%) 50% /3px 3px;border:3px solid #4a6040;border:3px solid var(--moss-dark);box-shadow:0 3px 0 #4a6040,inset -1px -1px 0 #0003,inset 1px 1px 0 #90b880;box-shadow:0 3px 0 var(--moss-dark),inset -1px -1px 0 #0003,inset 1px 1px 0 var(--moss-light);color:#2c2820;color:var(--metal-black);font-family:VT323,monospace;font-size:1.2rem;font-weight:700;letter-spacing:2px;padding:.8rem 1.5rem;text-transform:uppercase}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.card-draw-animation{animation:cardDrawFly .8s ease-out;left:50%;position:fixed;top:40%;transform:translate(-50%,-50%);z-index:100}@keyframes cardDrawFly{0%{opacity:0;transform:translate(-50%,-200%) scale(.5)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.counting-screen{align-items:center;background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.counting-screen:before{background-image:repeating-linear-gradient(0deg,#0000004d,#0000004d 1px,#0000 0,#0000 3px);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.counting-screen>*{position:relative;z-index:1}.counting-screen h1{color:#a8c890;color:var(--pixel-green);font-family:VT323,monospace;font-size:2.5rem;margin-bottom:2rem;text-shadow:0 0 10px #a8c89099,2px 2px 0 #2a3422;text-shadow:0 0 10px #a8c89099,2px 2px 0 var(--screen-dark)}.counting-container{display:flex;gap:4rem;justify-content:center;max-width:1200px;width:100%}.counting-section{align-items:center;background:repeating-conic-gradient(#c8bc9c 0 25%,#e0d8bc 0 50%) 50% /4px 4px;background:repeating-conic-gradient(var(--panel-tan) 0 25%,var(--panel-light) 0 50%) 50% /4px 4px;border:4px solid #7c7458;border:4px solid var(--panel-dark);box-shadow:inset -2px -2px 0 #e0d8bc,inset 2px 2px 0 #5c5040,6px 6px 0 #0000004d;box-shadow:inset -2px -2px 0 var(--panel-light),inset 2px 2px 0 var(--panel-shadow),6px 6px 0 #0000004d;display:flex;flex:1 1;flex-direction:column;padding:2rem}.counting-section h2{color:#2c2820;color:var(--metal-black);font-family:VT323,monospace;font-size:1.5rem;margin-bottom:1rem;text-shadow:1px 1px 0 #5c5040;text-shadow:1px 1px 0 var(--panel-shadow)}.counting-score{color:#6b8c5c;color:var(--moss-green);font-family:VT323,monospace;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;min-height:60px;text-shadow:2px 2px 0 #5c5040;text-shadow:2px 2px 0 var(--panel-shadow)}.cards-display{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-height:400px;overflow-y:auto;padding:1rem}.counted-card{animation:cardReveal .3s ease-out}@keyframes cardReveal{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.counted-card .card{height:90px;width:60px}.final-winner-announcement{animation:winnerAppear .5s ease-out;background:repeating-conic-gradient(#90b880 0 25%,#88a870 0 50%) 50% /3px 3px;background:repeating-conic-gradient(var(--moss-light) 0 25%,var(--bright-green) 0 50%) 50% /3px 3px;border:6px solid #4a6040;border:6px solid var(--moss-dark);box-shadow:0 10px 0 #4a6040,8px 8px 0 #0006;box-shadow:0 10px 0 var(--moss-dark),8px 8px 0 #0006;color:#2c2820;color:var(--metal-black);font-family:VT323,monospace;left:50%;padding:3rem 5rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes winnerAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.final-winner-announcement h1{font-size:3.5rem;margin-bottom:1rem;text-shadow:2px 2px 0 #4a6040;text-shadow:2px 2px 0 var(--moss-dark)}.final-winner-announcement p{font-family:VT323,monospace;font-size:1.8rem;font-weight:700}.game-over-screen{align-items:center;background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;display:flex;justify-content:center;min-height:100vh;padding:2rem}.game-over-screen:before{background-image:repeating-linear-gradient(0deg,#0000004d,#0000004d 1px,#0000 0,#0000 3px);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.game-over{background:repeating-conic-gradient(#c8bc9c 0 25%,#e0d8bc 0 50%) 50% /4px 4px;background:repeating-conic-gradient(var(--panel-tan) 0 25%,var(--panel-light) 0 50%) 50% /4px 4px;border:6px solid #7c7458;border:6px solid var(--panel-dark);box-shadow:inset -2px -2px 0 #e0d8bc,inset 2px 2px 0 #5c5040,8px 8px 0 #0006;box-shadow:inset -2px -2px 0 var(--panel-light),inset 2px 2px 0 var(--panel-shadow),8px 8px 0 #0006;font-family:VT323,monospace;padding:3rem 4rem;position:relative;text-align:center;z-index:1}.game-over h2{color:#2c2820;color:var(--metal-black);font-size:2.8rem;margin:0 0 1.5rem;text-shadow:2px 2px 0 #5c5040;text-shadow:2px 2px 0 var(--panel-shadow)}.final-score{color:#4a6040;color:var(--moss-dark);font-size:1.6rem;margin-bottom:2rem}.final-score,.game-over button{font-family:VT323,monospace;font-weight:700}.game-over button{background:repeating-conic-gradient(#d4c8a8 0 25%,#e0d0a0 0 50%) 50% /3px 3px;background:repeating-conic-gradient(var(--button-tan) 0 25%,#e0d0a0 0 50%) 50% /3px 3px;border:4px solid #7c7458;border:4px solid var(--panel-dark);box-shadow:0 4px 0 #948868,inset -2px -2px 0 #5c5040,inset 2px 2px 0 #ece4cc;box-shadow:0 4px 0 var(--button-shadow),inset -2px -2px 0 var(--panel-shadow),inset 2px 2px 0 var(--dust);color:#2c2820;color:var(--metal-black);cursor:pointer;font-size:1.3rem;letter-spacing:2px;padding:1.2rem 2.5rem;text-transform:uppercase;transition:transform .05s}.game-over button:hover{box-shadow:0 2px 0 #948868,inset -2px -2px 0 #5c5040,inset 2px 2px 0 #ece4cc;box-shadow:0 2px 0 var(--button-shadow),inset -2px -2px 0 var(--panel-shadow),inset 2px 2px 0 var(--dust);transform:translateY(2px)}.game-over button:active{box-shadow:0 0 0 #948868,inset 0 2px 4px #0006;box-shadow:0 0 0 var(--button-shadow),inset 0 2px 4px #0006;transform:translateY(4px)}*{box-sizing:border-box;margin:0;padding:0}.app{font-family:Courier New,Consolas,monospace;min-height:100vh}.app,.loading-screen{background:#0a0e0a;color:#3f3}.loading-screen{align-items:center;display:flex;font-size:1.5rem;height:100vh;justify-content:center;letter-spacing:2px}.header{background:linear-gradient(180deg,#1a4d1a,#0f3d0f);border-bottom:3px solid #3f3;box-shadow:0 4px 20px #33ff334d;color:#3f3;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{margin:0 auto;max-width:1400px}.logo{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.logo h1{font-size:1.5rem;font-weight:700;letter-spacing:2px;text-shadow:0 0 10px #3f3c}.nav{display:flex;flex-wrap:wrap;gap:.75rem}.nav button{align-items:center;background:#0000;border:2px solid #3f3;color:#3f3;cursor:pointer;display:flex;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;gap:.5rem;letter-spacing:1px;padding:.6rem 1.2rem;transition:all .3s ease}.nav button:hover{box-shadow:0 0 15px #3f39}.nav button.active,.nav button:hover{background:#3f3;color:#0a0e0a}.cart-btn.has-items{animation:pulse-glow 2s infinite;background:#0c0;border-color:#0c0;color:#0a0e0a}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.cart-count{background:#0a0e0a;border:1px solid #3f3;color:#3f3;font-size:.8rem;font-weight:600;padding:.15rem .5rem}.main{margin:0 auto;max-width:1400px;padding:2.5rem 2rem}.search-section{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.search-bar{align-items:center;background:#1a1a1a;border:2px solid #3f3;display:flex;flex:1 1;gap:.75rem;min-width:300px;padding:.75rem 1.25rem;transition:all .3s ease}.search-bar:focus-within{background:#0f0f0f;box-shadow:0 0 20px #3f36}.search-bar input{background:#0000;border:none;color:#3f3;flex:1 1;font-family:Courier New,monospace;font-size:1rem;outline:none}.search-bar input::placeholder{color:#1a8a1a}.category-filter{align-items:center;background:#1a1a1a;border:2px solid #3f3;display:flex;gap:.75rem;padding:.75rem 1.25rem}.category-filter select{background:#0000;border:none;color:#3f3;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;font-weight:700;outline:none}.category-filter select option{background:#0a0e0a;color:#3f3}.recipes-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.recipe-card{background:#1a1a1a;border:2px solid #3f3;box-shadow:inset 0 0 20px #33ff331a;cursor:pointer;overflow:hidden;transition:all .3s ease}.recipe-card:hover{border-color:#0f0;box-shadow:0 0 25px #33ff3380;transform:translateY(-4px)}.recipe-image{background:#0f0f0f;border-bottom:2px solid #3f3;height:200px;overflow:hidden;width:100%}.recipe-image img{filter:contrast(1.2) brightness(.8) hue-rotate(90deg);height:100%;object-fit:cover;width:100%}.recipe-card-content{padding:1.5rem}.recipe-header{align-items:start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.recipe-card h3{color:#3f3;font-size:1.2rem;font-weight:700;letter-spacing:1px;line-height:1.3}.select-btn{background:#0000;border:2px solid #3f3;color:#3f3;cursor:pointer;flex-shrink:0;padding:.5rem;transition:all .3s ease}.select-btn:hover{background:#3f3;color:#0a0e0a}.select-btn.selected{background:#0c0;border-color:#0c0;color:#0a0e0a}.recipe-meta{display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem}.category{background:#0000;border:1px solid #0c0;color:#0c0;font-weight:700;letter-spacing:1px;padding:.35rem .75rem}.source{color:#1a8a1a;font-style:italic}.match-info{margin-top:1rem}.match-bar{background:#0f0f0f;border:1px solid #3f3;height:6px;margin-bottom:.5rem;overflow:hidden;width:100%}.match-fill{background:linear-gradient(90deg,#0c0,#3f3);height:100%;transition:width .5s ease}.match-text{color:#1a8a1a;font-size:.8rem;font-weight:700;letter-spacing:1px}.ingredients-view{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:350px 1fr}@media (max-width:900px){.ingredients-view{grid-template-columns:1fr}}.ingredients-input-section{background:#1a1a1a;border:2px solid #3f3;box-shadow:inset 0 0 20px #33ff331a;height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:120px}.ingredients-input-section h2{color:#3f3;font-size:1.4rem;letter-spacing:2px;margin-bottom:.5rem}.ingredients-input-section p{color:#1a8a1a;font-size:.9rem;margin-bottom:1rem}.ingredients-input-section textarea{background:#0f0f0f;border:2px solid #3f3;color:#3f3;font-family:Courier New,monospace;font-size:1rem;outline:none;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.ingredients-input-section textarea::placeholder{color:#1a8a1a}.ingredients-input-section textarea:focus{box-shadow:0 0 15px #3f36}.matched-recipes h2{color:#3f3;font-size:1.6rem;letter-spacing:2px;margin-bottom:1.5rem;text-shadow:0 0 10px #3f39}.no-results{background:#1a1a1a;border:2px solid #3f3;color:#1a8a1a;font-size:1.1rem;padding:3rem;text-align:center}.cart-view{margin:0 auto;max-width:900px}.cart-view h2{color:#3f3;font-size:2rem;letter-spacing:3px;margin-bottom:2rem;text-shadow:0 0 15px #3f3c}.selected-recipes{background:#1a1a1a;border:2px solid #3f3;box-shadow:inset 0 0 20px #33ff331a;margin-bottom:2rem;padding:2rem}.selected-recipes h3{color:#3f3;font-size:1.3rem;letter-spacing:2px;margin-bottom:1rem}.selected-recipes ul{list-style:none}.selected-recipes li{align-items:center;border-bottom:1px solid #1a8a1a;color:#3f3;display:flex;font-size:1rem;justify-content:space-between;padding:.75rem 0}.selected-recipes li:last-child{border-bottom:none}.selected-recipes button{background:#0000;border:1px solid #3f3;color:#3f3;cursor:pointer;padding:.25rem;transition:all .3s ease}.selected-recipes button:hover{background:#3f3;color:#0a0e0a}.grocery-list{background:#1a1a1a;border:2px solid #3f3;box-shadow:inset 0 0 20px #33ff331a;padding:2rem}.grocery-list h3{color:#3f3;font-size:1.3rem;letter-spacing:2px;margin-bottom:1.5rem}.grocery-items{list-style:none;margin-bottom:2rem}.grocery-items li{align-items:center;background:#0f0f0f;border-left:4px solid #3f3;color:#3f3;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem}.grocery-items .ingredient{font-size:1rem}.grocery-items .count{background:#0c0;border:1px solid #3f3;color:#0a0e0a;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.print-btn{background:#3f3;border:2px solid #3f3;color:#0a0e0a;cursor:pointer;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;letter-spacing:2px;padding:1rem;transition:all .3s ease;width:100%}.print-btn:hover{background:#0f0;box-shadow:0 0 20px #3f39}.modal-overlay{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:2rem;position:fixed;z-index:1000}.modal-content{background:#0a0e0a;border:3px solid #3f3;box-shadow:0 0 40px #33ff3380;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.close-btn{background:#1a1a1a;border:2px solid #3f3;color:#3f3;cursor:pointer;float:right;padding:.75rem;position:-webkit-sticky;position:sticky;right:1rem;top:1rem;transition:all .3s ease;z-index:10}.close-btn:hover{background:#3f3;color:#0a0e0a;transform:rotate(90deg)}.recipe-detail{color:#3f3;padding:3rem}.recipe-detail-image-wrapper{background:#0f0f0f;border:3px solid #3f3;margin-bottom:2rem;padding:10px}.recipe-detail-image{filter:contrast(1.2) brightness(.8) hue-rotate(90deg);height:300px;object-fit:cover;width:100%}.recipe-detail h1{color:#3f3;font-size:2rem;letter-spacing:2px;line-height:1.2;margin-bottom:1rem;text-shadow:0 0 15px #3f39}.recipe-detail .recipe-meta{margin-bottom:2rem}.recipe-section{margin-bottom:2.5rem}.recipe-section h2{border-bottom:3px solid #3f3;color:#3f3;font-size:1.5rem;letter-spacing:2px;margin-bottom:1rem;padding-bottom:.5rem}.ingredients-list,.instructions-list{list-style:none;padding-left:0}.ingredients-list li,.instructions-list li{color:#3f3;font-size:1rem;line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem}.instructions-list{counter-reset:step-counter}.instructions-list li{counter-increment:step-counter}.instructions-list li:before{color:#0c0;content:counter(step-counter) ". ";font-weight:700;margin-right:.5rem}.notes{background:#0f0f0f;border:2px solid #3f3;border-left:4px solid #0c0;padding:1.5rem}.note{color:#1a8a1a;font-style:italic;line-height:1.6;margin-bottom:.75rem}.note:last-child{margin-bottom:0}.add-to-cart-btn{align-items:center;background:#0000;border:2px solid #3f3;color:#3f3;cursor:pointer;display:flex;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;letter-spacing:2px;margin-top:2rem;padding:1rem;transition:all .3s ease;width:100%}.add-to-cart-btn:hover{background:#3f3;box-shadow:0 0 20px #3f39;color:#0a0e0a}.add-to-cart-btn.in-cart{background:#0c0;border-color:#0c0;color:#0a0e0a}.app:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#33ff3308 0,#33ff3308 4px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}@media print{.header,.nav,.print-btn,.search-section,.selected-recipes{display:none}.grocery-list{border:none;padding:0}.app:before{display:none}}@media (max-width:768px){.header{padding:1.5rem 1rem 1rem}.logo h1{font-size:1.2rem}.main{padding:1.5rem 1rem}.recipes-grid{gap:1.5rem;grid-template-columns:1fr}.recipe-detail{padding:2rem 1.5rem}.recipe-detail h1{font-size:1.6rem}}.column-layout{grid-gap:6px;display:grid;gap:6px;margin-bottom:20px;max-width:1200px;width:100%}.column-layout.two-equal{grid-template-columns:1fr 1fr}.column-layout.one-full{grid-template-columns:1fr}.column-layout.three-equal{grid-template-columns:1fr 1fr 1fr}.column-layout.two-split{grid-template-columns:1fr 2fr}.column-layout.four-equal{grid-template-columns:repeat(4,1fr)}.column-layout.two-by-two{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}@media (max-width:900px){.column-layout.four-equal,.column-layout.three-equal{grid-template-columns:1fr 1fr}}@media (max-width:600px){.column-layout.four-equal,.column-layout.three-equal,.column-layout.two-by-two,.column-layout.two-equal,.column-layout.two-split{grid-template-columns:1fr}}:root{--metal-dark:#4c4430;--rust:#6c5040;--dust:#ece4cc}.retro-knob-container{align-items:center;background:repeating-conic-gradient(#c8bc9c 0 25%,#c4b898 0 50%) 50% /3px 3px;background:repeating-conic-gradient(var(--panel-tan) 0 25%,#c4b898 0 50%) 50% /3px 3px;border:4px solid #7c7458;border:4px solid var(--panel-dark);box-shadow:inset -2px -2px 0 #e0d8bc,inset 2px 2px 0 #5c5040,2px 2px 0 #0000004d;box-shadow:inset -2px -2px 0 var(--panel-light),inset 2px 2px 0 var(--panel-shadow),2px 2px 0 #0000004d;display:inline-flex;flex-direction:column;gap:8px;padding:12px;-webkit-user-select:none;user-select:none}.knob-label{color:#2c2820;color:var(--metal-black);font-family:Pixelify Sans,monospace;font-size:10px;font-weight:700;letter-spacing:2px;text-shadow:1px 1px 0 #e0d8bc;text-shadow:1px 1px 0 var(--panel-light)}.knob-base,.knob-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.knob-base{background:repeating-conic-gradient(#3c3830 0 25%,#2c2820 0 50%) 50% /2px 2px;border:4px solid #2c2820;border:4px solid var(--metal-black);border-radius:50%;box-shadow:inset 0 0 0 2px #4c4430,inset 4px 4px 8px #000c,inset -2px -2px 6px #ffffff1a,0 4px 0 #00000080;box-shadow:inset 0 0 0 2px var(--metal-dark),inset 4px 4px 8px #000c,inset -2px -2px 6px #ffffff1a,0 4px 0 #00000080;height:80px;width:80px}.knob-dial{background:radial-gradient(circle at 30% 30%,#e0d8bc,#c8bc9c 30%,#7c7458 100%);background:radial-gradient(circle at 30% 30%,var(--panel-light),var(--panel-tan) 30%,var(--panel-dark) 100%);border-radius:50%;box-shadow:inset -3px -3px 6px #00000080,inset 3px 3px 6px #ffffff4d,0 2px 4px #0000004d;height:70px;position:relative;transition:transform .05s ease-out;width:70px}.knob-dial:before{background-image:repeating-conic-gradient(from 0deg,#5c5040 0deg,#5c5040 3deg,#0000 3deg,#0000 6deg);background-image:repeating-conic-gradient(from 0deg,var(--panel-shadow) 0deg,var(--panel-shadow) 3deg,#0000 3deg,#0000 6deg);opacity:.4}.knob-dial:after,.knob-dial:before{border-radius:50%;content:"";inset:0;position:absolute}.knob-dial:after{background-image:repeating-conic-gradient(from 0deg,#0000004d 0deg,#0000004d 4.5deg,#0000 4.5deg,#0000 9deg)}.knob-indicator{background:repeating-conic-gradient(#6c5040 0 25%,#8c6850 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--rust) 0 25%,#8c6850 0 50%) 50% /2px 2px;border-radius:2px;box-shadow:0 0 0 1px #2c2820,0 2px 4px #00000080;box-shadow:0 0 0 1px var(--metal-black),0 2px 4px #00000080;height:20px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:4px}.knob-grip{background:repeating-conic-gradient(from 0deg,#0003 0deg,#0003 3deg,#0000 3deg,#0000 6deg,#ffffff1a 6deg,#ffffff1a 9deg,#0000 9deg,#0000 12deg);box-shadow:inset 0 0 10px #0003;inset:8%}.knob-center,.knob-grip{border-radius:50%;position:absolute}.knob-center{background:#2c2820;background:var(--metal-black);box-shadow:inset 1px 1px 2px #000c,0 0 0 2px #4c4430;box-shadow:inset 1px 1px 2px #000c,0 0 0 2px var(--metal-dark);height:12px;left:50%;top:50%;transform:translate(-50%,-50%);width:12px}.knob-ticks{inset:-15px;pointer-events:none;position:absolute}.tick{background:#2c2820;background:var(--metal-black);border-radius:2px;box-shadow:0 1px 2px #0000004d;height:8px;left:50%;position:absolute;transform-origin:center;width:3px}.tick.tick-min{bottom:20px;transform:translateX(-50%) rotate(-45deg)}.tick.tick-mid{top:0;transform:translateX(-50%)}.tick.tick-max{bottom:20px;left:auto;right:0;transform:translateX(50%) rotate(45deg)}.knob-value-display{display:flex;justify-content:center;width:100%}.value-screen{background:repeating-conic-gradient(#1c1c1a 0 25%,#0c0c0a 0 50%) 50% /2px 2px;border:3px solid #2c2820;border:3px solid var(--metal-black);box-shadow:inset 1px 1px 0 #000c,inset -1px -1px 0 #6b8c5c33;color:#a8c890;color:var(--pixel-green);font-family:Pixelify Sans,monospace;font-size:16px;min-width:50px;padding:4px 12px;text-align:center;text-shadow:0 0 6px #a8c89099}.retro-knob-container.small .knob-base{height:60px;width:60px}.retro-knob-container.small .knob-dial{height:52px;width:52px}.retro-knob-container.small .knob-indicator{height:15px;top:6px;width:3px}.retro-knob-container.small .value-screen{font-size:14px;padding:3px 10px}.retro-knob-container.large .knob-base{height:100px;width:100px}.retro-knob-container.large .knob-dial{height:88px;width:88px}.retro-knob-container.large .knob-indicator{height:25px;top:10px;width:5px}.retro-knob-container.large .value-screen{font-size:18px;padding:6px 16px}.knob-wrapper:hover .knob-dial{box-shadow:inset -2px -2px 4px #00000080,inset 2px 2px 4px #fff6}.knob-wrapper:active .knob-dial{box-shadow:inset 0 0 8px #0009}:root{--panel-tan:#c8bc9c;--panel-light:#e0d8bc;--panel-dark:#7c7458;--panel-shadow:#5c5040;--screen-green:#4a5c3a;--screen-dark:#2a3422;--bright-green:#88a870;--pixel-green:#a8c890;--moss-green:#6b8c5c;--moss-dark:#4a6040;--moss-light:#90b880;--metal-black:#2c2820}.wip-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:20px}.wip-screen{background:repeating-conic-gradient(#4a5c3a 0 25%,#2a3422 0 50%) 50% /2px 2px;background:repeating-conic-gradient(var(--screen-green) 0 25%,var(--screen-dark) 0 50%) 50% /2px 2px;border:6px solid #2c2820;border:6px solid var(--metal-black);box-shadow:inset 1px 1px 0 #000c,inset -1px -1px 0 #6b8c5c33,0 0 20px #a8c8904d,8px 8px 0 #0000004d;max-width:600px;padding:80px 120px;position:relative;text-align:center}.wip-screen:before{border:2px solid #a8c8904d;box-shadow:0 0 12px #a8c89033;inset:6px}.wip-screen:after,.wip-screen:before{content:"";pointer-events:none;position:absolute}.wip-screen:after{background-image:repeating-linear-gradient(0deg,#0000004d,#0000004d 1px,#0000 0,#0000 3px);inset:0}.wip-text{animation:pulsate 2s ease-in-out infinite;color:#a8c890;color:var(--pixel-green);font-family:VT323,monospace;font-size:25px;letter-spacing:4px;margin-bottom:20px;text-shadow:0 0 20px #a8c890cc,0 0 40px #a8c89066,3px 3px 0 #2a3422;text-shadow:0 0 20px #a8c890cc,0 0 40px #a8c89066,3px 3px 0 var(--screen-dark)}.wip-subtext,.wip-text{position:relative;z-index:1}.wip-subtext{animation:subtextPulse 2s ease-in-out infinite;animation-delay:.5s;color:#90b880;color:var(--moss-light);font-family:Pixelify Sans,monospace;font-size:18px;letter-spacing:2px;opacity:.8;text-shadow:0 0 10px #90b88099,2px 2px 0 #2a3422;text-shadow:0 0 10px #90b88099,2px 2px 0 var(--screen-dark)}@keyframes pulsate{0%,to{opacity:1;text-shadow:0 0 20px #a8c890cc,0 0 40px #a8c89066,3px 3px 0 #2a3422;text-shadow:0 0 20px #a8c890cc,0 0 40px #a8c89066,3px 3px 0 var(--screen-dark)}50%{opacity:.6;text-shadow:0 0 10px #a8c89080,0 0 20px #a8c89033,3px 3px 0 #2a3422;text-shadow:0 0 10px #a8c89080,0 0 20px #a8c89033,3px 3px 0 var(--screen-dark)}}@keyframes subtextPulse{0%,to{opacity:.8}50%{opacity:.4}}@media (max-width:768px){.wip-screen{padding:60px 80px}.wip-text{font-size:36px;letter-spacing:3px}.wip-subtext{font-size:16px}}@media (max-width:480px){.wip-screen{border-width:4px;padding:40px 60px}.wip-text{font-size:28px;letter-spacing:2px}.wip-subtext{font-size:14px}}
/*# sourceMappingURL=main.f9f2c8f7.css.map*/