@font-face{font-family:"FVF Fernando 08";src:url(https://raw.githubusercontent.com/KhongPhaiHoangQuangHuy/Storage/main/fonts/FVF%20Fernando%2008.ttf)format("truetype");font-display:swap}:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;font-family:"FVF Fernando 08",Courier New,ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5}*{box-sizing:border-box;caret-color:#0000;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;cursor:default}::selection{color:inherit;background:0 0}::selection{color:inherit;background:0 0}html{overscroll-behavior:none;background:#080808;width:100%;min-width:320px;height:100%;overflow:hidden}body{overscroll-behavior:none;touch-action:none;width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}#root{width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent;cursor:pointer}video,video *{cursor:auto}.page-shell{--bg-x:0px;--bg-y:0px;width:100%;height:100svh;image-rendering:pixelated;background:#050505;position:relative;overflow:hidden}.page-shell:before,.page-shell:after{content:"";pointer-events:none;position:fixed;inset:0}.page-shell:before{z-index:0;image-rendering:pixelated;transform:translate3d(var(--bg-x), var(--bg-y), 0) scale(1.035);will-change:transform;background:linear-gradient(#0606062e,#060606b8),url(https://i.ibb.co/vvMv9spc/background.gif) 50%/cover no-repeat;inset:-26px}.page-shell:after{display:none}.stage{z-index:1;grid-template-rows:auto auto;align-content:center;place-items:start center;gap:clamp(12px,2.3vh,22px);width:min(100%,1120px);min-height:100svh;margin:0 auto;padding:clamp(12px,2.5vw,28px);transition:filter .24s steps(5,end),opacity .24s steps(5,end);display:grid;position:relative;transform:translateZ(0)}.intro-active .stage{filter:blur(7px)brightness(.62);opacity:.78;-webkit-user-select:none;user-select:none}.enter-layer{z-index:8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000047;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.enter-button{color:#fff;letter-spacing:0;text-transform:uppercase;text-shadow:2px 2px #000;cursor:pointer;background:#000000d6;border:4px solid #f8fafc;border-radius:0;min-width:min(74vw,340px);min-height:62px;padding:14px 22px;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1rem,4vw,1.35rem);font-weight:700;animation:1s steps(2,end) infinite enterPulse;position:relative;overflow:hidden;box-shadow:0 0 0 4px #111,8px 8px #000000b8}.enter-button:disabled{cursor:wait}.enter-button:hover,.enter-button:focus-visible{color:#050505;background:#fff;outline:0}.enter-button.loading:hover{color:#fff;background:#000000d6}.enter-button-text{z-index:2;position:relative}.enter-button-progress{transform-origin:0;background:repeating-linear-gradient(90deg,#f8fafc 0 10px,#0000 10px 14px),#050505;border:2px solid #f8fafc;height:10px;animation:1.8s steps(12,end) forwards pixelButtonLoad;position:absolute;inset:auto 8px 8px}.enter-button.loading:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 8px,#ffffff1f 8px 10px);animation:.56s steps(4,end) infinite loadingScan;position:absolute;inset:0}.enter-button.ready{animation:1s steps(2,end) infinite enterPulse,.7s steps(2,end) infinite readyBlink}.media-stack{justify-items:center;width:min(820px,94vw);display:grid;transform:translateY(-20%)}.video-frame{background:#050505;border:4px solid #f8fafc;border-radius:0;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 4px #111,0 0 0 8px #f8fafc52,14px 14px #0000009e}.video-eyes{z-index:4;position:absolute;top:0;left:50%;transform:translate(-50%,-5px)}.page-hud{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:6;justify-items:end;gap:6px;display:grid;position:fixed}.page-counter{position:static}.player{aspect-ratio:16/9;object-fit:contain;background:#020202;width:100%;max-height:min(46svh,420px);display:block}.counter-zone{justify-items:center;gap:2px;margin-top:2px;display:grid}.eyes{gap:8px;padding:2px 8px;display:flex}.eye{background:#f8fafc;border:3px solid #111;border-radius:0;width:clamp(34px,8vw,48px);height:clamp(22px,5vw,30px);position:relative;overflow:hidden;box-shadow:0 0 0 2px #f8fafc,6px 6px #0000007a}.eye:before,.eye:after{content:"";z-index:3;pointer-events:none;background:#050505;border-color:#111;height:50%;position:absolute;left:-3px;right:-3px}.eye:before{border-bottom:2px solid #111;animation:2.4s steps(2,end) infinite eyelidTopBlink;top:0;transform:translateY(-100%)}.eye:after{border-top:2px solid #111;animation:2.4s steps(2,end) infinite eyelidBottomBlink;bottom:0;transform:translateY(100%)}.pupil{z-index:1;background:#050505;border-radius:0;width:clamp(10px,2.5vw,14px);height:clamp(10px,2.5vw,14px);position:absolute;top:50%;left:50%;box-shadow:inset 3px 3px #fff}.visit-counter{color:#fff;text-transform:uppercase;text-shadow:2px 2px #000;white-space:nowrap;background:#000000b3;border:2px solid #f8fafc;justify-content:center;align-items:center;gap:4px;min-width:58px;min-height:26px;padding:4px 10px;font-size:clamp(.68rem,1.5vw,.82rem);font-weight:700;display:inline-flex;box-shadow:3px 3px #00000094}.visit-counter span:first-child{text-align:center;min-width:2.5ch}.counter-caret{background:#f8fafc;width:.34em;height:.86em;animation:.68s steps(2,end) infinite cursorBlink;box-shadow:2px 2px #000}.cat-layer{z-index:3;pointer-events:none;position:fixed;inset:0;overflow:hidden}.pixel-cat{transform-origin:bottom;pointer-events:auto;cursor:grab;touch-action:none;width:96px;height:96px;image-rendering:pixelated;filter:drop-shadow(3px 3px #0000008c);background-image:url(/cat-bandana-5x5-no-shadow.png);background-position:0 0;background-repeat:no-repeat;background-size:480px 480px;display:block;position:absolute}.pixel-cat:active{cursor:grabbing}.pixel-cat>span{display:none}.cat-body,.cat-head,.cat-ear,.cat-eye,.cat-nose,.cat-whisker,.cat-back-shine,.cat-tail,.cat-leg{background:#030303;display:block;position:absolute}.cat-body{border:5px solid #f8fafc;border-color:#f8fafc #f8fafc #030303 #030303;width:52px;height:31px;top:31px;left:27px;box-shadow:inset 0 8px #ffffff1a}.cat-head{border:5px solid #030303;border-color:#f8fafc #030303 #030303 #f8fafc;width:34px;height:29px;top:26px;left:8px}.cat-ear{clip-path:polygon(50% 0,100% 100%,0 100%);width:17px;height:22px;top:6px}.cat-ear.left{left:10px}.cat-ear.right{left:26px}.cat-eye{background:#f8fafc;width:6px;height:6px;top:34px}.cat-eye.left{left:15px}.cat-eye.right{left:30px}.cat-nose{background:#d91f35;width:5px;height:4px;top:43px;left:22px}.cat-whisker{background:#f8fafc;width:25px;height:3px;left:0}.cat-whisker.top{top:43px;transform:rotate(-10deg)}.cat-whisker.bottom{top:50px;transform:rotate(10deg)}.cat-back-shine{background:#ffffffb3;width:26px;height:5px;top:33px;left:43px}.cat-tail{background:0 0;border:8px solid #030303;border-top-color:#f8fafc;border-left:0;width:20px;height:45px;top:12px;right:0}.cat-leg{width:12px;height:19px;bottom:0}.cat-leg.front{left:20px}.cat-leg.middle{left:45px}.cat-leg.back{left:64px}.profile-card{width:min(656px,75.2vw);min-height:clamp(152px,24svh,210px);padding:clamp(8px, 1.2vw, 12px) clamp(12px, 2vw, 20px) max(12px, env(safe-area-inset-bottom));background:#000000b8;border:4px solid #f8fafc;grid-template-rows:auto minmax(34px,auto) 1fr;place-items:start center;display:grid;box-shadow:0 0 0 4px #111,10px 10px #0000009e}.glitch-name{color:#fff;letter-spacing:0;text-align:center;text-shadow:3px 3px #000,-2px 0 #fff6;align-self:start;max-width:100%;margin:-8px 0 0;font-size:clamp(1.65rem,5vw,3.2rem);font-weight:700;line-height:1.05;animation:1.3s steps(2,end) infinite nameJitter;position:relative}.glitch-name:before,.glitch-name:after{content:attr(data-text);pointer-events:none;position:absolute;inset:0;overflow:hidden}.glitch-name:before{color:#fff;clip-path:inset(0 0 58%);opacity:.74;animation:.72s steps(2,end) infinite glitchTop;transform:translate(-3px)}.glitch-name:after{color:#d7f8ff;clip-path:inset(52% 0 0);opacity:.68;animation:.92s steps(2,end) infinite glitchBottom;transform:translate(3px)}.alias-line{color:#f8fafc;text-align:center;text-shadow:2px 2px #000;justify-content:center;align-self:center;align-items:center;min-height:1.6em;margin:22px 0 0;font-size:clamp(1rem,3vw,1.5rem);line-height:1.2;display:inline-flex}.typewriter{white-space:nowrap;max-width:100%;display:inline-block}.typewriter-caret{color:#f8fafc;text-shadow:2px 2px #000;margin-left:3px;animation:.68s steps(2,end) infinite cursorBlink;display:inline}.socials{flex-wrap:wrap;justify-content:center;align-self:end;gap:clamp(10px,2.4vw,16px);padding-top:14px;display:flex}.social-link{color:#fff;caret-color:#0000;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;background:#060606;border:3px solid #f8fafc;border-radius:0;place-items:center;width:clamp(38px,10vw,50px);height:clamp(38px,10vw,50px);font-size:clamp(1rem,4vw,1.35rem);text-decoration:none;transition:transform .1s steps(2,end),background .1s steps(2,end),color .1s steps(2,end);display:inline-grid;position:relative;box-shadow:5px 5px #0000009e}.social-link *,.social-image{caret-color:#0000;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.social-link:before{content:attr(data-tooltip);z-index:10;color:#050505;overflow-wrap:anywhere;text-align:left;text-transform:none;width:max-content;max-width:min(420px,82vw);text-shadow:none;white-space:normal;opacity:0;pointer-events:none;background:#fff;border:4px solid #050505;padding:14px 18px;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.68rem,2vw,.92rem);font-weight:700;line-height:1.25;transition:opacity .12s steps(2,end),transform .12s steps(2,end);position:absolute;bottom:calc(100% + 34px);left:50%;transform:translate(-50%,8px);box-shadow:0 0 0 2px #fff,6px 6px #0000008c}.social-link:after{content:none}.social-link:hover{color:#060606;background:#fff;transform:translate(2px,2px);box-shadow:3px 3px #000000c2}.social-link:hover:before,.social-link:focus-visible:before{opacity:1;transform:translate(-50%)}.social-image{object-fit:contain;width:70%;height:70%;image-rendering:pixelated}.social-link:hover .social-image{filter:invert()}.cursor-trail{z-index:5;pointer-events:none;position:fixed;inset:0}.trail-dot{width:12px;height:12px;opacity:calc(.9 - (var(--i) * .055));transform:translate(calc(var(--i) * -1px), calc(var(--i) * 1px));background:#fff;border:2px solid #000;margin:-6px 0 0 -6px;animation:.52s steps(5,end) forwards trailFade;position:absolute}.trail-dot:nth-child(2n){background:#000;border-color:#fff}@keyframes trailFade{to{opacity:0;transform:translate(-8px,8px)scale(.35)}}@keyframes enterPulse{0%,to{transform:translate(0)}50%{transform:translate(2px,2px)}}@keyframes pixelButtonLoad{0%{transform:scaleX(.05)}to{transform:scaleX(1)}}@keyframes loadingScan{0%{transform:translate(-16px)}to{transform:translate(16px)}}@keyframes readyBlink{0%,to{box-shadow:0 0 0 4px #111,8px 8px #000000b8}50%{box-shadow:0 0 0 4px #f8fafc,8px 8px #000000b8}}@keyframes nameJitter{0%,to{transform:translate(0)}18%{transform:translate(-1px,1px)}21%{transform:translate(2px,-1px)}23%{transform:translate(0)}76%{transform:translate(1px)}78%{transform:translate(-2px,1px)}}@keyframes glitchTop{0%,to{transform:translate(-2px)}30%{transform:translate(3px,-2px)}32%{transform:translate(-4px,1px)}}@keyframes glitchBottom{0%,to{transform:translate(2px)}48%{transform:translate(-3px,2px)}50%{transform:translate(4px,1px)}}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes eyelidTopBlink{0%,92%,to{transform:translateY(-100%)}94%,96%{transform:translateY(0)}}@keyframes eyelidBottomBlink{0%,92%,to{transform:translateY(100%)}94%,96%{transform:translateY(0)}}@media (hover:none),(pointer:coarse){.cursor-trail{display:none}.page-shell:before{transform:none}}@media (width<=720px){.stage{gap:10px;padding:12px}.media-stack{width:min(100vw - 48px,620px);transform:translateY(-12%)}.video-frame{border-width:3px;width:100%;box-shadow:0 0 0 3px #111,0 0 0 6px #f8fafc47,8px 8px #00000094}.player{max-height:40svh}.video-eyes{transform:translate(-50%,-4px)}.page-hud{gap:4px;top:5px;right:5px}.visit-counter{border-width:2px;gap:2px;min-width:34px;min-height:18px;padding:2px 5px;font-size:clamp(.44rem,1.6vw,.54rem);box-shadow:2px 2px #00000094}.visit-counter span:first-child{min-width:2.2ch}.eyes{gap:5px;padding:1px 5px}.eye{border-width:2px;width:clamp(20px,4.8vw,29px);height:clamp(13px,3vw,18px);box-shadow:0 0 0 1px #f8fafc,3px 3px #0000007a}.pupil{width:clamp(6px,1.5vw,8px);height:clamp(6px,1.5vw,8px);box-shadow:inset 2px 2px #fff}.profile-card{width:min(88vw,520px);min-height:150px}.glitch-name{white-space:nowrap;max-width:none;font-size:clamp(1.5rem,8.2vw,2.35rem)}.glitch-name:before,.glitch-name:after{white-space:nowrap}.social-link:before{max-width:74vw;padding:10px 12px;font-size:.68rem}}@media (width<=420px){.media-stack{width:min(100vw - 36px,620px)}.glitch-name{font-size:clamp(1.35rem,7.4vw,1.95rem)}}@media (height<=620px){.stage{align-content:center;gap:5px}.media-stack{gap:3px;transform:translateY(-8%)}.player{max-height:38svh}.profile-card{min-height:124px;padding-top:6px;padding-bottom:8px}.glitch-name{font-size:clamp(1.35rem,4vw,2rem)}.alias-line{margin-top:14px;font-size:clamp(.88rem,2.4vw,1.15rem)}.social-link{width:34px;height:34px}}
