.pocket-island-widget{--pi-size: 200px;position:fixed;bottom:24px;right:24px;width:var(--pi-size);height:var(--pi-size);user-select:none;-webkit-user-select:none;z-index:50;transition:left .4s cubic-bezier(.22,1,.36,1),right .4s cubic-bezier(.22,1,.36,1)}@media(max-width:768px){.pocket-island-widget{--pi-size: 160px;bottom:16px;right:16px}}.pocket-island-widget.is--left{right:auto;left:24px}@media(max-width:768px){.pocket-island-widget.is--left{right:auto;left:16px}}.pi-toast{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(8px);margin-bottom:8px;padding:8px 16px;background:#000c;color:#fff;font-size:13px;line-height:1.4;white-space:nowrap;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .3s ease,transform .3s ease}.pi-toast.is--visible{opacity:1;transform:translate(-50%) translateY(0)}.pi-screen{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden;cursor:grab;box-shadow:0 8px 32px #00000026,0 2px 8px #0000001a}.pi-screen:active{cursor:grabbing}.pi-landscape{--pi-dn-progress: 0;--pi-dn-rotation: 0deg;--pi-dn-opacity: 0;--pi-scene-rotation: 0deg;--pi-scene-progress: 0%;--pi-sky-top: #87ceeb;--pi-sky-bottom: #b0e0e6;--pi-cloud-color: #ffffff;--pi-ocean-color: #4a90d9;--pi-island-light: #7bc67e;--pi-island-regular: #5ba85e;--pi-island-medium: #4a9a4d;position:relative;width:100%;height:100%;overflow:hidden}.pi-sky-container{position:absolute;inset:0;overflow:hidden}.pi-sky{position:absolute;inset:0;background:linear-gradient(180deg,var(--pi-sky-top) 0%,var(--pi-sky-bottom) 100%)}.pi-sky-stars{position:absolute;inset:0;opacity:var(--pi-dn-opacity, 0)}.pi-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%}.pi-star.is--large{width:3px;height:3px;box-shadow:0 0 4px 1px #fff6}.pi-solar-system{position:absolute;top:12%;left:50%;width:70px;height:70px;transform:translate(-50%)}.pi-solar{position:relative;width:100%;height:100%;transform:rotate(var(--pi-dn-rotation, 0deg));transform-origin:center center}.pi-sun{position:absolute;top:0;left:50%;transform:translate(-50%);width:22px;height:22px;border-radius:50%;background:gold;box-shadow:0 0 12px 4px #ffd70059;opacity:calc(1 - var(--pi-dn-progress, 0))}.pi-sun-glow{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.25) 0%,transparent 70%);pointer-events:none;opacity:calc(1 - var(--pi-dn-progress, 0))}.pi-moon{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:#e8e0d0;box-shadow:inset -6px -2px #b0c4d0,0 0 8px 3px #c8d2e633;opacity:var(--pi-dn-progress, 0)}.pi-cloud-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.pi-cloud-line{position:absolute;display:flex;align-items:center;gap:40px;white-space:nowrap;will-change:transform}.pi-cloud-line.is--back{top:18%;left:0;transform:translate(calc(var(--pi-scene-progress, 0%) * .3));opacity:.45}.pi-cloud-line.is--middle{top:28%;left:-20%;transform:translate(calc(var(--pi-scene-progress, 0%) * .6));opacity:.6}.pi-cloud-line.is--front{top:36%;left:-10%;transform:translate(calc(var(--pi-scene-progress, 0%) * 1));opacity:.8}.pi-cloud{flex-shrink:0;color:var(--pi-cloud-color, #fff)}.pi-cloud.is--sm{width:36px;height:18px}.pi-cloud.is--md{width:52px;height:24px}.pi-cloud.is--lg{width:68px;height:30px}.pi-cloud svg{width:100%;height:100%;fill:currentColor}.pi-sea{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:58%;display:flex;align-items:center;justify-content:center;perspective:400px}.pi-island{position:relative;width:82%;transform:rotateX(72deg) rotate(var(--pi-scene-rotation, 0deg));transform-style:preserve-3d;transform-origin:center center}.pi-big-island{position:relative;transform-style:preserve-3d}.pi-island-sand{position:relative;width:100%;padding-bottom:100%;background:radial-gradient(ellipse at center,#e8d5a3 0%,#d4c08a 60%,transparent 70%);border-radius:50%;transform-style:preserve-3d}.pi-island-grid{position:absolute;inset:12%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:2px;transform-style:preserve-3d}.pi-island-grid__item{position:relative;display:flex;align-items:flex-end;justify-content:center;transform-style:preserve-3d}.pi-island-grid__item svg{width:100%;height:100%;transform:rotate(calc(var(--pi-scene-rotation, 0deg) * -1)) rotateX(-72deg);transform-origin:bottom center}.pi-island-grid__item.is--light-green{color:var(--pi-island-light, #7bc67e)}.pi-island-grid__item.is--regular-green{color:var(--pi-island-regular, #5ba85e)}.pi-island-grid__item.is--medium-green{color:var(--pi-island-medium, #4a9a4d)}.pi-island-grid__item.is--volcano{color:#8b7355;grid-column:3;grid-row:2;transform:rotate(calc(var(--pi-scene-rotation, 0deg) * -1)) rotateX(-72deg) scale(1.5);transform-origin:bottom center}.pi-island-grid__item.is--volcano svg{transform:none}.pi-island-grid__item.is--tree-sm svg{width:70%;height:70%}.pi-island-grid__item.is--tree-lg svg{width:110%;height:110%}.pi-lava-container{position:absolute;inset:-48% 20% 55%;overflow:hidden;opacity:0;pointer-events:none;z-index:3}.pi-lava{position:absolute;bottom:0;left:20%;width:60%;height:100%;background:linear-gradient(0deg,#ff4500,#ff6a00,orange 80%,#fc0);border-radius:4px 4px 0 0;animation:pi-lava-loop .6s ease-in-out infinite alternate}@keyframes pi-lava-loop{0%{transform:translateY(20%) scaleX(.7);opacity:.8}to{transform:translateY(-10%) scaleX(1.2);opacity:1}}.pi-smoke{position:absolute;top:-12%;left:50%;transform:translate(-50%);width:24px;height:24px;pointer-events:none;z-index:4}.pi-smoke-puff{position:absolute;border-radius:50%;background:#b4b4b466;animation:pi-smoke-rise 3s ease-out infinite}.pi-smoke-puff:nth-child(1){width:10px;height:10px;left:7px;bottom:0;animation-delay:0s}.pi-smoke-puff:nth-child(2){width:8px;height:8px;left:3px;bottom:2px;animation-delay:1s}.pi-smoke-puff:nth-child(3){width:12px;height:12px;left:5px;bottom:1px;animation-delay:2s}@keyframes pi-smoke-rise{0%{transform:translateY(0) scale(1);opacity:.4}50%{opacity:.25}to{transform:translateY(-18px) scale(1.8);opacity:0}}.pi-volcano-clouds{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:50px;height:50px;pointer-events:none;opacity:0;z-index:5}.pi-volcano-clouds svg{width:100%;height:100%;fill:#888;filter:blur(1px);transform:none}.pi-waves{position:absolute;bottom:-15%;left:-20%;right:-20%;height:35%;pointer-events:none}.pi-wave{position:absolute;bottom:0;left:-10%;width:120%;height:100%;color:var(--pi-ocean-color, #4a90d9)}.pi-wave svg{position:absolute;bottom:0;width:100%;height:auto;fill:currentColor}.pi-wave.is--wave-1{animation:pi-wave-1 4s ease-in-out infinite alternate;opacity:.35}.pi-wave.is--wave-2{animation:pi-wave-2 3.5s ease-in-out infinite alternate;opacity:.5}.pi-wave.is--wave-3{animation:pi-wave-3 3s ease-in-out infinite alternate;opacity:.65}@keyframes pi-wave-1{0%{transform:translate(-3%) translateY(2px)}to{transform:translate(3%) translateY(-2px)}}@keyframes pi-wave-2{0%{transform:translate(2%) translateY(-1px)}to{transform:translate(-2%) translateY(1px)}}@keyframes pi-wave-3{0%{transform:translate(-1%) translateY(1px)}to{transform:translate(1%) translateY(-1px)}}.pi-ocean{position:absolute;bottom:0;left:-5%;right:-5%;height:38%;background:linear-gradient(180deg,rgba(74,144,217,0) 0%,var(--pi-ocean-color, #4a90d9) 15%);pointer-events:none}.pi-controls{position:absolute;bottom:6px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;z-index:20;visibility:hidden;opacity:0}.pi-toggle-btn{display:flex;align-items:center;gap:4px;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:4px 6px;cursor:pointer;color:#fff;line-height:1;font-size:0;transition:background .2s}.pi-toggle-btn:hover{background:#0000008c}.pi-toggle-btn .pi-icon-sun{opacity:calc(1 - var(--pi-dn-progress, 0) * .6);transition:opacity .4s}.pi-toggle-btn .pi-icon-moon{opacity:calc(.4 + var(--pi-dn-progress, 0) * .6);transition:opacity .4s}.pi-toggle-track{position:relative;width:24px;height:14px;background:#fff3;border-radius:7px}.pi-toggle-dot{position:absolute;top:2px;left:2px;width:10px;height:10px;background:#fff;border-radius:50%;will-change:transform}.pi-volcano-btn{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;color:#fff;transition:background .2s,transform .15s}.pi-volcano-btn:hover{background:#c83c008c}.pi-volcano-btn:active{transform:scale(.9)}.pi-volcano-btn svg{width:14px;height:14px;fill:currentColor}.pi-volcano-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);font-size:10px;color:#fff;background:#0009;padding:2px 6px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}.pi-volcano-btn:hover .pi-volcano-tooltip{opacity:1}