:root{--primary: #0b4b8a;--secondary: #7b4bb7;--dark: #0f172a;--light: #f8fafc;--text: #2b2b2b;--muted: #66a6;--radius: 24px}.navbar{position:sticky;top:0;background-image:url(/assets/BG-Dt4Ah_qS.png);background-size:cover;background-position:center;background-attachment:fixed;border-bottom:1.5px solid var(--secondary);z-index:100;padding:8px}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px;gap:8px}.nav-btn{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:transparent;transition:all .25s ease}.nav-btn:hover{transform:scale(1.2)}.nav-btn img{width:100%;height:100%;pointer-events:none}.nav-links{display:flex;align-items:center;justify-content:space-evenly}.nav-links a{margin:0 12px;flex-wrap:wrap;gap:16px;font-weight:600;text-decoration:none;color:var(--primary)}.nav-links a:hover{color:var(--secondary)}.scroll-wrapper{position:relative;display:flex;width:100%;align-items:center;margin-top:2rem;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,var(--light) 6%,var(--light) 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,var(--light) 6%,var(--light) 94%,transparent 100%)}.scroll{display:flex;gap:2rem;width:fit-content;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;justify-content:center;padding:24px 64px;margin-inline:auto;cursor:grab;scroll-snap-type:x mandatory;align-items:center}.scroll.dragging{cursor:grabbing;scroll-behavior:auto}.scroll::-webkit-scrollbar{display:none}.scroll-item{flex:0 0 auto;width:160px;height:160px;border-radius:50%;background-image:url(/assets/BG-Dt4Ah_qS.png);display:grid;place-items:center;box-shadow:0 10px 25px #0003;overflow:hidden;position:relative;pointer-events:auto;-webkit-user-select:none;user-select:none}.scroll-item img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .25s ease}.scroll-item:hover{transform:scale(1.2)}.btn{padding:12px 20px;border-radius:8px;text-decoration:none;margin-right:12px;display:inline-block;font-size:clamp(.85rem,1.5vw,1rem)}.btn.primary{background:var(--primary);color:#fff}.btn.outline{border:2px solid var(--primary);color:var(--primary)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000040;background:var(--light)}.btn.primary:hover{background:var(--primary);color:#fff}.section-title-btn{text-align:center;background:none;border:none;padding:0;margin:32px 0;font-family:inherit;font-size:22px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#1f5fa8;cursor:pointer;position:relative}.section-title-btn:after{content:"";position:absolute;left:50%;bottom:-6px;width:0;height:2px;background:currentColor;transition:all .25s ease;transform:translate(-50%)}.section-title-btn:hover:after{width:60%}.lang-switch{display:flex;gap:6px}.brand-logo{width:min(240px,60vw);max-width:100%;height:auto;transition:transform .4s ease}.brand-logo:hover{transform:scale(1.05)}.nav-logo{max-width:8%;display:flex;align-items:center}.brand-name{display:flex;align-items:center;font-size:clamp(3rem,10vw,8rem);font-weight:700;letter-spacing:-.02em;color:var(--primary);gap:6px;margin:0;white-space:nowrap;-webkit-user-select:none;user-select:none}.brand-name span{display:inline-block;transition:transform .25s ease;cursor:default}.brand-name .letter{cursor:grab}.brand-name .letter.dragging{opacity:.4;cursor:grabbing}.brand-name-h{display:none}.letter{cursor:grab;display:inline-block;transition:transform .25s cubic-bezier(.22,1,.36,1);will-change:transform}.letter:active{cursor:grabbing;transform:scale(1.1)}.letter.dragging{opacity:.4;transform:scale(1.1);cursor:grabbing}.letter.over{transform:translateY(-6px)}.image-display{width:100%;max-width:1280px;height:auto;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px}.image-display img{width:100%;height:100%;object-fit:contain;display:block}.video-wrapper{position:relative;width:100%;max-width:960px;aspect-ratio:16 / 9;margin:0 auto;padding-top:16px;padding-bottom:16px}.video-wrapper iframe{width:100%;height:100%;border-radius:16px}.icon{width:48px;height:48px;border-radius:50%;background-color:var(--light);background-repeat:no-repeat;background-position:center;background-size:22px;flex-shrink:0}.icon.phone{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2300b4e6' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.09 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.32 1.77.57 2.6a2 2 0 0 1-.45 2L8.09 9.91a16 16 0 0 0 6 6l1.59-1.14a2 2 0 0 1 2-.45c.83.25 1.7.45 2.6.57a2 2 0 0 1 1.72 2z'/%3E%3C/svg%3E")}.icon.email{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2300b4e6' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v16H4z'/%3E%3Cpath d='M22 6l-10 7L2 6'/%3E%3C/svg%3E")}.icon.address{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%2300b4e6" stroke-width="2" viewBox="0 0 24 24"%3E%3Cpath d="M21 10c0 6-9 13-9 13S3 16 3 10a9 9 0 1 1 18 0z"/%3E%3Ccircle cx="12" cy="10" r="3"/%3E%3C/svg%3E')}.icon.time{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%2300b4e6" stroke-width="2" viewBox="0 0 24 24"%3E%3Ccircle cx="12" cy="12" r="10"/%3E%3Cpath d="M12 6v6l4 2"/%3E%3C/svg%3E')}.icon.line{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300b900' d='M12 2C6.48 2 2 5.58 2 10c0 3.42 2.73 6.43 6.6 7.59.31.09.74.28.85.64.1.33.07.84.03 1.18 0 0-.11.68-.13.83-.04.24-.18.93.81.51.99-.42 5.33-3.14 7.27-5.37C19.76 14.24 22 12.27 22 10c0-4.42-4.48-8-10-8z'/%3E%3Cpath fill='%23fff' d='M7.4 12.7h-.8V8.9h.8zm2.9 0h-.8V8.9h.8zm3.4 0h-.8V8.9h.8zm3.4 0h-.8V8.9h.8z'/%3E%3C/svg%3E");background-color:#e9fbe9}.icon.game{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2300b4e6' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 8l-2 6a3 3 0 0 0 3 4h10a3 3 0 0 0 3-4l-2-6a4 4 0 0 0-4-3H10a4 4 0 0 0-4 3z'/%3E%3Cpath d='M9 11v2M8 12h2M15 11h.01M17 13h.01'/%3E%3C/svg%3E")}.icon.website{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2300b4e6' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='14' rx='2'/%3E%3Cpath d='M3 8h18M8 20h8'/%3E%3C/svg%3E")}.icon.solution{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2300b4e6' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-4 12.8V17a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2.2A7 7 0 0 0 12 2z'/%3E%3Cpath d='M9 21h6M9 17h6'/%3E%3C/svg%3E")}.lang-icon{width:16px;height:16px;border-radius:40%;display:inline-block;background-size:cover;background-position:center}.lang-icon.th{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 3'%3E%3Crect width='5' height='3' fill='%23A51931'/%3E%3Crect y='0.6' width='5' height='1.8' fill='%23F4F5F8'/%3E%3Crect y='1.1' width='5' height='0.8' fill='%232D2A4A'/%3E%3C/svg%3E")}.lang-icon.en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3CclipPath id='s'%3E%3Cpath d='M0,0 v30 h60 v-30 z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23s)'%3E%3Cpath fill='%23012169' d='M0,0 v30 h60 v-30 z'/%3E%3Cpath stroke='%23fff' stroke-width='6' d='M0,0 L60,30 M60,0 L0,30'/%3E%3Cpath stroke='%23C8102E' stroke-width='4' d='M0,0 L60,30 M60,0 L0,30'/%3E%3Cpath stroke='%23fff' stroke-width='10' d='M30,0 v30 M0,15 h60'/%3E%3Cpath stroke='%23C8102E' stroke-width='6' d='M30,0 v30 M0,15 h60'/%3E%3C/g%3E%3C/svg%3E")}:root{--primary: #0b4b8a;--secondary: #7b4bb7;--dark: #0f172a;--light: #f8fafc;--text: #2b2b2b;--muted: #666;--pill-bg: #f3f3f3;--pill-border: #ccc;--accent: #ff7a45;--bg: #fff4e6;--radius: 24px}html{scroll-behavior:smooth;font-size:clamp(15px,1.2vw,18px)}body{background-image:url(/assets/BG-Dt4Ah_qS.png);background-size:cover;background-position:center;background-attachment:fixed}*{box-sizing:border-box;margin:0;padding:0;font-family:Bai Jamjuree,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.container{max-width:1280px;margin:auto;padding:0 20px}.section{padding:clamp(1rem,8vw,2rem) 0}.section-title{text-align:center;font-family:Space Grotesk,sans-serif;font-weight:700;color:var(--primary);letter-spacing:1px;text-transform:uppercase;margin-bottom:clamp(1.5rem,5vw,3rem);line-height:1;font-size:clamp(1.4rem,3vw,2rem)}p{font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.7}.grid{display:grid;gap:24px}.hero{padding:clamp(40px,10vw,100px) 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}.hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.1;margin-bottom:20px}.hero-actions{margin-top:24px}.showcase-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:20px}.showcase-grid2{grid-template-columns:repeat(6,minmax(180px,1fr));gap:20px;margin-top:40px}.showcase-card{height:100%;background-image:url(/assets/BG-Dt4Ah_qS.png);background-size:cover;background-position:center;background-attachment:fixed;box-shadow:0 10px 25px #0003;filter:grayscale(80%);border-radius:360px;display:flex;text-align:center;align-items:center;justify-content:center;overflow:hidden}.showcase-card:hover{filter:grayscale(0%)}.showcase-logo{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.showcase-img{max-width:80%;max-height:80%;object-fit:contain}.showcase-img:hover{transform:scale(1.4)}.services-grid{grid-template-columns:repeat(3,minmax(260px,1fr))}.service{border-radius:12px}.client-scroll-wrapper{position:relative;display:block;width:100%;align-items:center;margin-top:2rem;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,var(--light) 6%,var(--light) 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,var(--light) 6%,var(--light) 94%,transparent 100%)}.client-scroll{display:flex;width:max-content;padding:24px 0;align-items:center;animation:client-counterclockwise-loop 18s linear infinite;will-change:transform}.client-scroll::-webkit-scrollbar{display:none}.client-loop-set{display:flex;flex:0 0 auto;gap:2rem;padding-right:2rem;align-items:center}.client-item{flex:0 0 auto;width:80px;height:80px;border-radius:50%;background-image:url(/assets/BG-Dt4Ah_qS.png);display:grid;place-items:center;box-shadow:0 10px 25px #0003;overflow:hidden;position:relative;pointer-events:auto;-webkit-user-select:none;user-select:none}.client-item a{width:100%;height:100%;display:block}.client-item img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .25s ease}.client-item:hover{transform:scale(1.2)}.client-item:after{content:attr(data-name);position:absolute;inset:0;background:#c8daece6;color:var(--secondary);display:flex;align-items:center;justify-content:center;text-align:center;font-size:.75rem;font-weight:600;letter-spacing:.5px;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.client-item:hover:after{opacity:1;transform:translateY(0)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.about-image{display:flex;justify-content:center;align-items:center}.about-image img{width:100%;max-width:480px;box-shadow:0 10px 30px #00000026;opacity:.75;filter:grayscale(20%) contrast(95%) brightness(98%);border-radius:14px;border:8px solid rgba(0,0,0,.08);box-shadow:0 6px 20px #00000014;transition:all .3s ease}.about-image img:hover{opacity:1;filter:grayscale(0%);border-color:var(--light)}#about p{margin-bottom:1.2rem;line-height:1.7}#about p:last-child{margin-bottom:0}.contact-section{padding:80px 0}.contact-panel{width:min(100% - 40px,1024px);margin:0 auto 28px;padding:clamp(28px,5vw,64px);border:1px solid rgba(11,75,138,.22);border-radius:16px;background:#f8fafc61;box-shadow:0 18px 48px #0b4b8a24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.contact-panel-header{max-width:640px;margin:0 auto 28px;text-align:center}.contact-panel-header h3{color:var(--primary);font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.15;margin-bottom:12px}.contact-panel-header p{color:var(--text);opacity:.82}.contact-form{display:grid;gap:20px;max-width:720px;margin:0 auto}.contact-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.contact-field{display:grid;gap:8px;color:var(--dark);font-weight:700}.contact-field span{font-size:.92rem}.contact-field input,.contact-field textarea{width:100%;border:1px solid rgba(15,23,42,.18);border-radius:10px;background:#f8fafcb8;color:var(--dark);font:inherit;padding:12px 14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.contact-field textarea{min-height:96px;resize:vertical}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--primary);background:#f8fafcf2;box-shadow:0 0 0 3px #0b4b8a1f}.contact-submit{justify-self:center;border:0;border-radius:10px;background:var(--primary);color:#fff;font:inherit;font-weight:700;padding:12px 22px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.contact-submit:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0b4b8a3d}.contact-submit:disabled{cursor:wait;opacity:.72;transform:none}.form-status{text-align:center;font-weight:700}.form-status.success{color:#147a3d}.form-status.error{color:#b42318}.honeypot{display:none}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.contact-text h4{font-size:clamp(1rem,2.2vw,1.1rem);margin-bottom:4px}.contact-text p{font-size:clamp(.9rem,2vw,.95rem);font-weight:700;color:var(--primary)}.contact-row{white-space:nowrap;display:inline-flex;align-items:center;text-decoration:none;font-weight:700;color:var(--primary)}.contact-row:hover{opacity:.85;font-weight:bolder;color:var(--secondary)}.contact-card{display:flex;align-items:center;gap:20px;background-image:url(/assets/BG-Dt4Ah_qS.png);padding:24px 28px;border-radius:14px;box-shadow:0 10px 25px #0003}.footer{text-align:center;padding:8px;color:var(--dark);font-weight:600}@keyframes client-counterclockwise-loop{0%{transform:translate(0)}to{transform:translate(-25%)}}@media(max-width:856px){.hero-grid,.services-grid,.about-grid,.contact-grid,.contact-form-row{grid-template-columns:1fr}.showcase-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.showcase-grid2{grid-template-columns:repeat(4,minmax(180px,1fr))}.nav-inner{justify-content:center}}@media(max-width:486px){.brand-name,.contact-row{white-space:normal}.navbar{display:none}}@media(max-width:324px){.btn{display:none}}body{background-image:url(/assets/BG2-YIi7P9YG.png);background-size:cover;background-position:center;background-attachment:fixed}.navbar{background-image:url(/assets/BG2-YIi7P9YG.png)}.brand-logo{height:auto;display:block;margin:0 auto}.section{padding:clamp(3rem,8vw,6rem) 0}.section-title{margin-bottom:clamp(1.5rem,4vw,2.4rem)}.section-title p{margin-top:.45rem;font-size:clamp(.95rem,2.4vw,1.25rem);line-height:1.15;letter-spacing:1.5px}.tags{display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,14px);align-items:center;justify-content:center;max-width:min(760px,100%);margin:0 auto clamp(1.5rem,4vw,2rem);padding:0 8px}.tag{background:var(--pill-bg, #f3f3f3);color:var(--primary, #0b4b8a);display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px clamp(14px,2.4vw,22px);border-radius:999px;font-size:clamp(.86rem,2.2vw,1rem);font-weight:700;line-height:1.1;box-shadow:0 2px 8px #0b4b8a14;border:1px solid var(--pill-border, #ccc);letter-spacing:.2px;white-space:nowrap;cursor:default;transition:background .2s ease,color .2s ease,transform .2s ease}.tag:hover{background:var(--primary, #0b4b8a);color:#fff;transform:scale(1.07)}.video-wrapper{width:min(100%,960px);margin:0 auto clamp(1.5rem,4vw,2rem);padding:0;border-radius:clamp(12px,2vw,16px);overflow:hidden;box-shadow:0 18px 45px #0b4b8a2e}.video-wrapper iframe{display:block;border-radius:inherit}.feature-list{max-width:720px;padding-left:1.2rem;text-align:left;margin-bottom:1rem}.feature-list li{margin-bottom:.5rem;list-style:disc}.character-scroll-wrapper{position:relative;display:block;width:100%;margin-top:2rem;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,var(--light) 6%,var(--light) 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,var(--light) 6%,var(--light) 94%,transparent 100%)}.character-scroll{display:flex;width:max-content;padding:24px 0;align-items:center;animation:client-counterclockwise-loop 30s linear infinite;will-change:transform}.character-loop-set{display:flex;flex:0 0 auto;gap:2rem;padding-right:2rem;align-items:center}.character-loop-item{flex:0 0 auto;width:160px;height:160px;border-radius:50%;background-image:url(/assets/BG-Dt4Ah_qS.png);display:grid;place-items:center;box-shadow:0 10px 25px #0003;overflow:hidden;position:relative;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:transform .25s ease}.character-loop-item img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .25s ease,opacity .25s ease}.character-loop-item:hover{transform:scale(1.2)}.character-swap{position:relative}.character-swap img{position:absolute;inset:0}.character-swap .img-default{opacity:1;z-index:1}.character-swap .img-hover{opacity:0;z-index:2}.character-swap:hover .img-default{opacity:0}.character-swap:hover .img-hover{opacity:1}.overlay{position:fixed;inset:0;background:#0a1428b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:9999}.overlay.show{display:flex}.overlay-content{position:relative;width:min(95vw,1100px);height:min(95vh,800px);background:#eef6ff;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #0006}.overlay-iframe{width:100%;height:100%;border:none}.overlay-close{position:absolute;top:12px;right:12px;z-index:10;background:#0b5ed7;color:#fff;border:none;border-radius:999px;width:40px;height:40px;font-size:18px;cursor:pointer}@media(max-width:856px){.section{padding:clamp(2.25rem,8vw,3.5rem) 0}.brand-logo{display:none}.map-thumbnails{display:grid}.map-display{display:none}}@media(max-width:640px){.tags{gap:8px;padding:0}.tag{min-height:32px;padding:6px 12px;font-size:.82rem}.video-wrapper{width:calc(100vw - 32px);margin-left:50%;transform:translate(-50%)}}@media(max-width:486px){.map-thumb{min-width:60px;border-radius:10px;aspect-ratio:5/3;width:100%}}@media(max-width:324px){.map-thumb{min-width:40px;border-radius:8px;aspect-ratio:5/3;width:100%}}.cosmetic-page{font-family:system-ui,sans-serif;background-image:url(/assets/BG3-CO7srAbq.png);background-size:cover;background-position:bottom;background-attachment:fixed;display:grid;place-items:center;min-height:100vh}.game-wrap{display:flex;gap:2rem}.character{position:relative;width:520px;height:760px}.character img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.layer{position:absolute;top:0;left:0;width:100%;pointer-events:none}.base{z-index:1}.short{z-index:2}.shirt{z-index:3}.face{z-index:4}.hat{z-index:5}.robot-cosmetic .shirt{z-index:2}.robot-cosmetic .short{z-index:3}.robot-cosmetic .hat{z-index:4}.robot-cosmetic .face{z-index:5}.controls{display:grid;gap:clamp(1rem,1.5vw,4rem)}.controls button{padding:.6rem 1rem;border-radius:999px;border:none;background:#0b5ed7;color:#fff;cursor:pointer;font-weight:600}.controls button:hover{background:#094bb3}.memory-page{min-height:100vh;background:#0f1220;color:#fff;display:flex;align-items:center;justify-content:center;font-family:system-ui,sans-serif}.memory-container{text-align:center}.memory-container h1{margin-bottom:4px}.subtitle{opacity:.7;margin-bottom:24px}.memory-grid{display:grid;grid-template-columns:repeat(4,80px);gap:16px;justify-content:center;margin-bottom:24px}.card{width:80px;height:80px;perspective:800px;cursor:pointer;padding:0;border:none;background:transparent}.card-inner{width:100%;height:100%;position:relative;display:block;transform-style:preserve-3d;transition:transform .5s}.card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;inset:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px;backface-visibility:hidden}.card-front{background:linear-gradient(135deg,#3a3f7a,#5b61d6)}.card-back{background:#fff;color:#000;transform:rotateY(180deg)}.memory-reset,.pong-page button{background:none;border:2px solid white;color:#fff;padding:8px 16px;border-radius:999px;cursor:pointer}.memory-reset:hover{background:#fff;color:#000}.pong-page{min-height:100vh;background:#0f172a;color:#fff;overflow:hidden;font-family:system-ui,sans-serif}.pong-page #game{position:fixed;inset:0;background-image:url(/assets/BG-Dt4Ah_qS.png);background-size:cover;background-position:center;background-attachment:fixed}.pong-page .paddle{position:absolute;bottom:24px;width:120px;height:14px;background:#38bdf8;border-radius:999px}.pong-page .pong{position:absolute;width:64px;height:64px;pointer-events:none}.pong-page .ui{position:fixed;top:16px;width:100%;text-align:center;opacity:.9}.pong-page .game-over{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#020617e6;text-align:center}.pong-page .game-over a{color:#38bdf8}#timer{font-size:48px;font-family:monospace;color:#fff}@media(max-width:720px){.character{width:260px;height:380px}}@media(max-width:450px){.character{width:195px;height:310px}}