:root{--ink:#382912;--gold:#ffe197;--green:#243f27;--cream:#fff1cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#10251c;color:var(--cream);font-family:'Be Vietnam Pro',sans-serif;font-size:14px;line-height:1.7}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #49cceb;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.game-btn{font-family:'Baloo 2',sans-serif;line-height:1.15}button{color:inherit}section{position:relative;isolation:isolate;overflow:hidden}.topnav{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px max(28px,calc((100vw - 1200px)/2));background:linear-gradient(#10251bf5,#142819e8);border-bottom:1px solid #d7ad5c66;box-shadow:0 4px 24px #0004;backdrop-filter:blur(12px)}.brand{flex-shrink:0;display:grid}.brand b{font-size:30px;color:#fff4bc;letter-spacing:1px}.brand b span{color:#ffbf4c;margin-left:6px}.brand small{font:700 8px 'Be Vietnam Pro';letter-spacing:1.7px}.topnav nav{display:flex;gap:24px;align-items:center}.topnav nav a{font-weight:700;font-size:13px;transition:color .2s}.topnav nav a:hover,.topnav nav a.active{color:#ffd16a}.nav-guide{border:1px solid #d4ae68;padding:9px 15px;border-radius:6px}.nav-toggle{display:none}.hero{min-height:850px;height:100vh;max-height:1100px;display:flex;align-items:center;justify-content:center;text-align:center}.hero-backdrop{position:absolute;inset:0;z-index:-2;background:url('theme/bg-page1.webp') center top/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#09241a00 25%,#07221922 43%,#07221988 78%,#10251c 100%)}.hero-copy{padding:280px 20px 65px;text-shadow:0 3px 12px #10271d,0 2px 3px #000;position:relative}.hero-eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;color:#fff6ce}.hero h1{font-size:clamp(48px,5.6vw,82px);font-weight:800;margin:14px 0;color:#fff5c2;line-height:1.02;filter:drop-shadow(0 4px 0 #5d391d);animation:title-glow 4s ease-in-out infinite alternate}.hero h1 span{color:#ffd371}.hero-sub{font-size:16px;margin:20px auto;max-width:540px}.hero-actions{display:flex;justify-content:center;gap:14px}.game-btn{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:13px 30px;border:2px solid #ffe9a6;border-radius:9px;background:linear-gradient(#ffd97c,#dda32e);box-shadow:0 5px 0 #805024,0 10px 25px #0004;color:#402b13;font-size:21px;font-weight:800;text-shadow:0 1px #fff8;transition:transform .2s,filter .2s}.game-btn:hover{transform:translateY(-3px);filter:brightness(1.12)}.game-btn.secondary{background:linear-gradient(#507c4c,#244c32);color:#ffedc4;text-shadow:none;border-color:#b9c589}.hero-facts{display:flex;justify-content:center;gap:28px;font-size:11px;margin-top:27px}.hero-facts b{display:block;color:#ffe39a;font-size:14px}.scroll-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;font-weight:800}.scroll-hint span{display:block;font-size:30px;line-height:1;animation:bob 2s infinite}.forest-section{padding:95px 30px 100px;background-position:center;background-size:cover}.section-inner{max-width:1100px;margin:auto;position:relative;z-index:2}.tool-section{background-image:linear-gradient(#10251c88,#10251c55),url('theme/bg-page2.webp')}.vps-section{background-image:linear-gradient(#10251c44,#10251c88),url('theme/bg-page3.webp')}.intro-section,.guide-section{background-image:linear-gradient(#10251c55,#10251c55),url('theme/bg-page4.webp')}.section-heading{text-align:center;margin:0 auto 38px;max-width:850px}.chapter{display:inline-block;font-size:11px;letter-spacing:3px;color:#e7dba7;font-weight:800;margin-bottom:15px}.wood-title{font-size:clamp(30px,3.3vw,48px);color:#ffe4a1;text-shadow:0 3px #51321c,0 5px 12px #000b;padding:12px 25px}.section-heading p{color:#d8e6ca;margin:14px auto 0;max-width:650px}.parchment{background:radial-gradient(ellipse at 30% 0,#fff4d7,#ecd8a8 100%);border:2px solid #b79355;border-radius:14px;padding:30px;color:var(--ink);box-shadow:inset 0 0 0 5px #ffecc077,inset 0 0 40px #98753b30,0 14px 30px #0005}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-weight:800;font-size:10px;letter-spacing:1.8px;color:#7b6333}.panel-top h3{font-size:30px;margin-top:7px}.text-link{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-card{display:flex;gap:11px;align-items:flex-start;min-height:114px;padding:17px 13px;background:#fff8df99;border:1px solid #bb9d66;border-radius:8px;cursor:pointer;transition:.2s}.tool-card:hover{transform:translateY(-3px);background:#fffbeb;box-shadow:0 5px 12px #6d461522}.tool-card.selected{border-color:#446d3f;background:#e2edcd;box-shadow:inset 0 0 0 1px #446d3f}.tool-card input{accent-color:#41613a;width:18px;height:18px;margin:4px 0 0;flex-shrink:0}.tool-card span{display:grid;gap:5px}.tool-card b{font-size:13px;line-height:1.4}.tool-card strong{color:#80501a;font-size:16px}.tool-card small{font-size:10px;color:#6f674e;line-height:1.5}.panel-note{font-size:11px;border-top:1px dashed #b89a62;margin-top:22px;padding-top:17px}.vps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.vps-card{position:relative;background:linear-gradient(#354e36f5,#142e22f5);border:2px solid #91a06c;border-radius:15px;padding:30px 25px;box-shadow:0 14px 30px #0006;color:#f4ebce;transition:.25s}.vps-card.selected{border-color:#ffcf6a;box-shadow:0 0 0 4px #ffcf6a22,0 18px 45px #0006}.vps-card:hover{transform:translateY(-5px)}.vps-card .plan-label{font-size:10px;color:#ffe196;letter-spacing:2px;font-weight:800}.vps-card h3{font-size:32px;margin:12px 0 5px}.vps-card .capacity{color:#d6e5c7;font-size:12px}.vps-price{font-family:'Baloo 2';font-size:40px;color:#ffda78;font-weight:800;margin:17px 0}.vps-price small{font:400 11px 'Be Vietnam Pro';color:#cbd7c1}.included{padding:9px;background:#b1d29618;border:1px solid #b1d29644;border-radius:6px;font-size:10px;color:#d6f1b8}.specs{display:flex;justify-content:space-between;border-bottom:1px dashed #acb49755;padding:17px 0;font-size:12px}.vps-card button{width:100%;margin-top:25px;padding:13px 8px;border:1px solid #dab967;border-radius:7px;background:#13291a;color:#ffe5a5;font-weight:800}.vps-card.selected button{background:linear-gradient(#ffe69b,#dca439);color:#362614}.local-choice{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:30px;font-size:12px}.local-choice button{padding:10px 17px;border:1px solid #c3cba1;background:#10251b;border-radius:6px}.local-choice button[aria-pressed=true]{background:#efd190;color:#302813}.sway-decoration{position:absolute;width:200px;bottom:0;left:-70px;opacity:.65;animation:sway 3s ease-in-out infinite alternate;pointer-events:none}.intro-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:35px}.character-stage{text-align:center;filter:drop-shadow(0 20px 30px #0005)}.character-stage img{width:100%;max-height:460px;object-fit:contain;animation:bob 5s ease-in-out infinite}.character-caption{display:block;font-family:'Baloo 2';font-size:24px;color:#ffdf91}.feature-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #b39a68;padding-bottom:17px;margin-bottom:20px}.feature-tabs button{border:1px solid #b59a68;background:#fffae477;color:#6b5430;padding:6px 10px;border-radius:5px;font-size:10px;font-weight:700}.feature-tabs button[aria-selected=true]{background:#365437;color:#fff0cc;border-color:#365437}#feature-panel{min-height:280px}#feature-panel h3{font-size:34px;margin:10px 0 14px}#feature-description{font-size:13px;line-height:1.9}.detail-price{font-family:'Baloo 2';font-size:30px;color:#845018;font-weight:800;margin-top:12px}.detail-tip{font-size:11px;margin-bottom:22px;color:#6f603d}.description-panel .game-btn{font-size:17px;min-height:44px;padding:10px 18px}.slide-controls{display:flex;gap:18px;align-items:center;justify-content:flex-end;margin-top:20px;font-size:11px}.slide-controls button{width:34px;height:34px;border:1px solid #ad9058;background:#fdf0ce;color:#523e20;border-radius:50%;font-size:24px;line-height:1}.scene-backdrop{position:absolute;inset:0;z-index:-1;background-position:center bottom;background-size:auto 145%;background-repeat:no-repeat}.proxy-section .scene-backdrop{background-image:linear-gradient(#10251c55,#10251c33),url('theme/bg-page5.webp')}.contact-section .scene-backdrop{background-image:linear-gradient(#10251c55,#10251c77),url('theme/bg-page6.webp')}.proxy-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:45px;align-items:center;max-width:950px;margin:auto}.proxy-art{text-align:center}.proxy-art img{width:90%;max-height:410px;object-fit:contain;filter:drop-shadow(0 20px 30px #122c1b);animation:sway 3s ease-in-out infinite alternate}.proxy-panel h3{font-size:38px;margin:12px 0}.proxy-price{font-size:34px;font-weight:800;color:#7a501d}.proxy-price small{font-size:11px;font-weight:500}.benefits{padding-left:19px;font-size:12px;line-height:2}.quantity-label{font-size:12px;font-weight:800}.quantity{display:flex;align-items:center;gap:8px;margin:10px 0}.quantity button,.quantity input{height:42px;border:1px solid #a68a53;background:#fff6d9;color:#342919;border-radius:5px;text-align:center}.quantity button{width:40px;font-size:20px}.quantity input{width:58px;appearance:textfield;-moz-appearance:textfield}.quantity input::-webkit-inner-spin-button{appearance:none}.quantity strong{font-size:12px;margin-left:5px}.subtle{font-size:10px;color:#76613b}.contact-panel{display:grid;grid-template-columns:1fr .85fr;gap:50px}.contact-panel h3{font-size:29px;margin:10px 0 25px}.order-line{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px dashed #c4a973;font-size:12px}.order-line span small{display:block;color:#517041;font-size:10px}.order-total{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;font-weight:700}.order-total strong{font-size:31px;color:#805218;font-family:'Baloo 2'}.contact-actions{border-left:1px solid #c5aa76;padding-left:40px;text-align:center}.contact-symbol{font-size:45px;color:#537443}.contact-actions h3{margin:2px 0 12px}.contact-actions p{font-size:12px}.contact-actions .game-btn{margin:22px auto 14px;width:100%}.copy-order{padding:9px 14px;border:1px solid #8e774a;background:transparent;color:#544126;border-radius:5px;font-size:12px}.contact-note{font-size:11px!important;color:#52683c;margin-top:14px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{padding:25px}.step-number{display:block;font:800 42px 'Baloo 2';color:#93632d;line-height:1}.guide-card h3{font-size:24px;margin:16px 0 12px}.guide-card p{font-size:12px;line-height:1.9}.guide-card a,.guide-card button{font-size:11px;font-weight:800;text-decoration:underline;background:none;border:0;color:#486035;padding:0;margin-top:14px;display:inline-block}.quick-panel{position:fixed;right:15px;top:29%;z-index:20;width:145px;padding:22px 15px 12px;background:linear-gradient(#f7df9e,#d2b273);border:3px double #624621;border-radius:15px;box-shadow:0 10px 25px #0005;color:#47321c;text-align:center;display:none}.quick-panel b{font:800 23px 'Baloo 2'}.quick-panel a,.quick-panel button{display:block;width:100%;padding:10px 0;border:0;border-bottom:1px solid #957446;background:transparent;font-size:12px;font-weight:800}.quick-panel button{color:#28472c}.quick-panel .back-top{border:0;font-size:25px;padding:0}.order-dock{position:fixed;z-index:35;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:35px;padding:13px 22px;border:1px solid #d1b371;border-radius:12px;background:#14291ef5;box-shadow:0 8px 35px #0008;backdrop-filter:blur(14px);width:max-content;max-width:calc(100% - 24px)}.order-dock small{display:block;font-size:9px;color:#c7d1b7}.order-dock strong{font:800 26px 'Baloo 2';color:#ffda85}.order-dock a{font-size:11px}.order-dock a span{display:block;font-size:9px;color:#b3cba7}.order-dock button{border:1px solid #ffdc8b;border-radius:6px;background:linear-gradient(#ffdc81,#dba53d);padding:12px 20px;color:#3f2b15;font-weight:800;font-size:12px}footer{text-align:center;padding:45px 20px 135px;background:#0d1d16;border-top:1px solid #c9aa5744}footer b{font:800 30px 'Baloo 2';color:#ffdf90}footer p{font-size:12px;margin:5px}footer small{font-size:10px;color:#a9b79d}dialog{border:2px solid #b79a59;border-radius:18px;background:radial-gradient(#fff6dd,#e3cd9b);color:#3c2c18;padding:35px;max-width:440px;width:calc(100% - 28px);text-align:center;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#06170ddd;backdrop-filter:blur(8px)}dialog h2{font-size:29px;margin-top:15px}dialog p{font-size:12px;margin:14px 0}dialog img{width:260px;max-width:100%;height:auto;border:12px solid white;border-radius:12px}.modal-close{position:absolute;right:12px;top:10px;background:none;border:0;font-size:27px;color:#433316}.toast{position:fixed;left:50%;bottom:115px;transform:translate(-50%,20px);z-index:80;background:#fff0c5;color:#342813;border:1px solid #987a40;padding:12px 20px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;max-width:90%;font-size:12px}.toast.visible{opacity:1;transform:translate(-50%,0)}.skip-link{position:fixed;left:10px;top:-80px;z-index:100;background:#fff0be;color:#243822;padding:10px}.skip-link:focus{top:10px}.leaves{position:absolute;inset:0;overflow:hidden;pointer-events:none}.leaves i{position:absolute;top:-60px;width:28px;height:40px;background:url('theme/la1.png') center/contain no-repeat;animation:leaf 13s linear infinite;left:15%}.leaves i:nth-child(2){left:35%;animation-delay:-5s;animation-duration:16s}.leaves i:nth-child(3){left:60%;animation-delay:-9s}.leaves i:nth-child(4){left:85%;animation-delay:-2s;animation-duration:19s}.leaves i:nth-child(5){left:5%;animation-delay:-11s;animation-duration:17s}.leaves i:nth-child(6){left:72%;animation-delay:-7s;animation-duration:14s}.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}button:disabled{opacity:.55;cursor:default}@keyframes leaf{to{transform:translate(110px,1000px) rotate(260deg)}}@keyframes bob{50%{transform:translateY(-12px)}}@keyframes sway{from{transform:rotate(-1deg)}to{transform:rotate(1deg)}}@keyframes title-glow{to{filter:drop-shadow(0 4px 0 #5d391d) drop-shadow(0 0 14px #ffd17c55)}}@media(min-width:1500px){.quick-panel{display:block}.section-inner{max-width:1160px}}@media(max-width:1050px){.topnav{padding:12px 20px}.topnav nav{gap:14px}.topnav nav a{font-size:11px}.tool-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:780px}.hero-copy{padding-top:230px}.contact-panel{gap:25px}.contact-actions{padding-left:25px}}@media(max-width:760px){html{scroll-padding-top:85px}.topnav{padding:12px 18px}.brand b{font-size:26px}.nav-toggle{display:block;border:1px solid #b69a62;border-radius:6px;background:#263c26;padding:7px 13px;font-size:20px}.topnav nav{display:none;position:absolute;top:100%;left:0;right:0;background:#14291afc;padding:18px;grid-template-columns:1fr 1fr;gap:10px;border-bottom:1px solid #b7a06c}.topnav nav.open{display:grid}.topnav nav a{font-size:13px;padding:12px;border:1px solid #b7a06c55;border-radius:6px}.hero{height:850px;min-height:0}.hero-backdrop{background-image:url('theme/bg-page1-m.webp');background-position:center top}.hero-copy{padding:230px 16px 30px}.hero h1{font-size:54px}.hero-eyebrow{font-size:9px;letter-spacing:2px}.hero-sub{font-size:13px;max-width:300px}.hero-actions{gap:10px}.hero-actions .game-btn{font-size:17px;padding:12px 16px}.hero-facts{gap:15px;font-size:9px}.hero-facts b{font-size:11px}.forest-section{padding:65px 16px}.section-heading{margin-bottom:27px}.section-heading p{font-size:12px}.wood-title{padding:5px 0;font-size:35px}.chapter{font-size:9px;letter-spacing:2px}.parchment{padding:21px}.panel-top{display:block}.panel-top h3{font-size:27px}.text-link{display:inline-block;margin-top:10px}.tool-grid{gap:9px}.tool-card{padding:12px 9px;gap:7px;min-height:120px}.tool-card b{font-size:11px}.tool-card strong{font-size:14px}.tool-card small{font-size:9px}.vps-grid{grid-template-columns:1fr}.vps-card{padding:25px}.vps-card h3{font-size:31px}.vps-price{margin:8px 0;font-size:37px}.vps-card button{margin-top:17px}.local-choice{flex-wrap:wrap;gap:10px}.intro-layout,.proxy-layout{grid-template-columns:1fr;gap:22px}.character-stage img{height:260px;width:auto;max-width:100%}.character-caption{font-size:20px}.proxy-art img{height:240px;width:auto;max-width:100%}.scene-backdrop{background-size:auto 145%}.contact-panel{grid-template-columns:1fr;gap:28px}.contact-actions{padding:25px 0 0;border-left:0;border-top:1px solid #bba16c}.guide-grid{grid-template-columns:1fr 1fr;gap:12px}.guide-card{padding:18px}.guide-card h3{font-size:21px}.guide-card p{font-size:11px}.order-dock{gap:18px;padding:10px 14px;bottom:10px;justify-content:space-between;width:calc(100% - 20px)}.order-dock strong{font-size:23px}.order-dock small{font-size:8px}.order-dock button{padding:11px 13px;font-size:10px}.order-dock a{font-size:10px}.order-total strong{font-size:29px}.sway-decoration{display:none}}@media(max-width:390px){.hero h1{font-size:47px}.guide-grid{grid-template-columns:1fr}.order-dock{gap:9px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:82px}.hero-facts{gap:10px}.quantity{gap:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}