.zh-islands:not(.zh-game-active){height:0;padding:0;overflow:hidden}
.zh-islands-preview{position:relative;display:grid;place-items:center;gap:10px;min-height:230px;border-radius:22px;background:linear-gradient(#205e97,#8bdcdd);margin-bottom:18px;color:#fff2ae;padding:20px}
.zh-islands-preview span{font-size:30px}.zh-islands-preview img{width:90px;height:90px}.zh-islands-preview b{color:#123f68}
[data-island-level]{display:block;width:100%;margin:8px 0;min-height:46px;border-radius:12px}
.zh-islands.zh-game-active{gap:10px;padding:12px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#07192c}
.zh-islands-stats{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(1100px,100%);min-height:40px;font-size:16px;font-weight:800;color:#deedff}
.zh-islands-stats [data-island-stars],.zh-islands-stats [data-island-coins]{color:#ffdc65}.zh-islands-stats [data-island-hearts]{color:#ff8d87}
.zh-islands-arena{position:relative;flex:none;width:min(1100px,100%,calc((100dvh - 210px)*1.7778));aspect-ratio:16/9;margin:auto 0;border-radius:22px;overflow:hidden;border:1px solid #93dce966;box-shadow:0 22px 60px #0005}
.zh-islands-arena canvas{display:block;width:100%;height:100%;touch-action:none}
[data-island-pause]{position:absolute;inset:0;display:grid;place-items:center;background:#06172ec9;color:white;font-size:28px;font-weight:800}[data-island-pause][hidden]{display:none}
.zh-islands-feedback{position:absolute;left:10%;right:10%;top:16px;text-align:center;color:white;font-size:16px;font-weight:800;text-shadow:0 2px 6px #102541;pointer-events:none}
.zh-islands-controls{display:flex;gap:10px;width:min(1100px,100%)}.zh-islands-controls button{min-height:54px;min-width:64px;flex:1;touch-action:none;user-select:none;background:#183955;border:1px solid #7fbee659;border-radius:16px;font-size:20px;color:#e3f4ff;font-weight:800}
.zh-islands-controls button:last-child{margin-left:auto;flex:1.5;background:#ffcf4d;color:#173b62}.zh-islands-controls button.is-held{background:#77d8f2;color:#123856}
.zh-islands.zh-game-active [data-message]{font-size:12px;padding:0;margin:0;background:none;min-height:18px;color:#b1c9df}
.zh-islands [data-message] button{min-height:44px}
@media(max-width:600px){.zh-islands-stats{font-size:12px;gap:8px}.zh-islands-arena{width:min(100%,calc((100dvh - 230px)*.8889));aspect-ratio:8/9}.zh-islands-controls button{min-height:58px}.zh-islands.zh-game-active [data-message]{font-size:10px}.zh-islands-feedback{font-size:13px}}
@media(max-height:550px) and (min-width:600px){.zh-islands.zh-game-active{gap:5px;padding:8px}.zh-islands-stats{min-height:24px;font-size:11px}.zh-islands-arena{width:calc((100dvh - 145px)*1.7778);margin:0}.zh-islands-controls{position:absolute;left:12px;right:12px;bottom:30px;width:auto;pointer-events:none}.zh-islands-controls button{pointer-events:auto;flex:none;width:64px;background:#183955df}.zh-islands-controls button:last-child{flex:none;width:110px}.zh-islands.zh-game-active [data-message]{font-size:10px}}
.zh-islands-controls button{padding:8px 10px;white-space:nowrap;font-size:18px}
/* Softer framing for the illustrated island world. */
.zh-islands.zh-game-active{background:radial-gradient(ellipse at 50% 45%,#1a3b53,#071827 75%)}
.zh-islands-arena{border-color:#a4d9dc55;box-shadow:0 24px 70px #0005,0 0 65px #6bcbd00b}
.zh-islands-stats>span{padding:6px 12px;border:1px solid #addef01a;border-radius:12px;background:#8dcade08;font-variant-numeric:tabular-nums}
.zh-islands-feedback:not(:empty){left:50%;right:auto;translate:-50% 0;width:max-content;max-width:90%;padding:7px 16px;border-radius:20px;background:#153752c9;box-shadow:0 4px 15px #16374325;color:#fff8da}
.zh-islands-controls button{box-shadow:inset 0 1px #ffffff12,0 4px 12px #0002}
@media(max-width:600px){.zh-islands-stats>span{padding:5px 7px}}
/* Edge-to-edge world with controls floating inside the safe viewport. */
.zh-islands.zh-game-active{display:block;padding:0;gap:0;overflow:hidden;isolation:isolate}
.zh-islands.zh-game-active .zh-islands-arena{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0;border:0;border-radius:0;box-shadow:none;z-index:0}
.zh-islands.zh-game-active .zh-shell-toolbar{position:absolute;z-index:3;top:0;left:0;right:0;width:auto;box-sizing:border-box;padding:calc(10px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));background:linear-gradient(#082236ed,#082236b8);box-shadow:0 10px 35px #06213c22}
.zh-islands.zh-game-active .zh-islands-stats{position:absolute;z-index:2;top:calc(78px + env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));width:auto;justify-content:flex-start;pointer-events:none;text-shadow:0 1px 3px #092943}
.zh-islands.zh-game-active .zh-islands-stats>span,.zh-islands.zh-game-active .zh-islands-stats>strong{padding:7px 12px;border:1px solid #d3f2ff33;border-radius:14px;background:#092d4bd9}
.zh-islands.zh-game-active .zh-islands-stats [data-island-hearts]{margin-left:auto}
.zh-islands.zh-game-active .zh-islands-controls{position:absolute;z-index:2;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom));width:auto;pointer-events:none}
.zh-islands.zh-game-active .zh-islands-controls button{pointer-events:auto;flex:none;width:66px;height:60px;border-radius:20px;background:#0b304bd9;border-color:#d0eeff55;font-size:22px}
.zh-islands.zh-game-active .zh-islands-controls button:last-child{width:120px;background:#ffcf4de8;color:#173b62}
.zh-islands.zh-game-active .zh-islands-controls button.is-held{background:#91e7ff;color:#123856}
.zh-islands.zh-game-active .zh-islands-controls button:focus-visible{outline:3px solid #fff3a8;outline-offset:3px}
.zh-islands.zh-game-active [data-message]{position:absolute;z-index:2;left:12px;right:12px;bottom:calc(3px + env(safe-area-inset-bottom));text-align:center;color:#fff;text-shadow:0 1px 4px #092338;font-size:11px;pointer-events:none}
.zh-islands.zh-game-active [data-message] button{pointer-events:auto;background:#173b62;color:white;border-radius:10px}
.zh-islands.zh-game-active .zh-islands-feedback{top:calc(132px + env(safe-area-inset-top))}
@media(max-width:600px){
 .zh-islands.zh-game-active .zh-islands-stats{gap:5px;font-size:11px;left:10px;right:10px}
 .zh-islands.zh-game-active .zh-islands-stats>span,.zh-islands.zh-game-active .zh-islands-stats>strong{padding:6px 8px}
 .zh-islands.zh-game-active .zh-islands-controls{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));gap:8px}
 .zh-islands.zh-game-active .zh-islands-controls button{width:58px;height:58px}
 .zh-islands.zh-game-active .zh-islands-controls button:last-child{width:106px;font-size:18px}
}
@media(max-height:550px){
 .zh-islands.zh-game-active .zh-shell-toolbar{padding-top:max(5px,env(safe-area-inset-top));padding-bottom:5px}
 .zh-islands.zh-game-active .zh-islands-stats{top:calc(60px + env(safe-area-inset-top));min-height:26px;font-size:11px}
 .zh-islands.zh-game-active .zh-islands-stats>span,.zh-islands.zh-game-active .zh-islands-stats>strong{padding:4px 9px}
 .zh-islands.zh-game-active .zh-islands-feedback{top:calc(98px + env(safe-area-inset-top))}
 .zh-islands.zh-game-active .zh-islands-controls button{height:52px}
}
@media(max-height:550px){
 .zh-islands.zh-game-active .zh-islands-controls{bottom:calc(8px + env(safe-area-inset-bottom))}
 .zh-islands.zh-game-active [data-message]{left:170px;right:150px;font-size:10px}
}
/* Keyboard instructions live in the rules dialog; show only actionable errors here. */
.zh-islands.zh-game-active [data-message]{display:none}
.zh-islands.zh-game-active [data-message].is-error{display:block;left:12px;right:12px;bottom:12px;padding:10px;border-radius:12px;background:#173b62;pointer-events:auto}
@media(hover:hover) and (pointer:fine){
 .zh-islands.zh-game-active .zh-islands-controls{display:none}
}
@media(any-pointer:coarse){
 .zh-islands.zh-game-active .zh-islands-controls{display:flex}
}
.zh-islands.zh-game-active[data-hit-phase="impact"] .zh-islands-stats [data-island-hearts]{background:#742c42;border-color:#ffb3a0;box-shadow:0 0 22px #ff877666}

.zh-world-loading{position:absolute;inset:0;z-index:1000;background:#12384b;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e8fff4;gap:22px;text-align:center;padding:24px}.zh-world-loading[hidden]{display:none}.zh-world-loading__portal{width:90px;height:130px;border:7px solid #80dccb;border-radius:50%;box-shadow:0 0 32px #81efc988,inset 0 0 25px #68cddc;background:repeating-conic-gradient(from 0deg,#235568,#61cbbb,#235568 60deg);animation:zh-world-breathe 1.8s ease-in-out infinite}.zh-world-loading p{font-size:1.1rem;max-width:30em}.zh-world-loading button{padding:10px 22px;border-radius:12px;background:#ffe19a;color:#173e50;border:0}@keyframes zh-world-breathe{50%{filter:brightness(1.35);box-shadow:0 0 48px #81efc9bb,inset 0 0 35px #68cddc}}@media(prefers-reduced-motion:reduce){.zh-world-loading__portal{animation:none}}

.zh-world-loading p{color:#e8fff4!important;}