.creation-overlay{position:fixed;z-index:200;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(#233e59 0 47%,#397b91 47% 100%);color:#fff;transition:opacity 1.4s ease,visibility 1.4s}.creation-overlay[hidden]{display:none}.creation-overlay.opening{opacity:0;visibility:hidden}.creation-sky{position:absolute;inset:0 0 53%;background:radial-gradient(circle at 75% 23%,#ffe7a8 0 4%,#ffe7a822 5% 12%,transparent 13%)}.creation-sky i{position:absolute;width:3px;height:3px;background:#fff1c4;box-shadow:36px 23px #fff1c4,92px 5px #fff1c4,154px 34px #fff1c4,219px 16px #fff1c4}.creation-sky i:nth-child(1){left:9%;top:18%}.creation-sky i:nth-child(2){left:38%;top:9%}.creation-sky i:nth-child(3){left:63%;top:30%}.creation-overlay:after{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:53%;opacity:.4;background:repeating-linear-gradient(0deg,transparent 0 17px,#9fd2cf 18px 20px);animation:creationTide 2.4s linear infinite}.creation-island{position:absolute;z-index:1;right:5%;bottom:17%;width:42vw;max-width:470px;height:34vh;max-height:280px;border-radius:48% 38% 45% 41%;background:#355e42;filter:blur(18px);opacity:0;transform:translateY(35px) scale(.8);box-shadow:0 24px 0 #cbae67;transition:opacity 2s,transform 2s,filter 2s}.creation-overlay.silhouette .creation-island{opacity:.8;transform:translateY(0) scale(1)}.creation-overlay.named .creation-island{filter:blur(0);opacity:1}.creation-overlay canvas{position:absolute;z-index:3;left:0;bottom:20%;width:100%;height:auto;image-rendering:pixelated}.creation-copy{position:absolute;z-index:5;left:50%;top:8%;width:min(88%,700px);transform:translateX(-50%);text-align:center;text-shadow:0 2px 5px #13283c}.creation-copy p{min-height:5.5em;margin:0;font-size:clamp(16px,2.6vw,22px);line-height:1.9;letter-spacing:.05em;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1),filter .7s}.creation-copy p.scene-hidden{opacity:0;transform:translateY(15px);filter:blur(5px)}.creation-copy p.scene-visible{opacity:1;transform:none;filter:none}.creation-copy p.full-copy{font-size:clamp(13px,2vw,18px);line-height:1.75;max-width:700px;margin:auto}.creation-copy span{display:inline-block;margin-top:12px;padding:6px 12px;border:1px solid #f8df9c88;background:#19344b88;color:#ffeab0;font-size:12px}.creation-name-card{position:relative;z-index:10;width:min(82%,390px);box-sizing:border-box;padding:26px;background:#fff0c9;color:#554032;border:5px solid #6f5942;box-shadow:0 10px 0 #263c43;text-align:center;animation:creationPop .5s cubic-bezier(.2,1.5,.5,1)}.creation-name-card[hidden]{display:none}.creation-name-card small{color:#9a654a}.creation-name-card h2{margin:9px 0}.creation-name-card p{font-size:13px;line-height:1.6}.creation-name-card input{box-sizing:border-box;width:100%;margin:10px 0;padding:12px;border:2px solid #b88755;background:#fffaf0;text-align:center;font:inherit}.confirm-island-name{margin:16px 0!important;font-size:22px!important;font-weight:700;color:#9b513d}.creation-confirm-actions{display:grid;grid-template-columns:.8fr 1.6fr;gap:8px}
.island-world-panel{position:fixed;z-index:160;inset:0;overflow:auto;background:linear-gradient(#81bec0,#e7c477);color:#49372c;font-family:"Microsoft YaHei",system-ui,sans-serif}.island-world-panel[hidden]{display:none}.island-world-shell{width:min(100%,470px);min-height:100%;box-sizing:border-box;margin:auto;padding:14px 10px 24px}.island-world-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:7px}.island-world-header small{font-size:9px;letter-spacing:.14em}.island-world-header h1{margin:2px 0 0;font-size:21px}.island-header-actions{display:flex;gap:7px}.island-header-actions button{width:42px;height:42px;border:2px solid #816444;border-bottom-width:5px;border-radius:8px;background:#f7d98c;color:#49372c;font-size:20px}.island-game-card{position:relative;overflow:hidden;border:4px solid #f8e3a7;border-radius:12px;background:#3d91aa;box-shadow:0 4px 0 #557457}.island-game-card>canvas{display:block;width:100%;height:min(64vh,620px);min-height:430px;object-fit:cover;image-rendering:pixelated;touch-action:none}.island-location{position:absolute;top:10px;left:10px;padding:7px 9px;border:2px solid #6d563e;background:#f7e7b9;box-shadow:2px 2px 0 #6d563e;font-size:9px}.island-location b,.island-location span{display:block}.island-mini{position:absolute;right:8px;bottom:8px;padding:3px;background:#e9d18d;border:2px solid #6d563e;text-align:center;font-size:8px}.island-mini canvas{display:block;width:72px;height:54px;image-rendering:pixelated}.island-drag-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:6px 10px;background:#273d38cc;color:#fff4cc;font-size:9px;white-space:nowrap}.island-dialogue{display:grid;grid-template-columns:48px 1fr;gap:9px;align-items:center;margin-top:7px;padding:8px;border:3px solid #6d563e;border-radius:9px;background:#fff0bf;box-shadow:0 4px 0 #557457}.island-dialogue canvas{width:42px;height:42px;image-rendering:pixelated;background:#deb56f;border:2px solid #806344}.island-dialogue strong{font-size:12px}.island-dialogue p{margin:3px 0 0;font-size:10px;line-height:1.45}.island-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.island-nav button{min-height:58px;border:2px solid #785d40;border-bottom-width:5px;border-radius:7px;background:#f5d487;color:#4b392c;font-size:9px}.island-nav button span{display:block;margin-bottom:3px;font-size:17px}.island-nav button.main{background:#cb7056;color:#fff}.island-tools{text-align:center;font-size:10px}.island-tools button{border:0;background:none;color:#604737;text-decoration:underline;font:inherit}.island-modal{position:fixed;z-index:220;inset:0;display:grid;place-items:center;padding:20px}.island-modal[hidden]{display:none}.island-backdrop{position:absolute;inset:0;border:0;background:#1b3438aa;backdrop-filter:blur(4px)}.island-memory-card{position:relative;width:min(100%,380px);box-sizing:border-box;padding:24px;background:#fff0c7;border:4px solid #715942;box-shadow:0 9px 0 #2f4944;color:#533f31}.island-close{position:absolute;right:10px;top:9px;width:32px;height:32px;border:2px solid #72583e;background:#efd38d;font-size:20px}.island-memory-card small{color:#a3654d}.island-memory-card h2{margin:8px 32px 12px 0}.island-memory-card blockquote{margin:12px 0;padding:12px;border-left:4px solid #c66d52;background:#f2dc9e}.island-memory-card p{line-height:1.7}.island-memory-card footer{display:flex;align-items:center;gap:8px;margin-top:15px;font-size:10px;color:#8c6a50}.island-memory-card footer i{flex:1;border-top:1px solid #b99b6e}.island-letter-opening{padding:11px;border-left:4px solid #c66d52;background:#f2dc9e;font-weight:700}.island-rename-card input{box-sizing:border-box;width:100%;margin:12px 0;padding:12px;border:2px solid #b88755;background:#fffaf0;text-align:center;font:inherit}.island-rename-card>.button-primary{width:100%}
@keyframes creationTide{to{transform:translateY(20px)}}@keyframes creationPop{from{transform:scale(.75);opacity:0}}@media(max-width:560px){.creation-copy{top:10%}.creation-copy p{font-size:15px;line-height:1.75}.creation-island{right:-7%;bottom:20%;width:65vw}.creation-overlay canvas{left:-17.5%;bottom:24%;width:135%}.creation-confirm-actions{grid-template-columns:1fr}.island-world-shell{padding-top:max(10px,env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){.creation-copy p,.creation-island,.creation-overlay{transition-duration:.2s}}