@import"https://fonts.googleapis.com/css2?family=Doto:wght@400;700;900&family=Audiowide&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Audiowide,Doto,sans-serif;background:linear-gradient(#3e17ffd3,#04020ea6),radial-gradient(ellipse at 90% 50%,#00b4dc7e,#5100b4d1,#b4008dd2,#8b1f1f8c,#44179ce6,#322879);color:#fff;height:100dvh;display:flex;flex-direction:column;align-items:center;overflow:hidden}.back-link{position:fixed;top:16px;left:16px;z-index:9999;font-family:IBM Plex Mono,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#00fff7a6;text-decoration:none;padding:6px 12px;border:1px solid rgba(0,255,247,.2);border-radius:4px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s,border-color .2s}.back-link:hover{color:#00fff7;border-color:#00fff780}.stage-tabs{display:flex;flex-shrink:0;margin-top:12px;margin-bottom:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;z-index:2}.stage-tab{font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:10px 28px;border:none;background:#00000080;color:#fff6;cursor:pointer;transition:all .3s ease}.stage-tab[data-stage=blue].active{background:#008cff33;color:#64c8ff;box-shadow:inset 0 -2px #008cff}.stage-tab[data-stage=green].active{background:#00dc6433;color:#50dc82;box-shadow:inset 0 -2px #00dc64}.stage-tab:not(.active):hover{color:#ffffffb3;background:#ffffff0d}.xeno-header{text-align:center;padding:6px 0 2px;margin-top:52px;flex-shrink:0;z-index:2}.xeno-header h1{font-family:Doto,Audiowide,sans-serif;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:12px;color:#54fc87eb;text-shadow:0 0 10px rgba(0,255,200,.5);animation:floatUpDown 5s ease-in-out infinite}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.scaling-root{flex:1;min-height:0;width:100%;max-width:1000px;padding:0 1rem;display:flex;flex-direction:column;align-items:stretch;z-index:2}#pet-container{position:relative;width:100%;flex:1;min-height:0;border-radius:5px;overflow:hidden;margin:8px 0 0;box-shadow:0 0 25px #00b4ff26;border:3px solid oklch(70.1% .322 328.36 / .3);background:url(/images/xenotchi-bg.jpg) 68% center / 115% auto no-repeat,#000}#pet-container canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block;z-index:2;background:transparent}#pet-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 6% 80%,rgba(0,200,255,.28) 0%,transparent 38%);animation:flickerCyan 23s linear infinite}#pet-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 94% 82%,rgba(0,180,220,.24) 0%,transparent 32%),radial-gradient(ellipse at 90% 30%,rgba(200,0,180,.2) 0%,transparent 30%);animation:flickerRight 17s linear infinite}@keyframes flickerCyan{0%,68%,to{opacity:.5}70%{opacity:1}71%{opacity:.15}72%{opacity:.85}73%{opacity:.3}74%{opacity:.7}}@keyframes flickerRight{0%,52%,to{opacity:.5}54%{opacity:1}55%{opacity:.1}56%{opacity:.9}57%{opacity:.2}58%{opacity:.75}}#scene-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0009;gap:12px;font-family:IBM Plex Mono,monospace;font-size:.7rem;letter-spacing:.15em;color:#00fff7b3;text-transform:uppercase;transition:opacity .4s ease}#scene-loading.hidden{opacity:0;pointer-events:none}.loading-ring{width:36px;height:36px;border:2px solid rgba(0,255,247,.15);border-top-color:#00fff7cc;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.infoBox{display:flex;flex-direction:row;flex-shrink:0;border:3px solid oklch(70.1% .322 328.36 / .3);border-radius:5px;min-height:80px;overflow:hidden;margin-top:6px;box-shadow:0 4px 16px #0006,0 8px 28px #00000040}.infoBox-controls{display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-start;padding:10px 20px;gap:10px;width:45%;background:#02011326;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:5px}.button-container{display:flex;flex-direction:column;align-items:center;gap:6px}.Buttons{font-family:Audiowide,sans-serif;color:#fff;background-color:#0000c8b3;display:inline-flex;justify-content:center;align-items:center;letter-spacing:4px;width:88px;height:40px;border-radius:5px;font-size:.5em;font-weight:700;padding:0;margin:0 1px;border:none;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:box-shadow .2s ease,transform .1s ease}.Buttons:hover{transform:perspective(200px) rotateX(1deg) rotateY(1deg) scale(1);box-shadow:0 12px 12px #00c8ff4d;z-index:2}.Buttons:active{transform:scale(.96)}.Buttons:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.feed-btn:hover{box-shadow:0 12px 12px #18f514d7}.dance-btn:hover{box-shadow:0 12px 12px #f251fdd7}.sleep-btn:hover{box-shadow:0 12px 12px #07adfad7}.train-btn:hover{box-shadow:0 12px 12px #ff0090ba}.stat-bar-container{width:88px;display:flex;flex-direction:column;gap:3px}.stat-bar{height:5px;background:#ffffff1a;border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px}.hunger-bar .stat-bar-fill{background:linear-gradient(90deg,#0c4,#0f8)}.fun-bar .stat-bar-fill{background:linear-gradient(90deg,#a0f,#f0c)}.sleep-bar .stat-bar-fill{background:linear-gradient(90deg,#04f,#0af)}.power-bar .stat-bar-fill{background:linear-gradient(90deg,#f40,#fc0)}#hungerBar{width:82%}#funBar{width:90%}#sleepBar{width:70%}#powerBar{width:95%}.stat-label{font-family:IBM Plex Mono,monospace;font-size:.5rem;color:#fff6;letter-spacing:.05em;text-align:center}.infoBox_petChat{flex:1;padding:10px 20px;display:flex;align-items:flex-start;justify-content:center;text-align:center;font-family:Doto,Audiowide,monospace;font-size:clamp(1rem,3vw,1.5rem);line-height:1.4;border-radius:5px;border-left:3px solid oklch(85% .25 195 / .8);overflow-wrap:break-word;word-break:break-word;overflow:hidden;background:linear-gradient(45deg,#ff6bb3,#cb96d9 10%,#aaa6ec,#80b3ff 20%,#9e9bff,#b380ff,#9ac5d5 50%,#86e3ba,#6f9 60%,#88f793,#a2ee8d 65%,#c9dc80 70%,#ffb366,#ff9393,#ff6bb3);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glitch-stutter-overlay{position:absolute;mix-blend-mode:screen;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;height:160px;pointer-events:none;opacity:0;z-index:15;overflow:hidden;background:transparent;transition:opacity .2s ease-out,width .2s ease-out,height .2s ease-out;border-radius:50%;background:radial-gradient(ellipse 35% 45% at 50% 80%,rgba(95,226,247,.632) 0%,rgba(226,35,252,.8) 50%,rgba(241,165,251,.4) 65%,transparent 80%);background-image:radial-gradient(ellipse 12% 16% at 35% 25%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.3) 60%,transparent 80%),radial-gradient(ellipse 12% 16% at 65% 25%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.3) 60%,transparent 80%);-webkit-mask:radial-gradient(ellipse 35% 45% at 50% 45%,black 0%,black 50%,rgba(0,0,0,.7) 65%,transparent 80%),radial-gradient(ellipse 12% 16% at 35% 25%,black 0%,rgba(0,0,0,.5) 60%,transparent 80%),radial-gradient(ellipse 12% 16% at 65% 25%,black 0%,rgba(0,0,0,.5) 60%,transparent 80%);mask:radial-gradient(ellipse 35% 45% at 50% 45%,black 0%,black 50%,rgba(0,0,0,.7) 65%,transparent 80%),radial-gradient(ellipse 12% 16% at 35% 25%,black 0%,rgba(0,0,0,.5) 60%,transparent 80%),radial-gradient(ellipse 12% 16% at 65% 25%,black 0%,rgba(0,0,0,.5) 60%,transparent 80%)}.glitch-stutter-overlay.active{opacity:1;width:5280px;animation:xeno-stutterFlicker .15s linear,xeno-dynamicCatGlitch .3s ease-in-out}.glitch-stutter-overlay.glitch-inverted{z-index:5;transform:translate(-50%,-50%) scale(.75);background:radial-gradient(ellipse 35% 45% at 50% 45%,rgba(141,3,248,.902) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.4) 65%,transparent 80%);filter:invert(1) hue-rotate(180deg)}.glitch-stutter-overlay.glitch-inverted.active{opacity:1;animation:xeno-stutterFlickerInverted .18s linear,xeno-dynamicCatGlitchInverted .12s ease-in-out}.stutter-scanlines{display:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-linear-gradient(0deg,#f0f,#ff00ea,#f0f,#d400ff,#ff00ea,#b000ff,#f0f 12px);mix-blend-mode:screen;filter:blur(0px) saturate(3) brightness(2);box-shadow:0 0 30px #f0f,inset 0 0 30px #f0f}.stutter-static{display:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,#0ff,#00d4ff,#0080ff,#00fff7,#0ff);mix-blend-mode:screen;filter:saturate(3) brightness(2);box-shadow:0 0 40px #0ff,inset 0 0 40px #0ff}.stutter-flash{display:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(ellipse at center,#ff0,#ffe600,#fa0,#f80,#fa0,#ffe600);mix-blend-mode:screen;filter:saturate(3) brightness(2.5);box-shadow:0 0 50px #ff0,inset 0 0 50px #ffe600}@keyframes xeno-stutterFlicker{0%,to{opacity:0}10%{opacity:.9}20%{opacity:.2}35%{opacity:.8}50%{opacity:.3}70%{opacity:1}85%{opacity:.4}}@keyframes xeno-stutterFlickerInverted{0%{opacity:1}15%{opacity:0}25%{opacity:1}55%{opacity:0}65%{opacity:1}75%{opacity:0}to{opacity:0}}@keyframes xeno-dynamicCatGlitch{0%{transform:translate(-50%,-50%) scale(1) skew(0);filter:hue-rotate(0deg)}25%{transform:translate(-52%,-48%) scale(1.02) skew(1deg,.5deg);filter:hue-rotate(90deg)}50%{transform:translate(-48%,-52%) scale(.98) skew(-.5deg,1deg);filter:hue-rotate(180deg)}to{transform:translate(-50%,-50%) scale(1) skew(0);filter:hue-rotate(360deg)}}@keyframes xeno-dynamicCatGlitchInverted{0%{filter:invert(1) hue-rotate(180deg) contrast(150%) brightness(80%)}50%{filter:invert(1) hue-rotate(160deg) contrast(180%) brightness(60%)}to{filter:invert(1) hue-rotate(180deg) contrast(100%) brightness(100%)}}@keyframes xeno-stutterScan{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes xeno-scanlinesWarp{0%{filter:hue-rotate(0deg) brightness(2) saturate(3)}50%{filter:hue-rotate(90deg) brightness(2.5) saturate(4)}to{filter:hue-rotate(360deg) brightness(2) saturate(3)}}@keyframes xeno-stutterStatic{0%,to{opacity:.1;transform:translate(0) scale(1)}50%{opacity:.3;transform:translate(-1px,1px) scale(1.01)}}@keyframes xeno-staticWarp{0%{filter:hue-rotate(0deg) brightness(2) saturate(3)}50%{filter:hue-rotate(180deg) brightness(2.5) saturate(4)}to{filter:hue-rotate(360deg) brightness(2) saturate(3)}}@keyframes xeno-stutterFlash{0%,to{opacity:0}15%{opacity:.85}60%{opacity:.7}}@keyframes xeno-flashWarp{0%{filter:hue-rotate(0deg) saturate(3) brightness(2.5)}40%{filter:hue-rotate(120deg) saturate(4) brightness(3)}to{filter:hue-rotate(360deg) saturate(3) brightness(2.5)}}@media (max-width: 768px){#pet-container{background:url(/images/xenotchi-bg.jpg) 65% center / cover no-repeat,#000}.infoBox{flex-direction:column}.infoBox-controls{width:100%;flex-direction:row;justify-content:space-evenly;padding:8px 10px;gap:6px}.button-container{flex:1;height:55px}.Buttons{width:100%;font-size:.42em;letter-spacing:2px;height:36px}.stat-bar-container{width:100%}.infoBox_petChat{border-left:none;border-top:3px solid oklch(85% .25 195 / .5)}}@media (max-width: 480px){.Buttons{width:72px;height:30px;font-size:.45rem;letter-spacing:2px}}