:root{--bg-0: #07080f;--bg-1: #0c0e1c;--bg-2: #12152a;--bg-3: #181c33;--bg-card: #1d2238;--gold: #c9a84c;--gold-light: #e8c96e;--gold-dark: #8a6e2e;--gold-glow: rgba(201, 168, 76, .25);--text-1: #f5ede0;--text-2: #9ea8bd;--text-3: #5c677a;--border: rgba(201, 168, 76, .12);--border-hover: rgba(201, 168, 76, .35);--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--nav-h: 72px;--font-heading: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--shadow-card: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 48px rgba(201, 168, 76, .12);--transition: .22s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-1);color:var(--text-1);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.15;color:var(--text-1)}.container{max-width:1100px;margin:0 auto;padding:0 24px}.section{padding:96px 0}.section-sm{padding:64px 0}.gold{color:var(--gold)}.divider{width:60px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin:20px 0 32px}.divider-center{margin:20px auto 32px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:all var(--transition);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff0d;opacity:0;transition:opacity var(--transition)}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#0c0e1c;box-shadow:0 4px 20px #c9a84c59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #c9a84c80}.btn-primary:active{transform:translateY(0)}.btn-outline{border:1.5px solid var(--border-hover);color:var(--gold)}.btn-outline:hover{border-color:var(--gold);background:#c9a84c14;transform:translateY(-2px)}.btn-lg{padding:18px 52px;font-size:1.05rem;letter-spacing:.12em;border-radius:var(--radius-sm)}.topnav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);background:#07080fe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background var(--transition),box-shadow var(--transition)}.topnav.scrolled{background:#07080ff7;box-shadow:0 4px 24px #0006}.topnav__inner{max-width:1100px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.topnav__logo{display:flex;align-items:center;gap:12px;text-decoration:none}.topnav__logo img{height:38px;width:auto;filter:drop-shadow(0 0 8px rgba(201,168,76,.3))}.topnav__logo-text{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--gold-light);letter-spacing:.04em}.topnav__links{display:flex;align-items:center;gap:8px;list-style:none}.topnav__links a{padding:8px 14px;font-size:.9rem;font-weight:500;color:var(--text-2);border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);letter-spacing:.03em}.topnav__links a:hover,.topnav__links a.active{color:var(--text-1);background:#ffffff0d}.topnav__cta{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#0c0e1c!important;font-weight:700!important;padding:9px 22px!important;border-radius:var(--radius-sm)!important;letter-spacing:.08em!important;box-shadow:0 2px 12px #c9a84c4d;transition:all var(--transition)!important}.topnav__cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px #c9a84c80!important;background:#ffffff0d!important}.topnav__hamburger{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;background:none;border:none}.topnav__hamburger span{display:block;width:24px;height:2px;background:var(--text-1);border-radius:2px;transition:all var(--transition)}.topnav__hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.topnav__hamburger.open span:nth-child(2){opacity:0}.topnav__hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.topnav__mobile{display:none;position:absolute;top:var(--nav-h);left:0;right:0;background:#07080ffa;border-bottom:1px solid var(--border);padding:16px 24px 24px;flex-direction:column;gap:4px}.topnav__mobile.open{display:flex}.topnav__mobile a{padding:12px 16px;font-size:1rem;color:var(--text-2);border-radius:var(--radius-sm);transition:all var(--transition)}.topnav__mobile a:hover,.topnav__mobile a.active{color:var(--text-1);background:#ffffff0f}.topnav__mobile-cta{margin-top:12px;text-align:center;background:linear-gradient(135deg,var(--gold),var(--gold-dark))!important;color:#0c0e1c!important;font-weight:700!important}@media (max-width: 768px){.topnav__links{display:none}.topnav__hamburger{display:flex}}.footer{background:var(--bg-0);border-top:1px solid var(--border);padding:56px 0 32px}.footer__inner{max-width:1100px;margin:0 auto;padding:0 24px}.footer__top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid var(--border)}.footer__brand img{height:40px;margin-bottom:14px;filter:drop-shadow(0 0 6px rgba(201,168,76,.25))}.footer__brand p{font-size:.9rem;color:var(--text-3);max-width:260px;line-height:1.7}.footer__col h4{font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}.footer__col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer__col ul a{font-size:.9rem;color:var(--text-3);transition:color var(--transition)}.footer__col ul a:hover{color:var(--text-1)}.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:28px;font-size:.82rem;color:var(--text-3)}.footer__icp{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-3)}.footer__icp-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:.6}@media (max-width: 768px){.footer__top{grid-template-columns:1fr;gap:32px}.footer__bottom{flex-direction:column;gap:12px;text-align:center}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/Loba_Banner.png);background-size:cover;background-position:center top;background-repeat:no-repeat;transform:scale(1.04);transition:transform 8s ease-out}.hero__bg.loaded{transform:scale(1)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#07080f8c,#07080f4d,#07080fb3 80%,#07080f)}.hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:0;padding:calc(var(--nav-h) + 40px) 24px 80px}.hero__logo{height:90px;width:auto;margin-bottom:24px;filter:drop-shadow(0 4px 24px rgba(201,168,76,.4));animation:heroFadeUp .9s ease both}.hero__title{font-family:var(--font-heading);font-size:clamp(3.5rem,10vw,7rem);font-weight:900;letter-spacing:.04em;color:var(--text-1);text-shadow:0 4px 32px rgba(0,0,0,.6);animation:heroFadeUp .9s .1s ease both}.hero__tagline{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-2);font-weight:300;letter-spacing:.06em;margin-top:12px;animation:heroFadeUp .9s .2s ease both}.hero__actions{display:flex;gap:16px;align-items:center;margin-top:40px;animation:heroFadeUp .9s .35s ease both;flex-wrap:wrap;justify-content:center}.hero__scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;animation:bounce 2.5s infinite;opacity:.5}.hero__scroll-hint span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2)}.hero__scroll-hint svg{color:var(--gold)}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.about{background:var(--bg-1);padding:96px 0;text-align:center}.about__label{font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}.about__title{font-size:clamp(1.8rem,4vw,2.6rem);color:var(--text-1)}.about__desc{max-width:560px;margin:20px auto 0;color:var(--text-2);font-size:1.05rem;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:64px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px 28px;text-align:left;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.feature-card__icon{font-size:2rem;margin-bottom:18px}.feature-card__title{font-size:1.15rem;font-weight:600;margin-bottom:10px;color:var(--text-1)}.feature-card__desc{font-size:.9rem;color:var(--text-2);line-height:1.7}.characters{background:var(--bg-0);padding:96px 0;overflow:hidden}.characters__inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.characters__text .about__label{text-align:left}.characters__text h2{font-size:clamp(1.8rem,3.5vw,2.4rem)}.characters__text p{margin-top:20px;color:var(--text-2);font-size:1rem;line-height:1.8}.characters__img-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--border)}.characters__img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.characters__img-wrap:hover img{transform:scale(1.03)}@media (max-width: 768px){.characters__inner{grid-template-columns:1fr;gap:40px}}.cta-banner{background:linear-gradient(135deg,var(--bg-2) 0%,var(--bg-3) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 0;text-align:center}.cta-banner h2{font-size:clamp(1.8rem,4vw,2.8rem)}.cta-banner p{color:var(--text-2);margin-top:16px;font-size:1.05rem;max-width:480px;margin-left:auto;margin-right:auto}.cta-banner .btn{margin-top:36px}.page-hero{padding:calc(var(--nav-h) + 64px) 0 56px;background:linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 100%);border-bottom:1px solid var(--border);text-align:center}.page-hero__label{font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}.page-hero h1{font-size:clamp(2rem,5vw,3.2rem)}.page-hero p{color:var(--text-2);font-size:1.05rem;max-width:520px;margin:16px auto 0}.htp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px}.htp-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;transition:border-color var(--transition),box-shadow var(--transition)}.htp-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.htp-card__step{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}.htp-card h3{font-size:1.2rem;margin-bottom:12px}.htp-card p{font-size:.9rem;color:var(--text-2);line-height:1.75}.htp-combos{margin-top:80px}.htp-combos h2{font-size:clamp(1.5rem,3.5vw,2rem);margin-bottom:8px}.combo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:32px}.combo-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:28px 24px;display:flex;gap:20px;align-items:flex-start}.combo-card__icon{font-size:2.2rem;line-height:1;flex-shrink:0}.combo-card h3{font-size:1rem;margin-bottom:6px}.combo-card p{font-size:.87rem;color:var(--text-2);line-height:1.65}.htp-tips{margin-top:80px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:48px 40px}.htp-tips h2{font-size:clamp(1.4rem,3vw,1.9rem);margin-bottom:28px}.htp-tips ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.htp-tips li{display:flex;gap:12px;font-size:.9rem;color:var(--text-2);line-height:1.65}.htp-tips li:before{content:"♦";color:var(--gold);font-size:.8rem;flex-shrink:0;margin-top:4px}@media (max-width: 600px){.htp-tips{padding:32px 20px}}.policy-body{max-width:760px;margin:0 auto;padding:72px 24px 96px}.policy-body h2{font-size:1.35rem;margin-top:48px;margin-bottom:12px;color:var(--gold-light)}.policy-body p,.policy-body li{color:var(--text-2);font-size:.95rem;line-height:1.8}.policy-body ul{padding-left:20px;margin-top:8px;display:flex;flex-direction:column;gap:8px}.policy-body .updated{font-size:.82rem;color:var(--text-3);margin-top:8px}.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start;padding:72px 0 96px}.contact-info h2{font-size:1.5rem;margin-bottom:16px}.contact-info p{color:var(--text-2);font-size:.95rem;line-height:1.8;margin-bottom:32px}.contact-links{display:flex;flex-direction:column;gap:14px}.contact-link{display:flex;align-items:center;gap:12px;color:var(--text-2);font-size:.9rem;transition:color var(--transition)}.contact-link:hover{color:var(--text-1)}.contact-link__icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;flex-shrink:0;transition:border-color var(--transition)}.contact-link:hover .contact-link__icon{border-color:var(--border-hover)}.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 36px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.82rem;font-weight:500;letter-spacing:.06em;color:var(--text-2);text-transform:uppercase}.form-group input,.form-group textarea,.form-group select{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;color:var(--text-1);font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color var(--transition),box-shadow var(--transition);-webkit-appearance:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-3)}.form-group input:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c1a}.form-group textarea{resize:vertical;min-height:140px}.form-feedback{padding:14px 16px;border-radius:var(--radius-sm);font-size:.9rem;text-align:center}.form-feedback--success{background:#c9a84c1a;border:1px solid rgba(201,168,76,.3);color:var(--gold-light)}.form-feedback--error{background:#dc3c3c14;border:1px solid rgba(220,60,60,.3);color:#e07070}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.contact-layout{grid-template-columns:1fr;gap:40px}.form-row{grid-template-columns:1fr}}.delete-account-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;padding:72px 0 96px}.da-block{margin-bottom:36px}.da-block h2{font-size:1.05rem;font-weight:600;margin-bottom:14px;color:var(--text-1)}.da-steps{padding-left:20px;display:flex;flex-direction:column;gap:10px;color:var(--text-2);font-size:.9rem;line-height:1.7}.da-list{list-style:none;display:flex;flex-direction:column;gap:8px}.da-list li{display:flex;gap:10px;font-size:.9rem;color:var(--text-2);line-height:1.65}.da-list--delete li:before{content:"✕";color:#e07070;font-size:.75rem;flex-shrink:0;margin-top:4px}.da-list--retain li:before{content:"○";color:var(--gold);font-size:.75rem;flex-shrink:0;margin-top:4px}.da-warning{padding:14px 16px;background:#dc3c3c12;border:1px solid rgba(220,60,60,.25);border-radius:var(--radius-sm);font-size:.87rem;color:#c07070;line-height:1.6}@media (max-width: 900px){.delete-account-layout{grid-template-columns:1fr;gap:40px}}.play-frame{padding-top:var(--nav-h);height:100vh;display:flex;flex-direction:column;background:#000}.play-frame__iframe{flex:1;width:100%;border:none}.play-frame__loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--text-2);font-size:.9rem;letter-spacing:.06em}.play-frame__spinner{width:40px;height:40px;border:3px solid rgba(201,168,76,.15);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.play-page{min-height:calc(100vh - var(--nav-h));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--nav-h) + 40px) 24px 80px;background:radial-gradient(ellipse at center top,rgba(201,168,76,.06) 0%,transparent 60%),var(--bg-1)}.play-page__badge{display:inline-flex;align-items:center;gap:8px;background:#c9a84c1a;border:1px solid rgba(201,168,76,.3);border-radius:999px;padding:6px 18px;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:28px}.play-page__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}.play-page h1{font-size:clamp(2.2rem,6vw,4rem);margin-bottom:20px}.play-page>p{color:var(--text-2);font-size:1.05rem;max-width:480px;line-height:1.8;margin-bottom:48px}.play-page__placeholder{width:100%;max-width:720px;aspect-ratio:16 / 9;background:var(--bg-card);border:2px dashed var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-3);font-size:.9rem;margin-bottom:40px}.play-page__placeholder-icon{font-size:3rem;opacity:.5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}