:root{--ink:#10253f;--blue:#123e78;--sky:#2f6fb6;--red:#d94343;--gold:#e4ae3a;--cream:#fff9ec;--paper:#fffdf7;--muted:#68758a;--line:#10253f1f}*{box-sizing:border-box}html{background:var(--cream)}body{color:var(--ink);background:linear-gradient(#fffdf6 0%,#f7efdf 100%);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer}.shell{min-height:100vh;position:relative;overflow:hidden}.grain{pointer-events:none;opacity:.18;background-image:radial-gradient(#10253f29 .6px,#0000 .6px);background-size:7px 7px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.topbar{z-index:20;justify-content:space-between;align-items:center;max-width:1240px;height:74px;margin:auto;padding:0 28px;display:flex;position:relative}.logo{letter-spacing:-1.4px;background:0 0;border:0;font-family:Georgia,serif;font-size:27px;font-weight:900}.logo span{color:var(--red)}.logo i{margin-left:8px;font-size:17px;font-style:normal}.topbar nav{gap:4px;display:flex}.topbar nav button,.lang{background:0 0;border:0;border-radius:10px;padding:9px 11px;font-size:12px;font-weight:800}.topbar nav button:hover,.lang:hover{background:#ffffffb8}.header-actions{align-items:center;gap:7px;display:flex}.xp-pill,.lang{border:1px solid var(--line);background:#ffffffa6;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:900;display:flex}.lang{border:1px solid var(--line)}.eyebrow{letter-spacing:1.8px;color:var(--red);margin:0 0 13px;font-size:10px;font-weight:900}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:50px;max-width:1240px;margin:auto;padding:68px 28px 82px;display:grid}.hero-copy h1{letter-spacing:-5px;margin:0 0 27px;font-family:Georgia,serif;font-size:clamp(58px,6.5vw,94px);line-height:.91}.hero-copy h1 em{color:var(--blue);font-weight:500}.hero-text{color:#53647a;max-width:590px;font-size:18px;line-height:1.65}.hero-actions,.result-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.primary,.secondary,.back,.text-button{border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-weight:900;display:inline-flex}.primary{background:var(--ink);color:#fff;box-shadow:0 14px 32px #10253f2e}.primary:hover{transform:translateY(-2px)}.primary.compact{padding:11px 15px;font-size:12px}.secondary{border:1px solid var(--line);background:#fff}.text-button{background:0 0;padding-inline:8px}.back{border:1px solid var(--line);background:#ffffffad;padding:10px 13px}.mini-stats{gap:28px;margin-top:42px;display:flex}.mini-stats div{flex-direction:column;display:flex}.mini-stats strong{font-family:Georgia,serif;font-size:25px}.mini-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-size:10px}.malaysia-art{height:520px;position:relative}.flag-sun{background:var(--gold);width:300px;height:300px;color:var(--cream);opacity:.85;border-radius:50%;place-items:center;font-size:50px;display:grid;position:absolute;top:15px;right:64px}.map-shape{background:var(--blue);color:#ffffffb3;letter-spacing:1.5px;place-items:center;font-size:10px;font-weight:900;display:grid;position:absolute;box-shadow:0 30px 70px #123e782e}.map-shape.west{clip-path:polygon(37% 0,66% 8%,61% 25%,79% 40%,69% 55%,87% 72%,68% 100%,46% 88%,42% 66%,23% 50%,30% 28%,12% 13%);width:225px;height:340px;top:95px;left:85px}.map-shape.east{clip-path:polygon(3% 47%,25% 18%,46% 31%,61% 10%,95% 33%,89% 71%,66% 87%,49% 67%,26% 88%,8% 70%);background:var(--red);width:280px;height:155px;bottom:70px;right:15px}.play-badge{background:var(--paper);border:5px solid var(--gold);text-align:center;padding:16px 22px;position:absolute;top:45%;left:41%;transform:rotate(-6deg);box-shadow:0 14px 35px #00000024}.play-badge strong,.play-badge span{display:block}.play-badge strong{font-size:25px}.play-badge span{letter-spacing:2px;font-size:10px}.orbit{z-index:4;border:1px solid var(--line);background:#fff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:28px;display:grid;position:absolute;box-shadow:0 15px 30px #10253f1f}.o1{top:75px;left:10px;transform:rotate(-8deg)}.o2{top:135px;right:8px;transform:rotate(7deg)}.o3{bottom:35px;left:20px;transform:rotate(5deg)}.o4{bottom:5px;right:115px;transform:rotate(-5deg)}.games,.states-section{max-width:1240px;margin:auto;padding:40px 28px 85px}.section-title{max-width:720px;margin-bottom:28px}.section-title h2{letter-spacing:-1.8px;margin:0;font-family:Georgia,serif;font-size:39px}.game-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.game-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;min-height:320px;padding:24px;display:flex;box-shadow:0 16px 45px #10253f0f}.game-card.red{border-top:5px solid var(--red)}.game-card.blue{border-top:5px solid var(--blue)}.game-card.gold{border-top:5px solid var(--gold)}.game-card.green{border-top:5px solid #2d8a61}.game-icon{margin-bottom:30px;font-size:42px}.game-card small{letter-spacing:1.3px;color:var(--muted);font-size:9px;font-weight:900}.game-card h3{margin:8px 0 10px;font-family:Georgia,serif;font-size:25px;line-height:1.05}.game-card p{color:var(--muted);flex:1;font-size:12px;line-height:1.6}.play-link{align-items:center;gap:6px;margin-top:15px;font-size:12px;font-weight:900;display:flex}.state-cloud{flex-wrap:wrap;gap:9px;display:flex}.state-chip{border:1px solid var(--line);background:#fff9;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:flex}.state-chip span{font-size:17px}.state-chip i{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;font-style:normal;display:grid}.state-chip.visited{background:#fff;border-color:#2f6fb659}.ganu-gateway{background:var(--ink);color:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding:27px 30px;display:flex}.ganu-kicker{letter-spacing:1.5px;color:#f3c75b;font-size:9px;font-weight:900}.ganu-gateway h3{margin:6px 0;font-family:Georgia,serif;font-size:31px}.ganu-gateway h3 span{color:#f3c75b}.ganu-gateway p{color:#c9d3df;margin:0;font-size:12px}.ganu-gateway a{color:var(--ink);white-space:nowrap;background:#fff;border-radius:13px;align-items:center;gap:8px;padding:13px 16px;font-size:12px;font-weight:900;text-decoration:none;display:flex}.quiz-screen{max-width:850px;margin:auto;padding:40px 24px 80px}.quiz-top{justify-content:space-between;align-items:center;margin:30px 0 12px;display:flex}.quiz-top>div{align-items:center;gap:8px;display:flex}.quiz-top>div span{font-size:28px}.quiz-top p{font-size:12px;font-weight:900}.quiz-top strong{color:var(--muted);font-size:11px}.progress{background:#10253f17;border-radius:999px;height:7px;margin-bottom:18px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--red),var(--gold),var(--blue));height:100%;transition:width .25s;display:block}.question-card{border:1px solid var(--line);background:#ffffffbf;border-radius:28px;padding:34px;box-shadow:0 28px 70px #10253f14}.state-label{background:#f4ead4;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:10px;font-weight:900;display:inline-flex}.state-label span{font-size:17px}.question-card h1{letter-spacing:-1.7px;margin:24px 0;font-family:Georgia,serif;font-size:clamp(32px,5vw,48px);line-height:1.08}.options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.options button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:12px;min-height:72px;padding:12px 14px;display:flex}.options button>span{background:#eef1f4;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;font-size:11px;font-weight:900;display:grid}.options button b{font-size:12px;line-height:1.35}.options button:hover{border-color:#2f6fb673;transform:translateY(-1px)}.options button.correct{background:#effaf5;border:2px solid #2d8a61}.options button.correct>span{color:#fff;background:#2d8a61}.options button.wrong{border:2px solid var(--red);background:#fff2ef}.options button.wrong>span{background:var(--red);color:#fff}.options button.muted{opacity:.45}.feedback{border-radius:17px;margin-top:18px;padding:17px 18px}.feedback.yes{background:#ecf8f2}.feedback.no{background:#fff1ed}.feedback-title{align-items:center;gap:7px;font-weight:900;display:flex}.feedback p{color:#53647a;font-size:12px;line-height:1.55}.feedback small{color:var(--muted);margin-bottom:12px;font-size:9px;display:block}.result-screen{text-align:center;max-width:740px;margin:35px auto 80px;padding:30px 22px}.result-icon{background:var(--gold);border-radius:19px;place-items:center;width:62px;height:62px;margin:0 auto 18px;display:grid;transform:rotate(6deg)}.result-screen .eyebrow{text-align:center}.result-screen h1{letter-spacing:-3px;margin:0;font-family:Georgia,serif;font-size:clamp(52px,7vw,78px)}.result-screen>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.6}.score-ring{background:conic-gradient(var(--blue) var(--score),#10253f17 0);border-radius:50%;place-items:center;width:190px;height:190px;margin:30px auto;display:grid;position:relative}.score-ring:after{content:"";background:var(--cream);border-radius:50%;position:absolute;inset:12px}.score-ring div{z-index:2;flex-direction:column;display:flex;position:relative}.score-ring strong{font-family:Georgia,serif;font-size:60px;line-height:1}.score-ring span{letter-spacing:1.2px;margin-top:5px;font-size:9px;font-weight:900}.result-actions{justify-content:center}.passport-screen{max-width:1000px;margin:auto;padding:40px 24px 90px}.passport-card{color:#fff;background:linear-gradient(145deg,#8f1f2e,#c53643);border-radius:30px;margin-top:25px;padding:38px;position:relative;overflow:hidden;box-shadow:0 30px 80px #5b101c38}.passport-card:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:420px;height:420px;position:absolute;top:-120px;right:-130px}.passport-head{z-index:2;align-items:center;gap:20px;display:flex;position:relative}.passport-head>span{font-size:60px}.passport-head small{letter-spacing:2px;color:#f6cd71;font-size:9px;font-weight:900}.passport-head h1{margin:3px 0;font-family:Georgia,serif;font-size:46px}.passport-head p{color:#f3dfe0;max-width:570px;margin:0;font-size:12px;line-height:1.55}.passport-stats{z-index:2;gap:12px;margin:28px 0;display:flex;position:relative}.passport-stats div{background:#ffffff1a;border:1px solid #ffffff26;border-radius:15px;min-width:110px;padding:13px}.passport-stats strong,.passport-stats span{display:block}.passport-stats strong{font-family:Georgia,serif;font-size:24px}.passport-stats span{letter-spacing:1px;color:#f5d9dc;font-size:8px;font-weight:900}.stamp-grid{z-index:2;grid-template-columns:repeat(4,1fr);gap:10px;display:grid;position:relative}.stamp{text-align:center;opacity:.45;border:1px dashed #ffffff40;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:110px;padding:13px;display:flex}.stamp.unlocked{opacity:1;background:#ffffff1a;border-style:solid}.stamp span{font-size:30px}.stamp strong{margin:7px 0 4px;font-size:10px}.stamp small{letter-spacing:1px;color:#f6cd71;font-size:7px}@media (max-width:1000px){.game-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:35px}.malaysia-art{height:390px}.game-grid{grid-template-columns:1fr}.game-card{min-height:230px}.stamp-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.topbar{height:64px;padding:0 16px}.logo{font-size:22px}.topbar nav{display:none}.hero{gap:12px;padding:38px 17px 60px}.hero-copy h1{letter-spacing:-3px;font-size:54px}.hero-text{font-size:15px}.mini-stats{gap:17px}.mini-stats strong{font-size:20px}.malaysia-art{height:300px}.flag-sun{width:190px;height:190px;right:30px}.map-shape.west{width:155px;height:235px;top:55px;left:35px}.map-shape.east{width:190px;height:105px}.orbit{width:46px;height:46px;font-size:22px}.play-badge{padding:10px 13px}.play-badge strong{font-size:18px}.games,.states-section{padding:30px 17px 60px}.section-title h2{font-size:31px}.ganu-gateway{flex-direction:column;align-items:flex-start}.quiz-screen{padding:20px 14px 65px}.question-card{padding:20px 15px}.options{grid-template-columns:1fr}.passport-screen{padding:20px 14px 65px}.passport-card{padding:23px 15px}.passport-head{align-items:flex-start}.passport-head>span{font-size:43px}.passport-head h1{font-size:34px}.passport-stats{gap:6px}.passport-stats div{flex:1;min-width:0}.stamp-grid{grid-template-columns:repeat(2,1fr)}}