:root{--tonga-red:#e31c23;--tonga-deep-red:#b71116;--tonga-navy:#102457;--tonga-blue:#0b72c5;--tonga-sky:#7edcff;--tonga-teal:#009c96;--tonga-sand:#ffe7ad;--tonga-gold:#ffd73f;--tonga-orange:#f28c38;--tonga-green:#66bb6a;--tonga-purple:#7e57c2;--white:#fff;--ink-shadow:#05163c47;--max-width:1180px;--footer-height:76px;--font-display:"Baloo 2", "Fredoka One", cursive;--font-body:"Nunito", "Trebuchet MS", sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;font-size:16px}body{min-height:100vh;font-family:var(--font-body);color:var(--tonga-navy);background:var(--tonga-sky);margin:0;line-height:1.35;overflow-x:hidden}body:after{content:"";z-index:-30;pointer-events:none;background:radial-gradient(circle at 18% 18%,#ffffffa6,#0000 13rem),radial-gradient(circle at 82% 20%,#ffffff80,#0000 12rem),linear-gradient(#63d1ff 0%,#9fe9ff 46%,#38cfe0 68%,#ffe5ae 100%);position:fixed;inset:0}#app{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,a:focus-visible{outline-offset:4px;outline:4px solid #ffd73ff2}.page-background{z-index:-20;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-layer{pointer-events:none;background-position:50%;background-repeat:repeat-x;background-size:auto 100%;width:100%;position:absolute;left:0}.bg-sky{background-image:url(/assets/sky-background-BUM897_4.png);background-position:top;height:62vh;inset:0 0 auto}.bg-ocean{bottom:calc(var(--footer-height) + 12px);background-image:url(/assets/ocean-midground-B4gFONvV.png);background-position:bottom;height:46vh;min-height:300px}.bg-beach{bottom:calc(var(--footer-height) + 4px);background-image:url(/assets/beach-foreground-ZJi8UN6X.png);background-position:bottom;height:30vh;min-height:210px}.page-background:after{content:"";inset:auto 0 calc(var(--footer-height) + 8px);background:linear-gradient(#0000,#fff1cae0 82%);height:180px;position:absolute}.hibiscus{z-index:80;aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 9px 14px #042a482e);background-repeat:no-repeat;background-size:contain;width:clamp(108px,11vw,168px);position:fixed}.hibiscus-tl{background-image:url(/assets/hibiscus-top-left-BCFuq_oJ.png);top:14px;left:-18px}.hibiscus-tr{background-image:url(/assets/hibiscus-top-right-PbYIf3iF.png);top:12px;right:-16px}.hibiscus-bl{bottom:var(--footer-height);background-image:url(/assets/hibiscus-bottom-left-D2QYkDa2.png);left:-12px}.hibiscus-br{bottom:var(--footer-height);background-image:url(/assets/hibiscus-bottom-right-cnQgEzIE.png);right:-10px}.main-content{z-index:1;width:min(100%, var(--max-width));flex-direction:column;flex:1 0 auto;align-items:center;margin:0 auto;padding:18px 20px 16px;display:flex;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero{z-index:2;text-align:center;width:100%;margin:0 0 clamp(10px,1.8vh,22px);animation:.65s ease-out both fadeInUp;position:relative}.hero h1{color:var(--tonga-navy);font-family:var(--font-display);letter-spacing:-.035em;text-shadow:3px 3px 0 var(--white), -3px 3px 0 var(--white), 3px -3px 0 var(--white), -3px -3px 0 var(--white), 0 9px 16px var(--ink-shadow);margin:0;font-size:clamp(2.25rem,5.4vw,4.25rem);font-weight:900;line-height:.98}.hero h1 .red{color:var(--tonga-red)}.hero .subtitle{color:#09224c;background:#ffffffa3;border-radius:999px;align-items:center;gap:12px;max-width:min(95vw,660px);margin:6px auto 0;padding:8px 20px;font-size:clamp(.95rem,1.45vw,1.13rem);font-weight:800;display:inline-flex;box-shadow:0 8px 18px #0074a61f}.hero .subtitle:before,.hero .subtitle:after{content:"≋";color:var(--tonga-teal);font-size:1.4rem;line-height:0}.sparkle{color:var(--tonga-gold);text-shadow:0 3px 0 var(--white);font-size:clamp(1.5rem,3vw,2.4rem);animation:2.6s ease-in-out infinite sparkle-pop;position:absolute}.sparkle-left{top:26px;left:clamp(-4px,1vw,16px);transform:rotate(-18deg)}.sparkle-right{animation-delay:.5s;top:24px;right:clamp(-4px,1vw,16px);transform:rotate(18deg)}@keyframes sparkle-pop{0%,to{opacity:.72;scale:.94}50%{opacity:1;scale:1.12}}.interactive-area{justify-content:center;align-items:center;gap:clamp(26px,4vw,54px);width:100%;padding:0 8px;display:flex}.wheel-container{z-index:2;flex-direction:column;flex:none;align-items:center;animation:.7s ease-out .11s both fadeInUp;display:flex;position:relative}.wheel-wrapper{aspect-ratio:1;background:#ffffffe6;border-radius:50%;width:clamp(330px,35vw,430px);position:relative;box-shadow:0 18px 28px #042f5242,inset 0 0 0 12px #ffffffeb,inset 0 0 0 18px #1c6fb038}.wheel-wrapper:before,.wheel-wrapper:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.wheel-wrapper:before{border:4px solid #ffffffb8;inset:-16px;box-shadow:0 0 0 4px #0c5b942e}.wheel-wrapper:after{background:radial-gradient(circle,#0000 64%,#ffffff3d);inset:18px}#spinWheel{border-radius:50%;display:block;width:100%!important;height:100%!important}.wheel-pointer{z-index:20;filter:drop-shadow(0 8px 10px #041c3e61);width:clamp(58px,6.4vw,78px);position:absolute;top:-31px;left:50%;transform:translate(-50%)}.spin-btn{z-index:22;border:5px solid var(--white);color:var(--white);background:linear-gradient(180deg, #ff3d45, var(--tonga-red) 45%, var(--tonga-deep-red));font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;margin-top:-20px;padding:13px 32px 14px;font-size:clamp(1.05rem,1.7vw,1.55rem);font-weight:900;line-height:1;transition:transform .14s,filter .16s,box-shadow .14s;position:relative;box-shadow:0 9px #7d00098c,0 16px 22px #05163c3d}.spin-btn:hover:not(:disabled){filter:saturate(1.1)brightness(1.04);transform:translateY(-2px)rotate(-.4deg)}.spin-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 4px #7d00098c,0 9px 14px #05163c38}.spin-btn:disabled{cursor:wait;opacity:.76;filter:grayscale(.2)}.info-card{z-index:3;border:6px solid var(--white);opacity:0;pointer-events:none;background:#ffffffdb;border-radius:24px;flex:0 590px;width:min(100%,590px);padding:10px;transition:opacity .42s ease-out,transform .42s ease-out;position:relative;transform:translate(34px)rotate(.8deg);box-shadow:0 18px 40px #042f523b,inset 0 0 0 1px #0d75b129}.info-card.visible{opacity:1;pointer-events:auto;transform:translate(0)rotate(0)}.card-header{z-index:8;min-width:170px;color:var(--white);background:linear-gradient(135deg,#0c9fd3,#0870ba);border-radius:0 0 16px;padding:11px 18px 12px;position:absolute;top:22px;left:20px;transform:rotate(-2deg);box-shadow:0 9px 16px #02386238}.card-header p{margin:0 0 1px;font-size:.88rem;font-weight:900}.card-header h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.85rem,3.4vw,2.55rem);font-weight:900;line-height:.88}.card-image-wrapper{background:#0e72b3;border-radius:18px;height:clamp(285px,31vw,342px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #ffffffc7}.card-photo{object-fit:cover;width:100%;height:100%}.card-image-wrapper:after{content:"";pointer-events:none;background:linear-gradient(#042f521f,#0000 35%,#042f5214);position:absolute;inset:0}.fact-icon-btn{z-index:10;color:var(--tonga-navy);filter:drop-shadow(0 4px 7px #031a3338);flex-direction:column;align-items:center;gap:4px;transition:transform .17s,filter .17s;display:flex;position:absolute}.fact-icon-btn:hover{filter:drop-shadow(0 7px 9px #031a3340);transform:scale(1.08)rotate(-2deg)}.fact-icon-img-wrapper{aspect-ratio:1;place-items:center;width:clamp(48px,5vw,62px);display:grid}.fact-icon-img-wrapper img{object-fit:contain;width:100%;height:100%}.fact-icon-label{color:#0d2452;text-align:center;white-space:nowrap;background:#fffffff0;border-radius:999px;max-width:118px;padding:4px 9px 5px;font-size:clamp(.66rem,.9vw,.78rem);font-weight:900;line-height:1;box-shadow:0 3px 8px #0422482b}.icon-top-right{top:20px;right:44px}.icon-left{top:47%;left:40px;transform:translateY(-50%)}.icon-right{bottom:72px;right:42px}.icon-bottom-center{bottom:22px;left:50%;transform:translate(-50%)}.fact-icon-btn.icon-left:hover{transform:translateY(-50%)scale(1.08)rotate(-2deg)}.fact-icon-btn.icon-bottom-center:hover{transform:translate(-50%)scale(1.08)rotate(-2deg)}.card-tooltip{z-index:30;color:#0e244e;opacity:0;pointer-events:none;background:#fffffffa;border:3px solid #25b7a8;border-radius:17px;width:min(265px,100% - 28px);padding:17px 18px 18px;transition:opacity .17s,transform .17s;position:absolute;transform:translateY(9px)scale(.98);box-shadow:0 18px 30px #05163c3d}.card-tooltip.active{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.card-tooltip:before{content:"";border:inherit;background:inherit;border-bottom:0;border-right:0;width:16px;height:16px;position:absolute;transform:rotate(45deg)}.tooltip-arrow-left:before{top:24px;left:-10px}.tooltip-arrow-right:before{top:28px;right:-10px;transform:rotate(225deg)}.tooltip-arrow-bottom:before{margin-left:-8px;bottom:-10px;left:50%;transform:rotate(225deg)}.tooltip-arrow-top:before{margin-left:-8px;top:-10px;left:50%}.tooltip-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.tooltip-title{color:#0a1f4a;font-family:var(--font-display);margin:0;font-size:1.22rem;font-weight:900;line-height:1}.tooltip-close{color:#0a1f4a;margin-top:-2px;font-size:1.25rem;font-weight:900;line-height:1}.tooltip-close:hover{color:var(--tonga-red)}.tooltip-text{color:#1b2c55;margin:0;font-size:.94rem;font-weight:800;line-height:1.32}.learn-more-btn{z-index:12;color:#102457;background:linear-gradient(180deg, #ffe66b, var(--tonga-gold));font-family:var(--font-display);text-transform:uppercase;border:3px solid #ffffffd1;border-radius:999px;padding:12px 24px 11px;font-size:1rem;font-weight:900;line-height:1;transition:transform .14s,filter .14s,box-shadow .14s;position:absolute;bottom:22px;right:24px;box-shadow:0 8px #a4810073,0 12px 18px #042f522e}.learn-more-btn:hover{filter:brightness(1.04)saturate(1.08);transform:translateY(-2px)}.learn-more-btn:active{transform:translateY(3px);box-shadow:0 4px #a4810073,0 8px 12px #042f5229}.tapa-border{z-index:5;background-image:url(/assets/tapa-border-UeQMRYbv.png);background-position:50%;background-repeat:repeat-x;background-size:auto 120px;flex:0 0 28px;width:100%;position:relative}.site-footer{z-index:5;min-height:var(--footer-height);color:var(--white);background:linear-gradient(#073d87,#082e70 55%,#09265f);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:10px clamp(22px,5vw,60px);font-size:clamp(.76rem,1.2vw,.95rem);font-weight:800;display:grid;position:relative;box-shadow:0 -8px 28px #011a4338}.footer-center{text-align:center}.footer-center strong{font-family:var(--font-display);margin-bottom:2px;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1;display:block}.footer-right{justify-content:flex-end;align-items:center;gap:12px;display:flex}.island-small{filter:drop-shadow(0 5px 5px #0003);width:58px}@media (width<=1060px){.interactive-area{flex-direction:column;gap:28px}.info-card{flex-basis:auto;width:min(94vw,640px)}}@media (width<=780px){.hero .subtitle{border-radius:20px}.hibiscus{width:82px}.hibiscus-tl,.hibiscus-tr{top:12px}.card-header{min-width:145px;top:18px;left:18px}.fact-icon-label{white-space:normal}.icon-top-right{right:20px}.icon-left{left:22px}.icon-right{right:22px}.site-footer{text-align:center;grid-template-columns:1fr;justify-items:center;gap:8px}.footer-right{justify-content:center}}@media (width<=520px){.sparkle{display:none}.wheel-wrapper{width:min(82vw,330px)}.spin-btn{padding-inline:22px}.info-card{border-width:4px;border-radius:20px;padding:8px}.card-image-wrapper{height:255px}.fact-icon-img-wrapper{width:44px}.card-tooltip{width:auto;right:14px;left:14px!important}.learn-more-btn{padding:10px 18px;font-size:.88rem;bottom:18px;right:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}