@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--gold:#c9a84c;--gold-light:#e8c96a;--gold-dim:#c9a84c1f;--green:#2d6a4f;--green-light:#40916c;--red:#b5382a;--batik-dark:url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='96' height='96' fill='none'/%3E%3Cg fill='none' stroke='%23C9A84C' stroke-opacity='0.18' stroke-width='0.9'%3E%3Cellipse cx='48' cy='48' rx='14' ry='8'/%3E%3Cellipse cx='48' cy='48' rx='8' ry='14'/%3E%3Cellipse cx='48' cy='48' rx='9' ry='9'/%3E%3C/g%3E%3Ccircle cx='48' cy='48' r='2.5' fill='%23C9A84C' fill-opacity='0.12'/%3E%3Ccircle cx='48' cy='48' r='0.9' fill='%23C9A84C' fill-opacity='0.24'/%3E%3Cg fill='none' stroke='%23C9A84C' stroke-opacity='0.09' stroke-width='0.6'%3E%3Cellipse cx='0' cy='0' rx='14' ry='8'/%3E%3Cellipse cx='0' cy='0' rx='8' ry='14'/%3E%3Cellipse cx='96' cy='0' rx='14' ry='8'/%3E%3Cellipse cx='96' cy='0' rx='8' ry='14'/%3E%3Cellipse cx='0' cy='96' rx='14' ry='8'/%3E%3Cellipse cx='0' cy='96' rx='8' ry='14'/%3E%3Cellipse cx='96' cy='96' rx='14' ry='8'/%3E%3Cellipse cx='96' cy='96' rx='8' ry='14'/%3E%3C/g%3E%3Ccircle cx='0' cy='0' r='1.5' fill='%23C9A84C' fill-opacity='0.10'/%3E%3Ccircle cx='96' cy='0' r='1.5' fill='%23C9A84C' fill-opacity='0.10'/%3E%3Ccircle cx='0' cy='96' r='1.5' fill='%23C9A84C' fill-opacity='0.10'/%3E%3Ccircle cx='96' cy='96' r='1.5' fill='%23C9A84C' fill-opacity='0.10'/%3E%3Cg fill='none' stroke='%23C9A84C' stroke-opacity='0.06' stroke-width='0.5'%3E%3Cellipse cx='48' cy='0' rx='14' ry='8'/%3E%3Cellipse cx='48' cy='0' rx='8' ry='14'/%3E%3Cellipse cx='48' cy='96' rx='14' ry='8'/%3E%3Cellipse cx='48' cy='96' rx='8' ry='14'/%3E%3Cellipse cx='0' cy='48' rx='14' ry='8'/%3E%3Cellipse cx='0' cy='48' rx='8' ry='14'/%3E%3Cellipse cx='96' cy='48' rx='14' ry='8'/%3E%3Cellipse cx='96' cy='48' rx='8' ry='14'/%3E%3C/g%3E%3Cline x1='34' y1='48' x2='15' y2='48' stroke='%23C9A84C' stroke-opacity='0.06' stroke-width='0.5'/%3E%3Cline x1='62' y1='48' x2='81' y2='48' stroke='%23C9A84C' stroke-opacity='0.06' stroke-width='0.5'/%3E%3Cline x1='48' y1='34' x2='48' y2='15' stroke='%23C9A84C' stroke-opacity='0.06' stroke-width='0.5'/%3E%3Cline x1='48' y1='62' x2='48' y2='81' stroke='%23C9A84C' stroke-opacity='0.06' stroke-width='0.5'/%3E%3C/svg%3E");--batik-light:url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='96' height='96' fill='none'/%3E%3Cg fill='none' stroke='%23A0722A' stroke-opacity='0.22' stroke-width='0.9'%3E%3Cellipse cx='48' cy='48' rx='14' ry='8'/%3E%3Cellipse cx='48' cy='48' rx='8' ry='14'/%3E%3Cellipse cx='48' cy='48' rx='9' ry='9'/%3E%3C/g%3E%3Ccircle cx='48' cy='48' r='2.5' fill='%23A0722A' fill-opacity='0.18'/%3E%3Ccircle cx='48' cy='48' r='0.9' fill='%23A0722A' fill-opacity='0.32'/%3E%3Cg fill='none' stroke='%23A0722A' stroke-opacity='0.14' stroke-width='0.7'%3E%3Cellipse cx='0' cy='0' rx='14' ry='8'/%3E%3Cellipse cx='0' cy='0' rx='8' ry='14'/%3E%3Cellipse cx='96' cy='0' rx='14' ry='8'/%3E%3Cellipse cx='96' cy='0' rx='8' ry='14'/%3E%3Cellipse cx='0' cy='96' rx='14' ry='8'/%3E%3Cellipse cx='0' cy='96' rx='8' ry='14'/%3E%3Cellipse cx='96' cy='96' rx='14' ry='8'/%3E%3Cellipse cx='96' cy='96' rx='8' ry='14'/%3E%3C/g%3E%3Ccircle cx='0' cy='0' r='1.5' fill='%23A0722A' fill-opacity='0.16'/%3E%3Ccircle cx='96' cy='0' r='1.5' fill='%23A0722A' fill-opacity='0.16'/%3E%3Ccircle cx='0' cy='96' r='1.5' fill='%23A0722A' fill-opacity='0.16'/%3E%3Ccircle cx='96' cy='96' r='1.5' fill='%23A0722A' fill-opacity='0.16'/%3E%3Cg fill='none' stroke='%23A0722A' stroke-opacity='0.10' stroke-width='0.5'%3E%3Cellipse cx='48' cy='0' rx='14' ry='8'/%3E%3Cellipse cx='48' cy='0' rx='8' ry='14'/%3E%3Cellipse cx='48' cy='96' rx='14' ry='8'/%3E%3Cellipse cx='48' cy='96' rx='8' ry='14'/%3E%3Cellipse cx='0' cy='48' rx='14' ry='8'/%3E%3Cellipse cx='0' cy='48' rx='8' ry='14'/%3E%3Cellipse cx='96' cy='48' rx='14' ry='8'/%3E%3Cellipse cx='96' cy='48' rx='8' ry='14'/%3E%3C/g%3E%3Cline x1='34' y1='48' x2='15' y2='48' stroke='%23A0722A' stroke-opacity='0.10' stroke-width='0.5'/%3E%3Cline x1='62' y1='48' x2='81' y2='48' stroke='%23A0722A' stroke-opacity='0.10' stroke-width='0.5'/%3E%3Cline x1='48' y1='34' x2='48' y2='15' stroke='%23A0722A' stroke-opacity='0.10' stroke-width='0.5'/%3E%3Cline x1='48' y1='62' x2='48' y2='81' stroke='%23A0722A' stroke-opacity='0.10' stroke-width='0.5'/%3E%3C/svg%3E")}[data-theme=dark]{--bg:#0c0c14;--bg2:#13131e;--bg3:#1c1c2a;--bg4:#252535;--text:#f0ead6;--text2:#f0ead699;--text3:#f0ead661;--border:#c9a84c2e;--border2:#ffffff12;--card-bg:#17172a;--nav-bg:#0c0c14f0;--shadow:0 20px 60px #00000080;--pattern:var(--batik-dark)}[data-theme=light]{--bg:#fdfaf4;--bg2:#f5efe4;--bg3:#ede4d3;--bg4:#e2d5c0;--text:#1a1208;--text2:#5c4425;--text3:#9a7a50;--border:#8b5e202e;--border2:#8b5e2017;--card-bg:#fff;--nav-bg:#fdfaf4f5;--shadow:0 8px 40px #3c23051a;--pattern:var(--batik-light)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);background-image:var(--pattern);color:var(--text);background-size:96px 96px;font-family:Plus Jakarta Sans,sans-serif;transition:background .4s,color .4s;overflow-x:hidden}h1,h2,h3{font-family:Playfair Display,serif}a{text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}.section{padding:88px 48px}.section-alt{background:var(--bg2);background-image:var(--pattern);background-size:96px 96px}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;margin-bottom:14px;font-size:11px;font-weight:700;display:inline-flex}.section-label:before{content:"";background:var(--gold);width:24px;height:1px}.section-title{color:var(--text);margin-bottom:12px;font-size:clamp(30px,3.5vw,46px);font-weight:800;line-height:1.15}.section-title em{color:var(--gold);font-style:italic}.section-sub{color:var(--text2);max-width:540px;font-size:15px;line-height:1.7}.btn-gold{background:var(--gold);color:#1a1408;cursor:pointer;border:none;border-radius:8px;padding:14px 32px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 24px #c9a84c4d}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 32px #c9a84c66}.btn-outline{color:var(--text);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:13px 28px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}footer{border-top:1px solid var(--border);background:var(--bg2);justify-content:space-between;align-items:center;padding:32px 48px;display:flex}.footer-logo{color:var(--text);font-family:Playfair Display,serif;font-size:18px;font-weight:800}.footer-logo span{color:var(--gold)}.footer-copy{color:var(--text3);font-size:12px}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--text2);font-size:12px;transition:color .2s}.footer-links a:hover{color:var(--gold)}[data-theme=light] .footer-copy{color:var(--text3)}[data-theme=light] .footer-links a{color:var(--text2)}@media (width<=1024px){.section{padding:64px 32px}.section-title{font-size:clamp(26px,4vw,38px)}.section-sub{font-size:14px}footer{padding:24px 32px}}@media (width<=768px){.section{padding:48px 20px}.section-label{gap:8px;font-size:10px}.section-label:before{width:20px}.section-title{margin-bottom:10px;font-size:clamp(24px,6vw,32px)}.section-sub{font-size:14px;line-height:1.6}.btn-gold{padding:12px 24px;font-size:13px}.btn-outline{padding:11px 22px;font-size:13px}footer{text-align:center;flex-direction:column;gap:16px;padding:20px}.footer-logo{font-size:16px}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px}.footer-copy{order:3}}@media (width<=480px){.section{padding:40px 16px}.section-title{font-size:clamp(22px,7vw,28px)}.section-sub{font-size:13px}.btn-gold{padding:10px 20px;font-size:12px}.btn-outline{padding:9px 18px;font-size:12px}footer{padding:16px}.footer-logo{font-size:15px}.footer-links a,.footer-copy{font-size:11px}}@keyframes navSlideIn{0%{opacity:0;transform:translateY(-22px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseDot{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}@keyframes pillAppear{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@media (width<=860px){.nav-btn.hide-mid{display:none}}@media (width<=768px){.nav-wrapper{padding:14px 16px}.nav-wrapper.scrolled{padding:9px 16px}nav{height:54px;padding:0 8px 0 18px;transition:height .4s cubic-bezier(.4,0,.2,1),border-radius .3s,box-shadow .4s,background .4s}nav.menu-open{border-radius:20px}.nav-logo{font-size:18px}.nav-divider{display:none}.nav-hamburger{margin-left:4px;display:flex}.nav-links{-webkit-backdrop-filter:blur(24px);flex-direction:column;flex:unset;opacity:0;visibility:hidden;background:#0a0814f0;border:1px solid #d4a84333;border-radius:16px;align-items:stretch;gap:4px;max-height:0;margin-top:6px;padding:0 12px;transition:opacity .3s,visibility .3s,max-height .4s cubic-bezier(.4,0,.2,1),padding .3s;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 18px 48px #00000073}.nav-links-open{opacity:1;visibility:visible;max-height:400px;padding:14px 12px 18px}[data-theme=light] .nav-links{background:#fffcf5f7;border-color:#d4a84338}.nav-btn{text-align:left;color:#ffffff94;border-radius:10px;width:100%;padding:13px 16px;font-size:14px;display:block}.nav-btn.hide-mid{display:block}.nav-btn:hover{color:#fff;background:#ffffff0f}.nav-btn.active{color:#fff;background:#ffffff14}.nav-btn.active:before{display:none}.nav-btn.primary{text-align:center;margin-top:4px;margin-left:0;padding:13px 16px}.theme-toggle-desktop{display:none}.theme-btn-mobile{color:#ffffff94;background:0 0;border-top:1px solid #ffffff14;margin-top:4px;padding-top:12px;display:block}.theme-btn-mobile:hover{color:#fff;background:#ffffff0f}[data-theme=light] .theme-btn-mobile{color:#1e140585;border-top-color:#00000014}[data-theme=light] .theme-btn-mobile:hover{color:#1e1405eb;background:#0000000d}[data-theme=light] .nav-btn{color:#1e140585}[data-theme=light] .nav-btn:hover,[data-theme=light] .nav-btn.active{color:#1e1405eb;background:#0000000d}}@media (width<=480px){.nav-wrapper{padding:10px 12px}nav{height:50px;padding:0 6px 0 14px}.nav-logo{font-size:16px}}[data-theme=light] .hero-desc,[data-theme=light] .stat-label{color:var(--text2)}@media (width<=968px){.hero{grid-template-columns:1fr;gap:40px;min-height:auto;padding:90px 24px 48px}.hero-right{height:380px}.hero-img-main{width:78%;height:280px}.hero-img-sm1{width:50%;height:170px;bottom:20px}.hero-img-sm2{width:40%;height:130px}.hero-actions{margin-bottom:32px}.hero-stats{gap:24px}}@media (width<=768px){.hero{gap:32px;padding:70px 20px 30px}.hero-title{margin-bottom:12px;font-size:clamp(32px,8vw,44px)}.hero-desc{margin-bottom:28px;font-size:14px}.hero-actions{gap:10px;margin-bottom:28px}.hero-stats{gap:20px;padding-top:24px}.stat-num{font-size:24px}.stat-label{font-size:11px}.hero-right{height:320px}.hero-img-main{width:85%;height:240px}.hero-img-sm1{width:55%;height:150px}.hero-img-sm2{width:45%;height:120px}}@media (width<=640px){.hero{padding:70px 16px 30px}.hero-title{font-size:clamp(32px,8vw,44px)}.hero-desc{font-size:14px}.hero-actions{gap:10px}.hero-stats{gap:20px}.hero-right{height:320px}.hero-img-main{width:85%;height:240px}.hero-img-sm1{width:55%;height:150px}.hero-img-sm2{width:45%;height:120px}}@media (width<=480px){.hero{gap:24px;padding:64px 16px 24px}.hero-title{font-size:clamp(28px,9vw,36px)}.hero-desc{margin-bottom:24px;font-size:13px;line-height:1.6}.hero-eyebrow{margin-bottom:16px;font-size:10px}.hero-eyebrow:before{width:20px}.hero-actions{flex-direction:column;gap:8px;width:100%;margin-bottom:24px}.hero-actions .btn-gold,.hero-actions .btn-outline{text-align:center;width:100%}.hero-stats{flex-wrap:wrap;justify-content:center;gap:16px;padding-top:20px}.stat-num{font-size:22px}.stat-label{font-size:10px}.hero-right{height:280px}.hero-img-main{width:90%;height:200px}.hero-img-sm1{width:60%;height:130px;bottom:15px}.hero-img-sm2{width:50%;height:100px}.img-tag{padding:3px 8px;font-size:10px}.hero-badge{padding:6px 10px;font-size:10px}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=640px){.marquee-wrap{padding:8px 0}.marquee-item{gap:10px;padding:0 20px;font-size:10px}}@media (width<=968px){.culture-header{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.culture-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:12px}.culture-card.main{grid-area:span 1/span 2}.cc-content{padding:18px}.cc-title{font-size:18px}.main .cc-title{font-size:24px}.culture-modal{height:88vh;max-height:none}}@media (width<=768px){.culture-grid{gap:10px}.culture-card{min-height:180px}.cc-content{padding:16px}.cc-title{font-size:17px}.main .cc-title{font-size:22px}}@media (width<=640px){.culture-grid{grid-template-columns:1fr;gap:10px}.culture-card.main{grid-column:span 1}.culture-card{min-height:200px}.cc-content{padding:16px}.cc-title{font-size:18px}.main .cc-title{font-size:22px}.cc-tag{font-size:9px}.cc-sub{font-size:10px}.culture-modal-overlay{padding:12px}.culture-modal{border-radius:16px;height:92vh}.modal-hero-img{height:180px}.modal-hero-title{font-size:18px}.modal-body{padding:16px 18px 24px}.modal-cta{flex-direction:column}}@media (width<=480px){.culture-card{min-height:180px}.cc-content{padding:14px}.cc-title{font-size:16px}.main .cc-title{font-size:20px}.cc-bg .big-emoji{font-size:60px}.modal-hero-img{height:160px}.modal-hero-title{font-size:16px;bottom:12px;left:16px;right:16px}.modal-hero-badge{bottom:40px;left:16px}.modal-body{padding:14px 16px 20px}.modal-meta{padding:10px 12px}.modal-meta-value{font-size:12px}}@media (width<=968px){.features-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px}}@media (width<=640px){.features-grid{grid-template-columns:1fr;gap:12px;margin-top:28px}.feat-card{padding:20px 16px}.feat-icon{width:44px;height:44px;margin-bottom:16px;font-size:20px}.feat-title{font-size:18px}.feat-desc{font-size:12px}}@media (width<=480px){.features-grid{gap:10px;margin-top:24px}.feat-card{padding:18px 14px}.feat-icon{width:40px;height:40px;margin-bottom:12px;font-size:18px}.feat-title{margin-bottom:8px;font-size:16px}.feat-desc{font-size:12px;line-height:1.6}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}[data-theme=light] .map-info-sub,[data-theme=light] .map-stat-lbl{color:var(--text2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}[data-theme=light] .popup-close,[data-theme=light] .popup-btn-secondary{color:#18120a;background:#ede5d6;border-color:#64400c33}@media (width<=768px){.map-page,.map-hero,.map-hero-inner,.map-container,.full-map,.full-map .map-svg{height:100dvh}.map-hero-header{top:16px;left:16px}.map-back-btn{padding:8px 14px;font-size:12px;top:16px;right:16px}.map-info-title{font-size:clamp(18px,5vw,24px)}.section-label{font-size:10px}.region-popup-overlay{animation:.3s slideUp;inset:auto 0 0}.region-popup{border-radius:16px 16px 0 0;max-width:100%;max-height:70vh}.popup-banner{height:150px}.popup-emoji{font-size:60px}.popup-title{font-size:20px}.popup-cards-grid{grid-template-columns:1fr}.region-tooltip{font-size:9px}}@media (width<=480px){.map-hero-header{top:12px;left:12px}.map-back-btn{padding:6px 12px;font-size:11px;top:12px;right:12px}.map-info-title{font-size:clamp(16px,5vw,20px)}.popup-title{font-size:18px}.popup-content,.popup-title-section{padding:12px}}@keyframes htpDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.map-top-right{gap:6px;top:60px;right:16px}.htp-trigger-btn span{display:none}.htp-trigger-btn{padding:9px 12px}.how-to-play-panel{width:280px;right:0}.map-progress-bar{width:140px}.map-back-btn{padding:8px 14px;font-size:12px;top:16px;right:16px}}@keyframes onboardingPop{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(4px,-4px)}}@keyframes htpPulse{0%{box-shadow:0 0 #c9a84c99}70%{box-shadow:0 0 0 10px #c9a84c00}to{box-shadow:0 0 #c9a84c00}}[data-theme=light] .result-label,[data-theme=light] .result-msg,[data-theme=light] .puzzle-img-sub,[data-theme=light] .puzzle-moves{color:var(--text2)}@media (width<=1024px){.games-select{gap:20px;padding:40px 32px}.gsc-top{padding:36px}.gsc-body{padding:0 36px 36px}.gsc-title{font-size:26px}}@media (width<=968px){.games-select{grid-template-columns:1fr;padding:32px 24px}.quiz-game,.puzzle-game{padding:32px 20px}.quiz-card,.puzzle-board{padding:28px 20px}.gsc-top{min-height:180px;padding:32px}.gsc-body{padding:0 32px 32px}}@media (width<=768px){.games-header{padding:32px 20px 40px}.games-title{font-size:clamp(24px,6vw,32px)}.games-sub{font-size:14px}.games-select{gap:16px;padding:24px 16px}.gsc-top{min-height:160px;padding:28px 20px}.gsc-body{padding:0 20px 28px}.gsc-title{font-size:22px}.gsc-desc{font-size:13px}.quiz-game,.puzzle-game,.quiz-card{padding:24px 16px}.quiz-question{font-size:20px}.quiz-options{grid-template-columns:1fr;gap:10px}.quiz-opt{padding:14px 16px;font-size:13px}.puzzle-board{padding:20px 16px}.puzzle-img-label{font-size:16px}.puzzle-piece{font-size:20px}.result-emoji{font-size:48px}.result-score{font-size:40px}}@media (width<=640px){.games-header{padding:28px 16px 32px}.games-title{margin-bottom:8px;font-size:clamp(22px,7vw,28px)}.games-sub{font-size:13px;line-height:1.6}.games-select{gap:14px;padding:20px 16px}.gsc-top{min-height:140px;padding:24px 16px}.gsc-badge{padding:4px 10px;font-size:9px}.gsc-body{padding:0 16px 24px}.gsc-title{margin-bottom:6px;font-size:20px}.gsc-desc{margin-bottom:16px;font-size:12px}.gsc-pills{margin-bottom:20px}.gsc-pill{padding:3px 10px;font-size:10px}.gsc-cta{padding:10px 20px;font-size:12px}.quiz-game,.puzzle-game{padding:20px 16px}.quiz-header,.puzzle-header{margin-bottom:28px}.quiz-back{padding:7px 14px;font-size:12px}.quiz-title{font-size:18px}.quiz-card{padding:20px 16px}.quiz-num{margin-bottom:10px;font-size:10px}.quiz-question{margin-bottom:24px;font-size:18px}.quiz-opt{padding:12px 14px;font-size:12px}.quiz-result{padding:32px 20px}.result-emoji{margin-bottom:12px;font-size:40px}.result-score{font-size:36px}.result-label{margin-bottom:20px;font-size:14px}.result-msg{margin-bottom:20px;font-size:13px}.result-btn{padding:10px 24px;font-size:13px}.puzzle-board{padding:20px 16px}.puzzle-img-label{margin-bottom:4px;font-size:16px}.puzzle-img-sub{margin-bottom:20px;font-size:12px}.puzzle-grid{gap:5px;margin-bottom:16px}.puzzle-piece{font-size:18px}.puzzle-actions{gap:10px}.puz-btn{padding:9px 18px;font-size:12px}.puzzle-info{margin-bottom:16px}.puzzle-moves{font-size:12px}.puzzle-complete{padding:28px 20px}.puzzle-complete-title{margin-bottom:6px;font-size:24px}.puzzle-complete-sub{margin-bottom:16px;font-size:13px}}@media (width<=480px){.games-header{padding:24px 16px 28px}.games-title{font-size:clamp(20px,8vw,24px)}.games-sub{font-size:12px}.gsc-top{min-height:120px;padding:20px 14px}.gsc-icon{width:44px;height:44px}.gsc-body{padding:0 14px 20px}.gsc-title{font-size:18px}.quiz-card,.puzzle-board{padding:18px 14px}.quiz-question,.puzzle-piece{font-size:16px}}@keyframes rtpSlide{0%{opacity:0;transform:translate(60px)scale(.92)}12%{opacity:1;transform:translate(0)scale(1)}78%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(30px)scale(.95)}}@media (width<=640px){.quote-section{padding:48px 20px}.quote-text{font-size:clamp(18px,5vw,22px)}.quote-attr{font-size:11px}.cta-section{padding:60px 20px}.cta-title{font-size:clamp(28px,7vw,36px)}.cta-sub{font-size:14px}}@media (width<=480px){.quote-section{padding:40px 16px}.quote-text{margin-bottom:12px;font-size:clamp(16px,6vw,20px);line-height:1.5}.quote-attr{font-size:10px}.cta-section{padding:48px 16px}.cta-title{margin-bottom:12px;font-size:clamp(24px,8vw,32px)}.cta-sub{margin-bottom:28px;font-size:13px;line-height:1.6}}.nav-wrapper{z-index:200;pointer-events:none;justify-content:center;padding:18px 32px;transition:padding .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:0}.nav-wrapper.scrolled{padding:12px 32px}nav{pointer-events:all;-webkit-backdrop-filter:blur(24px)saturate(180%);background:#0a0814b8;border:1px solid #d4a84333;border-radius:100px;justify-content:space-between;align-items:center;gap:4px;width:100%;max-width:920px;height:62px;padding:0 10px 0 26px;transition:height .4s cubic-bezier(.4,0,.2,1),box-shadow .4s,border-color .4s,background .4s;animation:.7s cubic-bezier(.16,1,.3,1) both navSlideIn;display:flex;box-shadow:0 4px 28px #00000073,inset 0 1px #ffffff0a}nav.scrolled{background:#0a0814e6;border-color:#d4a8434d;height:54px;box-shadow:0 8px 44px #0000008c,inset 0 1px #ffffff0d}[data-theme=light] nav{background:#fffcf8e0;border-color:#b4822838;box-shadow:0 4px 28px #3c230514,inset 0 1px #fffffff2}[data-theme=light] nav.scrolled{background:#fffcf8f7;box-shadow:0 8px 44px #3c23051c}.nav-logo{color:var(--text);cursor:pointer;letter-spacing:-.02em;white-space:nowrap;flex-shrink:0;font-family:Playfair Display,serif;font-size:20px;font-weight:800;transition:opacity .2s}.nav-logo:hover{opacity:.82}.nav-logo span{color:var(--gold)}.nav-logo:after{content:"";background:var(--gold);vertical-align:middle;opacity:.7;border-radius:50%;width:5px;height:5px;margin-left:7px;animation:2.4s ease-in-out infinite pulseDot;display:inline-block}.nav-divider{background:#ffffff1a;flex-shrink:0;width:1px;height:22px;margin:0 6px}[data-theme=light] .nav-divider{background:#0000001a}.nav-links{flex:1;justify-content:flex-end;align-items:center;gap:2px;display:flex}.nav-btn{color:#ffffff85;cursor:pointer;letter-spacing:.01em;white-space:nowrap;background:0 0;border:none;border-radius:100px;padding:8px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;transition:color .25s;position:relative}.nav-btn:hover{color:#ffffffeb}.nav-btn.active{color:#fff}.nav-btn.active:before{content:"";background:#ffffff14;border:1px solid #ffffff1a;border-radius:100px;animation:.3s cubic-bezier(.34,1.56,.64,1) pillAppear;position:absolute;inset:0}[data-theme=light] .nav-btn{color:#1e14057a}[data-theme=light] .nav-btn:hover{color:#1e1405eb}[data-theme=light] .nav-btn.active{color:#1e1405f2}[data-theme=light] .nav-btn.active:before{background:#0000000f;border-color:#00000014}.nav-btn.primary{background:var(--gold);margin-left:6px;padding:9px 20px;font-size:14px;font-weight:700;transition:background .2s,box-shadow .2s,transform .15s;box-shadow:0 2px 14px #d4a84361;color:#1a1408!important}.nav-btn.primary:before{display:none}.nav-btn.primary:hover{background:var(--gold-light,#e8bc48);transform:translateY(-1px);box-shadow:0 4px 22px #d4a8438c;color:#1a1408!important}.nav-btn.primary:active{transform:translateY(0)}.theme-toggle{width:40px;height:40px;color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;font-size:16px;transition:all .25s;display:flex}.theme-toggle:hover{border-color:var(--gold);background:#d4a8431f;transform:rotate(22deg)}[data-theme=light] .theme-toggle{background:#0000000a;border-color:#0000001a}.theme-btn-mobile{display:none}.nav-hamburger{color:var(--text);cursor:pointer;z-index:201;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;transition:color .2s;display:none}.nav-hamburger:hover{color:var(--gold)}.nav-hamburger span{background:currentColor;border-radius:2px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.nav-hamburger span:first-child{width:22px}.nav-hamburger span:nth-child(2){width:15px}.nav-hamburger span:nth-child(3){width:22px}.nav-hamburger.active span:first-child{width:22px;transform:rotate(45deg)translate(5px,5px)}.nav-hamburger.active span:nth-child(2){opacity:0;transform:translate(-8px)}.nav-hamburger.active span:nth-child(3){width:22px;transform:rotate(-45deg)translate(5px,-5px)}@media (width<=860px){.nav-btn.hide-mid{display:none}}@media (width<=768px){.nav-wrapper{padding:14px 16px}.nav-wrapper.scrolled{padding:9px 16px}nav{height:54px;padding:0 8px 0 18px;transition:height .4s cubic-bezier(.4,0,.2,1),border-radius .3s,box-shadow .4s,background .4s}nav.menu-open{border-radius:20px}.nav-logo{font-size:18px}.nav-divider{display:none}.nav-hamburger{margin-left:4px;display:flex}.nav-links{-webkit-backdrop-filter:blur(24px);flex-direction:column;flex:unset;opacity:0;visibility:hidden;background:#0a0814f0;border:1px solid #d4a84333;border-radius:16px;align-items:stretch;gap:4px;max-height:0;margin-top:6px;padding:0 12px;transition:opacity .3s,visibility .3s,max-height .4s cubic-bezier(.4,0,.2,1),padding .3s;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 18px 48px #00000073}.nav-links-open{opacity:1;visibility:visible;max-height:400px;padding:14px 12px 18px}[data-theme=light] .nav-links{background:#fffcf5f7;border-color:#d4a84338}.nav-btn{text-align:left;color:#ffffff94;border-radius:10px;width:100%;padding:13px 16px;font-size:14px;display:block}.nav-btn.hide-mid{display:block}.nav-btn:hover{color:#fff;background:#ffffff0f}.nav-btn.active{color:#fff;background:#ffffff14}.nav-btn.active:before{display:none}.nav-btn.primary{text-align:center;margin-top:4px;margin-left:0;padding:13px 16px}.theme-toggle-desktop{display:none}.theme-btn-mobile{color:#ffffff94;background:0 0;border-top:1px solid #ffffff14;margin-top:4px;padding-top:12px;display:block}.theme-btn-mobile:hover{color:#fff;background:#ffffff0f}[data-theme=light] .theme-btn-mobile{color:#1e140585;border-top-color:#00000014}[data-theme=light] .theme-btn-mobile:hover{color:#1e1405eb;background:#0000000d}[data-theme=light] .nav-btn{color:#1e140585}[data-theme=light] .nav-btn:hover,[data-theme=light] .nav-btn.active{color:#1e1405eb;background:#0000000d}}@media (width<=480px){.nav-wrapper{padding:10px 12px}nav{height:50px;padding:0 6px 0 14px}.nav-logo{font-size:16px}}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:100vh;padding:100px clamp(20px,5vw,48px) 60px;display:grid;position:relative;overflow:hidden}[data-theme=dark] .hero{background:radial-gradient(at 80%,#2d6a4f26 0%,#0000 55%),radial-gradient(at 10% 80%,#c9a84c14 0%,#0000 50%)}[data-theme=light] .hero{background-image:var(--pattern), radial-gradient(ellipse at 80% 50%, #2d6a4f0f 0%, transparent 55%), radial-gradient(ellipse at 10% 80%, #c9a84c0a 0%, transparent 50%), linear-gradient(180deg, #fdfaf4 0%, #f5efe4 100%);background-size:96px 96px,auto,auto,auto}.hero-left{z-index:2;position:relative}.hero-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:0;align-items:center;gap:10px;margin-bottom:20px;font-size:11px;font-weight:700;animation:.6s .2s forwards fadeUp;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--gold);width:28px;height:1px}.hero-title{color:var(--text);opacity:0;margin-bottom:16px;font-size:clamp(44px,5.5vw,78px);font-weight:800;line-height:1;animation:.7s .35s forwards fadeUp}.hero-title em{color:var(--gold);font-style:italic}.hero-title .outline{-webkit-text-stroke:1.5px var(--gold);color:#0000}.hero-desc{color:var(--text2);opacity:0;max-width:480px;margin-bottom:36px;font-size:16px;line-height:1.75;animation:.7s .5s forwards fadeUp}.hero-actions{opacity:0;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:48px;animation:.7s .65s forwards fadeUp;display:flex}.hero-stats{border-top:1px solid var(--border);opacity:0;flex-wrap:wrap;gap:32px;padding-top:32px;animation:.7s .8s forwards fadeUp;display:flex}.stat-num{color:var(--gold);font-family:Playfair Display,serif;font-size:30px;font-weight:800;line-height:1}.stat-label{color:var(--text2);margin-top:3px;font-size:12px}.hero-right{opacity:0;height:540px;animation:.8s .4s forwards fadeUp;position:relative}.hero-img-main{width:72%;height:380px;box-shadow:var(--shadow);border-radius:16px;position:absolute;top:0;right:0;overflow:hidden}.hero-img-sm1{width:48%;height:220px;box-shadow:var(--shadow);border:3px solid var(--bg);border-radius:14px;position:absolute;bottom:40px;left:0;overflow:hidden}.hero-img-sm2{width:38%;height:160px;box-shadow:var(--shadow);border:3px solid var(--bg);border-radius:14px;position:absolute;bottom:0;right:0;overflow:hidden}.img-placeholder{color:#ffffffb3;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;font-size:13px;font-weight:600;display:flex}.img-placeholder.p1{background:linear-gradient(135deg,#1a2f1e,#2d6a4f)}.img-placeholder.p2{background:linear-gradient(135deg,#2a1a10,#6b3a1a)}.img-placeholder.p3{background:linear-gradient(135deg,#1a1a35,#3a2a6a)}.img-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0000008c;border:1px solid #ffffff26;border-radius:20px;padding:4px 15px;font-size:13px;font-weight:600;position:absolute;bottom:12px;left:12px}.hero-badge{background:var(--gold);color:#1a1408;border-radius:8px;padding:8px 14px;font-size:11px;font-weight:700;position:absolute;top:24px;left:-16px;box-shadow:0 4px 16px #c9a84c66}[data-theme=light] .img-placeholder.p1{color:#1b5e20;background:linear-gradient(135deg,#d4edda,#a8d5b5)}[data-theme=light] .img-placeholder.p2{color:#4e2a00;background:linear-gradient(135deg,#fde8c8,#f5c07a)}[data-theme=light] .img-placeholder.p3{color:#1a237e;background:linear-gradient(135deg,#e8eaf6,#b0bad9)}[data-theme=light] .img-tag{color:#1a1208;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-color:#00000014}[data-theme=light] .hero-desc,[data-theme=light] .stat-label{color:var(--text2)}@media (width<=968px){.hero{grid-template-columns:1fr;gap:40px;min-height:auto;padding:90px 24px 48px}.hero-right{height:380px}.hero-img-main{width:78%;height:280px}.hero-img-sm1{width:50%;height:170px;bottom:20px}.hero-img-sm2{width:40%;height:130px}.hero-actions{margin-bottom:32px}.hero-stats{gap:24px}}@media (width<=768px){.hero{gap:32px;padding:70px 20px 30px}.hero-title{margin-bottom:12px;font-size:clamp(32px,8vw,44px)}.hero-desc{margin-bottom:28px;font-size:14px}.hero-actions{gap:10px;margin-bottom:28px}.hero-stats{gap:20px;padding-top:24px}.stat-num{font-size:24px}.stat-label{font-size:11px}.hero-right{height:320px}.hero-img-main{width:85%;height:240px}.hero-img-sm1{width:55%;height:150px}.hero-img-sm2{width:45%;height:120px}}@media (width<=640px){.hero{padding:70px 16px 30px}.hero-title{font-size:clamp(32px,8vw,44px)}.hero-desc{font-size:14px}.hero-actions{gap:10px}.hero-stats{gap:20px}.hero-right{height:320px}.hero-img-main{width:85%;height:240px}.hero-img-sm1{width:55%;height:150px}.hero-img-sm2{width:45%;height:120px}}@media (width<=480px){.hero{gap:24px;padding:64px 16px 24px}.hero-title{font-size:clamp(28px,9vw,36px)}.hero-desc{margin-bottom:24px;font-size:13px;line-height:1.6}.hero-eyebrow{margin-bottom:16px;font-size:10px}.hero-eyebrow:before{width:20px}.hero-actions{flex-direction:column;gap:8px;width:100%;margin-bottom:24px}.hero-actions .btn-gold,.hero-actions .btn-outline{text-align:center;width:100%}.hero-stats{flex-wrap:wrap;justify-content:center;gap:16px;padding-top:20px}.stat-num{font-size:22px}.stat-label{font-size:10px}.hero-right{height:280px}.hero-img-main{width:90%;height:200px}.hero-img-sm1{width:60%;height:130px;bottom:15px}.hero-img-sm2{width:50%;height:100px}.img-tag{padding:3px 8px;font-size:10px}.hero-badge{padding:6px 10px;font-size:10px}}.marquee-wrap{background:var(--gold);z-index:1;padding:10px 0;position:relative;overflow:hidden}.marquee-track{white-space:nowrap;animation:22s linear infinite marquee;display:flex}.marquee-item{letter-spacing:.12em;text-transform:uppercase;color:#1a1408;align-items:center;gap:14px;padding:0 28px;font-size:11px;font-weight:700;display:inline-flex}.marquee-dot{opacity:.4;background:#1a1408;border-radius:50%;width:4px;height:4px}@media (width<=640px){.marquee-wrap{padding:8px 0}.marquee-item{gap:10px;padding:0 20px;font-size:10px}}.culture-header{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:48px;display:grid}.culture-grid{grid-template-rows:260px 220px;grid-template-columns:1.5fr 1fr 1fr;gap:14px;display:grid}.culture-card{cursor:pointer;border-radius:14px;transition:transform .3s;position:relative;overflow:hidden}.culture-card:hover{transform:translateY(-4px)}.culture-card.main{grid-row:span 2}.cc-bg{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cc-bg-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cc-bg .big-emoji{opacity:.18;font-size:80px;position:absolute}.cc-overlay{background:linear-gradient(#0000 0%,#0000001a 40%,#000000d9 100%);position:absolute;inset:0}.cc-content{padding:20px;position:absolute;bottom:0;left:0;right:0}.cc-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-size:10px;font-weight:700}.cc-title{color:#fff;font-family:Playfair Display,serif;font-size:20px;font-weight:700;line-height:1.2}.main .cc-title{font-size:28px}.cc-sub{color:#ffffffa6;margin-top:4px;font-size:11px}[data-theme=light] .cc-overlay{background:linear-gradient(#0000 0%,#0000001a 40%,#000000bf 100%)}.c1{background:linear-gradient(135deg,#1a1228,#3d1b5c)}.c2{background:linear-gradient(135deg,#1a100a,#4a2a0a)}.c3{background:linear-gradient(135deg,#0a1a14,#1a4a30)}.c4{background:linear-gradient(135deg,#1a1218,#4a1030)}.c5{background:linear-gradient(135deg,#1a0a0a,#4a1010)}[data-theme=light] .c1{background:linear-gradient(135deg,#ede0fa,#c9a0e8)}[data-theme=light] .c2{background:linear-gradient(135deg,#faf0e0,#e8c080)}[data-theme=light] .c3{background:linear-gradient(135deg,#e0f5ea,#80c8a0)}[data-theme=light] .c4{background:linear-gradient(135deg,#fae0f0,#e880b8)}[data-theme=light] .c5{background:linear-gradient(135deg,#fae0e0,#e88080)}.culture-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.culture-modal{background:var(--card-bg,#1a1a2e);border-radius:20px;flex-direction:column;width:100%;max-width:640px;height:82vh;max-height:760px;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 80px #0009}.modal-hero-img{flex-shrink:0;height:220px;position:relative;overflow:hidden}.modal-hero-img img{object-fit:cover;width:100%;height:100%;display:block}.modal-hero-gradient{background:linear-gradient(#0000 0%,#0003 50%,#000000e6 100%);position:absolute;inset:0}.modal-close{color:#fff;cursor:pointer;z-index:2;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:background .2s;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{background:#fff3}.modal-hero-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--gold,#d4a843);background:#0006;border-radius:20px;padding:3px 8px;font-size:9px;font-weight:700;position:absolute;bottom:46px;left:20px}.modal-hero-title{color:#fff;margin:0;font-family:Playfair Display,serif;font-size:22px;font-weight:700;line-height:1.2;position:absolute;bottom:16px;left:20px;right:20px}.modal-body{scroll-behavior:smooth;flex:1;padding:20px 24px 28px;overflow:hidden auto}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:var(--border,#ffffff26);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--gold)}.modal-meta{background:var(--bg2);border-radius:12px;align-items:center;gap:16px;margin-bottom:20px;padding:12px 16px;display:flex}.modal-meta-item{flex:1;align-items:center;gap:10px;display:flex}.modal-meta-icon{font-size:20px}.modal-meta-label{color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:10px}.modal-meta-value{color:var(--text);font-size:13px;font-weight:600}.modal-meta-divider{background:var(--border2);width:1px;height:36px}.modal-section{margin-bottom:22px}.modal-section-title{color:var(--text);align-items:center;gap:10px;margin:0 0 12px;font-family:Playfair Display,serif;font-size:15px;font-weight:700;display:flex}.modal-section-bar{background:var(--gold,#d4a843);border-radius:2px;flex-shrink:0;width:3px;height:16px}.modal-desc-para{color:var(--text2);margin:0 0 10px;font-size:13px;line-height:1.7}.modal-desc-para:last-child{margin-bottom:0}.modal-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.modal-gallery-img{object-fit:cover;border-radius:8px;width:100%;height:100px}.modal-facts{flex-wrap:wrap;gap:8px;display:flex}.modal-fact-chip{color:var(--text);background:var(--bg2);border:1px solid var(--border);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;display:flex}.modal-fact-dot{background:var(--gold,#d4a843);border-radius:50%;flex-shrink:0;width:6px;height:6px}.modal-cta{gap:10px;padding-top:8px;display:flex}.modal-cta .btn-gold,.modal-cta .btn-outline{text-align:center;flex:1}@media (width<=968px){.culture-header{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.culture-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:12px}.culture-card.main{grid-area:span 1/span 2}.cc-content{padding:18px}.cc-title{font-size:18px}.main .cc-title{font-size:24px}.culture-modal{height:88vh;max-height:none}}@media (width<=768px){.culture-grid{gap:10px}.culture-card{min-height:180px}.cc-content{padding:16px}.cc-title{font-size:17px}.main .cc-title{font-size:22px}}@media (width<=640px){.culture-grid{grid-template-columns:1fr;gap:10px}.culture-card.main{grid-column:span 1}.culture-card{min-height:200px}.cc-content{padding:16px}.cc-title{font-size:18px}.main .cc-title{font-size:22px}.cc-tag{font-size:9px}.cc-sub{font-size:10px}.culture-modal-overlay{padding:12px}.culture-modal{border-radius:16px;height:92vh}.modal-hero-img{height:180px}.modal-hero-title{font-size:18px}.modal-body{padding:16px 18px 24px}.modal-cta{flex-direction:column}}@media (width<=480px){.culture-card{min-height:180px}.cc-content{padding:14px}.cc-title{font-size:16px}.main .cc-title{font-size:20px}.cc-bg .big-emoji{font-size:60px}.modal-hero-img{height:160px}.modal-hero-title{font-size:16px;bottom:12px;left:16px;right:16px}.modal-hero-badge{bottom:40px;left:16px}.modal-body{padding:14px 16px 20px}.modal-meta{padding:10px 12px}.modal-meta-value{font-size:12px}}.features-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px;display:grid}.feat-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:32px 28px;transition:border-color .25s,transform .25s}.feat-card:hover{border-color:var(--gold);transform:translateY(-3px)}.feat-icon{background:var(--gold-dim);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;font-size:24px;display:flex}.feat-title{color:var(--text);margin-bottom:10px;font-family:Playfair Display,serif;font-size:20px;font-weight:700}.feat-desc{color:var(--text2);font-size:13px;line-height:1.7}[data-theme=light] .feat-card{background:#fff;border-color:#8b5e2024;box-shadow:0 2px 16px #3c23050f}[data-theme=light] .feat-card:hover{border-color:var(--gold);box-shadow:0 8px 32px #c9a84c26}[data-theme=light] .feat-icon{background:#c9a84c1a;border-color:#c9a84c40}[data-theme=light] .feat-title{color:var(--text)}[data-theme=light] .feat-desc{color:var(--text2)}@media (width<=968px){.features-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px}}@media (width<=640px){.features-grid{grid-template-columns:1fr;gap:12px;margin-top:28px}.feat-card{padding:20px 16px}.feat-icon{width:44px;height:44px;margin-bottom:16px;font-size:20px}.feat-title{font-size:18px}.feat-desc{font-size:12px}}@media (width<=480px){.features-grid{gap:10px;margin-top:24px}.feat-card{padding:18px 14px}.feat-icon{width:40px;height:40px;margin-bottom:12px;font-size:18px}.feat-title{margin-bottom:8px;font-size:16px}.feat-desc{font-size:12px;line-height:1.6}}.quote-section{text-align:center;background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:72px clamp(20px,5vw,48px)}.quote-text{color:var(--text);max-width:700px;margin:0 auto 14px;font-family:Playfair Display,serif;font-size:clamp(22px,3vw,38px);font-style:italic;line-height:1.4}.quote-text span{color:var(--gold)}.quote-attr{letter-spacing:.12em;text-transform:uppercase;color:var(--text3);font-size:12px}.cta-section{text-align:center;background:var(--bg);padding:100px clamp(20px,5vw,48px)}.cta-title{color:var(--text);margin-bottom:16px;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.1}.cta-title em{color:var(--gold);font-style:italic}.cta-sub{color:var(--text2);max-width:420px;margin:0 auto 36px;font-size:16px;line-height:1.7}[data-theme=light] .quote-attr{color:var(--text3)}[data-theme=light] .cta-sub{color:var(--text2)}@media (width<=640px){.quote-section{padding:48px 20px}.quote-text{font-size:clamp(18px,5vw,22px)}.quote-attr{font-size:11px}.cta-section{padding:60px 20px}.cta-title{font-size:clamp(28px,7vw,36px)}.cta-sub{font-size:14px}}@media (width<=480px){.quote-section{padding:40px 16px}.quote-text{margin-bottom:12px;font-size:clamp(16px,6vw,20px);line-height:1.5}.quote-attr{font-size:10px}.cta-section{padding:48px 16px}.cta-title{margin-bottom:12px;font-size:clamp(24px,8vw,32px)}.cta-sub{margin-bottom:28px;font-size:13px;line-height:1.6}}.map-page{height:100vh;padding-top:0;overflow:hidden}.map-loading{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.map-loading-text{color:var(--gold);margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;animation:1.5s ease-in-out infinite pulse}.map-hero{border-bottom:none;height:100vh;padding:0}.map-hero-inner{flex-direction:column;height:100vh;padding-top:80px;display:flex}.map-hero-header{z-index:10;position:absolute;top:40px;left:40px}.map-back-btn{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#00000080;border:1px solid #ffffff1a;border-radius:8px;padding:10px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s;position:absolute;top:40px;right:40px}.map-back-btn:hover{background:var(--gold);border-color:var(--gold);color:#1a1408;transform:translate(-2px)}.map-info-title{color:#fff;text-shadow:0 2px 8px #00000080;margin:8px 0 0;font-size:clamp(28px,3vw,40px);font-weight:800}.map-info-title em{color:var(--gold);font-style:italic}.map-info-sub{color:var(--text2);margin-bottom:20px;font-size:14px;line-height:1.7}.map-stats{gap:24px;margin-bottom:28px;display:flex}.map-stat{text-align:center}.map-stat-num{color:var(--gold);font-family:Playfair Display,serif;font-size:26px;font-weight:800}.map-stat-lbl{color:var(--text2);margin-top:2px;font-size:11px}.map-container{border-radius:0;width:100%;height:100vh;padding:0;position:relative;overflow:hidden}.full-map{border-radius:0;width:100%;height:100vh;padding:0}.full-map .map-svg{width:100%;height:100vh;display:block}.map-full-title{z-index:2;color:#fffffff2;text-shadow:0 2px 8px #00000073;pointer-events:none;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(20px,2.4vw,30px);font-weight:800;position:absolute;top:14px;left:50%;transform:translate(-50%)}.map-svg{width:100%;height:auto;overflow:visible}.island-path,.island{cursor:pointer;opacity:.9;stroke-width:1.2px;transition:all .2s}[data-theme=dark] .island-path,[data-theme=dark] .island{fill:#4f577a;stroke:#d6b24d}[data-theme=light] .island-path,[data-theme=light] .island{fill:#57534e;stroke:#fff}.island-path:hover,.island:hover{fill:#c7a85c;opacity:1;filter:drop-shadow(0 0 5px #ffd78280)}.active-region,.active-province{fill:#f4dba6!important;stroke:#f7b24f!important;stroke-width:1.3px!important}[data-theme=light] .active-province{fill:#ffe5b4!important;stroke:#fff!important}[data-theme=light] .active-region,[data-theme=light] .active-province{fill:#f7b24f!important;stroke:#fff!important;stroke-width:1.3px!important}.selected-province{fill:#ffd082!important;stroke:#e8970a!important;stroke-width:1.3px!important;filter:drop-shadow(0 0 8px #ff8c1499)!important}[data-theme=light] .selected-province{fill:#ffd082!important;stroke:#fff!important;stroke-width:1.3px!important}.unselected-province{fill:gray!important;stroke:#666!important;opacity:.4!important}[data-theme=light] .unselected-province{fill:gray!important;stroke:#fff!important;opacity:.4!important}.map-label{fill:#ffffffe6;pointer-events:none;text-shadow:0 1px 3px #00000080;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:700}[data-theme=light] .map-label{fill:#ffffffe6}[data-theme=light] .map-info-title{color:var(--text)}[data-theme=light] .map-info-sub,[data-theme=light] .map-stat-lbl{color:var(--text2)}[data-theme=light] .map-hero-header{background:0 0}[data-theme=light] .section-label{color:var(--gold)}[data-theme=light] .map-progress-bar{background:#8b5e201f}[data-theme=light] .map-progress-fill{background:linear-gradient(90deg, var(--gold), #d4a855)}[data-theme=light] .map-progress-text{color:var(--text)}[data-theme=light] .map-key-display{color:var(--text);background:#c9a84c14;border-color:#c9a84c40}[data-theme=light] .fullmap-complete-banner{color:#2d6a4f;background:#40916c1a;border-color:#40916c4d}[data-theme=light] .htp-trigger-btn{color:var(--text2);background:#0000000a;border-color:#8b5e2033}[data-theme=light] .htp-trigger-btn:hover{border-color:var(--gold);color:var(--gold)}[data-theme=light] .how-to-play-panel{background:#fff;border-color:#8b5e2024;box-shadow:0 8px 32px #3c23051f}[data-theme=light] .htp-close{color:var(--text2);background:#0000000a;border-color:#8b5e2033}[data-theme=light] .htp-close:hover{border-color:var(--gold);color:var(--gold)}[data-theme=light] .htp-notice{color:var(--text);background:#c9a84c14;border-color:#c9a84c40}[data-theme=light] .htp-step-dot{background:var(--gold);color:#1a1408}[data-theme=light] .htp-level-header{color:var(--text);background:#c9a84c0f}[data-theme=light] .htp-level-row{color:var(--text2);border-color:#8b5e201f}[data-theme=light] .map-back-btn{color:var(--text2);background:#0000000a;border-color:#8b5e2033}[data-theme=light] .map-back-btn:hover{background:var(--gold);border-color:var(--gold);color:#1a1408}.region-tooltip{fill:#fff;text-shadow:0 2px 6px #000000b3;letter-spacing:.5px;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:700;animation:.15s fadeIn}.detail-panel{background:var(--bg2);border-top:1px solid var(--border);padding:40px 48px;animation:.4s slideUp;display:none}.detail-panel.show{display:block}.detail-inner{grid-template-columns:1fr;gap:20px;display:grid}.detail-img{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:260px;display:flex;overflow:hidden}.detail-img .big-emoji{font-size:64px}.detail-img .region-label{color:#fffc;font-size:14px;font-weight:600}.detail-province{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:11px;font-weight:700}.detail-name{color:var(--text);margin-bottom:12px;font-family:Playfair Display,serif;font-size:12px;font-weight:500}.detail-desc{color:var(--text2);margin-bottom:20px;font-size:14px;line-height:1.75}.detail-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.detail-tag{background:var(--gold-dim);border:1px solid var(--border);color:var(--gold);border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600}.detail-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.detail-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:14px}.dc-icon{margin-bottom:8px;font-size:22px}.dc-title{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:700}.dc-sub{color:var(--text2);font-size:12px}.close-btn{float:right;background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:6px;padding:6px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.close-btn:hover{border-color:var(--gold);color:var(--gold)}[data-theme=light] .detail-name{color:var(--text)}[data-theme=light] .detail-desc{color:var(--text2)}[data-theme=light] .dc-title{color:var(--text)}[data-theme=light] .dc-sub{color:var(--text2)}[data-theme=light] .detail-card{background:var(--bg3);border-color:var(--border)}.region-popup-overlay{z-index:1000;animation:.3s slideIn;position:fixed;top:20px;right:20px}.region-popup{background:var(--bg2);border-radius:12px;width:100%;max-width:380px;max-height:60vh;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0006}.popup-close{background:var(--bg3);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text);z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.popup-close:hover{background:var(--gold);border-color:var(--gold);color:var(--bg)}.popup-header{margin-bottom:12px}.popup-banner{border-radius:12px 12px 0 0;justify-content:center;align-items:center;height:200px;display:flex}.popup-emoji{font-size:80px}.popup-title-section{border-bottom:1px solid var(--border);padding:16px}.popup-title{color:var(--text);margin:0;font-family:Playfair Display,serif;font-size:24px;font-weight:700}.popup-province{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.popup-content{padding:16px}.popup-section{margin-bottom:12px}.popup-section-title{color:var(--text);margin:0 0 12px;font-size:16px;font-weight:700}.popup-text{color:var(--text2);margin:0 0 16px;font-size:14px;line-height:1.8}.popup-detail-text{color:var(--text2);background:var(--bg3);border-left:3px solid var(--gold);border-radius:4px;margin:0;padding:12px;font-size:12px;font-style:italic;line-height:1.6}.popup-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.popup-tag{background:var(--gold-dim);border:1px solid var(--border);color:var(--gold);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.popup-cards-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.popup-info-card{background:var(--bg3);border:1px solid var(--border);text-align:center;border-radius:12px;padding:16px;transition:all .2s}.popup-info-card:hover{border-color:var(--gold);background:var(--card-bg);transform:translateY(-2px)}.popup-card-icon{margin-bottom:8px;font-size:28px}.popup-card-title{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:700}.popup-card-sub{color:var(--text2);font-size:11px}.popup-actions{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:12px;display:grid}.popup-btn-primary,.popup-btn-secondary{cursor:pointer;border:none;border-radius:6px;padding:10px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.popup-btn-primary{background:var(--gold);color:var(--bg)}.popup-btn-primary:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 4px 12px #f7b24f66}.popup-btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.popup-btn-secondary:hover{border-color:var(--gold);color:var(--gold)}.key-requirement-box{background:var(--gold-dim);border:1px solid var(--gold);border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:12px;font-weight:600;display:flex}.key-icon{align-items:center;font-size:20px;display:flex}.key-amount{color:var(--gold);font-size:16px;font-weight:700}.region-popup::-webkit-scrollbar{width:6px}.region-popup::-webkit-scrollbar-track{background:var(--bg3)}.region-popup::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}.region-popup::-webkit-scrollbar-thumb:hover{background:var(--gold)}[data-theme=light] .region-popup{background:#faf5ec;border:1px solid #64400c2e;box-shadow:0 10px 48px #50320a2e}[data-theme=light] .popup-title-section{border-bottom-color:#64400c26}[data-theme=light] .popup-title{color:#18120a}[data-theme=light] .popup-detail-text{color:#4a3820;border-left-color:var(--gold);background:#ede5d6}[data-theme=light] .popup-close,[data-theme=light] .popup-btn-secondary{color:#18120a;background:#ede5d6;border-color:#64400c33}[data-theme=light] .popup-actions{border-top-color:#64400c26}[data-theme=light] .region-popup::-webkit-scrollbar-track{background:#ede5d6}@media (width<=768px){.map-page,.map-hero,.map-hero-inner,.map-container,.full-map,.full-map .map-svg{height:100dvh}.map-hero-header{top:16px;left:16px}.map-back-btn{padding:8px 14px;font-size:12px;top:16px;right:16px}.map-info-title{font-size:clamp(18px,5vw,24px)}.section-label{font-size:10px}.region-popup-overlay{animation:.3s slideUp;inset:auto 0 0}.region-popup{border-radius:16px 16px 0 0;max-width:100%;max-height:70vh}.popup-banner{height:150px}.popup-emoji{font-size:60px}.popup-title{font-size:20px}.popup-cards-grid{grid-template-columns:1fr}.region-tooltip{font-size:9px}}@media (width<=480px){.map-hero-header{top:12px;left:12px}.map-back-btn{padding:6px 12px;font-size:11px;top:12px;right:12px}.map-info-title{font-size:clamp(16px,5vw,20px)}.popup-title{font-size:18px}.popup-content,.popup-title-section{padding:12px}}.map-top-right{z-index:20;align-items:center;gap:10px;display:flex;position:absolute;top:40px;right:160px}.htp-wrapper{position:relative}.htp-trigger-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--gold);cursor:pointer;white-space:nowrap;background:#c9a84c1f;border:1px solid #c9a84c66;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.htp-trigger-btn:hover{border-color:var(--gold);background:#c9a84c38}.how-to-play-panel{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0c1cf7;border:1px solid #c9a84c59;border-radius:16px;width:300px;animation:.25s htpDrop;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 48px #0009}[data-theme=light] .how-to-play-panel{background:#faf5ecf7;border:1px solid #8b691459;box-shadow:0 16px 48px #50320a40}.htp-close{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}[data-theme=light] .htp-close{color:#1a140899;background:#8b69141a}.htp-close:hover{color:var(--gold);background:#c9a84c33}[data-theme=light] .htp-close:hover{color:#8b6914;background:#c9a84c4d}.htp-header{background:linear-gradient(135deg,#c9a84c26,#c9a84c0d);border-bottom:1px solid #c9a84c26;align-items:center;gap:12px;padding:16px 16px 12px;display:flex}[data-theme=light] .htp-header{background:linear-gradient(135deg,#c9a84c33,#c9a84c14);border-bottom:1px solid #8b691433}.htp-header-icon{width:40px;height:40px;color:var(--gold);background:#c9a84c26;border:1px solid #c9a84c4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}[data-theme=light] .htp-header-icon{color:#8b6914;background:#c9a84c33;border:1px solid #8b691466}.htp-header-title{color:var(--gold);letter-spacing:.3px;font-size:15px;font-weight:800}[data-theme=light] .htp-header-title{color:#8b6914}.htp-header-sub{color:#ffffff80;margin-top:2px;font-size:11px}[data-theme=light] .htp-header-sub{color:#1a140899}.htp-notice{color:#fffc;background:#40916c26;border:1px solid #40916c59;border-radius:8px;align-items:center;gap:8px;margin:12px 16px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}[data-theme=light] .htp-notice{color:#1a1408d9;background:#40916c1a;border:1px solid #40916c4d}.htp-notice-icon{color:#6fcf97;background:#40916c33;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}[data-theme=light] .htp-notice-icon{color:#2d8659;background:#40916c26}.htp-notice strong{color:#6fcf97}[data-theme=light] .htp-notice strong{color:#2d8659}.htp-flow{padding:4px 16px 12px}.htp-step{grid-template-columns:28px 2px 1fr;align-items:start;gap:0 10px;min-height:52px;display:grid}.htp-step-dot{color:#1a1408;background:linear-gradient(135deg,#c9a84c,#f7b24f);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:12px;font-weight:800;display:flex;box-shadow:0 2px 8px #c9a84c66}[data-theme=light] .htp-step-dot{color:#faf5ec;background:linear-gradient(135deg,#8b6914,#c9a84c);box-shadow:0 2px 8px #8b69144d}.htp-step-line{background:linear-gradient(#c9a84c80,#c9a84c1a);width:2px;height:calc(100% - 30px);min-height:20px;margin:30px auto 0}[data-theme=light] .htp-step-line{background:linear-gradient(#8b691466,#8b69141a)}.htp-step-line--last{background:0 0}.htp-step-content{padding:4px 0 16px}.htp-step-title{color:#fff;align-items:center;gap:6px;margin-bottom:2px;font-size:13px;font-weight:700;display:flex}[data-theme=light] .htp-step-title{color:#18120a}.htp-step-icon{color:var(--gold);flex-shrink:0;font-size:13px}[data-theme=light] .htp-step-icon{color:#8b6914}.htp-step-desc{color:#ffffff73;font-size:11px;line-height:1.4}[data-theme=light] .htp-step-desc{color:#1a1408a6}.htp-level-table{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;margin:0 16px 16px;overflow:hidden}[data-theme=light] .htp-level-table{background:#8b69140d;border:1px solid #8b691426}.htp-level-header{letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;border-bottom:1px solid #ffffff0f;padding:8px 12px 6px;font-size:10px;font-weight:700}[data-theme=light] .htp-level-header{color:#1a140880;border-bottom:1px solid #8b69141a}.htp-level-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:7px 12px;font-size:12px;display:flex}[data-theme=light] .htp-level-row{border-bottom:1px solid #8b691414}.htp-level-row:last-child{border-bottom:none}.htp-level-cost{color:#ffffff8c;flex:1}[data-theme=light] .htp-level-cost{color:#1a1408b3}.htp-level-cost strong{color:#fff}[data-theme=light] .htp-level-cost strong{color:#18120a}.htp-level-reward{color:#c9a84c;font-size:11px;font-weight:600}[data-theme=light] .htp-level-reward{color:#8b6914}.htp-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.map-progress-bar{background:#ffffff1a;border-radius:3px;width:180px;height:5px;margin-top:8px;position:relative;overflow:visible}.map-progress-fill{background:linear-gradient(90deg,#c9a84c,#f7b24f);border-radius:3px;height:100%;transition:width .5s}.map-progress-text{color:#ffffff73;white-space:nowrap;font-size:11px;position:absolute;top:9px;left:0}.fullmap-complete-banner{z-index:30;border:2px solid var(--gold);color:var(--gold);background:linear-gradient(135deg,#1a1408,#3d2e08);border-radius:16px;align-items:center;gap:10px;padding:20px 32px;font-size:16px;font-weight:700;animation:.5s fadeIn;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #c9a84c4d}@media (width<=768px){.map-top-right{gap:6px;top:60px;right:16px}.htp-trigger-btn span{display:none}.htp-trigger-btn{padding:9px 12px}.how-to-play-panel{width:280px;right:0}.map-progress-bar{width:140px}.map-back-btn{padding:8px 14px;font-size:12px;top:16px;right:16px}}.onboarding-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;animation:.4s fadeIn;display:flex;position:fixed;inset:0}.onboarding-content{text-align:center;background:linear-gradient(135deg,#0f1223fa,#1a1408fa);border:1px solid #c9a84c66;border-radius:20px;width:90%;max-width:360px;padding:36px 32px 28px;animation:.4s cubic-bezier(.34,1.56,.64,1) onboardingPop;box-shadow:0 24px 64px #000000b3,0 0 0 1px #c9a84c1a}.onboarding-icon{width:56px;height:56px;color:var(--gold);background:linear-gradient(135deg,#c9a84c33,#c9a84c14);border:1px solid #c9a84c59;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 20px;font-size:26px;display:flex}.onboarding-title{color:#fff;margin:0 0 12px;font-family:Playfair Display,serif;font-size:20px;font-weight:700}.onboarding-desc{color:#fff9;margin:0 0 24px;font-size:13px;line-height:1.7}.onboarding-arrow-hint{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:20px;padding-right:4px;display:flex}.onboarding-arrow-label{color:var(--gold);background:#c9a84c1f;border:1px solid #c9a84c4d;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.onboarding-arrow{color:var(--gold);font-size:22px;line-height:1;animation:1s ease-in-out infinite arrowBounce}.onboarding-btn{color:#1a1408;cursor:pointer;background:linear-gradient(135deg,#c9a84c,#f7b24f);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #c9a84c59}.onboarding-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c9a84c73}.htp-trigger-pulse{animation:1.5s ease-in-out infinite htpPulse;box-shadow:0 0 #c9a84c99}.detail-map-page{background:var(--bg);min-height:100vh}.detail-loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.loading-spinner{border:4px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.detail-hero{background-position:50%;background-size:cover;justify-content:center;align-items:center;height:70vh;min-height:500px;display:flex;position:relative}.detail-hero-overlay{z-index:1;background:linear-gradient(#0000004d,#000000b3);position:absolute;inset:0}.detail-hero-content{z-index:2;text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:0 20px;display:flex;position:relative}.detail-back-btn{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;padding:12px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;transition:all .3s;position:absolute;top:40px;left:40px}.detail-back-btn:hover{background:var(--gold);border-color:var(--gold);color:#1a1408;transform:translate(-5px)}.detail-hero-text{z-index:2;position:relative}.detail-badge{border:1px solid var(--gold);color:var(--gold);letter-spacing:2px;text-transform:uppercase;background:#c9a84c33;border-radius:20px;margin-bottom:20px;padding:8px 20px;font-size:12px;font-weight:700;display:inline-block}.detail-title{text-shadow:0 4px 20px #00000080;margin-bottom:16px;font-family:Playfair Display,serif;font-size:clamp(3rem,6vw,5rem);font-weight:800}.detail-subtitle{opacity:.9;text-shadow:0 2px 10px #00000080;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:400}.detail-container{max-width:1200px;margin:0 auto;padding:0 40px}.detail-section-header{text-align:center;margin-bottom:40px}.section-label{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.detail-section-header h2{color:var(--text);font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem);font-weight:800}.detail-quick-info{background:var(--bg2);background-image:var(--pattern);border-bottom:1px solid var(--border);padding:60px 0}.quick-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.quick-info-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:20px;padding:28px;transition:all .3s;display:flex}.quick-info-card:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-5px)}.quick-info-icon{background:var(--gold-dim);border:1px solid var(--border);width:52px;height:52px;color:var(--gold);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.6rem;display:flex}.quick-info-content h3{color:var(--text2);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:14px;font-weight:700}.quick-info-content p{color:var(--text);font-size:18px;font-weight:700}.detail-about{padding:64px 0}.about-content p{color:var(--text2);text-align:center;max-width:900px;margin:0 auto;font-size:1.15rem;line-height:1.9}.detail-culture{background:var(--bg2);background-image:var(--pattern);padding:72px 0}.detail-tourism{padding:72px 0}.detail-culinary{background:var(--bg2);background-image:var(--pattern);padding:72px 0}.media-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.media-card{box-shadow:var(--shadow);border-radius:16px;transition:transform .3s,box-shadow .3s;overflow:hidden}.media-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000004d}.media-img{background-position:50%;background-size:cover;background-color:var(--bg2);align-items:flex-end;height:300px;display:flex;position:relative}.media-img:after{content:"";background:linear-gradient(#0000 35%,#000000d1);transition:background .3s;position:absolute;inset:0}.media-card:hover .media-img:after{background:linear-gradient(#0000 25%,#000000ad)}.media-overlay{z-index:2;color:#fff;width:100%;padding:24px;position:relative}.media-overlay h3{margin:0 0 6px;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700;line-height:1.3}.media-overlay p{opacity:.88;margin:0;font-size:.85rem;line-height:1.5}.detail-facts{background:var(--bg2);background-image:var(--pattern);padding:72px 0}.facts-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.fact-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:36px 30px 30px;transition:all .35s;position:relative;overflow:hidden}.fact-card:before{content:"";background:linear-gradient(90deg, var(--gold), transparent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.fact-card:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 16px 48px #c9a84c26}.fact-card:hover:before{opacity:1}.fact-icon{color:var(--gold);margin-bottom:16px;font-size:1.4rem;line-height:1;display:block}.fact-index{color:var(--gold);opacity:.15;pointer-events:none;font-family:Playfair Display,serif;font-size:3.5rem;font-weight:800;line-height:1;transition:opacity .3s;position:absolute;top:20px;right:24px}.fact-card:hover .fact-index{opacity:.3}.fact-card p{color:var(--text);margin:0;font-size:1rem;font-weight:600;line-height:1.6}.detail-cta{background:var(--bg2);background-image:var(--pattern);text-align:center;padding:72px 0}.cta-content h2{color:var(--text);margin-bottom:16px;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem);font-weight:800}.cta-content p{color:var(--text2);margin-bottom:40px;font-size:1.1rem}[data-theme=light] .detail-map-page{background:var(--bg)}[data-theme=light] .detail-hero-overlay{background:linear-gradient(#0003,#050300b8)}[data-theme=light] .detail-quick-info{background:var(--bg2);background-image:var(--pattern);border-bottom:1px solid var(--border)}[data-theme=light] .quick-info-card{background:#fff;border:1px solid #8b5e2024;box-shadow:0 2px 16px #3c23050f}[data-theme=light] .quick-info-card:hover{border-color:var(--gold);background:#fff;box-shadow:0 8px 32px #c9a84c2e}[data-theme=light] .quick-info-icon{background:#c9a84c1a;border-color:#c9a84c40}[data-theme=light] .quick-info-content h3{color:var(--text3)}[data-theme=light] .quick-info-content p{color:var(--text)}[data-theme=light] .detail-about{background:var(--bg)}[data-theme=light] .about-content p{color:var(--text2)}[data-theme=light] .detail-culture,[data-theme=light] .detail-culinary,[data-theme=light] .detail-facts,[data-theme=light] .detail-cta{background:var(--bg2);background-image:var(--pattern)}[data-theme=light] .detail-tourism{background:var(--bg)}[data-theme=light] .detail-section-header h2{color:var(--text)}[data-theme=light] .media-card{border:1px solid #8b5e201f;box-shadow:0 4px 24px #3c23051f}[data-theme=light] .media-card:hover{border-color:#c9a84c80;box-shadow:0 16px 48px #3c230533}[data-theme=light] .media-img:after{background:linear-gradient(#0000 28%,#050300d9)}[data-theme=light] .fact-card{background:#fff;border:1px solid #8b5e2024;box-shadow:0 2px 16px #3c23050f}[data-theme=light] .fact-card:hover{border-color:var(--gold);background:#fff;box-shadow:0 12px 40px #c9a84c2e}[data-theme=light] .fact-card p{color:var(--text)}[data-theme=light] .fact-index{opacity:.08}[data-theme=light] .fact-card:hover .fact-index{opacity:.18}[data-theme=light] .cta-content h2{color:var(--text)}[data-theme=light] .cta-content p{color:var(--text2)}@media (width<=1024px){.detail-container{padding:0 32px}.media-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (width<=968px){.detail-container{padding:0 24px}.detail-hero{height:60vh;min-height:400px}.detail-back-btn{padding:10px 18px;font-size:13px;top:20px;left:20px}.detail-quick-info,.detail-about,.detail-culture,.detail-tourism,.detail-culinary,.detail-facts,.detail-cta{padding:52px 0}.detail-section-header{margin-bottom:32px}.quick-info-grid{grid-template-columns:repeat(2,1fr);gap:16px}.quick-info-card{gap:16px;padding:20px}.media-grid{grid-template-columns:repeat(2,1fr);gap:16px}.media-img{height:220px}.facts-grid{grid-template-columns:repeat(2,1fr);gap:16px}.detail-section-header h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}}@media (width<=640px){.detail-container{padding:0 16px}.detail-hero{height:55vh;min-height:320px}.detail-back-btn{padding:8px 14px;font-size:12px;top:14px;left:14px}.detail-badge{letter-spacing:1px;padding:6px 14px;font-size:10px}.detail-title{font-size:clamp(1.8rem,7vw,2.8rem)}.detail-subtitle{font-size:clamp(.9rem,3vw,1.1rem)}.detail-quick-info,.detail-about,.detail-culture,.detail-tourism,.detail-culinary,.detail-facts,.detail-cta{padding:40px 0}.detail-section-header{margin-bottom:28px}.detail-section-header h2{font-size:clamp(1.4rem,6vw,2rem)}.about-content p{font-size:.95rem;line-height:1.8}.quick-info-grid{grid-template-columns:1fr 1fr;gap:12px}.quick-info-card{gap:12px;padding:16px}.quick-info-icon{width:42px;height:42px;font-size:1.3rem}.quick-info-content h3{font-size:11px}.quick-info-content p{font-size:15px}.media-grid{grid-template-columns:1fr;gap:14px}.media-img{height:240px}.media-overlay h3{font-size:1.1rem}.facts-grid{grid-template-columns:1fr;gap:12px}.fact-card{padding:24px 20px}.fact-index{font-size:2.5rem}.cta-content h2{margin-bottom:12px}.cta-content p{margin-bottom:28px;font-size:.95rem}}@media (width<=480px){.detail-hero{height:50vh;min-height:280px}.detail-back-btn{padding:7px 12px;font-size:11px;top:12px;left:12px}.detail-title{font-size:clamp(1.6rem,8vw,2.2rem)}.detail-subtitle{font-size:.88rem}.detail-badge{padding:5px 12px;font-size:9px}.detail-quick-info,.detail-about,.detail-culture,.detail-tourism,.detail-culinary,.detail-facts,.detail-cta{padding:32px 0}.quick-info-grid{grid-template-columns:1fr 1fr;gap:10px}.quick-info-card{gap:10px;padding:14px 12px}.quick-info-icon{border-radius:10px;width:38px;height:38px;font-size:1.1rem}.quick-info-content h3{font-size:10px}.quick-info-content p{font-size:13px}.media-img{height:200px}.media-overlay{padding:16px}.media-overlay h3{font-size:1rem}.media-overlay p{font-size:.78rem}.fact-card{padding:20px 16px}.fact-index{font-size:2rem;top:14px;right:16px}.fact-card p{font-size:.9rem}.detail-section-header h2{font-size:clamp(1.2rem,7vw,1.6rem)}}.cta-btn-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:0;display:flex}.claim-reward-box{flex-direction:column;align-items:center;gap:10px;margin-bottom:24px;display:flex}.claim-reward-btn{cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:16px 32px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;transition:all .25s;display:inline-flex}.claim-reward-active{color:#6fcf97;background:linear-gradient(135deg,#1a3a2a,#2d6a4f);border:1.5px solid #40916c;box-shadow:0 4px 20px #40916c40}[data-theme=light] .claim-reward-active{color:#166534;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1.5px solid #2d8659;box-shadow:0 4px 20px #2d865933}.claim-reward-active:hover{color:#fff;background:linear-gradient(135deg,#2d6a4f,#40916c);transform:translateY(-2px);box-shadow:0 8px 28px #40916c66}[data-theme=light] .claim-reward-active:hover{color:#065f46;background:linear-gradient(135deg,#a7f3d0,#6ee7b7);transform:translateY(-2px);box-shadow:0 8px 28px #2d86594d}.claim-reward-disabled{color:#80808099;cursor:not-allowed;opacity:.6;background:#8080801a;border:1.5px solid #8080804d}[data-theme=light] .claim-reward-disabled{color:#1a140866;background:#8b5e2014;border:1.5px solid #8b5e2040}.claim-reward-done{color:#6fcf97;background:#40916c1a;border:1px solid #40916c4d;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.reward-toast{z-index:9999;color:#6fcf97;pointer-events:none;background:linear-gradient(135deg,#122018f7,#1a2a1ef7);border:1px solid #40916c80;border-radius:12px;align-items:center;gap:10px;padding:14px 22px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;animation:3s forwards toastSlide;display:flex;position:fixed;top:28px;right:28px;box-shadow:0 8px 32px #0006,0 0 0 1px #40916c33}[data-theme=light] .reward-toast{color:#2d8659;background:linear-gradient(135deg,#edf5f1f7,#dcede5f7);border:1px solid #40916c66;box-shadow:0 8px 32px #50320a33,0 0 0 1px #40916c26}.reward-toast-icon{flex-shrink:0;font-size:18px}@keyframes toastSlide{0%{opacity:0;transform:translate(40px)}12%{opacity:1;transform:translate(0)}75%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.claim-reward-anim{display:none}.btn-play-game{color:#1a1408;cursor:pointer;background:linear-gradient(135deg,#c9a84c,#f7b24f);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px 40px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #f7b24f4d}.btn-play-game:hover{background:linear-gradient(135deg,#f7b24f,#ffc870);transform:translateY(-3px);box-shadow:0 8px 32px #f7b24f80}.btn-gold{border:1.5px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;transition:all .3s;display:inline-flex}.btn-gold:hover{background:var(--gold);color:#1a1408;transform:translateY(-2px);box-shadow:0 6px 24px #c9a84c59}.unlock-overlay{z-index:9000;cursor:pointer;background:0 0;justify-content:center;align-items:center;animation:.25s forwards unlockBgIn;display:flex;position:fixed;inset:0}@keyframes unlockBgIn{to{background:#000000d1}}.unlock-canvas{pointer-events:none;z-index:1;position:absolute;inset:0}.unlock-glow{background:radial-gradient(circle, var(--unlock-color,#c9a84c) 0%, transparent 65%);opacity:0;pointer-events:none;z-index:2;border-radius:50%;width:600px;height:600px;animation:.7s .5s forwards glowBurst;position:absolute}@keyframes glowBurst{0%{opacity:0;transform:scale(.2)}40%{opacity:.18;transform:scale(1.1)}to{opacity:0;transform:scale(1.6)}}.unlock-card{z-index:10;cursor:default;text-align:center;background:linear-gradient(160deg,#0e1020f7,#161006f7);border:1px solid #c9a84c59;border-radius:24px;flex-direction:column;align-items:center;gap:10px;min-width:300px;padding:40px 48px 32px;animation:.5s cubic-bezier(.34,1.56,.64,1) .15s both cardPop;display:flex;position:relative;box-shadow:0 0 0 1px #c9a84c1a,0 24px 80px #000000b3}[data-theme=light] .unlock-card{background:linear-gradient(160deg,#faf5ecf7,#ede5d6f7);border:1px solid #8b691459;box-shadow:0 0 0 1px #8b69141a,0 24px 80px #50320a4d}@keyframes cardPop{0%{opacity:0;transform:scale(.7)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.unlock-ring{border:2px solid var(--unlock-color,#c9a84c);opacity:0;pointer-events:none;border-radius:32px;animation:1.2s ease-out .6s infinite ringPulse;position:absolute;inset:-20px}.unlock-ring--2{border-radius:40px;animation-delay:.9s;inset:-40px}@keyframes ringPulse{0%{opacity:.6;transform:scale(.95)}to{opacity:0;transform:scale(1.08)}}.unlock-key-wrap{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:4px;display:flex;position:relative}.unlock-key-icon{background:#c9a84c1f;border:1.5px solid #c9a84c66;border-radius:22px;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;animation:.9s cubic-bezier(.34,1.56,.64,1) .2s both keyAnim;display:flex}@keyframes keyAnim{0%{opacity:0;transform:scale(.3)rotate(-180deg)}60%{opacity:1;transform:scale(1.15)rotate(10deg)}80%{transform:scale(.95)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.unlock-sparkles{pointer-events:none;position:absolute;inset:0}.unlock-spark{background:var(--c,#c9a84c);opacity:0;width:6px;height:6px;animation:sparkFly .8s calc(.7s + var(--i) * 80ms) ease-out forwards;--angle:calc(var(--i) * 60deg);transform-origin:50%;border-radius:50%;position:absolute;top:50%;left:50%}@keyframes sparkFly{0%{opacity:1;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-52px) scale(.3)}}.unlock-label{letter-spacing:.15em;text-transform:uppercase;color:#ffffff73;font-size:12px;font-weight:700;animation:.5s .7s both textReveal}[data-theme=light] .unlock-label{color:#1a140880}.unlock-name{font-family:Playfair Display,serif;font-size:clamp(22px,4vw,32px);font-weight:800;line-height:1.2;animation:.5s .85s both textReveal}[data-theme=light] .unlock-name{color:#18120a}.unlock-badge{letter-spacing:.05em;border-radius:20px;padding:4px 14px;font-size:11px;font-weight:700;animation:.5s 1s both textReveal}.unlock-hint{color:#fff3;margin:6px 0 0;font-size:11px;font-style:italic;animation:.5s 1.3s both textReveal}[data-theme=light] .unlock-hint{color:#1a14084d}@keyframes textReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.puzzle-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex;position:relative}.puzzle-bg-deco{pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 20%,#c9a84c0f 0%,#0000 70%),radial-gradient(40% 60% at 80% 30%,#40916c0d 0%,#0000 70%);position:fixed;inset:0}.puzzle-topbar{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000004d;border-bottom:1px solid #c9a84c26;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex;position:relative}.puzzle-back-btn{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.puzzle-back-btn:hover{color:var(--gold);background:#c9a84c26;border-color:#c9a84c66}.puzzle-topbar-center{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.puzzle-topbar-label{color:var(--gold);letter-spacing:.3px;white-space:nowrap;font-family:Playfair Display,serif;font-size:17px;font-weight:700}.puzzle-topbar-sub{color:#fff6;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:500;overflow:hidden}.puzzle-stat-chip{background:#c9a84c14;border:1px solid #c9a84c33;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;min-width:60px;padding:6px 14px;display:flex}.puzzle-stat-val{color:var(--gold);font-family:Playfair Display,serif;font-size:16px;font-weight:800;line-height:1.1}.puzzle-stat-lbl{color:#fff6;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.puzzle-rounds{z-index:1;background:#00000026;border-bottom:1px solid #c9a84c1a;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:8px 0;display:flex;position:relative}.puzzle-round-dot{background:#ffffff26;border:1.5px solid #fff3;border-radius:50%;width:10px;height:10px;transition:all .3s}.puzzle-round-dot.active{background:var(--gold);border-color:var(--gold);transform:scale(1.3);box-shadow:0 0 8px #c9a84c99}.puzzle-round-dot.done{background:#40916c;border-color:#40916c}.puzzle-main{z-index:1;flex:1;gap:0;display:flex;position:relative}.puzzle-canvas-area{box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-width:0;padding:24px;display:flex}.puzzle-canvas-frame{border-radius:14px;width:100%;max-width:600px;line-height:0;transition:box-shadow .3s;overflow:hidden;box-shadow:0 0 0 1px #c9a84c4d,0 8px 32px #00000080,0 0 60px #c9a84c14}.puzzle-canvas-frame:hover{box-shadow:0 0 0 1px #c9a84c80,0 12px 40px #0009,0 0 80px #c9a84c1f}.puzzle-canvas{aspect-ratio:4/3;cursor:grab;touch-action:none;width:100%;display:block}.puzzle-canvas:active{cursor:grabbing}.noselect{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.puzzle-canvas-below{flex-direction:column;align-items:center;gap:0;width:100%;max-width:600px;display:flex}.puzzle-canvas-hint{color:#ffffff4d;text-align:center;width:100%;margin-top:10px;font-size:11px;font-style:italic}.puzzle-check-btn{color:#1a1408;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#c9a84c,#f7b24f);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:600px;margin-top:14px;padding:14px 0;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 16px #c9a84c59}.puzzle-check-btn:hover{background:linear-gradient(135deg,#f7b24f,#ffc870);transform:translateY(-2px);box-shadow:0 6px 24px #c9a84c80}.puzzle-side{background:#0003;border-left:1px solid #c9a84c1f;flex-direction:column;flex-shrink:0;width:220px;padding:16px 18px;display:flex;overflow-y:auto}.puzzle-side-section{margin-bottom:20px}.puzzle-side-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;border-bottom:1px solid #ffffff0f;margin-bottom:10px;padding-bottom:6px;font-size:10px;font-weight:700}.puzzle-action-btn{color:#ffffffb3;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:9px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:flex}.puzzle-action-btn:hover{color:var(--gold);background:#c9a84c1a;border-color:#c9a84c59}.puzzle-action-hint:hover{color:#6fcf97;background:#40916c1a;border-color:#40916c59}.puzzle-thumb-item{color:#fff9;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;display:flex}.puzzle-thumb-item img{object-fit:cover;border-radius:4px;flex-shrink:0;width:44px;height:30px}.puzzle-thumb-item.active{border-color:var(--gold);color:var(--gold);background:#c9a84c1f}.puzzle-difficulty-info{align-items:center;gap:10px;display:flex}.puzzle-diff-badge{color:var(--gold);background:#c9a84c26;border:1px solid #c9a84c4d;border-radius:6px;padding:4px 10px;font-family:Playfair Display,serif;font-size:13px;font-weight:800}.puzzle-diff-text{color:#fff6;font-size:12px}.puzzle-progress-info{flex-direction:column;gap:6px;display:flex}.puzzle-progress-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;transition:all .2s;display:flex}.puzzle-progress-item.active{background:#c9a84c1a;border-color:#c9a84c4d}.puzzle-progress-item.done{background:#40916c14;border-color:#40916c40}.puzzle-progress-num{color:#ffffff80;background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex}.puzzle-progress-item.active .puzzle-progress-num{background:var(--gold);color:#1a1408}.puzzle-progress-item.done .puzzle-progress-num{color:#fff;background:#40916c}[data-theme=light] .puzzle-progress-num{color:#1a140880;background:#8b5e201f}[data-theme=light] .puzzle-progress-item.active .puzzle-progress-num{background:var(--gold);color:#1a1408}[data-theme=light] .puzzle-progress-item.done .puzzle-progress-num{color:#fff;background:#40916c}.puzzle-progress-lbl{color:#fff6;font-size:11px;font-weight:600}.puzzle-progress-item.active .puzzle-progress-lbl{color:var(--gold)}.puzzle-progress-item.done .puzzle-progress-lbl{color:#6fcf97}.puzzle-reward-done{color:#6fcf97;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.puzzle-reward-hint{color:#fff6;margin:0;font-size:12px;line-height:1.5}.puzzle-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.puzzle-modal{background:linear-gradient(135deg,#121426fa,#1a1408fa);border:1px solid #c9a84c4d;border-radius:16px;width:100%;max-width:440px;padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalPop;box-shadow:0 20px 60px #0009}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.puzzle-modal-header{color:var(--gold);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:15px;font-weight:700;display:flex}.puzzle-modal-header button{color:#ffffff80;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;transition:all .2s;display:flex}.puzzle-modal-header button:hover{color:var(--gold);background:#c9a84c33}.puzzle-hint-img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%;display:block}.puzzle-hint-caption{text-align:center;color:#fff6;margin-top:10px;font-size:12px}.puzzle-check-modal{text-align:center;max-width:340px}.puzzle-check-icon{border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 14px;font-size:28px;animation:1.5s ease-in-out infinite winPulse;display:flex}.puzzle-check-icon.correct{color:#6fcf97;background:#40916c26;border:1px solid #40916c66}.puzzle-check-icon.wrong{color:#e57373;background:#b5382a1f;border:1px solid #b5382a59}.puzzle-check-title{margin:0 0 10px;font-family:Playfair Display,serif;font-size:22px;font-weight:800}.puzzle-check-modal.correct .puzzle-check-title{color:#6fcf97}.puzzle-check-modal.wrong .puzzle-check-title{color:#e57373}.puzzle-check-msg{color:#ffffff8c;margin:0 0 22px;font-size:13px;line-height:1.6}.puzzle-win-modal{text-align:center;max-width:360px}.puzzle-win-icon{width:64px;height:64px;color:var(--gold);background:linear-gradient(135deg,#c9a84c33,#c9a84c14);border:1px solid #c9a84c66;border-radius:20px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:28px;animation:1.5s ease-in-out infinite winPulse;display:flex}@keyframes winPulse{0%,to{box-shadow:0 0 #c9a84c66}50%{box-shadow:0 0 0 12px #c9a84c00}}.puzzle-win-title{color:var(--gold);margin:0 0 8px;font-family:Playfair Display,serif;font-size:24px;font-weight:800}.puzzle-win-sub{color:#ffffff80;margin:0 0 20px;font-size:13px}.puzzle-win-sub strong{color:#fff}.puzzle-win-reward{flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;display:flex}.puzzle-claim-toast{color:#6fcf97;background:#40916c26;border:1px solid #40916c59;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;animation:.3s fadeIn;display:flex}.puzzle-win-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.puzzle-win-btn{cursor:pointer;color:#ffffffb3;background:#ffffff12;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.puzzle-win-btn:hover{color:var(--gold);background:#c9a84c1a;border-color:#c9a84c66}.puzzle-win-btn--primary{color:#1a1408;background:linear-gradient(135deg,#c9a84c,#f7b24f);border-color:#0000}.puzzle-win-btn--primary:hover{color:#1a1408;background:linear-gradient(135deg,#f7b24f,#c9a84c);transform:translateY(-1px);box-shadow:0 4px 16px #c9a84c66}.puzzle-win-btn--retry{color:#e57373;cursor:pointer;background:#b5382a1f;border:1px solid #b5382a59;border-radius:8px;align-items:center;gap:6px;margin:0 auto;padding:10px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.puzzle-win-btn--retry:hover{background:#b5382a38;border-color:#b5382a99}.claim-reward-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.claim-reward-active{color:#1a1408;background:linear-gradient(135deg,#c9a84c,#f7b24f);box-shadow:0 4px 16px #c9a84c66}.claim-reward-active:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c9a84c8c}.claim-reward-done{color:#6fcf97;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.rtp-title{color:#6fcf97;font-family:Playfair Display,serif;font-size:15px;font-weight:800}[data-theme=light] .puzzle-page{background:var(--bg)}[data-theme=light] .puzzle-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf8eb;border-bottom-color:#8b5e2026}[data-theme=light] .puzzle-back-btn{color:var(--text2);background:#0000000a;border-color:#8b5e202e}[data-theme=light] .puzzle-back-btn:hover{border-color:var(--gold);color:var(--gold)}[data-theme=light] .puzzle-topbar-label{color:var(--gold)}[data-theme=light] .puzzle-topbar-sub{color:var(--text3)}[data-theme=light] .puzzle-stat-chip{background:#c9a84c14;border-color:#c9a84c38}[data-theme=light] .puzzle-stat-lbl{color:var(--text3)}[data-theme=light] .puzzle-rounds{background:#00000008;border-bottom-color:#8b5e201a}[data-theme=light] .puzzle-round-dot{background:#0000001a;border-color:#00000026}[data-theme=light] .puzzle-side{background:#00000006;border-left-color:#8b5e201f}[data-theme=light] .puzzle-side-label{color:var(--text3);border-bottom-color:#00000012}[data-theme=light] .puzzle-action-btn{color:var(--text2);background:#fff;border-color:#8b5e2029}[data-theme=light] .puzzle-action-btn:hover{border-color:var(--gold);color:var(--gold);background:#c9a84c0f}[data-theme=light] .puzzle-thumb-item{color:var(--text2);background:#fff;border-color:#8b5e2024}[data-theme=light] .puzzle-thumb-item.active{border-color:var(--gold);color:var(--gold);background:#c9a84c14}[data-theme=light] .puzzle-canvas-hint,[data-theme=light] .puzzle-diff-text{color:var(--text3)}[data-theme=light] .puzzle-progress-item{background:#00000008;border-color:#8b5e201a}[data-theme=light] .puzzle-progress-lbl,[data-theme=light] .puzzle-reward-hint{color:var(--text3)}[data-theme=light] .puzzle-canvas-frame{box-shadow:0 0 0 1px #c9a84c4d,0 8px 32px #3c230526,0 0 40px #c9a84c0f}@media (width<=900px){.puzzle-main{flex-direction:column}.puzzle-side{border-top:1px solid #c9a84c1f;border-left:none;flex-flow:wrap;gap:12px;width:100%;padding:14px 24px;overflow:auto visible}.puzzle-side-section{flex:1;min-width:130px;margin-bottom:0}.puzzle-canvas-area{padding:20px 24px 16px}}@media (width<=600px){.puzzle-topbar{gap:8px;padding:10px 16px}.puzzle-topbar-label{font-size:14px}.puzzle-topbar-sub{font-size:10px}.puzzle-back-btn{padding:7px 10px;font-size:12px}.puzzle-stat-chip{min-width:50px;padding:5px 10px}.puzzle-stat-val{font-size:14px}.puzzle-canvas-area{padding:14px 16px}.puzzle-check-btn{margin-top:12px;padding:12px 0;font-size:13px}.puzzle-side{gap:10px;padding:10px 16px}.puzzle-side-section{min-width:110px}.puzzle-side-label{font-size:9px}.puzzle-action-btn{padding:8px 10px;font-size:11px}.puzzle-thumb-item img{width:36px;height:24px}.puzzle-thumb-item{font-size:11px}}@media (width<=400px){.puzzle-topbar-center{display:none}.puzzle-topbar{padding:10px 14px}.puzzle-canvas-area{padding:12px 14px}.puzzle-side{padding:10px 14px}.puzzle-side-section{min-width:100px}}.games-page{background:var(--bg);background-image:var(--pattern);background-size:96px 96px;min-height:100vh;padding-top:64px}.games-header{background:var(--bg2);background-image:var(--pattern);border-bottom:1px solid var(--border);background-size:96px 96px;padding:48px 48px 56px;position:relative;overflow:hidden}[data-theme=dark] .games-header{background:linear-gradient(135deg, #0c0c14f2, #2d6a4f14), var(--pattern);background-size:auto,96px 96px}[data-theme=light] .games-header{background:linear-gradient(135deg, #fdfaf4f2, #f5efe4fa), var(--pattern);background-size:auto,96px 96px}.games-title{color:var(--text);margin-bottom:10px;font-size:clamp(32px,4vw,52px);font-weight:800}.games-title em{color:var(--gold);font-style:italic}.games-sub{color:var(--text2);max-width:500px;font-size:15px;line-height:1.7}.games-select{grid-template-columns:1fr 1fr;gap:20px;padding:48px;display:grid}.game-select-card{cursor:pointer;border:2px solid var(--border);background:var(--card-bg);border-radius:18px;transition:border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}.game-select-card:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-4px)}.gsc-top{align-items:flex-end;min-height:200px;padding:40px;display:flex;position:relative}.gsc-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:20px;padding:5px 12px;font-size:10px;font-weight:700;position:absolute;top:20px;left:20px}.b-quiz{color:var(--green-light);background:#2d6a4f33;border:1px solid #2d6a4f4d}.b-puzzle{color:var(--gold);border:1px solid var(--border);background:#c9a84c26}.gsc-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.gsc-body{padding:0 40px 40px}.gsc-title{color:var(--text);margin-bottom:8px;font-family:Playfair Display,serif;font-size:28px;font-weight:800}.gsc-desc{color:var(--text2);margin-bottom:20px;font-size:14px;line-height:1.65}.gsc-pills{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.gsc-pill{background:var(--bg3);color:var(--text2);border:1px solid var(--border2);border-radius:20px;padding:4px 12px;font-size:11px}.gsc-cta{background:var(--gold);color:#1a1408;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.gsc-cta:hover{background:var(--gold-light);transform:translate(3px)}.gsc-cta:after{content:"→"}.quiz-game{padding:48px;display:none}.quiz-game.show{display:block}.quiz-header{align-items:center;gap:16px;margin-bottom:36px;display:flex}.quiz-back{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:8px;padding:8px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.quiz-back:hover{border-color:var(--gold);color:var(--gold)}.quiz-title{color:var(--text);font-family:Playfair Display,serif;font-size:22px;font-weight:800}.quiz-progress-bar{background:var(--bg3);border-radius:3px;height:6px;margin-bottom:32px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg, var(--green), var(--gold));border-radius:3px;height:100%;transition:width .4s}.quiz-card{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;max-width:700px;margin:0 auto;padding:40px}.quiz-num{letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:12px;font-size:11px;font-weight:700}.quiz-question{color:var(--text);margin-bottom:28px;font-family:Playfair Display,serif;font-size:24px;font-weight:700;line-height:1.4}.quiz-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quiz-opt{background:var(--bg3);border:1.5px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;padding:16px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.quiz-opt:hover{border-color:var(--gold);background:var(--gold-dim)}.quiz-opt.correct{border-color:var(--green-light)!important;color:var(--green-light)!important;background:#2d9b5e1a!important}.quiz-opt.wrong{border-color:var(--red)!important;color:var(--red)!important;background:#b5382a1a!important}.quiz-result{text-align:center;background:var(--card-bg);border:1px solid var(--border);border-radius:18px;max-width:500px;margin:0 auto;padding:40px;display:none}.quiz-result.show{display:block}.result-emoji{margin-bottom:16px;font-size:64px}.result-score{color:var(--gold);font-family:Playfair Display,serif;font-size:52px;font-weight:800}.result-label{color:var(--text2);margin-top:6px;margin-bottom:24px;font-size:16px}.result-msg{color:var(--text2);margin-bottom:24px;font-size:14px;line-height:1.7}.result-btn{background:var(--gold);color:#1a1408;cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.result-btn:hover{background:var(--gold-light)}.puzzle-game{padding:48px;display:none}.puzzle-game.show{display:block}.puzzle-header{align-items:center;gap:16px;margin-bottom:36px;display:flex}.puzzle-board{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;max-width:600px;margin:0 auto;padding:32px}.puzzle-img-label{text-align:center;color:var(--text);margin-bottom:6px;font-family:Playfair Display,serif;font-size:18px;font-weight:700}.puzzle-img-sub{text-align:center;color:var(--text2);margin-bottom:24px;font-size:13px}.puzzle-grid{gap:6px;margin-bottom:20px;display:grid}.puzzle-piece{background:var(--bg3);border:2px solid var(--border);aspect-ratio:1;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;font-size:28px;transition:all .2s;display:flex}.puzzle-piece:hover{border-color:var(--gold);transform:scale(1.05)}.puzzle-piece.selected{border-color:var(--gold);background:var(--gold-dim);transform:scale(1.08);box-shadow:0 4px 16px #c9a84c4d}.puzzle-piece.correct{border-color:var(--green-light);background:#2d9b5e1a}.puzzle-piece.wrong-place{border-color:var(--red)}.puzzle-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.puz-btn{border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;border-radius:8px;padding:10px 22px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.puz-btn:hover{border-color:var(--gold);color:var(--gold)}.puz-btn.primary{background:var(--gold);color:#1a1408;border-color:var(--gold)}.puz-btn.primary:hover{background:var(--gold-light)}.puzzle-info{text-align:center;margin-bottom:20px}.puzzle-moves{color:var(--text2);font-size:13px}.puzzle-moves span{color:var(--gold);font-weight:700}.puzzle-complete{text-align:center;padding:32px;display:none}.puzzle-complete.show{display:block}.puzzle-complete-title{color:var(--gold);margin-bottom:8px;font-family:Playfair Display,serif;font-size:28px;font-weight:800}.puzzle-complete-sub{color:var(--text2);margin-bottom:20px;font-size:14px}[data-theme=light] .gsc-title{color:var(--text)}[data-theme=light] .gsc-desc{color:var(--text2)}[data-theme=light] .gsc-pill{color:var(--text2);background:var(--bg2);border-color:var(--border)}[data-theme=light] .quiz-opt{color:var(--text);background:#fff;border-color:#8b5e202e}[data-theme=light] .quiz-opt:hover{border-color:var(--gold);background:#c9a84c0f}[data-theme=light] .puz-btn{color:var(--text2);background:var(--bg2);border-color:var(--border)}[data-theme=light] .quiz-question{color:var(--text)}[data-theme=light] .quiz-num{color:var(--text3)}[data-theme=light] .result-label,[data-theme=light] .result-msg,[data-theme=light] .puzzle-img-sub,[data-theme=light] .puzzle-moves{color:var(--text2)}[data-theme=light] .puzzle-piece{color:var(--text);background:var(--bg2);border-color:var(--border)}[data-theme=light] .game-select-card{background:#fff;border-color:#8b5e2024;box-shadow:0 2px 16px #3c23050f}[data-theme=light] .game-select-card:hover{border-color:var(--gold);box-shadow:0 8px 32px #c9a84c2e}[data-theme=light] .quiz-card{background:#fff;border-color:#8b5e2024;box-shadow:0 2px 16px #3c23050f}[data-theme=light] .quiz-result{background:#fff;border-color:#8b5e2024}[data-theme=light] .games-header{background:linear-gradient(135deg, var(--bg2), var(--bg));border-bottom-color:var(--border)}[data-theme=light] .games-title{color:var(--text)}[data-theme=light] .games-sub{color:var(--text2)}[data-theme=light] .games-back-btn:hover{border-color:var(--gold);color:var(--gold)}@media (width<=1024px){.games-select{gap:20px;padding:40px 32px}.gsc-top{padding:36px}.gsc-body{padding:0 36px 36px}.gsc-title{font-size:26px}}@media (width<=968px){.games-select{grid-template-columns:1fr;padding:32px 24px}.quiz-game,.puzzle-game{padding:32px 20px}.quiz-card,.puzzle-board{padding:28px 20px}.gsc-top{min-height:180px;padding:32px}.gsc-body{padding:0 32px 32px}}@media (width<=768px){.games-header{padding:32px 20px 40px}.games-title{font-size:clamp(24px,6vw,32px)}.games-sub{font-size:14px}.games-select{gap:16px;padding:24px 16px}.gsc-top{min-height:160px;padding:28px 20px}.gsc-body{padding:0 20px 28px}.gsc-title{font-size:22px}.gsc-desc{font-size:13px}.quiz-game,.puzzle-game,.quiz-card{padding:24px 16px}.quiz-question{font-size:20px}.quiz-options{grid-template-columns:1fr;gap:10px}.quiz-opt{padding:14px 16px;font-size:13px}.puzzle-board{padding:20px 16px}.puzzle-img-label{font-size:16px}.puzzle-piece{font-size:20px}.result-emoji{font-size:48px}.result-score{font-size:40px}}@media (width<=640px){.games-header{padding:28px 16px 32px}.games-title{margin-bottom:8px;font-size:clamp(22px,7vw,28px)}.games-sub{font-size:13px;line-height:1.6}.games-select{gap:14px;padding:20px 16px}.gsc-top{min-height:140px;padding:24px 16px}.gsc-badge{padding:4px 10px;font-size:9px}.gsc-body{padding:0 16px 24px}.gsc-title{margin-bottom:6px;font-size:20px}.gsc-desc{margin-bottom:16px;font-size:12px}.gsc-pills{margin-bottom:20px}.gsc-pill{padding:3px 10px;font-size:10px}.gsc-cta{padding:10px 20px;font-size:12px}.quiz-game,.puzzle-game{padding:20px 16px}.quiz-header,.puzzle-header{margin-bottom:28px}.quiz-back{padding:7px 14px;font-size:12px}.quiz-title{font-size:18px}.quiz-card{padding:20px 16px}.quiz-num{margin-bottom:10px;font-size:10px}.quiz-question{margin-bottom:24px;font-size:18px}.quiz-opt{padding:12px 14px;font-size:12px}.quiz-result{padding:32px 20px}.result-emoji{margin-bottom:12px;font-size:40px}.result-score{font-size:36px}.result-label{margin-bottom:20px;font-size:14px}.result-msg{margin-bottom:20px;font-size:13px}.result-btn{padding:10px 24px;font-size:13px}.puzzle-board{padding:20px 16px}.puzzle-img-label{margin-bottom:4px;font-size:16px}.puzzle-img-sub{margin-bottom:20px;font-size:12px}.puzzle-grid{gap:5px;margin-bottom:16px}.puzzle-piece{font-size:18px}.puzzle-actions{gap:10px}.puz-btn{padding:9px 18px;font-size:12px}.puzzle-info{margin-bottom:16px}.puzzle-moves{font-size:12px}.puzzle-complete{padding:28px 20px}.puzzle-complete-title{margin-bottom:6px;font-size:24px}.puzzle-complete-sub{margin-bottom:16px;font-size:13px}}@media (width<=480px){.games-header{padding:24px 16px 28px}.games-title{font-size:clamp(20px,8vw,24px)}.games-sub{font-size:12px}.gsc-top{min-height:120px;padding:20px 14px}.gsc-icon{width:44px;height:44px}.gsc-body{padding:0 14px 20px}.gsc-title{font-size:18px}.quiz-card,.puzzle-board{padding:18px 14px}.quiz-question,.puzzle-piece{font-size:16px}}.reward-toast-popup{z-index:9999;pointer-events:none;background:linear-gradient(135deg,#1a3a1a,#1e4a1e);border:1.5px solid #40916c;border-radius:14px;align-items:center;gap:12px;min-width:220px;padding:14px 20px;animation:4s forwards rtpSlide;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 8px 32px #00000073,0 0 0 1px #40916c33}.rtp-icon{color:#6fcf97;flex-shrink:0;font-size:22px}.rtp-text{flex-direction:column;gap:2px;display:flex}.rtp-title{color:#6fcf97;letter-spacing:.2px;font-family:Playfair Display,serif;font-size:15px;font-weight:800}.rtp-sub{color:#6fcf97a6;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:500}.result-reward-badge{color:#6fcf97;background:#40916c1f;border:1px solid #40916c59;border-radius:10px;align-items:center;gap:8px;margin:4px 0 16px;padding:10px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.games-back-btn{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;width:fit-content;margin-bottom:20px;padding:8px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:block}.games-back-btn:hover{color:var(--gold);border-color:#c9a84c66}.games-province-badge{background:#c9a84c14;border:1px solid #c9a84c40;border-radius:20px;align-items:center;gap:10px;margin-top:16px;padding:8px 20px;display:inline-flex}.games-province-region{letter-spacing:.1em;text-transform:uppercase;color:#c9a84c99;font-size:10px;font-weight:700}.games-province-name{color:var(--gold);font-family:Playfair Display,serif;font-size:14px;font-weight:700}.result-icon-wrap{border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;display:flex}.result-pass{color:#6fcf97;background:#40916c26;border:1px solid #40916c66}.result-fail{color:#e57373;background:#b5382a1f;border:1px solid #b5382a59}.result-verdict{margin-bottom:10px;font-family:Playfair Display,serif;font-size:22px;font-weight:800}.verdict-pass{color:#6fcf97}.verdict-fail{color:#e57373}.quiz-reward-box{flex-direction:column;align-items:center;gap:8px;margin:16px 0;display:flex}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.result-btn-retry{align-items:center;gap:6px;display:inline-flex;color:#ffffffb3!important;background:#ffffff12!important;border:1px solid #ffffff26!important}.result-btn-retry:hover{color:var(--gold)!important;border-color:#c9a84c66!important}.quiz-pass-hint{color:#ffffff4d;text-align:center;margin-top:16px;font-size:11px;font-style:italic}[data-theme=light] .quiz-pass-hint{color:#00000059}[data-theme=light] .games-back-btn{color:#4a3820;background:#0000000d;border-color:#0000001f}[data-theme=light] .games-province-badge{background:#c9a84c1a;border-color:#c9a84c4d}.admin-container{max-width:1200px;color:var(--text-color,#e0e0e0);margin:100px auto 60px;padding:0 24px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.admin-header h1{color:var(--text-title,#fff);font-size:2rem;font-weight:700}.admin-header h1 span{color:var(--primary-color,#f59e0b)}.admin-tabs{border-bottom:1px solid #ffffff1a;gap:12px;margin-bottom:24px;display:flex}.admin-tab-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:1rem;font-weight:600;transition:all .2s}.admin-tab-btn.active{color:var(--primary-color,#f59e0b);border-bottom-color:var(--primary-color,#f59e0b)}.admin-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:24px;box-shadow:0 10px 30px #0003}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.admin-btn{background:var(--primary-color,#f59e0b);color:#000;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:opacity .2s;display:inline-flex}.admin-btn:hover{opacity:.9}.admin-btn-secondary{color:#fff;background:#ffffff1a}.admin-btn-danger{color:#fff;background:#ef4444}.admin-btn-sm{padding:6px 12px;font-size:.85rem}.admin-table-container{overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid #ffffff0f;padding:14px 16px}.admin-table th{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.admin-table tr:hover td{background:#ffffff05}.admin-modal-overlay{z-index:999;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{background:#18181b;border:1px solid #ffffff1a;border-radius:14px;width:100%;max-width:600px;max-height:90vh;padding:28px;overflow-y:auto}.admin-modal h2{color:#fff;margin-bottom:20px;font-size:1.4rem}.admin-form-group{margin-bottom:16px}.admin-form-group label{color:#d1d5db;margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.admin-input,.admin-select,.admin-textarea{color:#fff;box-sizing:border-box;background:#18181b;border:1px solid #ffffff26;border-radius:8px;width:100%;padding:10px 14px;font-size:.95rem}.admin-select option{color:#fff;background:#18181b;padding:8px 12px}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{border-color:var(--primary-color,#f59e0b);outline:none}.admin-modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}