:root{--green:#234dd4;--ink:#231f20;--muted:#6d7280;--line:#e2e5ee;--pale:#f4f6fc}button:hover,.button:hover{background:#193da9}.eyebrow{color:#3f6fe8}.logo img{width:192px;height:40px;object-fit:contain}.home-page{background:#fafbfe}.home-page .header{position:absolute;z-index:5;top:24px;left:50%;transform:translateX(-50%);width:min(1000px,calc(100% - 56px));height:70px;border-radius:50px;padding:12px 20px 12px 26px;background:rgba(255,255,255,.9);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid #fff;box-shadow:0 8px 36px #141e361a;gap:20px}.home-page .header nav{font-size:12px;gap:23px}.home-page .header nav a.active{color:#234dd4}.home-page .header nav a.active:after{display:none}.home-page .header-map{border-radius:30px;background:#234dd4;color:white;border:0;padding:10px 16px;font-size:12px;white-space:nowrap}.season-hero{position:relative;isolation:isolate;color:#fff;min-height:900px;min-height:max(900px,100svh);padding:140px 5% 25px;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:#34382d;--shade:.4}.season-wallpaper,.season-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:50% 50%}.season-shade{z-index:-1;background:linear-gradient(180deg,rgba(10,20,40,.18),rgba(8,18,34,var(--shade)) 50%,rgba(7,16,30,.72))}.home-intro{text-align:center;margin-bottom:38px}.wonder-pill{display:inline-block;border:1px solid #ffffff55;border-radius:50px;padding:6px 13px;font-size:9px;letter-spacing:2px;background:#ffffff17;backdrop-filter:blur(12px);margin-bottom:21px}.home-intro h1{font-family:"Google Sans Khmer",Arial,Helvetica,sans-serif;font-size:clamp(40px,4.7vw,66px);font-weight:600;letter-spacing:-3px;line-height:1.06;margin-bottom:18px;text-shadow:0 2px 25px #0002}.home-intro h1 span{color:#fff}.home-intro>p:not(.wonder-pill){font-size:14px;color:#f5f5f8;line-height:1.6;margin-bottom:20px}.home-cta{display:inline-flex;align-items:center;gap:25px;background:#fff;color:#22283a;border-radius:50px;padding:10px 20px;font-size:12px;font-weight:600;box-shadow:0 3px 14px #0002;transition:transform .2s}.home-cta:hover{transform:translateY(-3px)}.province-chooser{width:100%;max-width:1080px;scroll-margin-top:30px}.chooser-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;margin:0 2px 15px}.chooser-heading span:last-child{letter-spacing:.4px;color:#e5e8f1}.glass-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.glass-province{position:relative;isolation:isolate;display:flex;align-items:center;gap:11px;min-height:61px;padding:12px 15px;border-radius:15px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(135deg,#ffffff29,#ffffff0d);box-shadow:inset 0 1px 0 #ffffff50,0 4px 16px #0000000c;backdrop-filter:blur(15px) saturate(145%);-webkit-backdrop-filter:blur(15px) saturate(145%);font-size:12px;font-weight:500;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s;overflow:hidden}.glass-province:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(180px circle at var(--mx,50%) var(--my,50%),#ffffff40,transparent 70%);opacity:0;transition:opacity .25s}.glass-province:hover,.glass-province:focus-visible{transform:translateY(-4px);background:#3f6fe86b;border-color:#b4c8ff;box-shadow:inset 0 1px 0 #ffffff70,0 10px 30px #10225230}.glass-province:hover:before{opacity:1}.province-symbol{display:flex;color:#edf2ff}.province-symbol svg{width:21px;height:21px}.province-arrow{margin-left:auto;opacity:.55;font-size:15px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1080px;margin-top:auto;padding-top:32px;font-size:10px;color:#e1e5ef}.scene-label{display:flex;gap:8px;align-items:center}.live-dot{width:5px;height:5px;border-radius:100%;background:#a7c0ff}.scroll-pill{padding:8px 15px;border-radius:30px;border:1px solid #ffffff35;letter-spacing:2px;font-size:8px;backdrop-filter:blur(10px)}.scene-settings{display:flex;gap:7px;align-items:center}.home-page h2{font-family:"Google Sans Khmer",Arial,Helvetica,sans-serif;font-weight:500}.home-page .strip{background:#f0f3fc;border-bottom:1px solid #e4e8f3}.home-page .editorial{background:#eef2fc}.home-page .category{background:#fff}.home-page footer{background:#eef2fb}.appearance-controls{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:25px;background:#f1f4fb;padding:25px;border-radius:18px;margin-bottom:30px}.appearance label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}.appearance-controls p{font-size:13px;margin:0;color:#626b7c}.season-editors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.season-editor{border:1px solid #dde3f0;border-radius:18px;padding:20px;min-width:0}.season-editor legend{font-weight:600;padding:0 10px}.wallpaper-preview{width:100%;height:160px;object-fit:cover;border-radius:10px;margin-bottom:16px}.season-editor label{margin:15px 0}.season-editor input[type=file]{font-size:11px;max-width:100%}.season-editor small{font-size:11px;color:#657080;display:block}.appearance-actions{display:flex;gap:20px;align-items:center;margin:30px 0;font-size:13px}.appearance input[type=range]{accent-color:#234dd4}.appearance .credit{margin-top:20px}.home-page a:focus-visible{outline:3px solid #b6cdff;outline-offset:4px}
@media(min-width:1500px){.season-hero{padding-top:160px}.home-intro{margin-bottom:50px}.glass-province{min-height:70px}}
@media(max-width:1000px){.home-page .header nav{gap:14px}.home-page .header-map{font-size:0;gap:0;padding:12px}.home-page .header-map svg{width:18px}.glass-province{padding:11px;gap:8px;font-size:11px}.province-symbol svg{width:18px}.season-hero{padding-left:4%;padding-right:4%}.appearance-controls{grid-template-columns:1fr}.season-editors{grid-template-columns:1fr}}
@media(max-width:760px){.home-page .header{top:16px;width:calc(100% - 28px);height:auto;min-height:62px;padding:10px 16px;gap:10px;flex-wrap:wrap;border-radius:25px}.home-page .header .logo img{width:153px;height:32px}.home-page .header nav{order:3;width:100%;justify-content:center;border-top:1px solid #22335512;padding-top:4px;font-size:11px;gap:22px}.home-page .header nav a{padding:5px 0}.home-page .header-map{font-size:11px;gap:6px;padding:8px 12px;margin-left:auto}.season-hero{padding-top:157px;min-height:100svh}.home-intro h1{font-size:48px;letter-spacing:-2px}.home-intro{margin-bottom:30px}.home-intro>p:not(.wonder-pill){max-width:290px;margin-left:auto;margin-right:auto;font-size:13px}.glass-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.glass-province{min-height:62px;padding:10px;gap:7px;font-size:11px}.province-arrow{display:none}.hero-bottom{gap:20px;flex-wrap:wrap;justify-content:center;padding-top:25px}.scene-settings span{display:none}.scene-label{margin-right:auto}.scroll-pill{order:3}.chooser-heading{font-size:8px;letter-spacing:1px}.appearance-actions{align-items:start;flex-direction:column}}
@media(max-width:400px){.glass-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .header nav{gap:15px}.home-intro h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.glass-province:hover,.home-cta:hover{transform:none}}
@supports not (backdrop-filter:blur(10px)){.glass-province{background:#26344fdd}.wonder-pill{background:#26344fdd}}
/* Immersive province chooser: fits the visitor's viewport. */
.home-page .season-hero{min-height:100svh;height:auto;padding:120px 5% 65px;justify-content:center}.home-page .province-chooser{width:min(1080px,100%);margin:auto}.home-page .chooser-heading{align-items:center;margin-bottom:18px}.chooser-heading h1{font-family:"Google Sans Khmer",Arial,Helvetica,sans-serif;font-size:18px;letter-spacing:0;font-weight:500;margin:0}.home-page .glass-grid{gap:12px}.home-page .glass-province{min-height:64px;height:clamp(64px,8.1svh,88px);font-size:14px;gap:12px;background:linear-gradient(135deg,#ffffff19,#ffffff08);backdrop-filter:blur(9px) saturate(120%);-webkit-backdrop-filter:blur(9px) saturate(120%)}.home-page .province-symbol{width:38px;height:38px;flex-shrink:0}.province-symbol img{width:100%;height:100%;object-fit:contain}.home-page .hero-bottom{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:90%;padding:0;margin:0;max-width:1080px;font-size:12px}.home-page .season-shade{background:linear-gradient(180deg,#0a142814,rgba(8,18,34,var(--shade)) 60%,#07101e77)}.home-page .scroll-pill{font-size:10px}.video-toggle{border:1px solid #ffffff66;background:#ffffff19;border-radius:30px;font-size:12px;padding:7px 12px;gap:5px;margin-right:15px}.video-toggle:hover{background:#ffffff33}.video-toggle[hidden],#season-video[hidden]{display:none}.video-state{font-size:12px;margin:8px 0}.remove-video{padding:7px 12px;font-size:12px}.home-page .glass-province:hover{background:#3f6fe86b}
@media(min-width:761px) and (max-height:700px){.home-page .season-hero{padding-top:105px;padding-bottom:52px}.home-page .glass-province{height:clamp(44px,8svh,64px);min-height:44px}.home-page .glass-grid{gap:8px}.home-page .province-symbol{width:30px;height:30px}.home-page .chooser-heading{margin-bottom:10px}}
@media(max-width:1050px) and (min-width:761px){.home-page .glass-province{font-size:12px;padding:9px;gap:8px}.home-page .province-symbol{width:30px;height:30px}}
@media(max-width:760px){.home-page .season-hero{padding:142px 4% 85px}.home-page .glass-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-page .glass-province{height:auto;min-height:56px;padding:7px;gap:6px;font-size:12px;line-height:1.2}.home-page .province-symbol{width:26px;height:30px}.home-page .chooser-heading{margin-bottom:12px}.chooser-heading h1{font-size:16px}.home-page .chooser-heading span{font-size:10px}.home-page .hero-bottom{bottom:16px;gap:8px;flex-wrap:wrap}.home-page .scroll-pill{display:none}.home-page .province-chooser{margin:auto}.home-page .scene-label{font-size:10px}.home-page .video-toggle{font-size:11px;margin:0}.home-page .scene-settings{margin-left:auto}}
@media(max-width:380px){.home-page .glass-province{font-size:11px;gap:4px}.home-page .province-symbol{width:21px}.home-page .glass-grid{gap:6px}}
.home-page .landmark-icon{display:block;background-image:url('/assets/province-icons-lossless.webp');background-size:500% 500%;background-position:var(--icon-x) var(--icon-y);background-repeat:no-repeat;filter:drop-shadow(0 1px 2px #0004);transition:transform .2s}.glass-province:hover .landmark-icon{transform:scale(1.12)}
@media(prefers-reduced-motion:reduce){.glass-province:hover .landmark-icon{transform:none}}
/* Floating liquid-glass navigation. */
.home-page .header{isolation:isolate;overflow:hidden;background:linear-gradient(115deg,rgba(255,255,255,.62),rgba(242,247,255,.35) 55%,rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(32px) saturate(180%) brightness(1.25);-webkit-backdrop-filter:blur(32px) saturate(180%) brightness(1.25);box-shadow:inset 0 2px 1px #ffffffb3,inset 0 -1px 1px #ffffff50,0 12px 40px #05112f26,0 2px 5px #05112f12;padding:10px 14px 10px 22px;height:76px;transition:box-shadow .3s}.home-page .header::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(300px circle at var(--nav-light-x,25%) var(--nav-light-y,0%),#ffffff80,transparent 75%);opacity:.65;transition:opacity .3s}.home-page .header:hover{box-shadow:inset 0 2px 1px #ffffffd9,inset 0 -1px 1px #ffffff66,0 16px 44px #05112f30}.home-page .header::after{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;border-top:1px solid #fff9;border-bottom:1px solid #ffffff25;z-index:-1}.home-page .header nav{position:relative;isolation:isolate;gap:3px;padding:5px;border-radius:40px;border:1px solid #ffffff3d;background:#ffffff14;white-space:nowrap}.home-page .header nav a{padding:10px 13px;line-height:1.25;border-radius:30px;font-size:13px;font-weight:600;color:#17233b;transition:color .2s,transform .25s}.home-page .header nav a:hover{color:#173ac2;transform:translateY(-1px)}.home-page .header nav a.active{color:#234dd4;background:linear-gradient(145deg,#ffffffe0,#ffffff65);box-shadow:inset 0 1px 0 white,0 3px 10px #14398f12}.home-page .header nav.has-glass-lens a.active{background:none;box-shadow:none}.nav-glass-lens{position:absolute;left:0;top:0;z-index:-1;border:1px solid #ffffffa6;border-radius:30px;background:linear-gradient(145deg,#ffffffe0,#ffffff65);box-shadow:inset 0 1px 1px #fff,0 3px 12px #1534681a;pointer-events:none;transition:transform .38s cubic-bezier(.22,.8,.25,1),width .38s cubic-bezier(.22,.8,.25,1),height .25s}.home-page .header-map{background:linear-gradient(150deg,#7296ff99,#315beaeb 48%,#234dd4);border:1px solid #b3c7ffbb;box-shadow:inset 0 1px 1px #ffffffad,inset 0 -2px 4px #10288455,0 5px 14px #234dd438;border-radius:35px;padding:12px 17px;transition:transform .25s,box-shadow .25s}.home-page .header-map:hover{transform:translateY(-2px);box-shadow:inset 0 1px 1px #ffffffd9,0 7px 20px #234dd45e}.home-page .header a:focus-visible{outline:2px solid #234dd4;outline-offset:2px}.home-page .header .logo{flex-shrink:0}
@media(max-width:1050px) and (min-width:761px){.home-page .header{gap:10px}.home-page .header nav a{font-size:12px;padding:10px}.home-page .header-map{font-size:0;padding:12px;gap:0}.home-page .header .logo img{width:165px}}
@media(max-width:760px){.home-page .header{height:auto;padding:10px 12px;border-radius:30px;gap:8px}.home-page .header nav{width:100%;order:3;justify-content:space-between;padding:4px;border:1px solid #ffffff3d;gap:0;overflow:visible}.home-page .header nav a{padding:8px 10px;font-size:12px}.home-page .header-map{padding:9px 12px;font-size:11px}.home-page .header .logo img{width:153px}.home-page .header nav a:hover{transform:none}}
@media(max-width:380px){.home-page .header nav a{padding:8px;font-size:11px}.home-page .header .logo img{width:140px}.home-page .header-map{padding:9px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.nav-glass-lens{transition:none}.home-page .header nav a:hover,.home-page .header-map:hover{transform:none}}
@supports not (backdrop-filter:blur(10px)){.home-page .header{background:rgba(242,246,255,.94)}}
.home-page .header nav{border:0;background:none;box-shadow:none}.home-page .nav-glass-lens{border:0;box-shadow:inset 0 1px 0 #ffffff80,0 3px 12px #15346812}
.view-switch{display:flex;gap:3px;padding:3px;border-radius:30px;background:#14203d35;backdrop-filter:blur(14px);letter-spacing:0}.view-switch button{border:0;background:transparent;color:#fff;padding:7px 13px;font-size:13px;border-radius:25px;gap:5px;font-weight:500;line-height:1.4}.view-switch button[aria-pressed=true]{background:#ffffffdd;color:#234dd4;box-shadow:0 2px 8px #0002}.view-switch button:hover{background:#ffffff40}.view-switch button[aria-pressed=true]:hover{background:white}.glass-grid[hidden],.province-map-view[hidden]{display:none!important}.province-map-view{display:flex;justify-content:center;align-items:center;gap:28px;min-height:350px}.cambodia-map{width:min(760px,75%);height:min(65svh,640px);display:block;overflow:visible;filter:drop-shadow(0 10px 25px #0003)}.map-region path{fill:rgba(224,235,255,.28);stroke:#f3f7ff;stroke-width:1.2;stroke-linejoin:round;transition:fill .18s;vector-effect:non-scaling-stroke}.map-region:hover path,.map-region:focus path{fill:#3f6fe8d9;stroke:#fff;stroke-width:2}.map-region:focus{outline:none}.map-region-label{font:500 21px "Google Sans Khmer",Arial,Helvetica,sans-serif;fill:#fff;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#14233d88;stroke-width:2px;stroke-linejoin:round}.map-region[data-name=Pailin] text{font-size:14px}.map-region[data-name=Sihanoukville] text{font-size:11px}.map-view-tools{width:185px;color:white;padding:18px;border-radius:18px;background:#ffffff14;border:1px solid #ffffff35;backdrop-filter:blur(14px);font-size:13px}.map-view-tools p{font-size:17px;line-height:1.3;min-height:44px;margin-bottom:14px}.map-view-tools label{display:block;font-size:12px;margin-bottom:6px}.map-view-tools select{width:100%;font-size:12px;padding:9px 5px}.map-view-tools a{display:block;color:white;background:#234dd4;padding:9px 8px;border-radius:8px;margin-top:12px;text-align:center;font-size:12px}.map-view-tools small{display:block;font-size:11px;line-height:1.5;margin-top:14px;color:#edf1ff}
@media(max-width:760px){.province-map-view{flex-direction:column;gap:10px;min-height:0}.cambodia-map{width:100%;height:auto;max-height:55svh}.map-view-tools{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.map-view-tools p{grid-column:1/-1;min-height:0;margin:0;font-size:14px}.map-view-tools label,.map-view-tools small{display:none}.map-view-tools a{margin:0}.view-switch button{font-size:12px;padding:6px 10px}.home-page .header nav{border:0}}
/* Provinces meet edge to edge; draw each shared boundary once. */
.cambodia-map .map-region path,.cambodia-map .map-region:hover path,.cambodia-map .map-region:focus path{stroke:none;fill-rule:evenodd}.province-border-mesh{fill:none;stroke:#f3f7ff;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}
/* Fine map outlines and a safe-area-aware compact mobile navigation. */
.province-border-mesh{stroke:rgba(243,247,255,.82);stroke-width:.65}.home-page .glass-province{border-width:.65px}.map-label-small{display:none}
@media(max-width:760px){
 .home-page .header{top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;width:calc(100% - 32px);max-width:560px;height:auto;min-height:0;padding:12px;gap:9px;border-radius:26px;border:.5px solid #ffffff66;background:linear-gradient(135deg,#f4f8ff70,#dce8ff38);background-clip:padding-box;box-shadow:0 8px 24px #07152a26;overflow:hidden;backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%)}
 .home-page .header::before,.home-page .header::after{display:none}
 .home-page .header .logo{min-width:0;flex:1}.home-page .header .logo img{width:min(170px,100%);height:36px;object-fit:contain;object-position:left center}
 .home-page .header-map{flex-shrink:0;min-height:40px;margin:0;padding:8px 13px;font-size:13px;gap:6px;border:.5px solid #ffffff70;box-shadow:inset 0 1px 0 #ffffff60,0 3px 8px #234dd425}.home-page .header-map svg{width:16px;height:16px}
 .home-page .map-label-wide{display:none}.home-page .map-label-small{display:inline}
 .home-page .header nav{width:100%;min-width:0;display:flex;justify-content:space-between;gap:0;padding:0;border:0;background:none;overflow:visible}.home-page .header nav a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px;font-size:clamp(11px,3.1vw,14px);line-height:1.3;white-space:nowrap;letter-spacing:0;flex:1}.home-page .nav-glass-lens{box-shadow:0 2px 7px #07152a12;background:linear-gradient(145deg,#ffffffb8,#ffffff55)}
 .home-page .season-hero{padding-top:calc(env(safe-area-inset-top,0px) + 150px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 75px)}
 .home-page .view-switch button:focus:not(:focus-visible){outline:none}
}
@media(max-width:350px){.home-page .header{width:calc(100% - 24px);padding:10px}.home-page .header nav a{font-size:11px;padding:7px 5px}.home-page .header .logo img{width:155px}}