:root{--green:#39ff14;--green-dim:#22c55e;--green-glow:#39ff1459;--bg:#060809;--bg2:#0a0e14;--card:#0b1018b8;--card-solid:#0b1018;--border:#ffffff0f;--border-accent:#39ff1433;--border-h:#39ff1480;--text:#e4eaf4;--text-muted:#68788f;--text-subtle:#3a4459;--font-d:"Syne", sans-serif;--font-m:"Space Mono", monospace;--font-b:"DM Sans", sans-serif;--shadow-hover:0 0 30px #c8e6ff33, 0 20px 50px #000000b3;--shadow-hover-green:0 0 30px var(--green-glow), 0 20px 50px #000000a6;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-pill:99px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none;pointer-events:none}.pameran-card img,.media-wrap img,.about-photo,.nav-logo-ring img,.avatar-ring img{pointer-events:auto}@media (width<=768px){body,section,header,footer,nav,.section-wrap{max-width:100vw;overflow-x:hidden}}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-b);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{display:none}*{scrollbar-width:none}body:after{content:"";pointer-events:none;z-index:1;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.glass{background:var(--card);-webkit-backdrop-filter:blur(20px)saturate(1.8);border:1px solid var(--border);border-radius:20px}.glass-sm{-webkit-backdrop-filter:blur(14px)saturate(1.6);border:1px solid var(--border);background:#0f141e8c;border-radius:14px}.card-hover-bright{transition:transform .3s,box-shadow .3s,border-color .3s}.card-hover-bright:hover{box-shadow:var(--shadow-hover);border-color:#dcebff80;transform:translateY(-6px)}.card-hover-green{transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s cubic-bezier(.25,.8,.25,1),border-color .4s}.card-hover-green:hover{border-color:#39ff1499;transform:translateY(-7px);box-shadow:0 0 0 1px #39ff144d,0 0 25px #39ff1433,0 0 60px #39ff141a,0 24px 50px #00000080}#preloader{background:var(--bg);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,3vh,24px);transition:opacity .6s;display:flex;position:fixed;inset:0;overflow:hidden}.pre-grid{pointer-events:none;background-image:linear-gradient(#39ff140a 1px,#0000 1px),linear-gradient(90deg,#39ff140a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 20%,#0000 90%);mask-image:radial-gradient(80% 80%,#000 20%,#0000 90%)}.pre-scan{pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#39ff1480,#0000);height:1px;animation:3s linear infinite preScan;position:absolute;left:0;right:0;box-shadow:0 0 8px #39ff144d}@keyframes preScan{0%{opacity:0;top:0}8%{opacity:1}92%{opacity:1}to{opacity:0;top:100%}}.pre-corner{border-style:solid;border-color:#39ff1480;width:clamp(16px,4vw,22px);height:clamp(16px,4vw,22px);animation:2s ease-in-out infinite preCorner;position:absolute}.pre-corner.tl{border-width:2px 0 0 2px;top:16px;left:16px}.pre-corner.tr{border-width:2px 2px 0 0;top:16px;right:16px}.pre-corner.bl{border-width:0 0 2px 2px;bottom:16px;left:16px}.pre-corner.br{border-width:0 2px 2px 0;bottom:16px;right:16px}@keyframes preCorner{0%,to{opacity:.35}50%{opacity:1}}.pre-dot{width:clamp(2px,.5vw,4px);height:clamp(2px,.5vw,4px);animation:preDot var(--d,4s) ease-in-out var(--dl,0s) infinite;background:#39ff1499;border-radius:50%;position:absolute}@keyframes preDot{0%,to{opacity:var(--op,.3);transform:translateY(0)scale(1)}50%{opacity:calc(var(--op,.3)*2.2);transform:translateY(-18px)scale(1.3)}}.pre-ring{z-index:2;background:conic-gradient(#39ff14,#39ff1426 30%,#39ff14 60%,#39ff1426 90%,#39ff14);border-radius:50%;flex-shrink:0;width:clamp(72px,18vw,92px);height:clamp(72px,18vw,92px);padding:2.5px;animation:3s linear infinite preRing;position:relative;box-shadow:0 0 24px #39ff144d,0 0 50px #39ff141a}.pre-ring img{object-fit:cover;border:3px solid var(--bg);border-radius:50%;width:100%;height:100%;display:block}@keyframes preRing{0%{transform:rotate(0);box-shadow:0 0 22px #39ff1447}50%{box-shadow:0 0 38px #39ff148c,0 0 70px #39ff1426}to{transform:rotate(360deg);box-shadow:0 0 22px #39ff1447}}.pre-name{font-family:var(--font-m);color:#39ff14;letter-spacing:clamp(4px,1.5vw,8px);text-transform:uppercase;z-index:2;text-shadow:0 0 18px #39ff1499;font-size:clamp(1.1rem,6vw,1.6rem);font-weight:700;animation:5s ease-in-out infinite preGlitchIdle;position:relative}.pre-name:before,.pre-name:after{content:attr(data-text);width:100%;position:absolute;top:0;left:0}.pre-name:before{color:#0ff;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);opacity:0;animation:5s ease-in-out infinite preGlitchTop}.pre-name:after{color:#f0f;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);opacity:0;animation:5s ease-in-out infinite preGlitchBot}@keyframes preGlitchIdle{0%,78%,to{transform:none}80%{transform:translate(-2px)}82%{transform:translate(2px)}84%{transform:none}}@keyframes preGlitchTop{0%,78%,to{opacity:0}80%{opacity:.7;transform:translate(-3px)}82%{opacity:.7;transform:translate(3px)}84%{opacity:0}}@keyframes preGlitchBot{0%,78%,to{opacity:0}81%{opacity:.7;transform:translate(3px)}83%{opacity:.7;transform:translate(-3px)}85%{opacity:0}}.pre-sub{font-family:var(--font-m);letter-spacing:clamp(3px,1vw,5px);color:#39ff1473;text-transform:uppercase;z-index:2;margin-top:-10px;font-size:clamp(.5rem,1.5vw,.62rem);position:relative}.pre-status{font-family:var(--font-m);letter-spacing:2px;color:#39ff1499;z-index:2;font-size:clamp(.55rem,1.5vw,.65rem);position:relative}.pre-status:after{content:"...";animation:1.2s steps(4,end) infinite preDots}@keyframes preDots{0%,20%{content:"."}40%,60%{content:".."}80%,to{content:"..."}}.pre-bar-wrap{z-index:2;background:#ffffff12;border-radius:99px;width:clamp(140px,40vw,200px);height:2px;margin-top:-6px;position:relative;overflow:hidden}.pre-bar-fill{background:linear-gradient(90deg,#39ff14,#22c55e);border-radius:99px;width:0;height:100%;animation:2.8s cubic-bezier(.4,0,.6,1) forwards preBarFill;box-shadow:0 0 8px #39ff14cc}@keyframes preBarFill{0%{width:0}60%{width:70%}80%{width:85%}to{width:100%}}@keyframes bPulse{0%,to{opacity:.3}50%{opacity:1}}#navbar{z-index:50;-webkit-backdrop-filter:blur(24px)saturate(1.6);border-bottom:1px solid var(--border);background:#080b0fcc;justify-content:space-between;align-items:center;padding:12px 28px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:0}#navbar.nav-hidden{transform:translateY(-100%)}html{scroll-padding-top:72px}.nav-logo{align-items:center;gap:10px;display:flex}.nav-logo-ring{background:conic-gradient(from 0deg, var(--green), transparent 40%, var(--green));border-radius:50%;flex-shrink:0;width:34px;height:34px;padding:2px;animation:6s linear infinite spin}.nav-logo-ring img{object-fit:cover;border:2px solid var(--bg);border-radius:50%;width:100%;height:100%;display:block}@keyframes spin{to{transform:rotate(360deg)}}.nav-name{font-family:var(--font-d);font-size:.95rem;font-weight:700}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{font-family:var(--font-m);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:.62rem;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--green);width:0;height:1px;transition:width .25s;position:absolute;bottom:-3px;left:0}.nav-link:hover,.nav-link.active{color:var(--green)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-right{align-items:center;gap:8px;display:flex}.music-btn{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:all .2s;display:flex}.music-btn:hover,.music-btn.playing{border-color:var(--green);color:var(--green);box-shadow:0 0 10px var(--green-glow)}.ham-btn{cursor:pointer;z-index:201;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.ham-line{background:var(--text-muted);border-radius:1px;width:20px;height:1.5px;transition:all .35s cubic-bezier(.4,0,.2,1);display:block}.ham-btn.open .ham-line:first-child{background:var(--green);transform:translateY(6.5px)rotate(45deg)}.ham-btn.open .ham-line:nth-child(2){opacity:0;transform:scaleX(0)}.ham-btn.open .ham-line:nth-child(3){background:var(--green);transform:translateY(-6.5px)rotate(-45deg)}#drawer-overlay{z-index:199;pointer-events:none;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;transition:background .45s,-webkit-backdrop-filter .45s,backdrop-filter .45s;position:fixed;inset:0}#drawer-overlay.open{pointer-events:all;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04060a99}#mobile-menu{z-index:200;-webkit-backdrop-filter:blur(28px)saturate(1.8);opacity:0;visibility:hidden;background:#0a0e14e0;border-left:1px solid #39ff1426;flex-direction:column;width:min(290px,85vw);padding:90px 0 40px;transition:transform .45s cubic-bezier(.82,.085,.395,.895),opacity .4s,visibility 0s linear .45s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)scale(.96);box-shadow:-20px 0 60px #0009}#mobile-menu.open{opacity:1;visibility:visible;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .45s,visibility linear;transform:translate(0)scale(1)}#mobile-menu .nav-link{opacity:0;border-bottom:1px solid #ffffff08;align-items:center;gap:14px;padding:18px 36px;font-size:.8rem;transition:opacity .35s,transform .35s cubic-bezier(.34,1.56,.64,1),background .2s,padding .2s;display:flex;transform:translate(24px)}#mobile-menu.open .nav-link{opacity:1;transform:translate(0)}#mobile-menu.open .nav-link:first-child{transition-delay:60ms}#mobile-menu.open .nav-link:nth-child(2){transition-delay:.12s}#mobile-menu.open .nav-link:nth-child(3){transition-delay:.18s}#mobile-menu.open .nav-link:nth-child(4){transition-delay:.24s}#mobile-menu.open .nav-link:nth-child(5){transition-delay:.3s}#mobile-menu.open .nav-link:nth-child(6){transition-delay:.36s}#mobile-menu.open .nav-link:nth-child(7){transition-delay:.42s}#mobile-menu .nav-link:nth-child(n){transition-delay:0s}#mobile-menu .nav-link:before{content:"";background:var(--green);border-radius:2px;flex-shrink:0;width:3px;height:0;transition:height .25s}#mobile-menu .nav-link:hover{color:var(--green);background:#39ff140a;padding-left:42px}#mobile-menu .nav-link:hover:before{height:16px}#mobile-menu .nav-link.active{color:var(--green);background:#39ff140f;padding-left:42px}#mobile-menu .nav-link.active:before{height:16px}#drawer-bottom{border-top:1px solid var(--border);opacity:0;align-items:center;gap:12px;margin-top:auto;padding:20px 32px;transition:opacity .4s,transform .4s;display:flex;transform:translateY(16px)}#mobile-menu.open #drawer-bottom{opacity:1;transition-delay:.48s;transform:translateY(0)}.theme-toggle{border:1px solid var(--border);cursor:pointer;background:#39ff1426;border-radius:99px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .3s;position:relative}.theme-toggle:after{content:"";background:var(--green);width:16px;height:16px;box-shadow:0 0 6px var(--green-glow);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s;position:absolute;top:3px;left:3px}.light-mode .theme-toggle{background:#0000001a;border-color:#0003}.light-mode .theme-toggle:after{background:#f59e0b;transform:translate(20px);box-shadow:0 0 6px #f59e0b66}.theme-icon{font-size:13px;line-height:1}.light-mode{--bg:#f4f6fa;--bg2:#eaecf4;--card:#fffc;--card-solid:#fff;--text:#1a1f2e;--text-muted:#6b7280;--border:#39ff1440;--border-h:#39ff1499;--shadow-hover:0 0 30px #64966433, 0 20px 50px #00000026}.light-mode body{background:var(--bg)}.light-mode #navbar{background:#f4f6fad9}.light-mode #mobile-menu{border-left-color:var(--border);background:#f4f6fafa}.light-mode #preloader{background:var(--bg)}.light-mode .hero-bg{opacity:.2}.light-mode .nav-logo-ring img{border-color:var(--bg)}#hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:100vw;min-height:100svh;padding:80px 20px 60px;display:flex;position:relative;overflow:hidden}.hero-bg{opacity:.12;filter:saturate(.2);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#39ff140a 1px,#0000 1px),linear-gradient(90deg,#39ff140a 1px,#0000 1px);background-size:55px 55px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 90%,#000 30%,#0000 100%);mask-image:radial-gradient(90% 90%,#000 30%,#0000 100%)}.hero-grad{background:radial-gradient(ellipse 70% 55% at 50% 45%, #39ff140d 0%, transparent 70%), linear-gradient(to bottom, transparent 55%, var(--bg) 100%);position:absolute;inset:0}.avatar-ring{background:conic-gradient(from 0deg, var(--green), #39ff1433 30%, var(--green) 60%, #39ff1433 90%, var(--green));border-radius:50%;width:110px;height:110px;margin-bottom:20px;padding:2.5px;box-shadow:0 0 25px #39ff1440}.avatar-ring img{object-fit:cover;border:3px solid var(--bg);border-radius:50%;width:100%;height:100%;display:block}.hero-badge{font-family:var(--font-m);letter-spacing:3px;text-transform:uppercase;color:var(--green);border:1px solid var(--border);background:#39ff140d;border-radius:99px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px;font-size:.62rem;display:inline-flex}.hero-badge:before{content:"";background:var(--green);width:5px;height:5px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:1.5s infinite bPulse}.hero-name{font-family:var(--font-d);letter-spacing:-2px;color:var(--green);text-shadow:0 0 30px var(--green-glow), 0 0 80px #39ff141a;font-size:clamp(2.8rem,12vw,7.5rem);font-weight:800;line-height:.9;position:relative}.hero-name:hover:before{content:attr(data-text);color:#0ff;clip-path:polygon(0 0,100% 0,100% 33%,0 33%);opacity:.7;animation:.4s infinite g1;position:absolute;top:0;left:3px}.hero-name:hover:after{content:attr(data-text);color:#f0f;clip-path:polygon(0 66%,100% 66%,100% 100%,0 100%);opacity:.7;animation:.4s infinite g2;position:absolute;top:0;left:-3px}@keyframes g1{0%,to{clip-path:polygon(0 0,100% 0,100% 33%,0 33%)}50%{clip-path:polygon(0 12%,100% 12%,100% 48%,0 48%)}}@keyframes g2{0%,to{clip-path:polygon(0 66%,100% 66%,100% 100%,0 100%)}50%{clip-path:polygon(0 52%,100% 52%,100% 88%,0 88%)}}.hero-sub{font-family:var(--font-m);letter-spacing:3px;color:var(--text-muted);text-transform:uppercase;margin-top:10px;font-size:clamp(.6rem,2vw,.78rem)}.social-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.social-btn{border:1px solid var(--border);width:42px;height:42px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.social-btn:hover{border-color:var(--green);color:var(--green);box-shadow:0 0 14px var(--green-glow);transform:translateY(-2px)}.scroll-hint{font-family:var(--font-m);letter-spacing:3px;color:var(--text-muted);flex-direction:column;align-items:center;gap:5px;font-size:.55rem;animation:2s infinite scrollBounce;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@keyframes scrollBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}.section-wrap{max-width:1100px;margin:0 auto;padding:90px 20px;position:relative;overflow:hidden}.section-label{font-family:var(--font-m);letter-spacing:4px;text-transform:uppercase;color:var(--green);margin-bottom:6px;font-size:.6rem}.section-title{font-family:var(--font-d);letter-spacing:-1px;margin-bottom:48px;font-size:clamp(1.8rem,5vw,3.2rem);font-weight:800;line-height:1.05}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.two-col-rev .col-img{order:2}.two-col-rev .col-txt{order:1}@media (width<=768px){.two-col{grid-template-columns:1fr;gap:20px}.two-col-rev .col-img,.two-col-rev .col-txt{order:unset}.section-wrap{padding:60px 16px}.section-title{margin-bottom:28px}.ham-btn{display:flex}.nav-links{display:none}}.about-card{padding:28px;position:relative;overflow:hidden}.about-card:before{content:"";background:linear-gradient(90deg,#0000,#dcebff66,#0000);height:1px;position:absolute;top:0;left:0;right:0}.about-num{font-family:var(--font-m);color:#39ff140f;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:4.5rem;font-weight:700;line-height:1;position:absolute;top:-8px;right:16px}.about-card-sync{box-sizing:border-box!important;flex-direction:column!important;display:flex!important;position:relative!important;overflow:hidden!important}.about-card-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex:auto;margin-right:-4px;padding-right:6px;overflow:hidden auto}.about-card-scroll::-webkit-scrollbar{width:4px}.about-card-scroll::-webkit-scrollbar-track{background:#ffffff08;border-radius:99px}.about-card-scroll::-webkit-scrollbar-thumb{background:#39ff1459;border-radius:99px;transition:background .2s}.about-card-scroll::-webkit-scrollbar-thumb:hover{background:var(--green)}.about-card-fade{background:linear-gradient(to top, var(--card-solid) 10%, #0b1018bf 50%, transparent 100%);pointer-events:none;z-index:2;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;justify-content:center;align-items:flex-end;height:40px;padding-bottom:4px;transition:opacity .3s,visibility .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.about-card-fade.hidden{opacity:0;visibility:hidden}.about-scroll-hint{font-family:var(--font-m);letter-spacing:1.5px;text-transform:uppercase;color:var(--green);opacity:.8;margin-bottom:-16px;font-size:.5rem;animation:1.8s ease-in-out infinite bounceHint}@keyframes bounceHint{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}#now-playing-card{box-sizing:border-box;background:linear-gradient(135deg,#0d1117 0%,#0a1628 50%,#0d1117 100%);border-radius:16px;flex-direction:row;justify-content:center;align-items:center;gap:clamp(10px,3%,24px);width:100%;height:100%;padding:clamp(14px,5%,28px) clamp(16px,5%,32px);display:flex;position:relative;overflow:hidden}#now-playing-card:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 30%,#1db95414,#0000 70%);position:absolute;inset:0}.np-art-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.np-vinyl{background:radial-gradient(circle,#2a2a2a 30%,#111 31%,#1a1a1a 55%,#0d0d0d 56%,#222 80%,#111 81%,#1a1a1a 100%);border-radius:50%;justify-content:center;align-items:center;width:clamp(56px,10vw,110px);height:clamp(56px,10vw,110px);animation:3s linear infinite paused vinylSpin;display:flex;position:relative;box-shadow:0 0 0 2px #1db9544d,0 4px 20px #0009}.np-vinyl.playing{animation-play-state:running}@keyframes vinylSpin{to{transform:rotate(360deg)}}.np-vinyl-inner{border-radius:50%;position:absolute;inset:0}.np-vinyl-groove{border:1px solid #ffffff0a;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.np-vinyl-groove.g1{width:88%;height:88%}.np-vinyl-groove.g2{width:68%;height:68%}.np-vinyl-groove.g3{width:48%;height:48%}.np-vinyl-center{background:radial-gradient(circle,#39ff14 0%,#22c55e 60%,#111 61%);border-radius:50%;width:13px;height:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #39ff1480}.np-info{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:clamp(2px,.8%,6px);min-width:0;display:flex}.np-badge{font-family:var(--font-m);letter-spacing:2px;text-transform:uppercase;color:#1db954;background:#1db9541a;border:1px solid #1db95440;border-radius:99px;align-items:center;gap:5px;padding:2px 7px;font-size:clamp(.38rem,.9vw,.48rem);display:inline-flex}.np-dot{background:#1db954;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:1.2s infinite npPulse;box-shadow:0 0 6px #1db954}.np-dot.paused{box-shadow:none;background:#666;animation:none}@keyframes npPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.np-song{font-family:var(--font-d);color:#fff;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(.75rem,1.8vw,1.05rem);font-weight:700;overflow:hidden}.np-artist{font-family:var(--font-m);color:#ffffff73;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(.52rem,1.2vw,.62rem);overflow:hidden}.np-eq{align-items:flex-end;gap:3px;height:12px;margin-top:1px;display:flex}.np-bar{background:#1db954;border-radius:2px;width:3px;height:3px;animation:.8s infinite alternate paused npBar}.np-eq.playing .np-bar{animation-play-state:running}.np-bar:first-child{animation-duration:.6s}.np-bar:nth-child(2){animation-duration:.8s;animation-delay:.1s}.np-bar:nth-child(3){animation-duration:.5s;animation-delay:.2s}.np-bar:nth-child(4){animation-duration:.9s;animation-delay:50ms}.np-bar:nth-child(5){animation-duration:.7s;animation-delay:.15s}@keyframes npBar{0%{height:3px}to{height:11px}}.np-progress-wrap{background:#ffffff1a;border-radius:99px;width:100%;height:3px;margin-top:1px;overflow:hidden}.np-progress-bar{background:linear-gradient(90deg,#1db954,#39ff14);border-radius:99px;width:0%;height:100%;transition:width 1s linear}.np-times{width:100%;font-family:var(--font-m);color:#ffffff4d;letter-spacing:1px;justify-content:space-between;margin-top:1px;font-size:clamp(.4rem,1vw,.5rem);display:flex}.np-footer{font-family:var(--font-m);letter-spacing:2px;color:#fff3;text-transform:uppercase;align-items:center;gap:4px;margin-top:1px;font-size:clamp(.4rem,1vw,.52rem);display:flex}@media (width<=768px){#flip-about{aspect-ratio:16/11;min-height:220px}#now-playing-card{flex-direction:row;align-items:center;gap:clamp(8px,2.5vw,16px);padding:clamp(10px,3vw,18px) clamp(10px,3.5vw,18px)}.np-art-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.np-info{text-align:left;flex:1;align-items:flex-start;gap:3px;min-width:0}.np-vinyl{width:clamp(52px,14vw,76px);height:clamp(52px,14vw,76px)}.np-song{font-size:clamp(.74rem,2.8vw,.92rem)}.np-artist{font-size:clamp(.52rem,2vw,.62rem)}.np-badge{padding:2px 6px;font-size:clamp(.36rem,1.4vw,.44rem)}.np-times{font-size:clamp(.38rem,1.4vw,.46rem)}}.flip-card{aspect-ratio:16/9;perspective:1000px;cursor:pointer;border-radius:16px;width:100%;display:block;position:relative}.flip-card-inner{transform-style:preserve-3d;border-radius:16px;transition:transform .65s cubic-bezier(.4,.2,.2,1);position:absolute;inset:0}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:16px;position:absolute;inset:0;overflow:hidden}.flip-card-front img{object-fit:cover;filter:grayscale(.25)contrast(1.05);width:100%;height:100%;transition:filter .4s,transform .4s,box-shadow .4s;display:block}.flip-card:hover .flip-card-front img{filter:grayscale(0)contrast();box-shadow:var(--shadow-hover);transform:scale(1.02)}.flip-card-back{background:var(--card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,1.5%,10px);padding:clamp(10px,3.5%,24px) clamp(10px,3.5%,20px);display:flex;overflow:hidden;transform:rotateY(180deg)}.flip-card-back .flip-num{font-family:var(--font-m);color:#39ff1414;pointer-events:none;font-size:clamp(2rem,6vw,3rem);font-weight:700;line-height:1;position:absolute;top:-4px;right:12px}.flip-card-back .flip-emoji{flex-shrink:0;font-size:clamp(1.4rem,4.5vw,2.2rem)}.flip-card-back .flip-title{font-family:var(--font-d);color:var(--green);flex-shrink:0;font-size:clamp(.78rem,2.2vw,1rem);font-weight:700}.flip-card-back .flip-body{color:var(--text-muted);flex-shrink:1;min-height:0;font-size:clamp(.65rem,1.8vw,.78rem);line-height:1.5}.flip-card-back .flip-chips{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:4px;display:flex}.flip-card-back .flip-chips .chip{padding:3px 8px;font-size:clamp(.44rem,1.2vw,.54rem)}@media (width<=768px){.flip-card-back{gap:clamp(3px,1%,7px);padding:clamp(8px,3%,16px) clamp(8px,3%,14px)}.flip-card-back .flip-body{font-size:clamp(.6rem,3vw,.75rem);line-height:1.4}.flip-card-back .flip-title{font-size:clamp(.75rem,3.5vw,.95rem)}.flip-card-back .flip-chips .chip{padding:2px 7px;font-size:clamp(.42rem,2vw,.52rem)}}.flip-hint{font-family:var(--font-m);letter-spacing:2px;text-transform:uppercase;color:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap;background:#00000073;border-radius:99px;padding:4px 12px;font-size:.52rem;transition:opacity .3s;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.flip-card.flipped .flip-hint{opacity:0}.about-photo{object-fit:cover;filter:grayscale(.25)contrast(1.05);border-radius:16px;width:100%;transition:filter .4s,transform .4s,box-shadow .4s;display:block}.tw-cursor{border-right:2px solid var(--green);padding-right:3px;animation:.75s step-end infinite twBlink}@keyframes twBlink{0%,50%{border-color:var(--green)}51%,to{border-color:#0000}}@media (width<=480px){h3.tw-cursor{font-size:1.05rem!important}}.chip{font-family:var(--font-m);letter-spacing:2px;text-transform:uppercase;color:var(--green);background:#39ff1414;border:1px solid #39ff1433;border-radius:99px;padding:4px 10px;font-size:.58rem;display:inline-block}.chips-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.float-deco{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.12;z-index:0;filter:blur(.5px);font-size:2rem;animation:6s ease-in-out infinite floatDeco;position:absolute}.float-deco:nth-child(2){animation-duration:7s;animation-delay:-2s}.float-deco:nth-child(3){animation-duration:5s;animation-delay:-4s}@keyframes floatDeco{0%,to{transform:translateY(0)rotate(0)scale(1)}33%{transform:translateY(-16px)rotate(6deg)scale(1.06)}66%{transform:translateY(-8px)rotate(-4deg)scale(.96)}}#secret-bar{background:linear-gradient(90deg, var(--green), #0ff);z-index:9995;width:0;height:2px;box-shadow:0 0 8px var(--green-glow);transition:width .3s;position:fixed;bottom:0;left:0}.ripple-dot{pointer-events:none;z-index:9994;background:var(--green);opacity:.7;border-radius:50%;width:6px;height:6px;animation:.6s forwards rippleFade;position:fixed;transform:translate(-50%,-50%)scale(1)}@keyframes rippleFade{to{opacity:0;transform:translate(-50%,-50%)scale(4)}}.pameran-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}@media (width<=480px){.pameran-grid{grid-template-columns:1fr}}.pameran-card{cursor:pointer;border-radius:16px;position:relative;overflow:hidden}.pameran-card img{object-fit:cover;width:100%;height:200px;transition:transform .5s;display:block}.pameran-card:hover img{transform:scale(1.06)}.pameran-card-body{padding:16px 18px 18px}.pameran-card-tag{font-family:var(--font-m);letter-spacing:2px;text-transform:uppercase;color:var(--green);background:#39ff141a;border:1px solid #39ff1433;border-radius:99px;margin-bottom:6px;padding:3px 9px;font-size:.55rem;display:inline-block}#pameran-page{max-width:900px;min-height:100vh;margin:0 auto;padding:60px 20px}.pameran-back{font-family:var(--font-m);letter-spacing:2px;text-transform:uppercase;color:var(--green);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:.65rem;transition:gap .2s;display:inline-flex}.pameran-back:hover{gap:14px}.media-wrap{aspect-ratio:16/9;background:#000;border-radius:12px;position:relative;overflow:hidden}.media-wrap img,.media-wrap video{object-fit:contain;width:100%;height:100%;display:block}.slider-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-btn.prev{left:10px}.slider-btn.next{right:10px}.slider-btn:hover{background:var(--green);color:#000;border-color:var(--green)}.gh-profile-strip{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:28px;padding:20px 24px;display:flex}.gh-repos{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}@media (width<=480px){.gh-repos{grid-template-columns:1fr}}.github-card{color:inherit;border-radius:16px;padding:22px;text-decoration:none;transition:transform .4s,box-shadow .4s;display:block;position:relative;overflow:hidden}.github-card:before{content:"";border:1px solid var(--border);pointer-events:none;border-radius:16px;transition:border-color .4s;position:absolute;inset:0}.github-card:hover{box-shadow:0 0 25px var(--green-glow), 0 0 50px #39ff141a, 0 20px 40px #0006;transform:translateY(-6px)}.github-card:hover:before{border-color:#39ff1480}.lang-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.gh-stat{font-family:var(--font-m);color:var(--text-muted);align-items:center;gap:4px;font-size:.6rem;display:flex}.gh-skeleton{background:linear-gradient(90deg, var(--card-solid) 25%, #39ff140a 50%, var(--card-solid) 75%);background-size:200% 100%;border-radius:16px;height:140px;animation:1.5s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.contrib-cell{cursor:default;background:#121820;border-radius:2px;width:10px;height:10px;transition:background .2s}.contrib-cell.l1{background:#39ff1426}.contrib-cell.l2{background:#39ff1459}.contrib-cell.l3{background:#39ff1499}.contrib-cell.l4{background:var(--green)}.contrib-cell:hover{outline:1px solid var(--green)}.skill-item{text-align:center;cursor:pointer;border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(16px);border-radius:16px;padding:26px 18px;transition:transform .4s,box-shadow .4s,border-color .4s;position:relative;overflow:hidden}.skill-item:after{content:"";background:linear-gradient(90deg, var(--green), var(--green-dim));width:100%;height:2px;transition:transform .4s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.skill-item:hover{box-shadow:0 0 25px var(--green-glow), 0 0 50px #39ff141a, 0 20px 40px #0006;border-color:#39ff1480;transform:translateY(-6px)}.skill-item:hover:after{transform:scaleX(1)}.sup-btn{background:var(--green);color:#000;font-family:var(--font-d);letter-spacing:.5px;cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.sup-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);transition:transform .4s;position:absolute;inset:0;transform:translate(-100%)}.sup-btn:hover:before{transform:translate(100%)}.sup-btn:hover{box-shadow:0 0 28px var(--green-glow), 0 8px 28px #39ff1440;transform:translateY(-2px)}#music-popup{z-index:9990;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000bf;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#music-popup.visible{opacity:1;pointer-events:all}#music-box{background:var(--card);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);text-align:center;border-radius:20px;width:calc(100% - 32px);max-width:340px;padding:32px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:scale(.85);box-shadow:0 40px 80px #0009,0 0 30px #39ff140f}#music-popup.visible #music-box{transform:scale(1)}.modal-close{border:1px solid var(--border);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{border-color:var(--green);color:var(--green)}#easter-egg{z-index:9998;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}#easter-egg.hidden{display:none}#ee-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000e0;position:absolute;inset:0}.ee-box{background:var(--card);-webkit-backdrop-filter:blur(24px);text-align:center;z-index:1;border:1px solid #39ff1480;border-radius:20px;width:calc(100vw - 48px);max-width:440px;max-height:calc(100vh - 48px);padding:24px 20px;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn;position:relative;overflow-y:auto;box-shadow:0 0 50px #39ff141f,0 40px 80px #000000b3}@media (width<=480px){.ee-box{border-radius:16px;padding:18px 14px}.ee-box #ee-text{font-size:.8rem;line-height:1.7}}@keyframes popIn{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.ee-label{font-family:var(--font-m);letter-spacing:4px;text-transform:uppercase;color:var(--green);margin-bottom:14px;font-size:.58rem}#skill-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9990;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}#skill-modal.hidden{display:none}#modal-content{background:var(--card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:18px;width:calc(100vw - 48px);max-width:380px;padding:28px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;position:relative}#rasa-popup{z-index:9997;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}#rasa-popup.hidden{display:none}#rasa-popup>div{width:calc(100vw - 48px)!important;max-width:340px!important}#matrix-overlay{z-index:9997;background:#000;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:40px;display:none;position:fixed;inset:0}#matrix-overlay.active{display:flex}#matrix-canvas{width:100%;height:100%;position:absolute;inset:0}.matrix-close-hint{z-index:2;font-family:var(--font-m);letter-spacing:3px;color:var(--green);cursor:pointer;background:#000000b3;border:1px solid #39ff144d;border-radius:99px;padding:8px 20px;font-size:.65rem;animation:2s infinite bPulse;position:relative}#linux-overlay{z-index:9997;-webkit-backdrop-filter:blur(14px);background:#000000e0;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}#linux-overlay.active{display:flex}.term-window{background:#090d16;border:1px solid #39ff1459;border-radius:14px;flex-direction:column;width:100%;max-width:740px;max-height:88vh;animation:.35s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #39ff142e,0 30px 90px #000000d9}.term-titlebar{background:#121826f2;border-bottom:1px solid #39ff1426;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.term-dots{align-items:center;gap:7px;display:flex}.term-dot{cursor:pointer;border-radius:50%;width:11px;height:11px;transition:transform .15s}.term-dot:hover{transform:scale(1.15)}.term-dot.red{background:#ff5f57}.term-dot.yellow{background:#febc2e}.term-dot.green{background:#28c840}.term-title-text{font-family:var(--font-m);color:#ffffffb3;letter-spacing:.5px;font-size:.72rem}.term-close-x-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.85rem;transition:all .2s}.term-close-x-btn:hover{color:#ff5f57;background:#ff5f5726}.term-quick-bar{scrollbar-width:none;background:#0d111cd9;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:8px;padding:6px 14px;display:flex;overflow-x:auto}.term-quick-bar::-webkit-scrollbar{display:none}.term-quick-label{font-family:var(--font-m);color:#39ff14cc;white-space:nowrap;font-size:.65rem;font-weight:600}.term-quick-list{align-items:center;gap:6px;display:flex}.term-quick-chip{color:#ffffffbf;font-family:var(--font-m);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;padding:3px 8px;font-size:.62rem;transition:all .15s}.term-quick-chip:hover{border-color:var(--green);color:var(--green);background:#39ff1426;transform:translateY(-1px)}.term-quick-chip:active{transform:scale(.96)}.term-body{font-family:var(--font-m);color:var(--green);cursor:text;flex-direction:column;flex:1;gap:5px;min-height:240px;max-height:52vh;padding:16px 18px;font-size:clamp(.7rem,2vw,.8rem);line-height:1.7;display:flex;overflow-y:auto}.term-line{word-break:break-word;display:block}.term-prompt{color:#38bdf8;font-weight:600}.term-cmd{color:#facc15}.term-out{color:#e2e8f0}.term-ascii-art{color:#39ff14;font-family:var(--font-m);white-space:pre;margin:4px 0;font-size:clamp(.55rem,1.6vw,.72rem);line-height:1.35;overflow-x:auto}.term-text-pre{font-family:inherit;font-size:inherit;white-space:pre-wrap;word-break:break-word;color:inherit;margin:0}.term-info{color:#67e8f9}.term-ok{color:#4ade80}.term-warn{color:#facc15}.term-err,.term-error{color:#f87171}.term-input-row{align-items:center;gap:6px;margin-top:4px;display:flex}.term-input{color:#fff;font-family:var(--font-m);font-size:inherit;caret-color:#39ff14;background:0 0;border:none;outline:none;flex:1;padding:0}.term-input::placeholder{color:#ffffff40;font-style:italic}.term-statusbar{font-family:var(--font-m);color:#ffffff73;background:#0e131ff2;border-top:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 14px;font-size:.6rem;display:flex}.term-status-left{align-items:center;gap:6px;display:flex}.term-status-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 6px var(--green);border-radius:50%}.term-cursor{background:var(--green);vertical-align:-2px;width:8px;height:14px;margin-left:1px;animation:.7s step-end infinite termCur;display:inline-block}@keyframes termCur{0%,50%{opacity:1}51%,to{opacity:0}}#image-modal{z-index:9999;cursor:zoom-out;background:#000000ed;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#image-modal img{object-fit:contain;border-radius:8px;max-width:95vw;max-height:92vh}.float-deco{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;z-index:0;animation:floatDeco var(--fd-dur,6s) ease-in-out var(--fd-delay,0s) infinite;filter:blur(.3px);top:var(--fd-top,10%);left:var(--fd-left,90%);font-size:var(--fd-size,2rem);position:absolute}.section-wrap.in-view .float-deco{opacity:var(--fd-op,.15);transition:opacity .8s}#edge-fade-top{background:linear-gradient(to bottom, var(--bg) 0%, transparent 100%);pointer-events:none;z-index:49;height:90px;transition:background .3s;position:fixed;top:0;left:0;right:0}#edge-fade-bottom{background:linear-gradient(to top, var(--bg) 0%, transparent 100%);pointer-events:none;z-index:49;height:90px;transition:background .3s;position:fixed;bottom:0;left:0;right:0}.light-mode #edge-fade-top,.light-mode #edge-fade-bottom{background:linear-gradient(to bottom, var(--bg) 0%, transparent 100%)}.light-mode #edge-fade-bottom{background:linear-gradient(to top, var(--bg) 0%, transparent 100%)}#mobile-ee-btn{z-index:9993;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#080b0fd9;border:1px solid #39ff1459;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .25s;display:none;position:fixed;bottom:22px;right:18px;box-shadow:0 0 14px #39ff1426}#mobile-ee-btn:hover,#mobile-ee-btn:active{border-color:var(--green);transform:scale(1.1);box-shadow:0 0 20px #39ff1466}#mobile-ee-btn.unlocked{display:flex}@media (width<=768px){#mobile-ee-btn.unlocked{display:flex}}@keyframes eggPop{0%{opacity:0;transform:scale(0)rotate(-20deg)}70%{opacity:1;transform:scale(1.2)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}#mobile-ee-menu{z-index:9993;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);opacity:0;background:#0a0e14f2;border-radius:16px;flex-direction:column;gap:4px;min-width:200px;padding:12px 8px;transition:opacity .25s,transform .25s;display:none;position:fixed;bottom:76px;right:18px;transform:translateY(10px)scale(.95);box-shadow:0 0 30px #39ff141a,0 20px 50px #0009}#mobile-ee-menu.open{display:flex}#mobile-ee-menu.visible{opacity:1;transform:translateY(0)scale(1)}.mob-ee-item{font-family:var(--font-m);letter-spacing:1.5px;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.65rem;transition:all .15s;display:flex}.mob-ee-item:hover,.mob-ee-item:active{color:var(--green);background:#39ff1414}#snake-canvas{z-index:2;pointer-events:none;opacity:.2;position:absolute;inset:0}@media (width<=768px){.two-col-rev .col-img{order:-1!important}.two-col-rev .col-txt{order:0!important}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(35px)}.reveal-left{opacity:0;transition:opacity .7s,transform .7s;transform:translate(-35px)}.reveal-right{opacity:0;transition:opacity .7s,transform .7s;transform:translate(35px)}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}#fx-canvas{pointer-events:none;z-index:40;width:100%;height:100%;position:fixed;inset:0}#konami-flash{pointer-events:none;z-index:9996;opacity:0;background:#39ff1424;transition:opacity .1s;position:fixed;inset:0}footer{border-top:1px solid var(--border);text-align:center;font-family:var(--font-m);color:var(--text-muted);letter-spacing:2px;padding:36px 24px;font-size:.6rem}footer .hl{color:var(--green)}.toggle-btn{font-family:var(--font-m);letter-spacing:2px;text-transform:uppercase;color:var(--green);cursor:pointer;background:#39ff1414;border:1px solid #39ff144d;border-radius:99px;padding:10px 26px;font-size:.68rem;transition:all .25s}.toggle-btn:hover{background:#39ff142e;border-color:#39ff1499}#navbar{transition:transform .4s var(--ease-smooth), border-radius .45s var(--ease-smooth), max-width .45s var(--ease-smooth), padding .45s var(--ease-smooth), box-shadow .4s ease, border-color .4s ease, top .45s var(--ease-smooth), background .4s ease, left .45s var(--ease-smooth), right .45s var(--ease-smooth)}#navbar.nav-pill{border-radius:var(--radius-pill);max-width:min(980px,100vw - 48px);margin:0 auto;padding:14px 36px;top:18px;left:24px;right:24px;transform:none;box-shadow:0 16px 36px #00000080,inset 0 0 0 1px #ffffff0d,0 0 20px #39ff1414;border-color:#39ff142e!important}#navbar.nav-hidden.nav-pill{transform:translateY(-150%)}@media (width<=768px){#navbar.nav-pill{max-width:calc(100vw - 24px);top:12px;left:12px;right:12px;transform:none;box-shadow:0 12px 30px #00000073;border-radius:var(--radius-md)!important;padding:12px 20px!important}#navbar.nav-hidden.nav-pill{transform:translateY(-150%)}}.hero-aurora:before{content:"";filter:blur(60px);background:conic-gradient(at 50% 40%,#39ff140f 0deg,#00c8780a 60deg,#0096c808 120deg,#39ff1405 180deg,#6432ff05 240deg,#39ff140d 300deg,#39ff140f 360deg);border-radius:50%;width:900px;height:700px;animation:12s linear infinite auroraRotate;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero-aurora:after{content:"";filter:blur(40px);background:radial-gradient(#39ff140d 0%,#00b46408 40%,#0000 70%);width:600px;height:500px;animation:6s ease-in-out infinite alternate auroraPulse;position:absolute;bottom:-100px;left:50%;transform:translate(-50%)}@keyframes auroraRotate{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}@keyframes auroraPulse{0%{opacity:.5;transform:translate(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1.08)}}.hero-beam{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-beam:before{content:"";filter:blur(2px);background:linear-gradient(#0000,#39ff1440,#0000);width:2px;height:60%;animation:5s ease-in-out infinite beamFade;position:absolute;top:-20%;left:30%;transform:rotate(-25deg)}.hero-beam:after{content:"";filter:blur(1px);background:linear-gradient(#0000,#39ff1426,#0000);width:1px;height:50%;animation:5s ease-in-out 2.5s infinite beamFade;position:absolute;top:-20%;right:28%;transform:rotate(20deg)}@keyframes beamFade{0%,to{opacity:0}40%,60%{opacity:1}}.hero-spotlight{z-index:1;pointer-events:none;background:radial-gradient(500px circle at var(--sx,50%) var(--sy,30%), #39ff140a, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.spotlight-card:before{content:"";background:radial-gradient(280px circle at var(--cx,-100px) var(--cy,-100px), #39ff1412, transparent 60%);opacity:0;pointer-events:none;z-index:0;border-radius:inherit;transition:opacity .4s;position:absolute;inset:0}.card-glare{border-radius:inherit;pointer-events:none;z-index:2;opacity:0;background:linear-gradient(135deg,#ffffff14 0%,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.pameran-card{transform-origin:50%;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform}.pameran-card .pameran-card-body{z-index:2;background:linear-gradient(to top, var(--card-solid) 0%, transparent 100%);margin-top:-24px;padding-top:28px;position:relative}.pameran-card h3{letter-spacing:-.3px}@media (width<=640px){.bento-grid{grid-template-columns:1fr}}.bento-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(18px);cursor:pointer;transition:transform .4s var(--ease-spring), box-shadow .4s ease, border-color .4s ease;padding:28px 22px;position:relative;overflow:hidden}.bento-card:after{content:"";background:linear-gradient(90deg, var(--green), var(--green-dim), transparent);transform-origin:0;height:2px;transition:transform .4s var(--ease-smooth);border-radius:0 0 var(--radius-lg) var(--radius-lg);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.bento-card:hover:after{transform:scaleX(1)}.bento-card--featured{flex-direction:column;grid-row:span 2;gap:12px;padding:32px 28px;display:flex}@media (width<=640px){.bento-card--featured{grid-row:span 1}}.bento-card--featured .bento-icon{width:54px;height:54px}.bento-card .bento-icon{width:42px;height:42px;transition:transform .35s var(--ease-spring);margin:0 auto 10px;display:block}.bento-card:hover .bento-icon{transform:scale(1.15)rotate(-4deg)}.bento-card .bento-label{font-family:var(--font-d);text-align:center;font-size:.9rem;font-weight:600}.bento-card--featured .bento-label{text-align:left;font-size:1.05rem}.bento-desc{color:var(--text-muted);margin-top:6px;font-size:.8rem;line-height:1.65}.bento-card--featured:before{content:"";background:linear-gradient(to bottom, transparent, var(--green), transparent);opacity:.5;border-radius:2px;width:2px;position:absolute;top:20%;bottom:20%;left:0}.about-card{border:1px solid var(--border);transition:transform .4s var(--ease-spring), box-shadow .4s ease, border-color .4s ease}.about-card:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff0d}.col-txt .about-card{border-left:2px solid #39ff1440}.col-txt .about-card:before{background:linear-gradient(90deg,#39ff1426,#0000)}.github-card{transition:transform .4s var(--ease-spring), box-shadow .4s ease}.github-card:hover{transform:translateY(-6px)scale(1.01)}.sup-btn-wrap{background:conic-gradient(from var(--angle,0deg), var(--green) 0%, #39ff141a 30%, var(--green) 60%, #39ff140d 90%, var(--green) 100%);border-radius:99px;padding:2px;animation:3s linear infinite rotateBorder;display:inline-block;position:relative}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotateBorder{to{--angle:360deg}}.sup-btn-wrap .sup-btn{z-index:1;position:relative}@supports not (background:conic-gradient(from 0deg, red, red)){.sup-btn-wrap{background:var(--green)}}.section-wrap+.section-wrap,#github,#otherskills,#contact{border-top:1px solid var(--border)}#contact{position:relative;overflow:hidden}#contact:before{content:"";pointer-events:none;background:radial-gradient(#39ff140a 0%,#0000 70%);width:500px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#contact .section-title{background:linear-gradient(135deg, var(--text) 0%, var(--green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.reveal,.reveal-left,.reveal-right{transition:opacity .75s var(--ease-out), transform .75s var(--ease-out)}.reveal.active,.reveal-left.active,.reveal-right.active{opacity:1;transform:none}.stagger-3{transition-delay:.3s!important}.skill-item{transition:transform .4s var(--ease-spring), box-shadow .4s ease, border-color .4s ease}.skill-item:hover{transform:translateY(-7px)scale(1.01)}.light-mode{--bg:#f2f4f8;--bg2:#e8ebf2;--card:#ffffffd9;--card-solid:#fff;--border:#00000014;--border-accent:#39ff144d;--text:#1a1f2e;--text-muted:#5d6b80;--text-subtle:#9ba8ba;--shadow-hover:0 0 30px #64966433, 0 20px 50px #0000001f}.light-mode .hero-aurora:before{opacity:.4}.light-mode .hero-spotlight{background:radial-gradient(500px circle at var(--sx,50%) var(--sy,30%), #39ff1408, transparent 60%)}.light-mode .spotlight-card:before{background:radial-gradient(280px circle at var(--cx,-100px) var(--cy,-100px), #39ff140d, transparent 60%)}.light-mode #contact:before{background:radial-gradient(#39ff1408 0%,#0000 70%)}@media (prefers-reduced-motion:reduce){.hero-aurora:before,.hero-aurora:after,.hero-beam:before,.hero-beam:after{opacity:.3;animation:none!important}.hero-spotlight{display:none}.pameran-card,.bento-card,.skill-item,.github-card,.about-card,.flip-card-inner{transition:opacity .3s,border-color .3s!important;transform:none!important}.sup-btn-wrap,.pre-scan,.pre-dot,.pre-ring,.pre-name,.pre-name:before,.pre-name:after,.float-deco,.scroll-hint,.nav-logo-ring,.avatar-ring,.np-vinyl.playing{animation:none!important}.reveal,.reveal-left,.reveal-right{opacity:1!important;transition:none!important;transform:none!important}}.hero-aurora{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-aurora:before,.hero-aurora:after{content:"";filter:blur(80px);opacity:.28;border-radius:50%;animation:10s ease-in-out infinite alternate aurora-shift;position:absolute}.hero-aurora:before{background:radial-gradient(#39ff1480 0%,#0000 70%);width:55vw;height:45vh;animation-delay:0s;top:-10vh;left:-10vw}.hero-aurora:after{background:radial-gradient(#22c55e59 0%,#00b4dc33 40%,#0000 70%);width:50vw;height:40vh;animation-delay:-5s;bottom:0;right:-8vw}@keyframes aurora-shift{0%{transform:translate(0)scale(1)}33%{transform:translate(4vw,3vh)scale(1.08)}66%{transform:translate(-3vw,5vh)scale(.95)}to{transform:translate(2vw,-2vh)scale(1.05)}}.hero-spotlight{z-index:1;pointer-events:none;opacity:0;background:radial-gradient(500px circle at var(--sx,50%) var(--sy,50%), #39ff141a 0%, transparent 70%);transition:opacity .4s;position:absolute;inset:0}.hero-beam{z-index:0;pointer-events:none;filter:blur(3px);opacity:.55;background:linear-gradient(#39ff1499,#0000);width:2px;height:40%;animation:4s ease-in-out infinite beam-pulse;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-beam:after{content:"";filter:blur(20px);background:radial-gradient(#39ff1440 0%,#0000 70%);width:200px;height:200px;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes beam-pulse{0%,to{opacity:.35;height:38%}50%{opacity:.65;height:42%}}.light-mode #navbar.nav-pill{box-shadow:0 16px 36px #0000000f,inset 0 0 0 1px #fffc,0 0 20px #39ff1408;background:#ffffffd9!important;border-color:#39ff144d!important}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:before{content:"";z-index:0;pointer-events:none;opacity:0;background:radial-gradient(280px circle at var(--cx,50%) var(--cy,50%), #39ff141a 0%, transparent 70%);transition:opacity .35s;position:absolute;inset:0}.spotlight-card.spotlight-active:before{opacity:1}.spotlight-card>*{z-index:1;position:relative}.card-glare{z-index:10;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .3s;position:absolute;inset:0}.bento-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:16px;display:grid}.bento-card{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border);cursor:pointer;transition:transform .35s var(--ease-spring), border-color .3s ease, box-shadow .35s ease;text-align:center;padding:24px;position:relative;overflow:hidden}.bento-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#39ff1414 0%,#0000 60%);transition:opacity .35s;position:absolute;inset:0}.bento-card:hover{border-color:var(--border-accent);transform:translateY(-4px)scale(1.015);box-shadow:0 12px 40px #39ff1426,0 4px 16px #0006}.bento-card:hover:after{opacity:1}.bento-card--featured{background:linear-gradient(145deg,#101a12e6,#0a0e14d9);border-color:#39ff1426;flex-direction:column;grid-area:1/1/3;justify-content:center;align-items:center;padding:32px 24px;display:flex}.bento-card--featured:hover{border-color:#39ff1473;box-shadow:0 16px 60px #39ff1438,0 6px 24px #00000080}@media (width<=560px){.bento-grid{grid-template-rows:auto;grid-template-columns:1fr}.bento-card--featured{grid-area:auto/1}}.section-wrap+.section-wrap:before{content:"";background:linear-gradient(90deg,#0000 0%,#39ff142e 30% 70%,#0000 100%);height:1px;margin:0 20px;display:block;position:relative;top:-1px}footer{position:relative}footer:before{content:"";background:linear-gradient(90deg,#0000,#39ff1440,#0000);height:1px;position:absolute;top:0;left:0;right:0}.hero-name{will-change:clip-path}.stagger-0{transition-delay:0s!important}.stagger-1{transition-delay:80ms!important}.stagger-2{transition-delay:.16s!important}@media (prefers-reduced-motion:reduce){.hero-aurora:before,.hero-aurora:after,.hero-beam{animation:none!important}.hero-spotlight,.spotlight-card:before{display:none}.bento-card{transition:border-color .15s}.bento-card:hover{transform:none}#navbar{transition:border-color .15s}}.glass{position:relative}.glass:after{content:"";pointer-events:none;opacity:0;z-index:1;background:linear-gradient(60deg,#0000 40%,#ffffff05 48%,#39ff140d 50%,#ffffff05 52%,#0000 60%);width:200%;height:200%;transition:transform .8s;position:absolute;top:-50%;left:-50%;transform:rotate(25deg)translateY(-100%)}.glass:hover:after{opacity:1;transition:transform 1.2s cubic-bezier(.2,0,.2,1),opacity .3s;transform:rotate(25deg)translateY(100%)}#pull-indicator{z-index:9999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-accent);font-family:var(--font-m);letter-spacing:1px;color:var(--green);pointer-events:none;opacity:0;background:#080b0ff0;border-radius:99px;align-items:center;gap:8px;padding:8px 18px;font-size:.68rem;transition:opacity .2s,transform .2s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)translateY(-20px);box-shadow:0 10px 30px #0009,0 0 15px #39ff1440}#pull-indicator.active{opacity:1;transform:translate(-50%)translateY(0)}#pull-indicator.triggered{border-color:var(--green);background:#0e1912f5;box-shadow:0 0 25px #39ff1480}.surprise-toast{z-index:9999;background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--green);text-align:center;border-radius:16px;max-width:calc(100vw - 40px);padding:14px 22px;animation:.35s cubic-bezier(.175,.885,.32,1.275) popIn;position:fixed;top:76px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #000c,0 0 30px #39ff144d}.np-toast-pill,.pld-toast-pill{z-index:100;color:#39ff14;font-family:var(--font-m);letter-spacing:.5px;pointer-events:none;white-space:nowrap;background:#0a120ef5;border:1px solid #39ff14;border-radius:99px;padding:4px 12px;font-size:.58rem;animation:.2s cubic-bezier(.16,1,.3,1) fadeIn;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0009,0 0 12px #39ff1459}.np-spotify-brand{font-family:var(--font-m);color:#ffffff59;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:4px;margin-top:2px;font-size:.44rem;display:flex}.np-top-row{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.np-playlist-trigger{font-family:var(--font-m);letter-spacing:.8px;color:#1db954;cursor:pointer;background:#1db9541f;border:1px solid #1db95459;border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:clamp(.38rem,.9vw,.46rem);transition:all .2s;display:inline-flex}.np-playlist-trigger:hover{background:#1db95440;border-color:#1db954;transform:translateY(-1px);box-shadow:0 0 10px #1db95466}.np-controls-row{align-items:center;gap:6px;width:100%;margin-top:2px;display:flex}.np-ctrl-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:6px;justify-content:center;align-items:center;gap:4px;height:24px;padding:3px 8px;font-size:.72rem;line-height:1;transition:all .2s;display:inline-flex}.np-ctrl-btn:hover{color:#1db954;background:#1db95433;border-color:#1db95466;box-shadow:0 0 8px #1db9544d}.np-loop-btn.mode-single{color:#39ff14;background:#1db95438;border-color:#39ff14;box-shadow:0 0 8px #39ff144d}.np-loop-btn.mode-all{color:#ffffffbf;background:#ffffff0f;border-color:#ffffff29}.np-loop-label{font-family:var(--font-m);letter-spacing:.5px;font-size:.52rem;font-weight:600}.playlist-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9990;background:#000000bf;justify-content:center;align-items:flex-end;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@media (width>=768px){.playlist-backdrop{align-items:center}}.playlist-drawer{background:#0d1117f5;border:1px solid #1db9544d;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;width:100%;max-width:500px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 -10px 40px #000c,0 0 30px #1db95426}@media (width>=768px){.playlist-drawer{border-radius:24px;animation:.25s cubic-bezier(.16,1,.3,1) scaleIn;box-shadow:0 20px 60px #000c,0 0 40px #1db95433}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.playlist-handle-bar{cursor:pointer;justify-content:center;padding:10px 0 4px;display:flex}.playlist-handle{background:#ffffff40;border-radius:99px;width:44px;height:4px;transition:background .2s}.playlist-handle-bar:hover .playlist-handle{background:#1db954}.playlist-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;padding:10px 20px 12px;display:flex}.playlist-header-left{align-items:center;gap:10px;min-width:0;display:flex}.playlist-brand-icon{background:#1db95426;border:1px solid #1db95459;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 10px #1db95440}.playlist-title{font-family:var(--font-d);color:#fff;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.playlist-subtitle{font-family:var(--font-m);color:#ffffff80;letter-spacing:.5px;margin:1px 0 0;font-size:.6rem}.playlist-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.pld-loop-badge{font-family:var(--font-m);cursor:pointer;white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:.6rem;transition:all .2s;display:inline-flex}.pld-loop-badge.active-single{color:#39ff14;background:#1db95438;border:1px solid #39ff14;box-shadow:0 0 10px #39ff144d}.pld-loop-badge.active-all{color:#ffffffbf;background:#ffffff0f;border:1px solid #ffffff26}.pld-loop-badge:hover{border-color:#1db954;transform:scale(1.03)}.playlist-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:all .2s;display:flex}.playlist-close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef444466;transform:rotate(90deg)}.playlist-now-playing-banner{background:linear-gradient(135deg,#1db9541f 0%,#0d161173 100%);border:1px solid #1db95440;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:10px 16px 6px;padding:10px 16px;display:flex}.pnp-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.pnp-disc{background:radial-gradient(circle,#2a2a2a 30%,#111 31%,#1a1a1a 55%,#0d0d0d 56%,#222 80%,#111 81%,#1a1a1a 100%);border:1px solid #1db95466;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;animation:3s linear infinite paused vinylSpin;display:flex}.pnp-disc.playing{animation-play-state:running}.pnp-disc-center{background:#39ff14;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #39ff14}.pnp-meta{flex-direction:column;flex:1;min-width:0;display:flex}.pnp-tag{font-family:var(--font-m);letter-spacing:1px;color:#1db954;font-size:.42rem;font-weight:700}.pnp-song{font-family:var(--font-d);color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.82rem;font-weight:700;overflow:hidden}.pnp-artist{font-family:var(--font-m);color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;font-size:.54rem;overflow:hidden}.pnp-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.pnp-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;transition:all .2s;display:flex}.pnp-btn:hover{color:#1db954;background:#1db95433;border-color:#1db954;transform:scale(1.08)}.pnp-btn-play{color:#000;background:#1db954;border-color:#1db954;width:32px;height:32px;font-size:.8rem;box-shadow:0 0 12px #1db95466}.pnp-btn-play:hover{color:#000;background:#39ff14;transform:scale(1.1);box-shadow:0 0 18px #39ff1499}.playlist-track-list{flex-direction:column;flex:1;gap:5px;max-height:48vh;padding:6px 14px;display:flex;overflow-y:auto}.playlist-track-list::-webkit-scrollbar{width:5px}.playlist-track-list::-webkit-scrollbar-track{background:0 0}.playlist-track-list::-webkit-scrollbar-thumb{background:#1db95440;border-radius:99px}.playlist-track-list::-webkit-scrollbar-thumb:hover{background:#1db954}.playlist-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.playlist-item:hover{background:#1db95414;border-color:#1db95440;transform:translate(3px)}.playlist-item.active{background:#1db95429;border-color:#1db95480;box-shadow:0 4px 18px #0000004d,0 0 10px #1db95433}.pl-item-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.pl-item-num{font-family:var(--font-m);color:#ffffff59;text-align:center;flex-shrink:0;width:18px;font-size:.68rem}.playlist-item.active .pl-item-num{color:#1db954;font-weight:700}.pl-sound-wave{align-items:flex-end;gap:2px;height:12px;display:flex}.pl-sound-wave span{background:#1db954;border-radius:1px;width:2px;animation:.7s ease-in-out infinite alternate plBar}.pl-sound-wave span:first-child{height:5px;animation-delay:.1s}.pl-sound-wave span:nth-child(2){height:11px;animation-delay:.25s}.pl-sound-wave span:nth-child(3){height:7px;animation-delay:50ms}@keyframes plBar{0%{height:3px}to{height:11px}}.pl-item-detail{flex-direction:column;flex:1;min-width:0;display:flex}.pl-item-title{font-family:var(--font-d);color:#fff;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:.84rem;font-weight:600;display:flex;overflow:hidden}.playlist-item.active .pl-item-title{color:#39ff14}.pl-current-badge{font-family:var(--font-m);letter-spacing:.8px;color:#39ff14;background:#39ff1433;border:1px solid #39ff1466;border-radius:4px;flex-shrink:0;padding:1px 4px;font-size:.4rem}.pl-item-artist{font-family:var(--font-m);color:#fff6;white-space:nowrap;text-overflow:ellipsis;font-size:.58rem;overflow:hidden}.pl-item-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.pl-item-duration{font-family:var(--font-m);color:#ffffff4d;font-size:.58rem}.pl-item-play-icon{color:#ffffff59;align-items:center;font-size:.7rem;transition:all .2s;display:flex}.playlist-item:hover .pl-item-play-icon{color:#1db954;transform:scale(1.15)}.playlist-item.active .pl-item-play-icon{color:#39ff14}.playlist-footer-note{font-family:var(--font-m);color:#ffffff59;text-align:center;border-top:1px solid #ffffff0d;padding:8px 16px 12px;font-size:.56rem}.playlist-footer-note code{color:#1db954;background:#1db9541a;border-radius:4px;padding:2px 4px}.snake-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:9999;background:#05080ee0;justify-content:center;align-items:center;padding:16px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.snake-arcade-card{background:#0a0e17f2;border:1px solid #39ff1459;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000e6,0 0 40px #39ff1433}.snake-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;display:flex}.snake-title-wrap{flex-direction:column;display:flex}.snake-badge{font-family:var(--font-m);letter-spacing:2px;color:var(--green);text-transform:uppercase;font-size:.45rem}.snake-title{font-family:var(--font-d);color:#fff;letter-spacing:-.3px;margin:0;font-size:1.05rem;font-weight:800}.snake-header-actions{align-items:center;gap:8px;display:flex}.snake-pause-btn{color:#fff;font-family:var(--font-m);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;padding:4px 10px;font-size:.65rem;transition:all .2s}.snake-pause-btn:hover{border-color:var(--green);color:var(--green);background:#39ff1433}.snake-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:all .2s;display:flex}.snake-close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef4444;transform:rotate(90deg)}.snake-hud{background:#0006;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:8px 14px;display:flex}.snake-hud-item{flex-direction:column;display:flex}.hud-label{font-family:var(--font-m);letter-spacing:1px;color:#fff6;font-size:.45rem}.hud-val{font-family:var(--font-d);font-size:1.05rem;font-weight:800;line-height:1.1}.hud-score{color:#39ff14;text-shadow:0 0 10px #39ff1480}.hud-hs{color:#facc15}.snake-hud-buff{font-family:var(--font-m);background:#0006;border:1px solid;border-radius:99px;align-items:center;gap:5px;padding:2px 8px;font-size:.6rem;animation:1s infinite alternate pulseBuff;display:flex}@keyframes pulseBuff{0%{transform:scale(1)}to{transform:scale(1.04)}}.buff-timer{background:#ffffff26;border-radius:6px;padding:1px 5px;font-weight:700}.snake-canvas-wrap{aspect-ratio:1;border-radius:16px;width:100%;max-width:440px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #39ff1440,0 10px 30px #000c}.snake-canvas{width:100%;height:100%;display:block}.snake-canvas-overlay{-webkit-backdrop-filter:blur(8px);text-align:center;background:#080c14e0;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.snake-pause-box,.snake-game-over-box{flex-direction:column;align-items:center;gap:8px;display:flex}.overlay-icon,.overlay-trophy{margin-bottom:2px;font-size:2.5rem}.snake-pause-box h4{font-family:var(--font-d);color:#fff;margin:0;font-size:1.2rem;font-weight:800}.snake-pause-box p,.game-over-msg,.new-record-msg,.game-over-tip{font-family:var(--font-m);color:#ffffffb3;margin:0;font-size:.72rem;line-height:1.5}.new-record-title{font-family:var(--font-d);color:#facc15;text-shadow:0 0 15px #facc1599;margin:0;font-size:1.35rem;font-weight:800}.game-over-title{font-family:var(--font-d);color:#ef4444;text-shadow:0 0 15px #ef444480;margin:0;font-size:1.35rem;font-weight:800}.game-over-btns{align-items:center;gap:10px;margin-top:10px;display:flex}.snake-action-btn{font-family:var(--font-d);cursor:pointer;border-radius:10px;padding:8px 16px;font-size:.8rem;font-weight:700;transition:all .2s}.snake-action-btn.primary-btn{background:var(--green);border:1px solid var(--green);color:#000;box-shadow:0 0 15px #39ff1466}.snake-action-btn.primary-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 0 20px #fff9}.snake-action-btn.secondary-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff26}.snake-action-btn.secondary-btn:hover{background:#ffffff26}.snake-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;display:flex}.legend-item{font-family:var(--font-m);color:#fff9;background:#ffffff0a;border:1px solid #ffffff14;border-radius:99px;padding:2px 7px;font-size:.52rem}.snake-dpad{flex-direction:column;align-items:center;gap:6px;margin-top:12px;display:flex}@media (width>=768px){.snake-dpad{display:none}}.dpad-row{justify-content:center;align-items:center;display:flex}.dpad-middle{gap:20px}.dpad-center{width:44px;height:44px}.dpad-btn{width:48px;height:48px;color:var(--green);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #39ff1459;border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;transition:all .15s;display:flex;box-shadow:0 4px 12px #0006}.dpad-btn:active{background:#39ff1440;border-color:#39ff14;transform:scale(.92);box-shadow:0 0 15px #39ff1480}.gw-overlay{z-index:9998;-webkit-backdrop-filter:blur(20px);background:#02030cf5;justify-content:center;align-items:center;animation:.3s ease-out gwFadeIn;display:flex;position:fixed;inset:0}@keyframes gwFadeIn{0%{opacity:0}to{opacity:1}}.gw-window{background:radial-gradient(at 50% 0,#131836 0%,#080c1e 50%,#02040e 100%);border:1px solid #facc154d;border-radius:20px;flex-direction:column;width:100%;max-width:1000px;height:92vh;max-height:760px;animation:.4s cubic-bezier(.16,1,.3,1) gwWindowIn;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #facc151a,0 0 120px #a855f714,0 40px 100px #000000e6}@keyframes gwWindowIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.gw-topbar{z-index:10;background:#00000080;border-bottom:1px solid #facc1526;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 18px;display:flex;position:relative}.gw-topbar:after{content:"";background:linear-gradient(90deg,#0000,#facc1566,#0000);height:1px;position:absolute;bottom:0;left:10%;right:10%}.gw-topbar-left,.gw-topbar-right{align-items:center;gap:10px;display:flex}.gw-logo{font-family:var(--font-m);color:#facc15;letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:8px;font-size:clamp(.7rem,1.8vw,.85rem);font-weight:800;display:flex}.gw-logo-star{font-size:.75rem;animation:4s linear infinite gwSpin;display:inline-block}@keyframes gwSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gw-primo-btn{font-family:var(--font-m);color:#e0f2fe;cursor:pointer;background:#ffffff0d;border:1px solid #38bdf880;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.gw-primo-btn:hover{background:#38bdf826;border-color:#38bdf8;transform:scale(1.04);box-shadow:0 0 15px #38bdf866}.gw-primo-gem{font-size:.9rem}.gw-primo-num{color:#fff;font-weight:700}.gw-primo-plus{color:#000;background:#38bdf8;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.75rem;font-weight:900;transition:transform .2s;display:flex}.gw-primo-btn:hover .gw-primo-plus{transform:scale(1.3)rotate(90deg)}.gw-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s;display:flex}.gw-close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef4444;transform:rotate(90deg)}.gw-banner-screen{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden auto}.gw-banner-bg-particles{pointer-events:none;z-index:0;position:absolute;inset:0}.gw-banner-particle{background:#facc1599;border-radius:50%;animation:linear infinite gwParticleFloat;position:absolute;box-shadow:0 0 6px #facc1566}@keyframes gwParticleFloat{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-20vh)scale(1)}}.gw-banner-hero{z-index:1;flex:1;grid-template-columns:1fr 1.2fr;align-items:center;gap:24px;min-height:0;padding:20px 24px;display:grid;position:relative}@media (width<=680px){.gw-banner-hero{grid-template-columns:1fr;gap:12px;padding:14px 16px}}.gw-banner-character{justify-content:center;align-items:center;min-height:240px;display:flex;position:relative}.gw-banner-char-glow{background:radial-gradient(circle,#facc1540 0%,#0000 70%);border-radius:50%;width:220px;height:220px;animation:2.5s ease-in-out infinite alternate gwPulseGlow;position:absolute}@keyframes gwPulseGlow{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.gw-banner-char-frame{z-index:2;background:linear-gradient(135deg,#facc15 0%,#ca8a04 100%);border-radius:50%;width:180px;height:180px;padding:4px;position:relative;box-shadow:0 0 40px #facc1580,0 0 80px #facc1533}.gw-banner-char-img{object-fit:cover;object-position:top center;border-radius:50%;width:100%;height:100%}.gw-banner-char-shine{background:linear-gradient(135deg,#fff3 0%,#0000 60%);border-radius:50%;position:absolute;inset:0}.gw-banner-char-runes{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gw-rune{color:#facc1580;font-size:.75rem;animation:3s ease-in-out infinite gwRuneFloat;position:absolute}@keyframes gwRuneFloat{0%,to{transform:rotate(var(--rot,0deg)) translateY(-80px) scale(1);opacity:.4}50%{transform:rotate(var(--rot,0deg)) translateY(-90px) scale(1.3);opacity:.9}}.gw-banner-info{flex-direction:column;gap:10px;display:flex}.gw-banner-event-tag{font-family:var(--font-m);color:#facc15;letter-spacing:2px;text-transform:uppercase;opacity:.8;font-size:.65rem;font-weight:700}.gw-banner-event-name{font-family:var(--font-b);color:#fff;text-shadow:0 0 20px #facc154d;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:800}.gw-banner-stars{color:#facc15;letter-spacing:3px;text-shadow:0 0 10px #facc1599;font-size:1.1rem}.gw-banner-char-name{font-family:var(--font-b);color:#fff;margin:0;font-size:clamp(1.1rem,2.8vw,1.5rem);font-weight:900;line-height:1.1}.gw-banner-element-tag{font-family:var(--font-m);background:#0000004d;border:1px solid;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.gw-banner-quote{color:#cbd5e1;border-left:2px solid #facc1580;padding-left:10px;font-size:.78rem;font-style:italic;line-height:1.6}.gw-banner-stats-preview{flex-wrap:wrap;gap:8px;display:flex}.gw-banner-stat-chip{font-family:var(--font-m);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:2px;padding:5px 10px;font-size:.65rem;display:flex}.gw-bsc-key{color:#94a3b8}.gw-bsc-val{color:#38bdf8;font-weight:700}.gw-banner-pool-strip{z-index:1;background:#0000004d;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:10px;padding:10px 24px;display:flex;position:relative;overflow-x:auto}.gw-pool-label{font-family:var(--font-m);color:#fff6;white-space:nowrap;letter-spacing:1px;font-size:.6rem;font-weight:700}.gw-pool-items{gap:8px;display:flex}.gw-pool-chip{cursor:pointer;border:1.5px solid;border-radius:10px;flex-shrink:0;width:44px;height:44px;transition:all .2s;position:relative;overflow:hidden}.gw-pool-chip.rarity-5{border-color:#facc15;box-shadow:0 0 8px #facc1566}.gw-pool-chip.rarity-4{border-color:#a855f7;box-shadow:0 0 8px #a855f766}.gw-pool-chip.rarity-3{border-color:#38bdf8;box-shadow:0 0 6px #38bdf84d}.gw-pool-chip img{object-fit:cover;width:100%;height:100%}.gw-pool-chip span{text-align:center;color:#facc15;background:#0009;padding:1px;font-size:.45rem;line-height:1;position:absolute;bottom:2px;left:0;right:0}.gw-pool-chip:hover{transform:scale(1.15)translateY(-3px)}.gw-pity-info{font-family:var(--font-m);color:#fff6;align-items:center;gap:6px;font-size:.63rem;display:flex}.gw-pity-dot{background:#facc15;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite gwBlink;box-shadow:0 0 6px #facc15}@keyframes gwBlink{0%,to{opacity:1}50%{opacity:.3}}.gw-banner-actions{z-index:1;background:#0006;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex;position:relative}.gw-wish-buttons{flex-wrap:wrap;gap:12px;display:flex}.gw-wish-btn{cursor:pointer;font-family:var(--font-m);border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:150px;padding:12px 24px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.gw-wb-label{letter-spacing:1.5px;font-size:.9rem}.gw-wb-cost{opacity:.9;align-items:center;gap:5px;font-size:.7rem;display:flex}.gw-wb-gem{font-size:.85rem}.gw-wb-shine{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:60%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.gw-wish-btn:hover .gw-wb-shine{left:150%}.gw-wish-1x{color:#e0f2fe;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1.5px solid #38bdf899;box-shadow:0 4px 20px #00000080}.gw-wish-1x:hover,.gw-wish-1x.hovered{border-color:#38bdf8;transform:translateY(-3px)scale(1.02);box-shadow:0 0 25px #38bdf880,0 8px 25px #0009}.gw-wish-10x{color:#fff8e1;background:linear-gradient(135deg,#ca8a04 0%,#a16207 50%,#854d0e 100%);border:1.5px solid #fef08a;box-shadow:0 4px 25px #ca8a0466,0 0 20px #facc1533}.gw-wish-10x:hover,.gw-wish-10x.hovered{background:linear-gradient(135deg,#eab308 0%,#ca8a04 50%,#a16207 100%);transform:translateY(-3px)scale(1.03);box-shadow:0 0 40px #facc15b3,0 8px 30px #ca8a0480}.gw-guaranteed-tag{letter-spacing:.5px;background:#0000004d;border:1px solid #fff3;border-radius:4px;padding:1px 5px;font-size:.55rem}.gw-10x-sparkles{color:#fef9c3;gap:2px;font-size:.55rem;display:flex;position:absolute;top:6px;right:6px}.gw-10x-sparkles span{animation:1.2s ease-in-out infinite gwSparkle}@keyframes gwSparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.gw-anim-screen{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.gw-anim-canvas{width:100%;height:100%;position:absolute;inset:0}.gw-anim-gold-vignette{pointer-events:none;background:radial-gradient(#0000 30%,#a1620766 100%);animation:.5s ease-out gwVignetteIn;position:absolute;inset:0}.gw-anim-purple-vignette{pointer-events:none;background:radial-gradient(#0000 30%,#581c8766 100%);position:absolute;inset:0}.gw-anim-five-beams{pointer-events:none;background:conic-gradient(#0000 0deg,#facc1514 15deg,#0000 30deg 60deg,#facc150f 75deg,#0000 90deg 120deg,#facc1514 135deg,#0000 150deg 180deg,#facc150f 195deg,#0000 210deg 240deg,#facc1514 255deg,#0000 270deg 300deg,#facc150f 315deg,#0000 330deg 360deg);animation:8s linear infinite gwBeamSpin;position:absolute;inset:0}@keyframes gwBeamSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gwVignetteIn{0%{opacity:0}to{opacity:1}}.gw-anim-title-reveal{text-align:center;pointer-events:none;animation:.8s ease-out .5s both gwTitleFadeIn;position:absolute;bottom:80px;left:0;right:0}@keyframes gwTitleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gw-anim-five-label{font-family:var(--font-b);color:#facc15;text-shadow:0 0 30px #facc15e6,0 0 60px #facc1580;letter-spacing:4px;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900;animation:1.5s ease-in-out infinite alternate gwGoldenPulse}.gw-anim-four-label{font-family:var(--font-b);color:#c084fc;text-shadow:0 0 25px #c084fccc,0 0 50px #a855f766;letter-spacing:3px;font-size:clamp(1.2rem,3.5vw,1.8rem);font-weight:900}@keyframes gwGoldenPulse{0%{text-shadow:0 0 20px #facc15b3,0 0 40px #facc154d}to{text-shadow:0 0 40px #facc15,0 0 80px #facc1599,0 0 120px #facc154d}}.gw-anim-five-sub,.gw-anim-four-sub{font-family:var(--font-m);color:#fff9;letter-spacing:2px;margin-top:4px;font-size:.8rem}.gw-skip-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;font-family:var(--font-m);cursor:pointer;letter-spacing:1px;background:#ffffff14;border:1px solid #ffffff40;border-radius:99px;align-items:center;gap:6px;padding:8px 18px;font-size:.75rem;transition:all .2s;display:flex;position:absolute;bottom:24px;right:24px}.gw-skip-btn:hover{color:#fff;background:#ffffff2e;border-color:#ffffff80;transform:scale(1.05)}.gw-pull-count-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-m);color:#ffffffb3;white-space:nowrap;background:#000000a6;border:1px solid #fff3;border-radius:99px;padding:5px 14px;font-size:.72rem;position:absolute;top:20px;left:50%;transform:translate(-50%)}.gw-results-screen{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden auto}.gw-results-screen.rarity-bg-5{background:radial-gradient(at 50% 0,#a1620733 0%,#0000 60%)}.gw-results-screen.rarity-bg-4{background:radial-gradient(at 50% 0,#581c8733 0%,#0000 60%)}.gw-results-header{text-align:center;flex-shrink:0;padding:16px 20px 8px}.gw-results-title{font-family:var(--font-b);letter-spacing:2px;text-shadow:0 0 20px;font-size:clamp(1rem,3vw,1.4rem);font-weight:900}.gw-results-sub{font-family:var(--font-m);color:#ffffff80;justify-content:center;align-items:center;gap:10px;margin-top:4px;font-size:.72rem;display:flex}.gw-results-five-badge{color:#fef9c3;background:linear-gradient(135deg,#ca8a04,#a16207);border-radius:6px;padding:2px 8px;font-size:.65rem;font-weight:700;animation:1.5s ease-in-out infinite alternate gwGoldenPulse}.gw-results-grid{flex:1;gap:10px;min-height:0;padding:10px 16px;display:grid}.gw-results-grid.single{grid-template-columns:1fr;width:100%;max-width:280px;margin:0 auto}.gw-results-grid.five{grid-template-columns:repeat(5,1fr)}.gw-results-grid.ten{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr)}@media (width<=700px){.gw-results-grid.five,.gw-results-grid.ten{grid-template-columns:repeat(3,1fr);gap:8px}}@media (width<=420px){.gw-results-grid.ten{grid-template-columns:repeat(4,1fr);gap:6px}}.gw-result-card{cursor:pointer;border:2px solid var(--card-border,#38bdf8);aspect-ratio:3/4;opacity:0;border-radius:12px;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex;position:relative;overflow:hidden;transform:translateY(30px)scale(.9)}.gw-result-card.popped{animation:.5s cubic-bezier(.16,1,.3,1) forwards gwCardPop}@keyframes gwCardPop{0%{opacity:0;transform:translateY(30px)scale(.85)rotateY(-15deg)}60%{transform:translateY(-8px)scale(1.05)rotateY(5deg)}to{opacity:1;transform:translateY(0)scale(1)rotateY(0)}}.gw-result-card:hover{z-index:5;transform:translateY(-6px)scale(1.04)}.gw-result-card.rarity-5{box-shadow:0 0 20px var(--card-glow), inset 0 0 15px #facc151a;border-color:#facc15;animation:.5s cubic-bezier(.16,1,.3,1) forwards gwCardPop,2s ease-in-out .6s infinite gwGoldShimmer}.gw-result-card.rarity-4{box-shadow:0 0 15px var(--card-glow), inset 0 0 10px #a855f71a;border-color:#a855f7;animation:.5s cubic-bezier(.16,1,.3,1) forwards gwCardPop,2.5s ease-in-out .6s infinite gwPurpleShimmer}.gw-result-card.rarity-3{box-shadow:0 0 10px var(--card-glow);border-color:#38bdf8;animation:.5s cubic-bezier(.16,1,.3,1) forwards gwCardPop}@keyframes gwGoldShimmer{0%,to{box-shadow:0 0 20px #facc1599,inset 0 0 15px #facc151a}50%{box-shadow:0 0 40px #facc15e6,inset 0 0 25px #facc1540}}@keyframes gwPurpleShimmer{0%,to{box-shadow:0 0 15px #a855f780,inset 0 0 10px #a855f71a}50%{box-shadow:0 0 30px #a855f7cc,inset 0 0 18px #a855f733}}.gw-card-shine{z-index:3;pointer-events:none;background:linear-gradient(135deg,#ffffff1f 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.gw-result-card:hover .gw-card-shine{background:linear-gradient(135deg,#ffffff38 0%,#0000 50%)}.gw-card-el-bg{opacity:.15;z-index:0;position:absolute;inset:0}.gw-card-type-badge{font-family:var(--font-m);letter-spacing:.5px;z-index:4;white-space:nowrap;border-radius:4px;padding:2px 5px;font-size:.48rem;font-weight:800;position:absolute;top:6px;left:6px}.gw-card-photo{flex:1;position:relative;overflow:hidden}.gw-card-photo img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .3s}.gw-result-card:hover .gw-card-photo img{transform:scale(1.08)}.gw-card-photo-gradient{background:linear-gradient(#0000 0%,#000000e6 100%);height:60%;position:absolute;bottom:0;left:0;right:0}.gw-card-info{z-index:4;flex-direction:column;gap:2px;padding:6px 6px 4px;display:flex;position:absolute;bottom:0;left:0;right:0}.gw-rarity-label{align-items:center;gap:4px;display:flex}.gw-stars{font-size:.6rem}.gw-rarity-label.rarity-5 .gw-stars{color:#facc15;text-shadow:0 0 6px #facc15cc}.gw-rarity-label.rarity-4 .gw-stars{color:#c084fc}.gw-rarity-label.rarity-3 .gw-stars{color:#38bdf8}.gw-rarity-text{font-family:var(--font-m);letter-spacing:.8px;font-size:.45rem;font-weight:800}.gw-rarity-label.rarity-5 .gw-rarity-text{color:#fef9c3}.gw-rarity-label.rarity-4 .gw-rarity-text{color:#f3e8ff}.gw-rarity-label.rarity-3 .gw-rarity-text{color:#e0f2fe}.gw-card-name{font-family:var(--font-m);color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 4px #000000e6;font-size:.6rem;font-weight:700;overflow:hidden}.gw-card-legendary-crown{font-family:var(--font-m);color:#facc15;letter-spacing:.5px;text-shadow:0 0 8px #facc15cc;font-size:.48rem;font-weight:800}.gw-card-tap-hint{font-family:var(--font-m);color:#fff0;letter-spacing:1px;z-index:5;justify-content:center;align-items:center;font-size:.55rem;font-weight:800;transition:color .2s;display:flex;position:absolute;inset:0}.gw-result-card:hover .gw-card-tap-hint{color:#ffffffa6;background:#0000004d}.gw-particle-burst{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gw-particle{animation:gwParticleBurst var(--dur,.7s) ease-out forwards;border-radius:50%;position:absolute}@keyframes gwParticleBurst{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--px,0), var(--py,0)) scale(0);opacity:0}}.gw-results-summary{flex-shrink:0;padding:6px 16px}.gw-summary-counts{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.gw-summary-pill{font-family:var(--font-m);background:#0000004d;border:1px solid;border-radius:99px;padding:3px 10px;font-size:.65rem;font-weight:700}.gw-results-actions{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:12px 20px;display:flex}.gw-results-back-btn{color:#ffffffb3;font-family:var(--font-m);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;padding:10px 20px;font-size:.75rem;transition:all .2s}.gw-results-back-btn:hover{color:#fff;background:#ffffff1f}.gw-results-again-btn{color:#1a1202;font-family:var(--font-m);cursor:pointer;background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);border:1px solid #fef08a;border-radius:10px;padding:10px 28px;font-size:.8rem;font-weight:800;transition:all .25s;position:relative;overflow:hidden}.gw-results-again-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px #facc1599}.gw-btn-shine{background:linear-gradient(90deg,#0000,#fff6,#0000);width:60%;height:100%;animation:2.5s ease-in-out infinite gwShineLoop;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes gwShineLoop{0%{left:-100%}50%,to{left:150%}}.gw-inspect-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000e0;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out gwFadeIn;display:flex;position:absolute;inset:0}.gw-inspect-panel{border:2px solid var(--col-border);width:100%;max-width:500px;max-height:90%;box-shadow:0 0 60px var(--col-glow), 0 30px 80px #000000e6;background:#0a0d1a;border-radius:18px;flex-direction:column;animation:.35s cubic-bezier(.16,1,.3,1) gwWindowIn;display:flex;position:relative;overflow:hidden auto}.gw-inspect-splash{height:220px;position:absolute;top:0;left:0;right:0;overflow:hidden}.gw-inspect-splash-img{object-fit:cover;object-position:top center;filter:blur(2px)brightness(.6);width:100%;height:100%}.gw-inspect-splash-overlay{position:absolute;inset:0}.gw-inspect-close{z-index:10;color:#fff;cursor:pointer;background:#000000b3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.gw-inspect-close:hover{background:#ef444480;border-color:#ef4444;transform:rotate(90deg)}.gw-inspect-element{font-family:var(--font-m);letter-spacing:1px;z-index:5;background:#00000080;border:1px solid;border-radius:6px;width:fit-content;margin:200px 20px 0;padding:3px 10px;font-size:.65rem;font-weight:800;display:inline-block;position:relative}.gw-inspect-stars{text-shadow:0 0 12px;padding:4px 20px 0;font-size:1.2rem}.gw-inspect-name{font-family:var(--font-b);color:#fff;padding:4px 20px 0;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:900}.gw-inspect-subtitle{font-family:var(--font-m);color:#ffffff80;letter-spacing:.5px;padding:2px 20px;font-size:.7rem}.gw-inspect-quote{color:#cbd5e1;border-left:3px solid;border-color:var(--col-border);margin:10px 20px;padding-left:10px;font-size:.75rem;font-style:italic;line-height:1.6}.gw-inspect-stats{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:6px;margin:0 20px;padding:10px 14px;display:flex}.gw-stat-row{font-family:var(--font-m);justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.gw-stat-key{color:#64748b}.gw-stat-val{font-weight:700}.gw-inspect-ability{border:1px solid;border-color:var(--col-border);background:#ffffff05;border-radius:10px;margin:10px 20px;padding:10px 14px}.gw-ability-title{font-family:var(--font-m);color:#ffffff80;letter-spacing:1px;margin-bottom:4px;font-size:.6rem;font-weight:800}.gw-ability-text{font-family:var(--font-m);color:#e2e8f0;font-size:.72rem;line-height:1.5}.gw-inspect-constellation{font-family:var(--font-m);color:#ffffff80;letter-spacing:.5px;padding:4px 20px;font-size:.68rem}.gw-inspect-dismiss{width:calc(100% - 40px);font-family:var(--font-m);color:#0a0d1a;cursor:pointer;letter-spacing:.5px;border:none;border-radius:10px;margin:12px 20px;padding:10px;font-size:.8rem;font-weight:800;transition:all .2s}.gw-inspect-dismiss:hover{filter:brightness(1.15);transform:scale(1.02)}.genshin-modal-overlay{display:none}.genshin-window{background:radial-gradient(circle at 50% 20%,#151d38 0%,#0a0d1d 65%,#05070e 100%);border:1px solid #facc1559;border-radius:18px;flex-direction:column;width:100%;max-width:980px;max-height:94vh;display:flex;position:relative;overflow:hidden auto;box-shadow:0 0 50px #facc1526,0 25px 70px #000000d9}.genshin-topbar{z-index:10;background:#0a0d1bd9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 18px;display:flex;position:sticky;top:0}.genshin-topbar-left{align-items:center;gap:10px;display:flex}.genshin-title-tag{font-family:var(--font-m);color:#facc15;letter-spacing:.8px;text-transform:uppercase;font-size:clamp(.72rem,2vw,.85rem);font-weight:700}.genshin-topbar-right{align-items:center;gap:10px;display:flex}.primo-pill{font-family:var(--font-m);color:#e0f2fe;background:#ffffff0f;border:1px solid #38bdf866;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;display:inline-flex;box-shadow:0 0 12px #38bdf833}.primo-gem-icon{font-size:.85rem}.primo-add-btn{color:#031024;cursor:pointer;background:#38bdf8;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.75rem;font-weight:900;line-height:1;transition:transform .15s;display:flex}.primo-add-btn:hover{background:#fff;transform:scale(1.2)}.genshin-close-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s;display:flex}.genshin-close-btn:hover{color:#ef4444;background:#ef444440;border-color:#ef4444;transform:rotate(90deg)}.genshin-banner-container{flex-direction:column;gap:16px;padding:16px 20px 24px;display:flex}.featured-card{background:linear-gradient(135deg,#1e294a8c 0%,#0f1427bf 100%);border:1px solid #facc1540;border-radius:16px;grid-template-columns:1.1fr 1fr;gap:18px;padding:18px;display:grid;position:relative;overflow:hidden}@media (width<=768px){.featured-card{grid-template-columns:1fr}}.character-showcase{background:radial-gradient(circle,#facc1526 0%,#0000 70%);border-radius:12px;justify-content:center;align-items:center;min-height:220px;display:flex;position:relative;overflow:hidden}.featured-art{object-fit:cover;filter:drop-shadow(0 10px 20px #0009);border-radius:12px;width:100%;height:100%;max-height:280px;transition:transform .3s}.featured-card:hover .featured-art{transform:scale(1.03)}.element-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.75rem;font-family:var(--font-m);color:#facc15;z-index:2;background:#000000bf;border:1px solid #facc1580;border-radius:99px;padding:4px 10px;font-weight:600;position:absolute;top:10px;left:10px}.char-info-box{flex-direction:column;justify-content:center;gap:8px;display:flex}.rarity-stars{gap:2px;display:flex}.star-icon{color:#facc15;filter:drop-shadow(0 0 5px #facc1599);font-size:.95rem}.char-title-sub{font-family:var(--font-m);color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.char-name-hero{font-family:var(--font-b);color:#fff;text-shadow:0 0 20px #facc1566;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:800;line-height:1.2}.char-stats-mini{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.stat-chip{font-family:var(--font-m);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;gap:4px;padding:4px 8px;font-size:.65rem;display:flex}.stat-key{color:#94a3b8}.stat-val{color:#38bdf8;font-weight:600}.char-quote{color:#cbd5e1;border-left:2px solid #facc15;margin-top:4px;padding-left:8px;font-size:.78rem;font-style:italic}.banner-side-pool{background:#0f152999;border:1px solid #ffffff14;border-radius:14px;padding:12px 14px}.side-pool-title{font-family:var(--font-m);color:#cbd5e1;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:.7rem}.side-pool-cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.side-pool-item{cursor:pointer;background:#ffffff08;border:1px solid #a855f74d;border-radius:8px;align-items:center;gap:8px;padding:6px;transition:all .2s;display:flex}.side-pool-item:hover{background:#a855f726;border-color:#a855f7;transform:translateY(-2px)}.pool-item-thumb{object-fit:cover;border-radius:6px;width:34px;height:34px}.pool-item-info{flex-direction:column;display:flex;overflow:hidden}.pool-item-name{font-family:var(--font-m);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;font-weight:600;overflow:hidden}.pool-item-type{color:#c084fc;font-size:.55rem}.banner-actions-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.banner-info-left{align-items:center;gap:8px;display:flex}.pity-chip{font-family:var(--font-m);color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;padding:6px 12px;font-size:.68rem}.banner-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wish-btn{cursor:pointer;font-family:var(--font-m);border:none;border-radius:99px;flex-direction:column;justify-content:center;align-items:center;min-width:140px;padding:10px 22px;transition:all .2s;display:flex;position:relative;overflow:hidden}.wish-btn-1x{color:#e0f2fe;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #38bdf880;box-shadow:0 4px 15px #0006}.wish-btn-1x:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 0 20px #38bdf866}.wish-btn-10x{color:#1a1202;background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);border:1px solid #fef08a;font-weight:700;box-shadow:0 4px 20px #eab30866}.wish-btn-10x:hover{transform:translateY(-2px);box-shadow:0 0 25px #facc15b3}.wish-btn-title{letter-spacing:.5px;font-size:.8rem;font-weight:700}.wish-btn-cost{opacity:.85;align-items:center;gap:3px;font-size:.62rem;display:flex}.genshin-animation-screen{background:#02040a;justify-content:center;align-items:center;width:100%;height:70vh;min-height:400px;display:flex;position:relative;overflow:hidden}.meteor-canvas{width:100%;height:100%;position:absolute;inset:0}.anim-overlay-controls{pointer-events:none;justify-content:space-between;align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0}.meteor-status-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-m);color:#facc15;background:#000000a6;border:1px solid #fff3;border-radius:99px;padding:6px 14px;font-size:.72rem}.wish-skip-btn{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-m);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:99px;padding:8px 18px;font-size:.75rem;transition:all .2s}.wish-skip-btn:hover{background:#ffffff40;transform:scale(1.05)}.genshin-results-container{flex-direction:column;gap:16px;padding:20px;animation:.3s fadeIn;display:flex}.results-header{text-align:center}.results-title{font-family:var(--font-b);color:#fff;margin-bottom:2px;font-size:1.4rem}.results-sub{font-family:var(--font-m);color:#94a3b8;font-size:.7rem}.results-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}@media (width<=820px){.results-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=500px){.results-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.wish-card-item{cursor:pointer;background:#0f1526b3;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;transition:all .25s;display:flex;position:relative;overflow:hidden}.wish-card-item:hover{transform:translateY(-4px)scale(1.02)}.wish-card-item.rarity-5{background:linear-gradient(#eab30833 0%,#0f172ae6 100%);border:2px solid #facc15;animation:2.2s ease-in-out infinite goldShimmer}@keyframes goldShimmer{0%,to{box-shadow:0 0 15px #facc1566,inset 0 0 10px #facc1526}50%{box-shadow:0 0 35px #facc15cc,inset 0 0 20px #facc1559}}.wish-card-item.rarity-4{background:linear-gradient(#a855f733 0%,#0f172ae6 100%);border:1.5px solid #a855f7;box-shadow:0 0 15px #a855f74d}.wish-card-item.rarity-3{background:linear-gradient(#38bdf81a 0%,#0f172acc 100%);border:1px solid #38bdf866}.card-img-wrap{background:#0000004d;width:100%;height:110px;position:relative;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.wish-card-item:hover .card-img{transform:scale(1.08)}.card-rarity-badge{font-size:.6rem;font-family:var(--font-m);background:#000000b3;border-radius:4px;padding:2px 6px;font-weight:700;position:absolute;top:6px;right:6px}.rarity-5 .card-rarity-badge{color:#facc15;border:1px solid #facc15}.rarity-4 .card-rarity-badge{color:#c084fc;border:1px solid #c084fc}.rarity-3 .card-rarity-badge{color:#38bdf8;border:1px solid #38bdf8}.card-meta{flex-direction:column;gap:3px;padding:8px;display:flex}.card-name{font-family:var(--font-m);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:700;overflow:hidden}.card-type{color:#94a3b8;font-size:.58rem}.card-stars{color:#facc15;font-size:.65rem}.results-footer{justify-content:center;gap:12px;margin-top:10px;display:flex}.results-action-btn{font-family:var(--font-m);cursor:pointer;border:none;border-radius:99px;padding:9px 24px;font-size:.78rem;font-weight:600;transition:all .2s}.results-action-btn.btn-retry{color:#1a1202;background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%)}.results-action-btn.btn-done{color:#fff;background:#ffffff14;border:1px solid #fff3}.inspect-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#000000d9;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.inspect-card-box{background:#0f172a;border:2px solid #facc1566;border-radius:16px;width:100%;max-width:440px;position:relative;overflow:hidden;box-shadow:0 20px 60px #000000e6}.inspect-close-btn{color:#fff;cursor:pointer;z-index:5;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:12px;right:12px}.inspect-card-art{object-fit:cover;width:100%;height:190px}.inspect-body{flex-direction:column;gap:8px;padding:16px;display:flex}.inspect-badge{font-family:var(--font-m);color:#facc15;font-size:.68rem;font-weight:700}.inspect-name{font-family:var(--font-b);color:#fff;font-size:1.15rem}.inspect-quote{color:#94a3b8;border-left:2px solid #38bdf8;padding-left:8px;font-size:.75rem;font-style:italic}.inspect-stats{font-family:var(--font-m);background:#ffffff0a;border-radius:8px;flex-direction:column;gap:4px;padding:8px 12px;font-size:.68rem;display:flex}.inspect-stat-row{justify-content:space-between;display:flex}.inspect-dismiss-btn{color:#0f172a;width:100%;font-family:var(--font-m);cursor:pointer;background:#facc15;border:none;border-radius:8px;margin-top:6px;padding:8px;font-size:.75rem;font-weight:700}.genshin-title-group{align-items:center;gap:8px;display:flex}.genshin-sparkle-icon{color:#facc15;font-size:1.1rem;animation:6s linear infinite spin}.genshin-brand{font-family:var(--font-m);color:#facc15;letter-spacing:.8px;font-size:clamp(.72rem,2vw,.85rem);font-weight:700}.genshin-resources{align-items:center;gap:10px;display:flex}.primo-val{color:#fff;font-weight:700}.genshin-featured-card{text-align:center;background:linear-gradient(135deg,#1e294a8c 0%,#0f1427bf 100%);border:1px solid #facc154d;border-radius:16px;flex-direction:column;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.featured-badge{font-family:var(--font-m);color:#facc15;letter-spacing:1px;background:#facc1526;border:1px solid #facc1566;border-radius:99px;margin-bottom:12px;padding:4px 12px;font-size:.65rem;font-weight:700}.featured-art-wrap{background:linear-gradient(135deg,#facc15 0%,#ca8a04 100%);border-radius:50%;width:140px;height:140px;margin-bottom:14px;padding:4px;position:relative;box-shadow:0 0 25px #facc1559}.featured-art-wrap .featured-art{object-fit:cover;border-radius:50%;width:100%;height:100%}.featured-glow-ring{pointer-events:none;border:2px dashed #facc1580;border-radius:50%;animation:12s linear infinite spin;position:absolute;inset:-6px}.featured-info{flex-direction:column;align-items:center;gap:6px;max-width:560px;display:flex}.featured-stars{color:#facc15;letter-spacing:2px;font-size:1.1rem}.featured-name{font-family:var(--font-b);color:#fff;margin:0;font-size:clamp(1.2rem,3vw,1.5rem)}.featured-element{align-items:center;gap:8px;display:flex}.el-badge{font-family:var(--font-m);border-radius:6px;padding:2px 8px;font-size:.65rem;font-weight:700}.el-badge.electro{color:#e9d5ff;background:#d8b4fe33;border:1px solid #c084fc}.role-tag{font-family:var(--font-m);color:#94a3b8;font-size:.65rem}.featured-quote{color:#cbd5e1;margin-top:4px;font-size:.78rem;font-style:italic;line-height:1.5}.genshin-action-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:8px;display:flex}.wish-1x-btn{color:#e0f2fe;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #38bdf880}.wish-10x-btn{color:#1a1202;background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);border:1px solid #fef08a;font-weight:700}.wish-btn-label{font-size:.85rem;font-weight:700}.guaranteed-tag{background:#00000040;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:.55rem}.card-top-element{z-index:2;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;display:flex;position:absolute;top:6px;left:6px}.card-photo-frame{background:#000;width:100%;height:110px;overflow:hidden}.card-photo-frame img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.legendary-pill{font-family:var(--font-m);color:#facc15;background:#000000b3;border:1px solid #facc15;border-radius:4px;margin:4px auto;padding:2px 6px;font-size:.55rem;font-weight:800}.results-bottom-bar{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.results-btn{font-family:var(--font-m);cursor:pointer;border:none;border-radius:99px;padding:9px 24px;font-size:.78rem;font-weight:600;transition:all .2s}.results-btn.primary{color:#1a1202;background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%)}.results-btn.secondary{color:#fff;background:#ffffff14;border:1px solid #fff3}.inspect-header{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.inspect-el-badge{font-family:var(--font-m);color:#facc15;font-size:.7rem;font-weight:700}.inspect-close{color:#fff9;cursor:pointer;background:0 0;border:none;font-size:1rem}.inspect-image-frame{border-radius:8px;width:100%;height:190px;overflow:hidden}.inspect-image-frame img{object-fit:cover;width:100%;height:100%}.inspect-details{flex-direction:column;gap:6px;display:flex}.inspect-title{font-family:var(--font-m);color:#94a3b8;font-size:.68rem}.inspect-stats-grid{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.stat-pill{font-family:var(--font-m);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;gap:4px;padding:3px 8px;font-size:.65rem;display:flex}.stat-label{color:#94a3b8}.nav-ach-btn{color:#facc15;font-family:var(--font-m);cursor:pointer;background:#facc1514;border:1px solid #facc1559;border-radius:20px;align-items:center;gap:5px;padding:5px 11px;font-size:.72rem;transition:all .25s cubic-bezier(.16,1,.3,1);animation:3s ease-in-out infinite alternate navAchGlow;display:inline-flex;box-shadow:0 0 12px #facc1526}.nav-ach-btn:hover{background:#facc1533;border-color:#facc15;transform:translateY(-1px)scale(1.04);box-shadow:0 0 20px #facc1559}.nav-ach-badge{color:#050b14;background:#facc15;border-radius:10px;padding:1px 6px;font-size:.58rem;font-weight:800;line-height:1.2}@keyframes navAchGlow{0%{box-shadow:0 0 8px #facc1526}to{box-shadow:0 0 18px #facc1559}}.guestbook-btn{color:var(--green);font-family:var(--font-m);letter-spacing:1px;cursor:pointer;background:#39ff1414;border:1px solid #39ff1459;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:.78rem;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 0 16px #39ff141f}.guestbook-btn:hover{border-color:var(--green);background:#39ff142e;transform:translateY(-2px);box-shadow:0 0 24px #39ff144d}.gh-live-feed{position:relative;overflow:hidden}.gh-live-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.gh-live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.8s infinite ghLivePulse;box-shadow:0 0 10px #22c55e}@keyframes ghLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.gh-live-badge{font-family:var(--font-m);letter-spacing:1.5px;color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:12px;margin-left:auto;padding:2px 7px;font-size:.52rem}.gh-live-list{flex-direction:column;gap:10px;display:flex}.gh-live-item{color:inherit;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;transition:all .2s;display:flex}.gh-live-item:hover{background:#39ff140a;border-color:#39ff1440;transform:translate(4px)}.gh-live-icon{flex-shrink:0;font-size:1.1rem}.gh-live-body{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.78rem;line-height:1.4;overflow:hidden}.gh-live-action{color:#38bdf8;font-weight:600}.gh-live-repo{font-family:var(--font-m);color:var(--green);font-weight:700}.gh-live-detail{color:var(--text-muted);font-style:italic}.gh-live-time{font-family:var(--font-m);color:var(--text-muted);flex-shrink:0;font-size:.62rem}.gh-live-skeleton-wrap{flex-direction:column;gap:8px;display:flex}.gh-live-skeleton{background:linear-gradient(90deg,#ffffff08 0%,#ffffff14 50%,#ffffff08 100%) 0 0/200% 100%;border-radius:10px;height:38px;animation:1.5s infinite ghSkel}@keyframes ghSkel{0%{background-position:200% 0}to{background-position:-200% 0}}.gh-live-empty{text-align:center;color:var(--text-muted);padding:24px;font-size:.8rem;line-height:1.8}.ach-toast{z-index:99999;-webkit-backdrop-filter:blur(18px);color:#fff;cursor:pointer;background:#0f172aeb;border:1px solid #facc1573;border-radius:16px;align-items:center;gap:14px;max-width:380px;padding:14px 18px;display:flex;position:fixed;bottom:28px;right:28px;overflow:hidden;box-shadow:0 10px 40px #0009,0 0 25px #facc1540}.ach-toast--enter{animation:.45s cubic-bezier(.16,1,.3,1) forwards achToastIn}.ach-toast--exit{animation:.4s cubic-bezier(.7,0,.84,0) forwards achToastOut}@keyframes achToastIn{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes achToastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.92)}}.ach-toast__glow{background:linear-gradient(#facc15,#f59e0b);width:4px;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 12px #facc15}.ach-toast__icon{filter:drop-shadow(0 0 10px #facc1599);flex-shrink:0;font-size:2rem;line-height:1}.ach-toast__body{flex:1;min-width:0}.ach-toast__label{font-family:var(--font-m);letter-spacing:1.5px;color:#facc15;text-transform:uppercase;margin-bottom:2px;font-size:.58rem;font-weight:700}.ach-toast__title{font-family:var(--font-d);color:#f8fafc;font-size:.88rem;font-weight:700}.ach-toast__desc{color:#94a3b8;margin-top:2px;font-size:.72rem}.ach-toast__close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem;line-height:1;transition:color .2s}.ach-toast__close:hover{color:#f8fafc}@media (width<=480px){.ach-toast{max-width:none;bottom:20px;left:14px;right:14px}}.ach-overlay{z-index:99990;-webkit-backdrop-filter:blur(14px);background:#030712d1;justify-content:center;align-items:center;padding:20px;animation:.3s achFadeIn;display:flex;position:fixed;inset:0}@keyframes achFadeIn{0%{opacity:0}to{opacity:1}}.ach-modal{background:#0f172af2;border:1px solid #facc1547;border-radius:20px;flex-direction:column;width:100%;max-width:660px;max-height:88vh;animation:.3s cubic-bezier(.16,1,.3,1) achZoomIn;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000b3,0 0 40px #facc1526}@keyframes achZoomIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.ach-header{border-bottom:1px solid #ffffff14;align-items:center;gap:14px;padding:20px 24px;display:flex}.ach-header__icon{font-size:2rem}.ach-header__title{font-family:var(--font-d);color:#facc15;font-size:1.15rem;font-weight:700}.ach-header__sub{color:var(--text-muted);font-size:.75rem}.ach-close-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;font-size:1.2rem;transition:all .2s;display:flex}.ach-close-btn:hover{background:#ffffff26;transform:rotate(90deg)}.ach-progress-wrap{padding:16px 24px 10px}.ach-progress-label{font-family:var(--font-m);color:var(--text-muted);justify-content:space-between;margin-bottom:6px;font-size:.72rem;display:flex}.ach-pct{color:#facc15;font-weight:700}.ach-progress-bar{background:#ffffff14;border-radius:10px;height:8px;overflow:hidden}.ach-progress-fill{background:linear-gradient(90deg,#facc15,#f59e0b);border-radius:10px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #facc15}.ach-tabs{border-bottom:1px solid #ffffff0f;gap:8px;padding:10px 24px 14px;display:flex}.ach-tab{color:var(--text-muted);font-family:var(--font-m);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:20px;padding:6px 14px;font-size:.7rem;transition:all .2s}.ach-tab--active{color:#facc15;background:#facc1526;border-color:#facc15;font-weight:700}.ach-grid{grid-template-columns:repeat(2,1fr);gap:12px;max-height:480px;padding:18px 24px;display:grid;overflow-y:auto}.ach-card{border-radius:14px;flex-direction:column;padding:14px;transition:all .25s;display:flex;position:relative}.ach-card--unlocked{background:#facc150d;border:1px solid #facc154d;box-shadow:0 0 15px #facc150f}.ach-card--unlocked:hover{background:#facc151a;border-color:#facc15;transform:translateY(-2px)}.ach-card--locked{opacity:.6;background:#ffffff05;border:1px solid #ffffff0d}.ach-card__icon{margin-bottom:8px;font-size:1.8rem}.ach-card__title{font-family:var(--font-d);color:#f8fafc;font-size:.85rem;font-weight:700}.ach-card--unlocked .ach-card__title{color:#facc15}.ach-card__desc{color:var(--text-muted);margin-top:4px;font-size:.72rem;line-height:1.4}.ach-card__badge{color:#000;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:900;display:flex;position:absolute;top:10px;right:10px}.ach-footer-tip{color:var(--text-muted);text-align:center;background:#0003;border-top:1px solid #ffffff0f;padding:12px 24px;font-size:.7rem}@media (width<=580px){.ach-grid{grid-template-columns:1fr;max-height:55vh}}.gb-overlay{z-index:99990;-webkit-backdrop-filter:blur(16px);background:#030712d9;justify-content:center;align-items:center;padding:16px;animation:.3s gbFadeIn;display:flex;position:fixed;inset:0}@keyframes gbFadeIn{0%{opacity:0}to{opacity:1}}.gb-modal{background:#0d1627f5;border:1px solid #39ff1447;border-radius:20px;flex-direction:column;width:100%;max-width:580px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) gbZoomIn;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000bf,0 0 35px #39ff141f}@keyframes gbZoomIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.gb-header{border-bottom:1px solid #ffffff14;align-items:center;gap:14px;padding:18px 22px;display:flex}.gb-header__icon{font-size:1.8rem}.gb-header__title{font-family:var(--font-d);color:var(--green);font-size:1.15rem;font-weight:700}.gb-header__sub{color:var(--text-muted);font-size:.72rem}.gb-refresh-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .25s;display:flex}.gb-refresh-btn:hover{border-color:var(--green);background:#39ff1426;transform:rotate(180deg)}.gb-setup-banner{background:#facc1514;border-bottom:1px solid #facc1540;padding:10px 22px;font-size:.74rem}.gb-setup-toggle-btn{color:#facc15;font-family:var(--font-m);cursor:pointer;background:0 0;border:1px solid #facc1566;border-radius:12px;padding:3px 8px;font-size:.62rem;transition:all .2s}.gb-setup-toggle-btn:hover{background:#facc1533}.gb-setup-steps{color:#e2e8f0;margin-top:8px;font-size:.72rem}.gb-setup-steps code{color:var(--green);font-family:var(--font-m);background:#0006;border-radius:4px;padding:2px 6px}.gb-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;font-size:.8rem;display:flex}.gb-close-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;font-size:1.2rem;transition:all .2s;display:flex}.gb-close-btn:hover{background:#ffffff26;transform:rotate(90deg)}.gb-list{flex-direction:column;flex:1;gap:12px;max-height:320px;padding:18px 22px;display:flex;overflow-y:auto}.gb-msg{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.gb-msg:hover{background:#ffffff0d;border-color:#39ff1433}.gb-msg__avatar{flex-shrink:0;font-size:1.6rem;line-height:1}.gb-msg__body{flex:1;min-width:0}.gb-msg__meta{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.gb-msg__name{font-family:var(--font-d);color:#e2e8f0;font-size:.82rem;font-weight:700}.gb-msg__time{font-family:var(--font-m);color:var(--text-muted);font-size:.6rem}.gb-msg__text{color:#cbd5e1;word-break:break-word;font-size:.78rem;line-height:1.45}.gb-empty{text-align:center;color:var(--text-muted);padding:36px 16px;font-size:.85rem}.gb-form{background:#00000040;border-top:1px solid #ffffff14;flex-direction:column;gap:12px;padding:16px 22px 20px;display:flex}.gb-form__row{align-items:center;gap:10px;display:flex}.gb-emoji-wrap{align-items:center;display:flex;position:relative}.gb-emoji-selected{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.5rem;transition:all .2s;display:flex}.gb-emoji-selected:hover{background:#39ff141f;border-color:#39ff1480;transform:scale(1.05)}.gb-emoji-picker{-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;z-index:100;box-sizing:border-box;background:#0d1627fa;border:1px solid #39ff1459;border-radius:16px;grid-template-columns:repeat(5,1fr);gap:8px;width:250px;max-width:calc(100vw - 60px);padding:10px;transition:all .25s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;bottom:calc(100% + 10px);left:0;transform:translateY(8px);box-shadow:0 16px 40px #000c,0 0 24px #39ff1426}.gb-emoji-wrap:hover .gb-emoji-picker,.gb-emoji-wrap:focus-within .gb-emoji-picker,.gb-emoji-picker.gb-emoji-picker--open{opacity:1;pointer-events:auto;transform:translateY(0)}.gb-emoji-btn{cursor:pointer;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:1.35rem;line-height:1;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.gb-emoji-btn:hover{background:#39ff1429;border-color:#39ff1480;transform:scale(1.18);box-shadow:0 0 12px #39ff144d}.gb-emoji-btn--active{border-color:var(--green);background:#39ff1438;box-shadow:0 0 12px #39ff1466}.gb-input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;outline:none;flex:1;padding:9px 14px;font-size:.8rem;transition:all .2s}.gb-input:focus{border-color:var(--green);box-shadow:0 0 10px #39ff1433}.gb-textarea-wrap{position:relative}.gb-textarea{color:#fff;resize:none;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:10px 14px 24px;font-family:inherit;font-size:.8rem;transition:all .2s}.gb-textarea:focus{border-color:var(--green);box-shadow:0 0 10px #39ff1433}.gb-charleft{font-family:var(--font-m);color:var(--text-muted);font-size:.6rem;position:absolute;bottom:8px;right:12px}.gb-charleft--warn{color:#f87171}.gb-error{color:#f87171;font-size:.72rem}.gb-submit-btn{color:#fff;font-family:var(--font-m);letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #39ff1466;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.78rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 0 16px #10b9814d}.gb-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-2px);box-shadow:0 0 24px #10b98180}.gb-submit-btn:disabled{opacity:.7;cursor:not-allowed}.gb-submit-btn--done{background:#059669!important}.gb-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite gbSpin}@keyframes gbSpin{to{transform:rotate(360deg)}}