:root{--ink:#123e52;--teal:#087f80;--sand:#fcf8ee;--coral:#ef836b}body{background:var(--sand)!important;color:var(--ink);font-family:'Trebuchet MS',sans-serif}header{background:#fffcf5f5!important;border-color:#dae8df!important;position:relative!important;padding:20px 5%!important;backdrop-filter:blur(10px)}header>div:first-child>div:first-child{background:#167f80!important;box-shadow:none}header p{color:#5f827f!important;font-size:10px!important}.brand-name{font-family:Georgia,serif;font-size:29px;letter-spacing:1px;color:var(--ink)}header button,header>div>div{border-color:#c9dfd7!important}main{max-width:1280px!important;padding:36px 5% 48px!important;justify-content:flex-start!important}footer{background:#eaf3e9!important;border-color:#cbded4!important;color:var(--ink)!important}footer p,footer h4{color:var(--ink)!important}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #ed795e;outline-offset:4px}button:disabled{cursor:not-allowed} .island-intro{display:grid;grid-template-columns:1fr 1.25fr;gap:55px;align-items:center;width:100%;padding:10px 0 44px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#43847e}.island-intro h2{font-family:Georgia,serif;font-size:clamp(36px,4vw,58px);line-height:1.1;font-weight:500;letter-spacing:-1.5px;margin:15px 0 20px}.island-intro p{font-size:14px;line-height:1.8;color:#5e7c7f;max-width:350px}.hero-actions{display:flex;gap:20px;align-items:center;margin-top:28px}.coral-btn{background:var(--coral);color:#173e4b;border:0;border-radius:10px;padding:15px 22px;font-weight:700;box-shadow:0 4px 0 #cc6955}.coral-btn span{margin-left:20px}.plain-btn{font-weight:700;font-size:12px;color:var(--ink);padding:12px 0}.postcard{background:#c3eee7;position:relative;border-radius:100px 100px 24px 24px;transform:rotate(1deg);border:8px solid #fffdf6;box-shadow:0 12px 30px #194c4c12;overflow:hidden}.postcard img{width:100%;display:block;aspect-ratio:1.5}.postmark{position:absolute;top:26px;right:22px;transform:rotate(9deg);font-size:9px;letter-spacing:2px;color:#256b6c;text-align:center;border:1px solid #538b8380;border-radius:50%;padding:17px 8px}.postmark b{font-family:Georgia;font-size:16px}.map-caption{display:flex;justify-content:space-between;background:#fffdf6;padding:12px 15px;font-size:9px;color:#447a78;gap:10px}.map-caption span{letter-spacing:1px}.expedition{display:flex;justify-content:space-between;align-items:end;width:100%;margin:14px 0 23px}.expedition h3,.beacon-banner h3{font-family:Georgia;font-weight:500;font-size:25px;margin:8px 0 0}.expedition label{font-size:11px;color:#62827d}.expedition select{background:#fffdf8;border:1px solid #c8dcd2;border-radius:8px;padding:9px;color:#174d53;margin-left:8px}.island-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;width:100%}.island-card{background:#fffdf8;border:1px solid #d9e4d8;border-radius:17px;overflow:hidden;text-align:left;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.island-card:hover{transform:translateY(-6px);box-shadow:0 14px 25px #18554c12}.mini-scene{width:100%;height:120px;background:#d6eee2;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.island-1 .mini-scene{background:#f4ded2}.island-2 .mini-scene{background:#d7e9ee}.island-3 .mini-scene{background:#f5e8ba}.island-symbol{font-size:65px;color:#187e77;filter:drop-shadow(0 7px 0 #fff8);animation:bob 4s ease-in-out infinite}.island-1 .island-symbol{color:#dc8069;animation-delay:-1s}.island-2 .island-symbol{color:#427e97;animation-delay:-2s}.island-3 .island-symbol{color:#c68f2e;animation-delay:-3s}.island-number{position:absolute;left:14px;top:12px;font-size:10px;color:#386d67}.scene-wave{position:absolute;bottom:-13px;left:5%;font-size:45px;letter-spacing:13px;color:#ffffff9c}.island-copy{padding:19px 17px;flex:1;display:flex;flex-direction:column}.island-copy .eyebrow{font-size:8px;letter-spacing:1.2px}.island-copy h4{font-family:Georgia;font-size:20px;margin:8px 0;color:#163e4a}.island-copy p{font-size:11px;line-height:1.8;color:#68817e;flex:1}.island-status{font-size:9px;display:flex;justify-content:space-between;gap:5px;margin-top:22px}.island-status b{color:#087b76}.progress-track{height:4px;background:#e7eee4;border-radius:5px;margin-top:12px}.progress-track i{display:block;height:100%;background:#4ba99a;border-radius:5px}.beacon-banner{display:flex;align-items:center;gap:25px;background:#e9efe1;border:1px solid #d8e2cf;border-radius:16px;width:100%;padding:25px;margin-top:25px}.beacon-icon{font-size:47px;color:#338a81}.beacon-banner p{font-size:11px;color:#62817c;margin-top:7px}.beacon-banner>button{margin-left:auto;white-space:nowrap}#app-container>div{animation:arrive .35s ease both}#app-container [class*="bg-"]:not([style*="background-color"]),#modal-content [class*="bg-"]:not([style*="background-color"]){background-image:none!important;background-color:#eff5ec!important}#app-container [class*="text-indigo"],#modal-content [class*="text-indigo"]{color:#587b7b!important}#app-container .text-white,#modal-content .text-white{color:#163e4b!important}#app-container [class*="border-indigo"],#modal-content [class*="border-indigo"]{border-color:#c4dbd3!important}#app-container [class*="text-teal"],#modal-content [class*="text-teal"]{color:#087b77!important}#app-container button[class*="bg-gradient"],#modal-content button[class*="bg-gradient"]{background:#ef9c7c!important;color:#173e4b!important}#app-container button[class*="bg-teal"]{background:#79c9b5!important;color:#143e44!important}#app-container [style*="background-color"]{background-color:revert-layer}#modal-content{background:#fffaf0!important;border-color:#cee0d3!important;color:var(--ink)}#modal-content p{line-height:1.8;margin-bottom:12px}#global-stars{color:#b07522}header [class*="bg-[#100D25]"]{background:#f3eddb!important}header button{background:#e7f1e8!important;color:#246e70!important}#puzzle-canvas{background:linear-gradient(#ccece7,#e8f1d7)!important;position:relative}#puzzle-canvas i.text-white{color:white!important}#answer-slot{min-width:56px}input{color:#123e52!important;background:#fffdf6!important} .gold-star{color:#c58924;text-shadow:none}.empty-star{color:#b7c8be} @keyframes bob{50%{transform:translateY(-6px) rotate(5deg)}}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:950px){.island-grid{grid-template-columns:repeat(2,1fr)}.island-intro{gap:22px}.island-intro h2{font-size:39px}.postmark{display:none}}@media(max-width:600px){header{padding:12px 4%!important}header p{display:none}.brand-name{font-size:23px}header>div{gap:7px!important}header>div:first-child>div:first-child{display:none}main{padding:24px 5%!important}.island-intro{grid-template-columns:1fr;gap:28px;padding-bottom:20px}.island-intro h2{font-size:42px}.island-intro p{max-width:100%}.postcard{border-radius:65px 65px 18px 18px}.expedition{align-items:start;gap:15px;flex-direction:column}.expedition h3{font-size:23px}.island-grid{gap:12px}.island-copy{padding:14px 12px}.island-copy h4{font-size:18px}.island-status{flex-direction:column}.mini-scene{height:100px}.island-copy .eyebrow{font-size:7px;letter-spacing:.5px}.beacon-banner{padding:18px;gap:12px;flex-wrap:wrap}.beacon-banner>div{flex:1}.beacon-banner h3{font-size:21px}.beacon-banner>button{margin-left:0}.map-caption{font-size:8px}footer{padding:14px!important}.hero-actions{gap:22px}#app-container .p-6{padding:16px!important}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body .font-display{font-family:Georgia,serif}body{font-family:"Trebuchet MS",Arial,sans-serif}#puzzle-canvas>div>div[style*="grid-template"]{min-width:520px}#puzzle-canvas [style*="background-color"]{color:#123e52!important}.motion-paused *{animation:none!important;transition:none!important}
.signal-controls{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:25px;font-size:12px}.signal-controls label{display:flex;align-items:center;gap:10px}.beat-active{outline:3px solid #123e52;outline-offset:2px;transform:translateY(-3px)}.high-contrast{--ink:#06282f;--teal:#004b50}.high-contrast #app-container p,.high-contrast #app-container [class*="text-indigo"],.high-contrast #modal-content [class*="text-indigo"],.high-contrast .eyebrow{color:#153b43!important}.high-contrast .island-card,.high-contrast #modal-content{border:2px solid #123e52!important}.high-contrast .island-copy p{color:#153b43}.high-contrast .coral-btn{background:#f7a386;border:2px solid #123e52}
@media(max-width:600px){header{gap:10px;flex-wrap:wrap}header>div:last-child{margin-left:auto}header>div:last-child button[title="Parent & Educator Dashboard"]{display:none}header>div:last-child>div{padding:5px 8px!important}header>div:last-child button{width:32px!important;height:34px!important;padding:5px!important}header .space-x-3>:not([hidden])~:not([hidden]){margin-left:6px!important}}