.social-icons[data-v-968fb3b1]{position:fixed;top:max(15px,calc(50vh - 445px));right:max(20px,calc(50vw - 670px));display:flex;gap:20px;z-index:1000;padding:10px;background:#0d021699;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:30px;border:1px solid rgba(212,175,55,.2)}@media (max-width: 1440px){.social-icons[data-v-968fb3b1]{top:15px;right:25px}}@media (max-height: 800px){.social-icons[data-v-968fb3b1]{top:10px}}@media (max-width: 768px){.social-icons[data-v-968fb3b1]{top:8px;right:8px;gap:12px;padding:6px 12px}.social-icon[data-v-968fb3b1]{width:18px;height:18px}}@media (max-width: 480px){.social-icons[data-v-968fb3b1]{padding:4px 10px}}.social-icon[data-v-968fb3b1]{color:#d4af37;width:clamp(18px,4vw,24px);height:clamp(18px,4vw,24px);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.social-icon[data-v-968fb3b1]:hover{transform:translateY(-5px) scale(1.1);color:#fcf6ba;filter:drop-shadow(0 0 10px rgba(212,175,55,.6))}.social-icon svg[data-v-968fb3b1]{width:100%;height:100%}.play-card-inner[data-v-dca33546]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;pointer-events:none}.difficulty-label[data-v-dca33546]{font-family:Inter,sans-serif;font-size:.8rem;color:#bf953f;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.game-title[data-v-dca33546]{font-family:Playfair Display,serif;font-size:3.5rem;color:#fff;text-transform:uppercase;letter-spacing:0;text-align:center;width:100%}@media (max-width: 768px){.game-title[data-v-dca33546]{font-size:2.5rem}}.tts-game-container[data-v-dca33546]{width:100%;max-width:1200px;height:100%;display:flex;flex-direction:column;z-index:100;padding:40px}.tts-back-header[data-v-dca33546]{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.tts-back-btn[data-v-dca33546]{background:#1a0b2e99;border:1px solid var(--accent-gold);border-radius:30px;padding:10px 25px;color:var(--accent-gold);font-family:Inter,sans-serif;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease}.tts-back-btn[data-v-dca33546]:hover{background:var(--accent-gold);color:#1a0b2e}.tts-back-btn svg[data-v-dca33546]{width:20px}.tts-level-title[data-v-dca33546]{font-family:Playfair Display,serif;font-size:2.5rem;color:#fcf6ba;margin:0}.tts-layout[data-v-dca33546]{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;flex:1;overflow-y:auto}@media (max-width: 1024px){.tts-layout[data-v-dca33546]{grid-template-columns:1fr;gap:30px}.tts-game-container[data-v-dca33546]{padding:20px}}.mobile-finish-wrapper[data-v-dca33546]{display:none}.mobile-finish-btn[data-v-dca33546]{width:100%;justify-content:center}@media (max-width: 768px){.desktop-finish-btn[data-v-dca33546]{display:none}.mobile-finish-wrapper[data-v-dca33546]{display:flex;width:100%;margin-top:40px;margin-bottom:80px;justify-content:center}.tts-game-container[data-v-dca33546]{padding-top:40px;position:relative}.tts-back-header[data-v-dca33546]{flex-wrap:wrap;justify-content:flex-start;margin-bottom:25px;position:relative}.tts-level-title[data-v-dca33546]{width:100%;order:-1;text-align:center;font-size:1.6rem;margin-bottom:15px}.header-left[data-v-dca33546]{width:100%;display:flex;justify-content:flex-start;position:relative}.game-timer[data-v-dca33546]{position:absolute;left:50%;transform:translate(-50%);padding:6px 12px;font-size:.9rem}.tts-back-btn[data-v-dca33546]{padding:8px 15px;font-size:.8rem}}@media (max-width: 480px){.tts-game-container[data-v-dca33546]{padding-left:12px;padding-right:12px}.tts-level-title[data-v-dca33546]{font-size:1.4rem;margin-bottom:10px}.game-timer[data-v-dca33546]{padding:4px 10px;font-size:.8rem}.tts-back-btn[data-v-dca33546]{padding:8px 12px;font-size:.75rem}.mobile-finish-btn[data-v-dca33546]{padding:12px 15px;font-size:1rem}}.tts-grid-wrapper[data-v-dca33546]{background:#0d021666;padding:20px;border-radius:12px;border:1px solid rgba(212,175,55,.2);display:flex;justify-content:center;align-items:center}.tts-real-grid[data-v-dca33546]{display:grid;gap:2px;background:var(--accent-gold);border:4px solid var(--accent-gold);width:min(500px,90vw);height:min(500px,90vw)}@media (max-width: 768px){.tts-real-grid[data-v-dca33546]{width:min(350px,85vw);height:min(350px,85vw);border:2px solid var(--accent-gold);gap:1px}.cell-input[data-v-dca33546]{font-size:.9rem}.cell-num[data-v-dca33546]{font-size:.5rem}}@media (max-width: 480px){.tts-real-grid[data-v-dca33546]{width:min(280px,85vw);height:min(280px,85vw)}.cell-input[data-v-dca33546]{font-size:.8rem}}.grid-cell[data-v-dca33546]{background:#0d0216;position:relative}.grid-cell.empty[data-v-dca33546]{background:#0d0216}.cell-num[data-v-dca33546]{position:absolute;top:2px;left:2px;font-size:.65rem;color:var(--accent-gold);z-index:10;font-weight:700}.cell-input[data-v-dca33546]{width:100%;height:100%;border:none;background:#1a0b2e;color:#fff;text-align:center;font-size:1.2rem;font-weight:700;text-transform:uppercase;outline:none;transition:all .2s}.cell-input[data-v-dca33546]:focus{background:#d4af3733}.cell-input.correct[data-v-dca33546]{color:var(--accent-gold);background:#d4af371a}.clues-section[data-v-dca33546]{margin-bottom:30px}.clues-header[data-v-dca33546]{font-family:Playfair Display,serif;font-size:1.4rem;color:var(--accent-gold);margin-bottom:15px;border-bottom:1px solid rgba(212,175,55,.3);padding-bottom:5px;text-transform:uppercase;letter-spacing:2px}.clue-item[data-v-dca33546]{display:flex;gap:12px;margin-bottom:12px;font-size:.95rem;line-height:1.4}.header-left[data-v-dca33546]{display:flex;align-items:center;gap:30px}.game-timer[data-v-dca33546]{background:#d4af371a;border:1px solid rgba(212,175,55,.4);padding:8px 15px;border-radius:20px;color:var(--accent-gold);display:flex;align-items:center;gap:10px;font-family:Inter,sans-serif;font-weight:700}.game-timer svg[data-v-dca33546]{width:18px}.finish-game-btn[data-v-dca33546]{background:var(--accent-gold);color:#1a0b2e;border:none;border-radius:30px;padding:12px 30px;font-family:Inter,sans-serif;font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #d4af374d}.finish-game-btn[data-v-dca33546]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.finish-game-btn svg[data-v-dca33546]{width:18px}.score-summary-container[data-v-dca33546]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.score-card[data-v-dca33546]{background:#1a0b2ee6;border:2px solid var(--accent-gold);border-radius:24px;padding:60px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;box-shadow:0 0 50px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.score-title[data-v-dca33546]{font-family:Playfair Display,serif;font-size:2.5rem;margin-bottom:40px}.score-title.success[data-v-dca33546]{color:#4ade80}.score-title.fail[data-v-dca33546]{color:#f87171}.score-circle[data-v-dca33546]{width:180px;height:180px;border:5px solid var(--accent-gold);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:40px;box-shadow:0 0 30px #d4af3733}.score-value[data-v-dca33546]{font-size:3rem;font-weight:700;color:#fff}.score-label[data-v-dca33546]{font-size:.9rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:2px}.score-details[data-v-dca33546]{width:100%;margin-bottom:50px}.score-detail-item[data-v-dca33546]{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(212,175,55,.2)}.detail-label[data-v-dca33546]{color:#fff9}.detail-value[data-v-dca33546]{color:#fff;font-weight:700}.arena-btn[data-v-dca33546]{background:transparent;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:15px 40px;border-radius:30px;cursor:pointer;font-weight:700;transition:all .3s}.arena-btn[data-v-dca33546]:hover{background:var(--accent-gold);color:#1a0b2e}@media (max-width: 480px){.score-card[data-v-dca33546]{padding:30px 20px}.score-title[data-v-dca33546]{font-size:1.8rem;margin-bottom:25px;text-align:center}.score-circle[data-v-dca33546]{width:130px;height:130px;margin-bottom:30px}.score-value[data-v-dca33546]{font-size:2rem}.score-details[data-v-dca33546]{margin-bottom:30px}.score-detail-item[data-v-dca33546]{font-size:.9rem}.arena-btn[data-v-dca33546]{padding:12px 25px;width:100%}}.fade-delayed-enter-active[data-v-587066c0]{transition:opacity .5s ease .4s}.fade-delayed-enter-from[data-v-587066c0]{opacity:0}.fade-out-leave-active[data-v-587066c0]{transition:opacity .3s ease}.fade-out-leave-to[data-v-587066c0]{opacity:0}:root{--bg-color: #0d0216;--primary-purple: #1a0b2e;--accent-gold: #d4af37;--gold-gradient: linear-gradient(45deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);--purple-gradient: linear-gradient(to right, #8b5cf6, #d946ef);--frame-width: clamp(8px, 2vw, 15px);--card-width: clamp(140px, 15vw, 200px);--card-height: clamp(200px, 22vw, 280px)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#05010a;color:#fff;font-family:Inter,sans-serif;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;overflow:hidden}#app,.app-root{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.home-page,.play-page,.work-page,.service-page{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.game-container{position:relative;width:96vw;height:92vh;margin:auto;max-width:1400px;max-height:900px;background:radial-gradient(circle at 50% 40%,#1a0b2e,#0d0216);border:var(--frame-width) solid var(--accent-gold);border-radius:20px;box-shadow:0 0 60px #000000e6,inset 0 0 30px #00000080,0 20px 50px #a855f74d;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-container:before{content:"";position:absolute;bottom:0;left:20%;right:20%;height:3px;background:var(--gold-gradient);box-shadow:0 0 20px var(--accent-gold);border-radius:10px;z-index:10;opacity:.6}.game-container:after{display:none}.logo-header{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:500;display:flex;justify-content:center;align-items:center;width:100%}.logo-badge{background:#0d0216;border-radius:12px;width:clamp(140px,20vw,240px);height:clamp(70px,10vw,125px);box-shadow:0 15px 40px #000000b3;border:clamp(3px,1vw,8px) solid #130028;padding:0!important;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.main-logo-img{width:120%;height:120%;object-fit:contain;display:block}.hand-layer{position:absolute;top:0;left:50%;transform:translate(-50%);width:clamp(120px,22vw,220px);height:auto;pointer-events:none!important;display:flex;justify-content:center;align-items:flex-start;overflow:visible;z-index:200}.hand-layer.front{z-index:250;pointer-events:none!important}.hand-layer.back{z-index:50;pointer-events:none!important}.hand-asset{width:100%;height:auto;margin-top:-5px;transform-origin:50% 0%;transform:rotate(0);filter:drop-shadow(0 20px 40px rgba(0,0,0,.8));pointer-events:none!important}@keyframes ayun-tangan{0%{transform:rotate(-6deg)}50%{transform:rotate(8deg)}to{transform:rotate(-10deg)}}.cards-container{position:absolute;bottom:clamp(20px,5vh,40px);width:100%;display:flex;justify-content:center;align-items:flex-end;z-index:300;perspective:1000px;gap:clamp(10px,5vw,80px)}@media (max-width: 1024px){.cards-container{gap:30px}}.work-page .logo-header{display:none!important}.work-content-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:60px}.work-title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,8vw,3.5rem);color:#fcf6ba;letter-spacing:clamp(5px,2vw,15px);text-shadow:0 0 30px rgba(212,175,55,.7);text-transform:uppercase;z-index:100;margin-bottom:clamp(10px,3vh,30px)}.work-gallery{position:relative;width:100%;min-height:600px;display:flex;justify-content:center;align-items:center;z-index:50}.work-gallery{position:relative;width:100%;height:600px;display:flex;justify-content:center;align-items:center}.hands-container{position:absolute;top:-20px;left:50%;z-index:5;pointer-events:none;transform-origin:50% 0%}.work-hands-combined{width:min(80vw,900px);height:auto}.work-card-wrapper{position:absolute;width:280px;height:190px;z-index:10;transition:all .8s cubic-bezier(.16,1,.3,1);cursor:pointer}.work-card-wrapper.left{transform:rotate(-12deg) translate(-320px,10px)}.work-card-wrapper.center{transform:rotate(0) translateY(-50px);z-index:20}.work-card-wrapper.right{transform:rotate(12deg) translate(320px,10px)}@media (min-width: 1024px) and (max-height: 850px){.work-card-wrapper.left{transform:rotate(-12deg) translate(-320px,-30px)}.work-card-wrapper.right{transform:rotate(12deg) translate(320px,-30px)}}@media (max-width: 1024px){.work-gallery{height:500px}.work-card-wrapper{width:240px;height:160px}.work-card-wrapper.left{transform:rotate(-10deg) translate(-280px,40px)}.work-card-wrapper.center{transform:rotate(0) translateY(-45px);z-index:25}.work-card-wrapper.right{transform:rotate(10deg) translate(280px,40px)}.work-hands-combined{width:850px}}@media (max-width: 768px){.work-gallery{height:450px}.work-card-wrapper{width:175px;height:275px}.work-card-wrapper.left{transform:rotate(-8deg) translate(-170px,35px)}.work-card-wrapper.center{transform:rotate(0) translateY(-55px);z-index:25}.work-card-wrapper.right{transform:rotate(8deg) translate(170px,35px)}.work-title{font-size:2.8rem;letter-spacing:5px;margin-bottom:20px}.work-hands-combined{width:650px}}@media (max-width: 480px){.work-gallery{height:400px;margin-top:-10px}.work-card-wrapper{width:145px;height:245px;transition:all .6s cubic-bezier(.16,1,.3,1)}.work-card-wrapper.left{transform:rotate(-6deg) translate(-105px,25px)}.work-card-wrapper.center{transform:rotate(0) translateY(-50px);z-index:25}.work-card-wrapper.right{transform:rotate(6deg) translate(105px,25px)}.work-hands-combined{width:100vw;max-width:450px}.work-title{font-size:1.4rem;letter-spacing:8px;margin-bottom:25px}}.memento-card-work{width:100%;height:100%;background:#1f073a;border:4px solid #d4af37;border-radius:12px;box-shadow:0 10px 40px #000c;overflow:hidden;position:relative;transition:all .8s cubic-bezier(.16,1,.3,1)}.memento-card-work::-webkit-scrollbar{display:none}.work-card-wrapper.is-expanded{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0) scale(1)!important;width:min(90vw,1100px);height:min(80vh,650px);z-index:2000}.work-card-wrapper.is-expanded .memento-card-work{border-radius:15px;box-shadow:0 40px 100px #000,0 0 50px #d4af3766;height:100%}.work-card-wrapper.is-hidden{opacity:0;pointer-events:none;transform:scale(.5)!important}.card-content-layout{display:flex;flex-direction:column;width:100%;height:100%;overflow-y:auto}.card-image-section{flex:1;background:#1f073a;display:flex;justify-content:center;align-items:center;height:100%}.work-card-wrapper.is-expanded .card-image-section{flex:none;min-height:250px;border-bottom:2px solid rgba(212,175,55,.2);padding:20px 0}@media (max-width: 768px){.work-card-wrapper.is-expanded .card-image-section{min-height:180px}.card-front-title{font-size:1.1rem;letter-spacing:1px}}.card-front-title{font-family:Playfair Display,serif;font-size:1.5rem;color:#fcf6ba;text-align:center;padding:10px;line-height:1.3;letter-spacing:2px}@media (max-width: 480px){.work-card-wrapper.is-expanded .card-image-section{height:auto;min-height:180px;padding:60px 15px 20px}.card-front-title{font-size:.95rem;padding:5px;letter-spacing:1px}.card-info-section{padding:30px 20px}.work-item-title{font-size:1.4rem;letter-spacing:1px;margin-bottom:12px}.work-item-desc{font-size:.95rem;line-height:1.6;margin-bottom:25px}.play-now-btn{padding:14px 35px;font-size:1rem;width:100%}}.work-item-img{width:90%;max-width:100%;max-height:350px;height:auto;object-fit:contain;border-radius:10px;transition:transform .5s ease}.card-info-section{flex:1;padding:40px 50px;display:flex;flex-direction:column;justify-content:flex-start;background:radial-gradient(circle at center,#1e0638,#0d0216);animation:fadeIn .8s ease forwards .4s;opacity:0}.work-item-title{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3.5rem);color:#fcf6ba;margin-bottom:20px;text-transform:uppercase;letter-spacing:4px}.work-item-desc{font-family:Inter,sans-serif;font-size:1.15rem;line-height:1.8;color:#fff;margin-bottom:40px;opacity:.9;white-space:pre-line}.play-now-btn{background:var(--gold-gradient);border:none;border-radius:30px;padding:18px 50px;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;color:#1a0b2e;cursor:pointer;width:fit-content;transition:all .3s ease;letter-spacing:2px}.play-now-btn:hover{transform:translateY(-5px);box-shadow:0 10px 30px #d4af3766}.back-button{position:absolute;top:30px;left:30px;color:#d4af37;width:45px;z-index:500}@media (max-width: 768px){.work-card.central{width:320px;height:220px}.work-card.extra{width:180px;height:130px}}.back-button{position:absolute;top:20px;left:20px;color:#d4af37;width:50px;height:50px;transition:transform .3s ease;z-index:1000}@media (max-width: 768px){.back-button{top:10px;left:10px;width:35px;height:35px}}.back-button:hover{transform:scale(1.2)}.info-content{flex:1;display:flex;justify-content:center;align-items:center;gap:50px;padding:40px;width:100%;transition:gap .8s cubic-bezier(.16,1,.3,1)}.info-card-side{flex:1;display:flex;justify-content:center;align-items:center;transition:all .8s cubic-bezier(.16,1,.3,1)}.info-actions-side{flex:1;display:flex;flex-direction:column;gap:40px;transition:all .8s cubic-bezier(.16,1,.3,1);opacity:1}.info-actions-side.is-hidden{flex:0;opacity:0;pointer-events:none;margin:0;padding:0;overflow:hidden}.memento-card-large{width:350px;height:500px;background:#1e0638;border:4px solid #d4af37;border-radius:15px;box-shadow:0 0 50px #000c,0 0 20px #d4af374d;display:flex;justify-content:center;align-items:center;transform:rotate(-10deg);transition:all .8s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative;z-index:100}.memento-card-large.is-expanded{transform:rotate(0) scale(1);width:min(90vw,1100px);height:min(80vh,650px);z-index:1000;cursor:default;box-shadow:0 40px 100px #000,0 0 50px #d4af3766}.card-inner-layout{display:flex;width:100%;height:100%;padding:40px;align-items:center;gap:40px}.card-logo-section{flex:1;display:flex;justify-content:center;align-items:center;transition:all .8s cubic-bezier(.16,1,.3,1)}.card-logo-section.minimized{flex:0 0 150px}.card-logo-large{width:80%;height:auto;transition:all .8s cubic-bezier(.16,1,.3,1)}.card-logo-section.minimized .card-logo-large{width:100px;opacity:.6}.expanded-detail-content{flex:1;height:100%;overflow-y:auto;padding-right:20px;display:flex;flex-direction:column}.card-back-arrow{position:absolute;top:25px;left:25px;width:40px;height:40px;color:#fcf6ba;cursor:pointer;z-index:1100;transition:transform .3s ease;display:flex;justify-content:center;align-items:center;background:#0003;border-radius:50%}.card-back-arrow:hover{transform:translate(-5px) scale(1.1);background:#0006}.mission-text{font-family:Playfair Display,serif;font-size:2rem;color:#fcf6ba;font-style:italic;margin-bottom:20px;line-height:1.3}.mission-subtext{font-family:Inter,sans-serif;font-size:1.1rem;color:#fff;line-height:1.6;opacity:.9}.info-title{font-family:Playfair Display,serif;font-size:clamp(3rem,8vw,5.5rem);color:#fcf6ba;margin:0 0 20px;font-weight:300;text-shadow:0 4px 15px rgba(0,0,0,.5),0 0 20px rgba(212,175,55,.2)}.info-buttons{display:flex;flex-direction:column;gap:20px;width:100%}.info-btn{background:var(--purple-gradient);border:none;border-radius:50px;padding:18px 80px;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:600;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);text-align:center;box-shadow:0 0 25px #8b5cf680,inset 0 0 10px #fff3;white-space:nowrap}.info-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 0 40px #a855f799;color:#fff}.site-footer{position:fixed;bottom:max(15px,calc(50vh - 445px));left:max(20px,calc(50vw - 670px));padding:10px 25px;background:#0d021699;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:30px;border:1px solid rgba(212,175,55,.2);color:#bf953f;font-family:Inter,sans-serif;font-size:.85rem;letter-spacing:1px;text-align:center;z-index:1000;width:auto}@media (max-width: 1440px){.site-footer{bottom:15px;left:25px}}@media (max-height: 800px){.site-footer{bottom:10px}}@media (max-width: 768px){.site-footer{left:50%;transform:translate(-50%);bottom:5px;width:fit-content;padding:8px 15px;font-size:.65rem}}@media (max-width: 1024px){.info-content{gap:30px;padding:20px}.memento-card-large{width:280px;height:400px}}@media (max-width: 768px){.info-content{flex-direction:column;justify-content:flex-start;overflow-y:auto;gap:20px;padding:20px}.info-actions-side{align-items:center;text-align:center;width:100%}.memento-card-large{width:200px;height:300px;transform:rotate(0)}.info-title{font-size:2.5rem}.info-btn{padding:12px 40px;font-size:1.1rem;width:100%}.card-inner-layout{flex-direction:column;padding:20px;gap:20px}.card-logo-section.minimized{flex:0 0 80px}.card-logo-section.minimized .card-logo-large{width:60px}}.sparkles-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.sparkle{position:absolute;width:300px;height:300px;background-size:contain;background-repeat:no-repeat;opacity:0;transition:opacity .5s}.sparkle.left{top:10%;left:10%;background-image:url(/Sparkle_kiri_1.png)}.sparkle.right{top:10%;right:10%;background-image:url(/Sparkle_kanan_1.png)}.sparkle.active{opacity:.8}.card-sparkle-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130%;height:130%;pointer-events:none;z-index:-1;display:flex;justify-content:center;align-items:center}.sparkle-particle{position:absolute;width:20px;height:20px;background:radial-gradient(circle,#fff 10%,#fcf6ba 30%,#d4af37 60%,transparent 80%);border-radius:50%;opacity:0;filter:blur(2px);box-shadow:0 0 15px #d4af37}.sparkle-particle.animate{animation:sparkle-burst .8s ease-out forwards}@keyframes sparkle-burst{0%{transform:translate(0) scale(0);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(1.5);opacity:0}}.hands-composition{display:none}.cards-container{position:absolute;bottom:0;width:100%;height:400px;display:flex;justify-content:center;align-items:flex-end;z-index:100;padding-bottom:40px;perspective:1000px}.card{width:var(--card-width);height:var(--card-height);background:#1f073a;border:clamp(2px,.5vw,4px) solid #d4af37;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;transition:all .6s cubic-bezier(.23,1,.32,1);box-shadow:0 15px 40px #000c;position:relative;transform-style:preserve-3d;pointer-events:auto!important}.card.is-grasped{z-index:150!important;transition:none!important}.card-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.card-icon{width:80px;height:80px;color:#d4af37;margin-bottom:25px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 10px rgba(212,175,55,.4))}.card-icon svg{width:100%;height:100%;stroke-width:1}.card-title{font-family:Playfair Display,serif;font-size:1.6rem;color:#d4af37;letter-spacing:2px;text-transform:uppercase}.card{transform-origin:bottom center}.card:nth-child(1){transform:rotate(25deg) translateY(-95px) translate(-40px)}.card:nth-child(2){transform:rotate(10deg) translateY(-20px) translate(-15px)}.card:nth-child(3){transform:rotate(-10deg) translateY(-20px) translate(15px)}.card:nth-child(4){transform:rotate(-25deg) translateY(-95px) translate(40px)}.card:hover{transform:translateY(-70px) scale(1.05) rotate(0)!important;box-shadow:0 0 60px #d4af3799,0 50px 100px #000;border-color:#fcf6ba;z-index:450!important}.card:hover .card-icon{filter:drop-shadow(0 0 20px rgba(212,175,55,.8))}.card-title{font-family:Playfair Display,serif;font-size:1.6rem;color:#fff;letter-spacing:2px;text-transform:uppercase}.card-icon{width:80px;height:80px;color:#fff;margin-bottom:25px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 10px rgba(212,175,55,.4))}@media (max-width: 1440px) and (max-height: 800px){:root{--card-width: 160px;--card-height: 220px}.hand-layer{width:180px}.card-icon{width:60px;height:60px;margin-bottom:15px}.card-title{font-size:1.3rem}.logo-badge{width:180px;height:90px}}@media (max-width: 1024px){:root{--card-width: 140px;--card-height: 190px}.hand-layer{width:150px}.card:nth-child(1){transform:rotate(25deg) translateY(-70px) translate(-60px)}.card:nth-child(2){transform:rotate(10deg) translateY(-20px) translate(-20px)}.card:nth-child(3){transform:rotate(-10deg) translateY(-20px) translate(20px)}.card:nth-child(4){transform:rotate(-25deg) translateY(-70px) translate(60px)}.card-icon{width:55px;height:55px;margin-bottom:12px}.card-title{font-size:1.2rem}.logo-badge{width:160px;height:80px}}@media (max-width: 768px){.logo-header{top:-5px}.logo-badge{width:160px;height:80px}.hand-layer{width:160px}.cards-container{bottom:20px;gap:10px;flex-wrap:wrap;justify-content:center;padding-bottom:20px;height:auto}.card{width:130px;height:180px;margin:5px}.card:nth-child(1),.card:nth-child(2),.card:nth-child(3),.card:nth-child(4){transform:none;translate:0}.card:hover{transform:translateY(-20px) scale(1.05)!important}.card-icon{width:50px;height:50px;margin-bottom:10px}.card-title{font-size:clamp(.75rem,3vw,1.1rem)}}@media (max-width: 480px){.cards-container{display:grid;grid-template-columns:1fr 1fr;width:90%;margin:0 auto;bottom:80px}.card{width:100%;height:120px}.logo-badge{width:110px;height:60px}.hand-layer{width:100px}}.play-page .logo-header{display:none!important}.play-content-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:50px}.play-title{font-family:Playfair Display,serif;font-size:clamp(2rem,8vw,4.5rem);color:#fcf6ba;text-shadow:0 0 30px rgba(212,175,55,.7);margin-bottom:clamp(15px,4vh,50px);z-index:100}.play-carousel{position:relative;width:100%;height:500px;display:flex;justify-content:center;align-items:center;gap:0;perspective:1000px;z-index:50}.play-card{background:#0d0216;border:4px solid #d4af37!important;border-radius:12px;box-shadow:0 15px 40px #000c;transition:all .4s cubic-bezier(.23,1,.32,1);visibility:visible!important;opacity:1!important;margin:0 -5px;cursor:pointer;position:relative;overflow:hidden}.play-card:hover{border-color:#fcf6ba!important;transform:translateY(-30px) translateZ(50px);z-index:200!important;box-shadow:0 30px 60px #000,0 0 30px #d4af374d;filter:brightness(1.2)!important}.play-card.central-focus{width:320px;height:450px;z-index:50;border-width:6px;box-shadow:0 0 50px #d4af374d}.play-card.central-focus:hover{transform:translateY(-40px) scale(1.05) translateZ(100px)}.play-card.side-inner{width:260px;height:380px;z-index:40;filter:brightness(.7)}.play-card.side-outer{width:200px;height:300px;z-index:30;filter:brightness(.4)}@media (max-width: 1024px){.play-carousel{height:450px}.play-card.central-focus{width:240px;height:350px;margin:0 -10px}.play-card.side-inner{width:200px;height:300px;margin:0 -10px}.play-card.side-outer{width:160px;height:240px;margin:0 -10px}.game-title{font-size:clamp(1rem,3vw,1.5rem)}.difficulty-label{font-size:.7rem}}@media (max-width: 768px){.play-carousel{height:350px}.play-card.central-focus{width:180px;height:280px;margin:0 -5px}.play-card.side-inner{width:150px;height:230px;margin:0 -5px}.play-card.side-outer{width:120px;height:190px;margin:0 -5px}.game-title{font-size:clamp(.85rem,4vw,1.1rem);letter-spacing:2px}.difficulty-label{font-size:.55rem}}@media (max-width: 480px){.play-carousel{height:auto;flex-wrap:wrap;gap:15px;padding:20px;perspective:none}.play-card.central-focus,.play-card.side-inner,.play-card.side-outer{width:100px;height:140px;margin:0;filter:none!important;transform:none!important}.game-title{font-size:1.5rem;letter-spacing:1px}.difficulty-label{font-size:.5rem;margin-bottom:5px}}.service-page .logo-header{display:none!important}.service-content-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:40px}.service-page-title{font-family:Playfair Display,serif;font-size:clamp(2rem,8vw,4.5rem);color:#fcf6ba;text-shadow:0 0 30px rgba(212,175,55,.7);margin-bottom:20px;z-index:100}.service-composition{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end;padding-bottom:50px}.service-page .game-container,.work-page .game-container,.info-page .game-container{overflow:hidden}.service-hand{position:absolute;bottom:-15px;right:-15px;width:min(100vw,960px);height:auto;pointer-events:none;z-index:50;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}@media (max-width: 768px){.service-hand{width:100%;right:-5%;bottom:-15px}}@media (max-width: 480px){.service-hand{width:100%;right:-15%;bottom:-10px}}.service-fanned-cards{position:absolute;width:min(90vw,700px);height:450px;bottom:150px;left:50%;transform:translate(-50%);z-index:100}.service-sub-card{width:140px;height:200px;background:#1f073a;border:2px solid #d4af37;border-radius:10px;padding:15px;display:flex!important;justify-content:center;align-items:center;text-align:center;position:absolute;transform-origin:bottom center;box-shadow:0 10px 30px #000c;transition:all .8s cubic-bezier(.16,1,.3,1)!important;opacity:1!important;visibility:visible!important;cursor:pointer;z-index:100}.service-sub-card span{font-family:Playfair Display,serif;font-size:1.1rem;color:#fcf6ba;line-height:1.3}.service-sub-card:hover:not(.is-expanded){filter:brightness(1.2);transform:scale(1.1) translateY(-10px);z-index:150!important;border-color:#fcf6ba}.card-1{left:7%;bottom:75px;transform:rotate(-35deg)}.card-2{left:25%;bottom:135px;transform:rotate(-15deg)}.card-3{left:45%;bottom:150px;transform:rotate(5deg)}.card-4{left:65%;bottom:120px;transform:rotate(18deg)}@media (max-height: 850px){.service-fanned-cards{height:380px;bottom:90px;width:650px}.service-hand{width:780px;bottom:-15px}.service-sub-card{width:125px;height:180px}.service-sub-card span{font-size:1rem}.card-1{left:21%;bottom:65px}.card-2{left:40%;bottom:120px}.card-3{left:60%;bottom:135px}.card-4{left:80%;bottom:105px}}@media (max-width: 1024px){.service-fanned-cards{height:350px;bottom:80px;width:85vw}.service-hand{width:700px;bottom:-10px}.service-sub-card{width:120px;height:170px}.service-sub-card span{font-size:.95rem}.card-1{left:18%;bottom:55px}.card-2{left:31%;bottom:110px}.card-3{left:45%;bottom:120px}.card-4{left:59%;bottom:95px}}@media (max-width: 768px){.service-fanned-cards{height:300px;bottom:120px;width:90vw}.service-hand{width:550px;bottom:-5px}.service-sub-card{width:100px;height:140px;padding:8px}.service-sub-card span{font-size:.8rem}.card-1{left:18%;bottom:45px}.card-2{left:31%;bottom:90px}.card-3{left:45%;bottom:100px}.card-4{left:59%;bottom:80px}}@media (max-width: 480px){.service-fanned-cards{height:auto;bottom:180px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;left:50%;transform:translate(-50%)}.service-hand{width:320px;bottom:-10px;right:-50px}.service-sub-card{width:130px;height:100px;position:relative;left:auto!important;bottom:auto!important;transform:none!important;padding:10px}.service-sub-card span{font-size:.8rem;line-height:1.2}}.service-sub-card.is-expanded{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%) rotate(0) scale(1)!important;width:min(92vw,1100px);height:min(85vh,650px);z-index:2000;cursor:default;display:flex!important;flex-direction:column;padding:clamp(15px,4vw,40px);box-shadow:0 40px 100px #000,0 0 50px #d4af3766;border-radius:15px;border-width:4px}@media (min-width: 1440px){.service-sub-card.is-expanded{transform:translate(-50%,-45%) rotate(0) scale(1)!important}}@media (min-width: 1024px) and (max-height: 850px){.service-sub-card.is-expanded{width:min(90vw,850px)!important;height:min(75vh,500px)!important;transform:translate(-50%,-50%) rotate(0) scale(1)!important}.service-expanded-content{padding:15px 30px 10px!important;overflow-y:auto!important}.expanded-card-logo{width:90px!important}.expanded-logo-header{margin-bottom:10px!important;padding-bottom:10px!important}.expanded-service-title{font-size:clamp(2rem,4vw,2.5rem)!important;margin-bottom:10px!important}}@media (max-width: 480px){.service-sub-card.is-expanded{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:100vw!important;height:110vh!important;z-index:9999!important;padding:20px;background:#1f073a;border:none!important;border-radius:0!important;display:flex!important;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto}}.service-sub-card.is-hidden{opacity:0;pointer-events:none;transform:scale(.5)!important}.service-expanded-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;height:auto;min-height:100%;width:100%;animation:fadeIn .8s ease forwards .4s;opacity:0;padding:40px 40px 20px}@media (max-width: 768px){.service-expanded-content,.card-content-layout,.card-inner-layout{padding-top:80px!important;padding-bottom:15vh!important}}.expanded-logo-header{margin-bottom:20px;width:100%;border-bottom:2px solid rgba(212,175,55,.2);padding-bottom:15px;display:flex;justify-content:center}.expanded-card-logo{width:150px;height:auto;filter:drop-shadow(0 0 15px rgba(212,175,55,.3))}.expanded-service-title{font-family:Playfair Display,serif;font-size:4rem;color:#fcf6ba;margin-bottom:30px;text-transform:uppercase;letter-spacing:6px;text-shadow:0 0 20px rgba(212,175,55,.3)}@media (max-width: 768px){.expanded-service-title{font-size:2rem;letter-spacing:3px}.expanded-service-desc{font-size:.95rem;padding:0 10px}.service-expanded-content{padding:0 20px}}.service-panel-viewport{display:none}@media (min-width: 1024px){.home-page .game-container{transform:translate(0);background:radial-gradient(circle at 45% 40%,#17052e,#150626,#0a0212)}.home-page .logo-header{left:50%}.home-page .cards-container,.home-page .hand-layer{left:50%;transform:translate(-50%)}}@media (min-width: 1440px) and (max-height: 850px){:root{--card-width: 145px;--card-height: 205px}.hand-layer{width:170px!important}.cards-container{bottom:25px;gap:60px}.card-icon{width:60px;height:60px;margin-bottom:12px}.card-title{font-size:1.15rem;letter-spacing:1.5px}}.service-sub-card{cursor:pointer}.contact-form{display:flex;flex-direction:column;gap:clamp(15px,3vh,25px);width:100%;max-width:600px;margin-top:10px}.panel-title{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3rem);color:#fcf6ba;margin-bottom:clamp(15px,4vh,30px);text-transform:uppercase;letter-spacing:5px;text-shadow:0 0 15px rgba(212,175,55,.4)}.form-group{display:flex;flex-direction:column;gap:12px;width:100%}.form-group label{font-family:Playfair Display,serif;font-size:1.1rem;color:#fcf6ba;letter-spacing:1px;opacity:.9}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid rgba(212,175,55,.4);border-radius:8px;padding:16px 20px;color:#fff;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s cubic-bezier(.23,1,.32,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#fcf6ba;background:#ffffff1f;box-shadow:0 0 20px #d4af3740;transform:translateY(-2px)}.form-group textarea{height:140px;resize:none}.submit-contact-btn{background:var(--gold-gradient);border:none;border-radius:30px;padding:18px 45px;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;color:#1a0b2e;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);align-self:flex-start;margin-top:15px;text-transform:uppercase;letter-spacing:3px;box-shadow:0 10px 30px #00000080}.submit-contact-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px #d4af3780;filter:brightness(1.2)}.submit-contact-btn:active{transform:translateY(-2px)}.map-placeholder{width:100%;height:300px;border-radius:12px;overflow:hidden;border:2px solid #d4af37;margin-bottom:20px;box-shadow:0 10px 40px #00000080}.info-map-img{width:100%;height:100%;object-fit:cover}.address-text{font-family:Inter,sans-serif;font-size:1.1rem;color:#fff;opacity:.8;line-height:1.6}@media (min-width: 2500px){.game-container{max-width:1500px;transform:scale(1.33333);transform-origin:center center}.social-icons{top:calc(50vh - 595px)!important;right:max(20px,calc(50vw - 970px))!important;transform:scale(1.33333);transform-origin:top right}.site-footer{bottom:calc(50vh - 595px)!important;left:max(20px,calc(50vw - 970px))!important;transform:scale(1.33333);transform-origin:bottom left}}.service-card-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.expanded-service-desc{width:100%;max-width:900px;margin:0 auto;padding:0 10px}.expanded-service-desc p{font-family:Inter,sans-serif;font-size:clamp(.95rem,1.8vw,1.25rem);line-height:1.7;color:#fff;margin-bottom:18px;opacity:.95;text-align:center}