.island-launch{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:18px;padding:22px 24px;border:2px solid #fff6;border-radius:22px;background:linear-gradient(120deg,#3c5367,#536f78 60%,#a28e9e);color:#fff7e8;box-shadow:0 7px 0 #34414f,0 16px 32px #39485824;text-align:left}.island-launch strong{display:block;font-size:25px}.island-launch small{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-bottom:6px}.island-launch span:last-child{font-size:26px}.island-launch:active{transform:translateY(3px)}
dialog.island-dialog{padding:0;border:0;border-radius:25px;width:calc(100% - 32px);max-width:1320px;height:calc(100dvh - 32px);max-height:1000px;background:#faf6ee;overflow:auto;box-shadow:0 30px 100px #23343c70}.island-dialog::backdrop{background:#23343ce0;backdrop-filter:blur(12px)}.island-shell{min-height:100%;display:flex;flex-direction:column}.island-header{position:absolute;top:0;left:0;right:0;z-index:2;padding:25px 30px;pointer-events:none}.island-header h2{font-size:clamp(24px,3vw,38px);margin:5px 0;color:#384956;letter-spacing:-.04em}.island-kicker{font-family:inherit;font-size:10px;font-weight:850;letter-spacing:.16em;color:#627377}.island-header .close{pointer-events:auto;top:22px;right:24px;background:#fffcf1cc;color:#384956;border:1px solid #fff;width:44px;height:44px;box-shadow:0 4px 10px #47596819}.island-stage{position:relative;min-height:330px;height:58dvh;max-height:650px;flex:1;background:radial-gradient(ellipse at 28% 20%,#fff1d2,transparent 58%),linear-gradient(160deg,#c9dfe1,#e7dbe8 70%,#efcbb9);overflow:hidden;border-radius:25px 25px 0 0}.island-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}.island-arrival{position:absolute;inset:0;display:grid;place-items:center;background:#e7e5e3;z-index:3;font-size:20px;color:#52636e;font-style:italic}.island-chapter{position:absolute;left:30px;bottom:24px;font-size:10px;letter-spacing:.12em;color:#53636a}.island-chapter b{margin-left:8px;font-size:14px}.island-caption{position:absolute;bottom:24px;left:25%;right:25%;text-align:center;font-size:13px;color:#52616a;font-weight:650}.island-view{position:absolute;right:24px;bottom:18px;padding:10px 13px;border-radius:99px;background:#fff8eeaa;color:#52616a;font-size:13px;border:1px solid #ffffff90}.island-workbench{padding:22px 30px 18px;background:linear-gradient(#fffbf5,#f7f2e9);border-top:1px solid #ffffffd0;position:relative;z-index:1}.island-instruction{display:flex;justify-content:space-between;gap:24px;align-items:center}.island-instruction h3{font-size:clamp(19px,2.2vw,27px);margin:6px 0 5px;letter-spacing:-.02em}.island-instruction p{margin:0;font-size:14px;color:#62676c}.island-instruction .island-kicker{font-size:10px;color:#74877a}.island-meter{flex-shrink:0;text-align:right;min-width:100px}.island-meter strong{display:block;font-size:26px;color:#4e7166;font-variant-numeric:tabular-nums}.island-meter span{font-size:11px;color:#738079}.island-tools{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:18px}.island-pieces{display:flex;gap:10px}.island-piece{padding:8px 14px 10px;min-width:90px;border-radius:14px;background:#fffdf7;border:1px solid #e8dfd2;color:#43535a;box-shadow:0 4px 0 #e1d7c9;transition:transform .15s}.island-piece:active{transform:translateY(3px)}.island-piece strong{display:block;font-size:16px;margin-top:7px}.island-piece small{font-size:11px;font-weight:500}.island-plank{display:block;background:var(--piece);border-radius:5px;height:22px;line-height:20px;letter-spacing:4px;color:#5d53545c;box-shadow:inset 0 2px 2px #fff9,0 3px 0 #a49b9255}.island-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.island-actions .secondary,.island-actions .primary{font-size:13px;padding:12px 15px;min-height:44px}.island-dialog button:focus-visible{outline:3px solid #4b669f;outline-offset:4px}.island-dialog button:disabled{opacity:.45;cursor:default}#islandFeedback{min-height:20px;margin:15px 0 0;font-size:13px;color:#53665f}.island-unavailable{padding:130px 30px 40px;text-align:center}
@media(max-width:700px){dialog.island-dialog{width:100%;height:100dvh;max-height:none;border-radius:0}.island-stage{border-radius:0;height:48dvh;min-height:300px;flex:none}.island-header{padding:20px}.island-header .close{right:16px;top:16px}.island-header .island-kicker{font-size:8px;max-width:230px;display:block}.island-header h2{font-size:28px}.island-workbench{padding:18px 18px max(22px,env(safe-area-inset-bottom))}.island-instruction{gap:10px}.island-instruction h3{font-size:20px}.island-instruction p{font-size:13px}.island-meter{min-width:75px}.island-meter strong{font-size:22px}.island-tools{display:block;margin-top:16px}.island-pieces{justify-content:stretch}.island-piece{flex:1;min-width:0}.island-actions{margin-top:17px;gap:8px}.island-actions .primary{flex:1}.island-actions .secondary{padding:11px 10px}.island-caption{display:none}.island-chapter{left:20px;bottom:20px}.island-view{right:18px;bottom:13px}.island-launch{padding:18px}.island-launch strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.island-piece{transition:none}}
.island-stage{flex:0 0 auto;height:clamp(300px,55dvh,580px)}.island-stage canvas{position:absolute;inset:0}.island-launch>span:first-child>span{font-size:14px;display:block;margin-top:7px;font-weight:500}.island-dialog .island-instruction p,.island-dialog #islandFeedback{font-family:system-ui,sans-serif;font-weight:500}.island-arrival[style*="opacity: 0"]{visibility:hidden}
@media(max-width:700px){.island-stage{height:46dvh;min-height:300px}}
.island-stage canvas{touch-action:none;cursor:grab}.island-stage canvas.is-dragging{cursor:grabbing}.island-camera{position:absolute;right:22px;bottom:18px;display:flex;gap:5px;background:#fffcf1c9;border:1px solid #fff8;padding:5px;border-radius:99px;backdrop-filter:blur(8px)}.island-camera button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;padding:0;background:#fff9;color:#445762;font-family:system-ui,sans-serif;font-size:23px;font-weight:650}.island-camera button:hover{background:#fff}.island-camera-tip{position:absolute;right:26px;bottom:80px;font-family:system-ui,sans-serif;font-size:11px;color:#52616a;background:#fff9;padding:5px 8px;border-radius:7px;pointer-events:none}.island-caption{left:20%;right:35%}
@media(max-width:700px){.island-camera{right:12px;bottom:12px;gap:3px;padding:4px}.island-camera button{width:36px;height:36px}.island-camera-tip{display:none}.island-chapter{bottom:28px;left:15px}}
.island-dialog #islandFeedback.is-error{color:#842b47;background:#ffe4e9;border-left:5px solid #bf4265;border-radius:12px;padding:14px 18px;font-size:15px;font-weight:650;line-height:1.5;margin-top:22px}
.flower-basket{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.flower-counts{margin:0;font-family:system-ui,sans-serif;font-size:15px;font-weight:650;color:#43535a}.flower-garden-controls{display:flex;flex-wrap:wrap;gap:12px}.flower-garden-controls button{font-size:14px;padding:12px 16px;min-height:44px}.bouquet-tray{display:flex;flex-wrap:wrap;gap:10px;min-height:48px}.bouquet-flower{width:44px;height:44px;flex:0 0 44px;border-radius:50%;font-size:32px;line-height:1;padding:0;border:2px solid #fff;box-shadow:0 4px 0 #d9cbb7;background:#fff5d8;color:#bd8014}.bouquet-flower.pink{background:#ffe0ec;color:#c44979}.flower-basket+.island-actions{align-self:flex-end}