.island-cover{box-sizing:border-box;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:auto;background:#073e61;color:#fff5d4;font-family:var(--font,sans-serif)}
.island-cover::backdrop{background:#073e61}.island-cover:not([open]){display:none}.island-cover-open{overflow:hidden}
.island-art{position:absolute;inset:0 0 0 34%;background:#28b2ff url('ledger-world.png') center bottom/cover no-repeat;min-height:720px}
.island-shade{position:absolute;inset:0;background:linear-gradient(90deg,#073e61 3%,#073e61ed 30%,#073e6140 63%,transparent 85%);min-height:720px;pointer-events:none}
.island-copy{position:relative;z-index:1;width:52%;max-width:700px;padding:clamp(70px,12vh,150px) 0 100px clamp(40px,8vw,150px);box-sizing:border-box}
.island-copy h1{margin:0;font-weight:900;line-height:1.08;letter-spacing:-.03em;text-shadow:0 5px 0 #123744,0 10px 18px #00253c80}
.island-copy h1 span{display:block;font-size:clamp(45px,5vw,76px);color:#fff9dd;margin-bottom:8px}.island-copy h1 strong{display:block;font-size:clamp(64px,7.6vw,110px);color:#ffda63;white-space:nowrap}
.island-promise{font-size:clamp(18px,1.7vw,24px);line-height:1.65;margin:28px 0 18px;color:#fff9e6}
.island-subjects{font-size:16px;line-height:1.8;color:#e1f3fa;margin:0 0 38px}.island-subjects span{color:#ffdc68;margin-inline:10px}
.island-enter{font:inherit;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:24px;min-height:62px;padding:15px 26px;border:2px solid #ffe595;border-radius:12px;background:#ffcf53;color:#34290e;box-shadow:0 6px 0 #b7791f,0 13px 24px #052e4570;cursor:pointer;transition:transform .15s,background .15s}
.island-enter svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5}.island-enter:hover{background:#ffe08a;transform:translateY(-2px)}.island-enter:active{transform:translateY(3px)}.island-enter:focus-visible,.island-cover-link:focus-visible{outline:3px solid #fff;outline-offset:6px}
.island-hint{color:#d5edf7;font-size:14px;line-height:1.6;margin:24px 0 0}.island-footer{position:absolute;left:8vw;bottom:20px;color:#d5edf7;font-size:14px;letter-spacing:2px;z-index:1}
.island-player{position:absolute;right:19%;bottom:12%;width:160px;height:210px;pointer-events:none}.island-player img{width:160px;height:200px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 10px 4px #14462b55);animation:island-hop 1.8s ease-in-out 3}
.island-coin{position:absolute;width:28px;height:36px;background:#ffde5e;border:4px solid #b77b1a;box-shadow:inset 3px 0 #fff6a1;z-index:2}.island-coin:after{content:'';position:absolute;inset:5px 8px;background:#c78e27}.island-coin-a{left:65px;top:-85px}.island-coin-b{right:-65px;top:-35px}
.island-cover-link{background:transparent;border:1px solid currentColor;color:inherit;white-space:nowrap;padding:7px 10px;font:inherit;font-size:12px;border-radius:6px;cursor:pointer}
@keyframes island-hop{0%,80%,100%{transform:translateY(0) scaleY(1)}10%{transform:translateY(4px) scaleY(.9)}40%{transform:translateY(-50px)}65%{transform:translateY(0) scaleY(.92)}}
@media(max-width:700px){.island-art{inset:0;min-height:740px;background-position:center bottom}.island-shade{min-height:740px;background:linear-gradient(180deg,#073e61b5 0%,#073e6170 40%,transparent 68%)}.island-copy{width:100%;max-width:none;text-align:center;padding:50px 20px 280px}.island-copy h1 span{font-size:46px}.island-copy h1 strong{font-size:76px}.island-promise{font-size:18px;margin:22px 0 10px}.island-subjects{font-size:14px;margin-bottom:26px}.island-subjects span{margin-inline:4px}.island-enter{margin:auto;min-height:56px;font-size:18px;min-width:240px}.island-hint{font-size:13px;margin-top:20px}.island-player{right:20%;bottom:65px;width:96px;height:120px}.island-player img{width:96px;height:120px}.island-coin{width:20px;height:26px;border-width:3px}.island-coin:after{inset:4px 5px}.island-coin-a{left:30px;top:-45px}.island-coin-b{right:-30px;top:-15px}.island-footer{bottom:10px;left:0;width:100%;text-align:center;color:#fff;background:#143d3980;font-size:12px;padding:6px 0;margin:0}.island-cover-link{font-size:11px;padding:6px}.top-actions{gap:8px!important}}
@media(max-height:680px){.island-player,.island-footer{position:absolute;bottom:auto;top:540px}.island-copy{padding-top:30px}.island-copy h1 strong{font-size:64px}.island-copy h1 span{font-size:40px}.island-footer{top:700px}}
@media(prefers-reduced-motion:reduce){.island-player img{animation:none}.island-enter{transition:none}}

.preview-shell .island-art{inset:0;min-height:740px;background-position:center bottom}.preview-shell .island-shade{min-height:740px;background:linear-gradient(180deg,#073e61b5 0%,#073e6170 40%,transparent 68%)}.preview-shell .island-copy{width:100%;max-width:none;text-align:center;padding:50px 20px 280px}.preview-shell .island-copy h1 span{font-size:46px}.preview-shell .island-copy h1 strong{font-size:76px}.preview-shell .island-promise{font-size:18px;margin:22px 0 10px}.preview-shell .island-subjects{font-size:14px;margin-bottom:26px}.preview-shell .island-subjects span{margin-inline:4px}.preview-shell .island-enter{margin:auto;min-height:56px;font-size:18px;min-width:240px}.preview-shell .island-hint{font-size:13px;margin-top:20px}.preview-shell .island-player{right:20%;bottom:65px;width:96px;height:120px}.preview-shell .island-player img{width:96px;height:120px}.preview-shell .island-coin{width:20px;height:26px;border-width:3px}.preview-shell .island-coin:after{inset:4px 5px}.preview-shell .island-coin-a{left:30px;top:-45px}.preview-shell .island-coin-b{right:-30px;top:-15px}.preview-shell .island-footer{bottom:10px;left:0;width:100%;text-align:center;color:#fff;background:#143d3980;font-size:12px;padding:6px 0;margin:0}.preview-shell .island-cover-link{font-size:11px;padding:6px}.preview-shell .top-actions{gap:8px!important}
.preview-shell .island-cover{width:min(420px,100vw);margin:0 auto}

/* Original illustrated cover, matching approved board. */
.island-art{inset:0;background-image:url(ledger-world.png);background-position:center;background-size:cover}.island-shade{background:linear-gradient(90deg,#073e61e6 0%,#073e61a6 33%,#073e6120 65%,transparent)}.island-player{width:280px;height:300px;right:15%;bottom:12%}.island-player img{width:100%;height:100%;image-rendering:auto}.island-copy h1 strong{color:#ffdf83}.island-player:after{content:"";position:absolute;left:-20%;right:-20%;bottom:-80px;height:160px;background:url(ledger-platform.png) center/contain no-repeat;z-index:-1}.island-player{isolation:isolate}.preview-shell .island-player{width:150px;height:170px;right:17%;bottom:60px}.preview-shell .island-player img{width:100%;height:100%}.preview-shell .island-shade{background:linear-gradient(180deg,#073e61d9,#073e6160 50%,transparent)}
@media(max-width:700px){.island-player{width:150px;height:170px;right:17%;bottom:60px}.island-player img{width:100%;height:100%}.island-shade{background:linear-gradient(180deg,#073e61d9,#073e6160 50%,transparent)}.island-player:after{bottom:-40px;height:110px}}

/* H5 walk-through: stable header and accessible touch targets. */
.preview-shell .topbar .mobile-brand{white-space:nowrap;flex-shrink:0}
.preview-shell .topbar .energy{white-space:nowrap;flex-shrink:0}
.preview-shell .topbar .profile{min-width:44px;min-height:44px;padding:4px}
.preview-shell .island-cover-link{min-height:44px}
.preview-shell .game-sound,.preview-shell #quiz-sound,.preview-shell .modal-close{min-width:44px;min-height:44px}
@media(max-width:700px){
 .topbar .mobile-brand,.topbar .energy{white-space:nowrap;flex-shrink:0}
 .topbar .profile{min-width:44px;min-height:44px;padding:4px}
 .island-cover-link,.game-sound,#quiz-sound,.modal-close{min-height:44px}
 .modal-close{min-width:44px}
}
@media(max-width:360px){
 .topbar .mobile-brand{font-size:14px}
 .topbar .mobile-brand>span{display:none}
 .topbar .top-actions{gap:4px!important}
 .topbar .energy{font-size:11px;padding:6px}
 .topbar .island-cover-link{font-size:10px;padding:4px}
}