.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 110%,var(--sea-300),var(--sea-500) 50%,var(--night) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);color:var(--foam);overflow:hidden}.scanline-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0,#0000 2px,#0000002e,#0000 4px);animation:scanlines 2s linear infinite;mix-blend-mode:multiply}.boot-content{position:relative;width:min(560px,90vw);display:flex;flex-direction:column;align-items:center;gap:24px;z-index:2}.boot-logo{display:flex;flex-direction:column;align-items:center;gap:12px}.boot-title{font-size:18px;letter-spacing:2px;text-shadow:3px 3px 0 var(--night),0 0 14px rgba(255,255,255,.3);margin-top:12px}.boot-version{font-family:var(--font-text);font-size:18px;color:var(--sand);letter-spacing:2px}.boot-status{font-family:var(--font-text);font-size:22px;color:var(--sand);width:100%;text-align:left;min-height:120px;padding:12px 16px;background:#1a2a4a66;border:3px solid var(--foam);box-shadow:0 0 0 3px var(--night)}.boot-line{line-height:1.4}.boot-line.pulse{animation:boot-pulse .8s ease-in-out infinite}.boot-bar{width:100%;height:22px;background:var(--night);border:3px solid var(--foam);box-shadow:0 0 0 3px var(--night);position:relative;overflow:hidden}.boot-bar-fill{height:100%;background:repeating-linear-gradient(90deg,var(--coral) 0 8px,var(--coral-2) 8px 16px);transition:width 80ms linear}.boot-percent{font-family:var(--font-text);font-size:22px;color:var(--foam);letter-spacing:2px}.pixel-sun-large{position:relative;width:96px;height:96px;animation:sun-pulse 2.4s ease-in-out infinite,bob 3s ease-in-out infinite}.pixel-sun-large .sun-core{position:absolute;top:18px;right:18px;bottom:18px;left:18px;background:var(--sand-2);box-shadow:0 0 0 4px var(--sand),inset -4px -4px #ffa55a66;border-radius:0}.pixel-sun-large .ray{position:absolute;background:var(--sand);width:8px;height:14px;left:50%;top:50%;margin-left:-4px;margin-top:-7px;transform-origin:50% 56px}.pixel-sun-large .r1{transform:rotate(0) translateY(-46px)}.pixel-sun-large .r2{transform:rotate(45deg) translateY(-46px)}.pixel-sun-large .r3{transform:rotate(90deg) translateY(-46px)}.pixel-sun-large .r4{transform:rotate(135deg) translateY(-46px)}.pixel-sun-large .r5{transform:rotate(180deg) translateY(-46px)}.pixel-sun-large .r6{transform:rotate(225deg) translateY(-46px)}.pixel-sun-large .r7{transform:rotate(270deg) translateY(-46px)}.pixel-sun-large .r8{transform:rotate(315deg) translateY(-46px)}.scenery{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.sky-sun{position:absolute;top:8%;right:10%;width:92px;height:92px;animation:sun-pulse 3s ease-in-out infinite,bob 6s ease-in-out infinite}.sky-sun .sun-core{position:absolute;top:18px;right:18px;bottom:18px;left:18px;background:var(--sand-2);box-shadow:0 0 0 4px var(--sand),inset -4px -4px #ffa55a66}.sky-sun .ray{position:absolute;background:var(--sand);width:8px;height:14px;left:50%;top:50%;margin-left:-4px;margin-top:-7px;transform-origin:50% 54px}.sky-sun .r1{transform:rotate(0) translateY(-44px)}.sky-sun .r2{transform:rotate(45deg) translateY(-44px)}.sky-sun .r3{transform:rotate(90deg) translateY(-44px)}.sky-sun .r4{transform:rotate(135deg) translateY(-44px)}.sky-sun .r5{transform:rotate(180deg) translateY(-44px)}.sky-sun .r6{transform:rotate(225deg) translateY(-44px)}.sky-sun .r7{transform:rotate(270deg) translateY(-44px)}.sky-sun .r8{transform:rotate(315deg) translateY(-44px)}.sparkle{position:absolute;width:6px;height:6px;background:#fff;box-shadow:-6px 0 #fff,6px 0 #fff,0 -6px #fff,0 6px #fff;opacity:0;animation:sparkle 3s ease-in-out infinite}.cloud{position:absolute;animation:cloud-drift 60s linear infinite}.cloud-b{animation-duration:80s}.cloud-c{animation-duration:100s}.pixel-cloud{position:relative;width:80px;height:36px;filter:drop-shadow(2px 2px 0 rgba(26,42,74,.1))}.cb{position:absolute;background:var(--foam);box-shadow:inset -3px -3px #e1eef9}.cb-1{left:0;top:14px;width:24px;height:22px}.cb-2{left:16px;top:4px;width:30px;height:32px}.cb-3{left:38px;top:0;width:28px;height:36px}.cb-4{left:56px;top:8px;width:24px;height:28px}.cb-5{left:22px;top:20px;width:50px;height:16px}.seagull{position:absolute;width:24px;height:8px;animation:seagull-fly 22s linear infinite}.seagull.small{transform:scale(.7);animation-duration:30s}.seagull .wing{position:absolute;width:12px;height:4px;background:var(--ink);top:0;animation:wing-flap .6s ease-in-out infinite}.seagull .wing.left{left:0;transform-origin:right center;clip-path:polygon(0 100%,50% 0,100% 100%)}.seagull .wing.right{right:0;transform-origin:left center;clip-path:polygon(0 100%,50% 0,100% 100%)}.horizon{position:absolute;top:56%;left:0;right:0;height:3px;background:#1a2a4a2e}.wave-band{position:absolute;left:-40px;right:-40px;height:4px;background:repeating-linear-gradient(90deg,var(--foam) 0 8px,transparent 8px 24px);opacity:.85;animation:wave-drift 3s ease-in-out infinite}.wave-band.w1{top:58%;opacity:.6;animation-duration:4s}.wave-band.w2{top:61%;opacity:.8;animation-duration:3s;animation-delay:-1s}.wave-band.w3{top:65%;opacity:.5;animation-duration:5s;animation-delay:-2s}.fish{position:absolute;left:0;animation:fish-swim 24s linear infinite}.fish-sprite{position:relative;width:22px;height:12px}.fish-sprite .body{position:absolute;left:4px;top:0;width:16px;height:12px;background:var(--fish);box-shadow:inset -2px -2px #0000002e}.fish-sprite .tail{position:absolute;left:0;top:2px;width:6px;height:8px;background:var(--fish);clip-path:polygon(100% 0,0 50%,100% 100%)}.fish-sprite .eye{position:absolute;right:4px;top:4px;width:2px;height:2px;background:var(--ink)}.sand-detail{position:absolute;bottom:0;left:0;right:0;height:28%;background:linear-gradient(to bottom,transparent 0,transparent 8%,var(--sand-2) 8%,var(--sand) 100%);background-blend-mode:normal}.palm{position:absolute;bottom:30%;right:6%;width:80px;height:140px}.palm-trunk{position:absolute;bottom:0;left:36px;width:8px;height:100px;background:linear-gradient(to right,#8b5a2b,#b07a45);box-shadow:0 -16px 0 -2px #8b5a2b inset,0 -32px 0 -2px #b07a45 inset}.palm-leaf{position:absolute;width:36px;height:14px;background:var(--kelp);box-shadow:inset -2px -2px #4a9b7d;top:6px}.palm-leaf.l1{left:4px;transform:rotate(-25deg);border-top-left-radius:16px;border-top-right-radius:16px}.palm-leaf.l2{right:4px;transform:rotate(25deg);border-top-left-radius:16px;border-top-right-radius:16px}.palm-leaf.l3{left:-10px;top:20px;transform:rotate(-50deg);border-top-left-radius:16px;border-top-right-radius:16px}.palm-leaf.l4{right:-10px;top:20px;transform:rotate(50deg);border-top-left-radius:16px;border-top-right-radius:16px}.shells{position:absolute;bottom:8%;left:0;right:0;height:20px}.shell{position:absolute;bottom:0;width:16px;height:12px;background:var(--shell);box-shadow:inset -2px -2px 0 var(--coral);border-top-left-radius:8px;border-top-right-radius:8px;animation:bob 4s ease-in-out infinite}.shell.tiny{width:10px;height:8px}.bucket-art{position:absolute;bottom:16%;left:14%;width:36px;height:32px;animation:bob 5s ease-in-out infinite}.bucket-rim{position:absolute;top:0;left:-2px;right:-2px;height:6px;background:var(--coral-2);box-shadow:inset 0 -2px #d96a8a}.bucket-body{position:absolute;top:6px;left:0;right:0;bottom:0;background:var(--coral);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);box-shadow:inset -3px -3px #d96a8a}.bucket-handle{position:absolute;top:-4px;left:6px;right:6px;height:10px;border:3px solid var(--coral-2);border-bottom:none;border-radius:16px 16px 0 0;background:transparent}.starfish{position:absolute;bottom:6%;width:24px;height:24px;animation:wiggle 4s ease-in-out infinite}.starfish .star-core{position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:var(--coral-2)}.starfish .arm{position:absolute;width:8px;height:14px;background:var(--coral-2);left:50%;top:50%;margin-left:-4px;margin-top:-7px;transform-origin:50% 14px;box-shadow:inset -2px -2px #d96a8a}.starfish .a1{transform:rotate(0) translateY(-10px)}.starfish .a2{transform:rotate(72deg) translateY(-10px)}.starfish .a3{transform:rotate(144deg) translateY(-10px)}.starfish .a4{transform:rotate(216deg) translateY(-10px)}.starfish .a5{transform:rotate(288deg) translateY(-10px)}.scanline-tv{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0,#0000 3px,#1a2a4a0f 3px,#1a2a4a0f 4px);z-index:1}.sprite{position:relative;width:56px;height:56px;filter:drop-shadow(2px 2px 0 rgba(26,42,74,.25))}.bucket-icon .bi-handle{position:absolute;top:2px;left:10px;right:10px;height:12px;border:3px solid var(--coral-2);border-bottom:none;border-radius:18px 18px 0 0}.bucket-icon .bi-rim{position:absolute;top:12px;left:6px;right:6px;height:8px;background:var(--coral-2);box-shadow:inset 0 -2px #d96a8a}.bucket-icon .bi-body{position:absolute;top:18px;left:8px;right:8px;bottom:6px;background:var(--coral);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);box-shadow:inset -3px -3px #d96a8a}.bucket-icon .bi-shimmer{position:absolute;top:22px;left:14px;width:8px;height:14px;background:#fff9;clip-path:polygon(0 0,100% 0,60% 100%,0 100%)}.bucket-icon .bi-shovel{position:absolute;top:6px;right:-2px;transform:rotate(20deg)}.bucket-icon .shovel-handle{position:absolute;width:4px;height:22px;background:var(--sand-2);box-shadow:inset -1px 0 #d4a14a;top:0;left:8px}.bucket-icon .shovel-head{position:absolute;top:22px;left:4px;width:12px;height:10px;background:var(--sea-300);box-shadow:inset -2px -2px 0 var(--sea-500);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.shell-icon{display:flex;align-items:center;justify-content:center}.shell-icon .si-base{position:absolute;bottom:4px;left:4px;right:4px;height:36px;background:var(--shell);border-top-left-radius:50%;border-top-right-radius:50%;box-shadow:inset -3px -3px 0 var(--coral)}.shell-icon .si-line{position:absolute;bottom:4px;width:3px;height:32px;background:var(--coral-2);opacity:.7}.shell-icon .si-line.l1{left:14px;transform:rotate(-12deg);transform-origin:bottom}.shell-icon .si-line.l2{left:26px;height:36px}.shell-icon .si-line.l3{left:40px;transform:rotate(12deg);transform-origin:bottom}.shell-icon .si-tip{position:absolute;top:0;left:50%;transform:translate(-50%);width:14px;height:14px;background:var(--coral);clip-path:polygon(50% 0,100% 100%,0 100%)}.shell-icon .si-pearl{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--foam);border-radius:50%;box-shadow:0 0 4px #fff;animation:sparkle 2s ease-in-out infinite}.chest-icon .ch-lid{position:absolute;top:14px;left:6px;right:6px;height:14px;background:#b07a45;border-radius:12px 12px 0 0;box-shadow:inset -3px -3px #8b5a2b,inset 3px 3px #d09866}.chest-icon .ch-body{position:absolute;top:28px;left:6px;right:6px;bottom:6px;background:#b07a45;box-shadow:inset -3px -3px #8b5a2b,inset 3px 3px #d09866}.chest-icon .ch-band{position:absolute;left:6px;right:6px;height:4px;background:#6b3f1b}.chest-icon .ch-band.b1{top:28px}.chest-icon .ch-band.b2{bottom:12px}.chest-icon .ch-lock{position:absolute;top:24px;left:50%;transform:translate(-50%);width:10px;height:12px;background:var(--sand-2);box-shadow:inset -2px -2px #c08b3a}.chest-icon .ch-coin{position:absolute;width:8px;height:8px;background:var(--sand-2);box-shadow:inset -2px -2px #c08b3a;border-radius:50%;animation:bob 1.6s ease-in-out infinite}.chest-icon .ch-coin.c1{top:6px;left:16px;animation-delay:0s}.chest-icon .ch-coin.c2{top:2px;right:14px;animation-delay:-.7s}.chest-icon .ch-shine{position:absolute;top:18px;left:14px;width:4px;height:4px;background:#fff;animation:sparkle 2.6s ease-in-out infinite}.bottle-icon .bo-cork{position:absolute;top:4px;left:50%;transform:translate(-50%);width:12px;height:8px;background:#b07a45;box-shadow:inset -2px -2px #8b5a2b}.bottle-icon .bo-neck{position:absolute;top:12px;left:50%;transform:translate(-50%);width:14px;height:10px;background:#8cdcc8cc;box-shadow:inset -2px 0 #50a08c99}.bottle-icon .bo-body{position:absolute;top:22px;left:8px;right:8px;bottom:4px;background:#b4e6d7d9;border-radius:6px;box-shadow:inset -4px -4px #50a08c66,inset 3px 3px #fff6}.bottle-icon .bo-paper{position:absolute;top:28px;left:14px;right:14px;height:16px;background:var(--shell);box-shadow:inset -1px -1px 0 var(--coral);transform:rotate(-8deg)}.bottle-icon .bo-shine{position:absolute;top:24px;right:12px;width:4px;height:18px;background:#fffc}.camera-icon .ca-top{position:absolute;top:8px;left:18px;width:18px;height:6px;background:var(--coral-2);box-shadow:inset -2px -2px #d96a8a}.camera-icon .ca-body{position:absolute;top:14px;left:4px;right:4px;bottom:6px;background:var(--sea-400);box-shadow:inset -3px -3px 0 var(--sea-600),inset 3px 3px 0 var(--sea-200)}.camera-icon .ca-lens-outer{position:absolute;top:22px;left:50%;transform:translate(-50%);width:26px;height:26px;background:var(--ink);border-radius:50%;box-shadow:inset -2px -2px #000}.camera-icon .ca-lens-inner{position:absolute;top:27px;left:50%;transform:translate(-50%);width:16px;height:16px;background:var(--sea-300);border-radius:50%;box-shadow:inset -2px -2px 0 var(--sea-500);animation:sparkle 3s ease-in-out infinite}.camera-icon .ca-flash{position:absolute;top:16px;right:8px;width:6px;height:6px;background:var(--sand);animation:sparkle 1.4s ease-in-out infinite}.camera-icon .ca-strip{position:absolute;top:10px;left:4px;width:12px;height:4px;background:var(--sand-2)}.radio-icon .ra-body{position:absolute;top:16px;left:4px;right:4px;bottom:6px;background:var(--coral);box-shadow:inset -3px -3px #d96a8a,inset 3px 3px 0 var(--shell)}.radio-icon .ra-handle{position:absolute;top:6px;left:14px;right:14px;height:12px;border:3px solid var(--coral-2);border-bottom:none;border-radius:16px 16px 0 0}.radio-icon .ra-speaker{position:absolute;top:22px;left:8px;width:22px;height:22px;background:var(--ink);background-image:radial-gradient(var(--sea-400) 22%,transparent 24%);background-size:6px 6px}.radio-icon .ra-dial{position:absolute;top:22px;right:8px;width:16px;height:6px;background:var(--foam);box-shadow:inset -1px -1px #ccc}.radio-icon .ra-knob{position:absolute;top:32px;right:10px;width:12px;height:12px;background:var(--sand-2);border-radius:50%;box-shadow:inset -2px -2px #c08b3a}.radio-icon .ra-antenna{position:absolute;top:-4px;right:10px;width:3px;height:22px;background:var(--ink);transform:rotate(20deg);transform-origin:bottom}.radio-icon .ra-note{position:absolute;font-family:var(--font-text);font-size:18px;color:var(--coral-2);text-shadow:1px 1px 0 var(--foam);font-weight:700;animation:bob 1.4s ease-in-out infinite}.radio-icon .ra-note.n1{top:-4px;right:-4px;animation-delay:0s}.radio-icon .ra-note.n2{top:8px;right:26px;animation-delay:-.7s;font-size:14px}.desktop-icon{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:8px 6px;width:110px;height:124px;background:transparent;border:2px solid transparent;color:var(--ink);text-align:center;position:relative;opacity:0;animation:pop-in .5s cubic-bezier(.4,1.6,.4,1) forwards;transition:transform 80ms}.desktop-icon:hover{background:#ffffff59;border-color:#1a2a4a33}.desktop-icon:hover .icon-art-wrap{animation:bob .8s ease-in-out infinite}.desktop-icon:focus-visible{outline:3px dashed var(--ink);outline-offset:2px}.desktop-icon.is-active{transform:translateY(2px) scale(.98)}.icon-art-wrap{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-top:4px}.icon-shadow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:36px;height:6px;background:#1a2a4a2e;border-radius:50%;filter:blur(2px);z-index:-1}.icon-label{font-family:var(--font-pixel);font-size:8px;letter-spacing:1px;margin-top:8px;color:var(--ink);text-shadow:1px 1px 0 var(--foam);line-height:1.4}.icon-sub{font-family:var(--font-text);font-size:14px;color:var(--night);opacity:.65;line-height:1}.window{position:absolute;background:var(--foam);border:4px solid var(--ink);box-shadow:0 0 0 4px var(--sea-100),var(--pixel-shadow-lg);display:flex;flex-direction:column;font-family:var(--font-body);color:var(--ink);overflow:hidden;-webkit-user-select:none;user-select:none}.window.is-opening{animation:pop-in .32s cubic-bezier(.4,1.6,.4,1) both}.win-titlebar{display:flex;align-items:center;gap:8px;padding:4px 8px;background:linear-gradient(to bottom,var(--sea-400),var(--sea-500));border-bottom:4px solid var(--ink);cursor:grab;position:relative;height:32px;flex-shrink:0}.win-titlebar:active{cursor:grabbing}.win-title{font-family:var(--font-pixel);font-size:9px;letter-spacing:1px;color:var(--foam);text-shadow:2px 2px 0 var(--night);white-space:nowrap;flex-shrink:0}.win-stripes{flex:1;display:flex;flex-direction:column;gap:2px;pointer-events:none}.win-stripes span{display:block;height:2px;background:var(--foam);opacity:.65;border-radius:0}.win-stripes.left{padding-right:8px}.win-stripes.right{padding-left:8px}.win-controls{display:flex;gap:4px;margin-left:auto}.win-btn{width:22px;height:22px;font-family:var(--font-pixel);font-size:10px;display:flex;align-items:center;justify-content:center;background:var(--sand);border:2px solid var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--night)}.win-btn:hover{background:var(--sand-2);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--night)}.win-btn:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--night)}.win-btn.close{background:var(--coral)}.win-btn.close:hover{background:var(--coral-2);color:var(--foam)}.win-body{flex:1;overflow:auto;background:var(--foam);position:relative}.win-corner{position:absolute;width:12px;height:12px;background:var(--sand-2);border:3px solid var(--ink)}.win-corner.br{bottom:0;right:0;border-right:none;border-bottom:none}.taskbar{position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--ink);border-top:4px solid var(--night);display:flex;align-items:center;padding:0 8px;gap:8px;z-index:100;box-shadow:0 -3px #00000026}.start-btn{display:flex;align-items:center;gap:6px;background:var(--coral);border:3px solid var(--foam);color:var(--foam);padding:6px 14px;font-family:var(--font-pixel);font-size:10px;letter-spacing:1px;box-shadow:2px 2px 0 var(--night);transition:all .1s;height:40px}.start-btn:hover{background:var(--coral-2);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--night)}.start-btn.is-open{background:var(--coral-2);transform:translate(2px,2px);box-shadow:0 0 0 var(--night)}.start-shell{font-size:16px;filter:drop-shadow(1px 1px 0 var(--night))}.dock{display:flex;align-items:center;gap:4px;flex:1;background:var(--night);border:3px solid var(--foam);height:44px;padding:2px 6px;overflow-x:auto}.dock-item{position:relative;width:38px;height:38px;background:transparent;border:2px solid transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .1s}.dock-item:hover{background:var(--sea-500);border-color:var(--foam);transform:translateY(-2px)}.dock-item.is-open{background:var(--sea-500);border-color:var(--foam)}.dock-item.is-min{background:var(--night);opacity:.6}.dock-icon{transform:scale(.55);transform-origin:center}.dock-dot{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--coral);border-radius:50%}.systray{display:flex;align-items:center;gap:8px;background:var(--night);border:3px solid var(--foam);height:44px;padding:4px 12px}.tray-pixel-sun{width:22px;height:22px;position:relative;background:radial-gradient(var(--sand-2) 30%,var(--sand) 50%,transparent 60%);animation:sun-pulse 2.4s ease-in-out infinite}.tps-core{position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:var(--sand-2)}.tray-text{display:flex;flex-direction:column;font-family:var(--font-pixel);color:var(--foam);line-height:1.2}.tray-time{font-size:10px;letter-spacing:1px}.tray-date{font-size:8px;color:var(--sand);margin-top:2px}.start-menu{position:fixed;bottom:60px;left:8px;width:320px;background:var(--foam);border:4px solid var(--ink);box-shadow:4px -4px 0 var(--night);z-index:110;animation:pop-in .2s cubic-bezier(.4,1.6,.4,1);display:flex}.start-menu-banner{width:56px;background:linear-gradient(to bottom,var(--coral),var(--coral-2));display:flex;align-items:flex-end;justify-content:center;padding:14px 4px;border-right:4px solid var(--ink)}.start-banner-text{font-family:var(--font-pixel);font-size:14px;color:var(--foam);letter-spacing:4px;text-shadow:2px 2px 0 var(--night);writing-mode:vertical-rl;transform:rotate(180deg);text-orientation:mixed;text-align:center;line-height:1.4}.banner-sub{font-size:8px;letter-spacing:2px;color:var(--sand)}.start-menu-items{flex:1;display:flex;flex-direction:column;padding:4px}.start-menu-item{display:flex;align-items:center;gap:10px;padding:6px 10px;background:transparent;border:2px solid transparent;text-align:left;transition:background .1s}.start-menu-item:hover{background:var(--sea-200);border-color:var(--ink)}.smi-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.smi-icon .sprite{transform:scale(.5);transform-origin:center}.smi-label{display:flex;flex-direction:column;flex:1}.smi-title{font-family:var(--font-pixel);font-size:9px;letter-spacing:1px;color:var(--ink)}.smi-sub{font-family:var(--font-text);font-size:14px;color:var(--sea-600);margin-top:2px}.start-menu-foot{position:absolute;bottom:-28px;left:0;right:0;text-align:center;font-family:var(--font-text);font-size:14px;color:var(--foam);letter-spacing:1px;text-shadow:1px 1px 0 var(--night);padding:4px;pointer-events:none}.app{padding:16px;display:flex;flex-direction:column;gap:14px;height:100%;background:linear-gradient(to bottom,#f5fbff 0%,var(--shell) 100%)}.app-header{display:flex;flex-direction:column;gap:10px}.title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.title-pixel{font-family:var(--font-pixel);font-size:13px;letter-spacing:2px;color:var(--night);text-shadow:2px 2px 0 var(--sand)}.subtitle{font-family:var(--font-text);font-size:18px;color:var(--sea-600);letter-spacing:1px}.progress-card{background:var(--sea-100);border:3px solid var(--ink);padding:8px 12px;box-shadow:3px 3px 0 var(--night)}.progress-label{display:flex;justify-content:space-between;font-family:var(--font-text);font-size:18px;color:var(--ink);letter-spacing:1px;margin-bottom:6px}.pct{font-family:var(--font-pixel);font-size:10px;color:var(--coral-2)}.progress-bar{position:relative;height:18px;background:var(--foam);border:2px solid var(--ink);overflow:hidden}.progress-fill{height:100%;background:repeating-linear-gradient(90deg,var(--coral) 0 8px,var(--coral-2) 8px 16px);transition:width .3s cubic-bezier(.4,1.6,.4,1)}.trophy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:9px;color:var(--foam);text-shadow:1px 1px 0 var(--night);animation:blink 1.6s infinite;letter-spacing:1px}.add-row{display:flex;gap:8px}.pixel-input{flex:1;font-family:var(--font-text);font-size:18px;padding:8px 10px;background:var(--foam);border:3px solid var(--ink);color:var(--ink);outline:none;letter-spacing:.5px;box-shadow:inset 2px 2px #0000000f}.pixel-input:focus{border-color:var(--coral-2);box-shadow:3px 3px 0 var(--night)}.pixel-input::placeholder{color:#1a2a4a73}.pixel-btn{font-family:var(--font-pixel);font-size:9px;letter-spacing:1px;padding:8px 14px;border:3px solid var(--ink);background:var(--sea-300);color:var(--ink);box-shadow:3px 3px 0 var(--night);transition:all 80ms}.pixel-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--night)}.pixel-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--night)}.pixel-btn.coral{background:var(--coral)}.pixel-btn.coral:hover{background:var(--coral-2);color:var(--foam)}.pixel-btn.kelp{background:var(--kelp);color:var(--foam)}.pixel-btn.sand{background:var(--sand-2)}.bucket-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;flex:1}.bucket-item{position:relative;display:flex;align-items:center;gap:10px;background:var(--foam);border:3px solid var(--ink);padding:8px 10px;box-shadow:3px 3px 0 var(--night);transition:transform .1s,background .2s;animation:float-up .3s ease-out both}.bucket-item:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--night)}.bucket-item.done{background:var(--sea-100);opacity:.85}.bucket-item.done .item-text{text-decoration:line-through;text-decoration-thickness:2px;color:var(--night);opacity:.7}.bucket-item.pop{animation:pop-in .5s cubic-bezier(.4,1.6,.4,1)}.check-box{width:22px;height:22px;border:3px solid var(--ink);background:var(--foam);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .1s}.check-box:hover{background:var(--sand)}.bucket-item.done .check-box{background:var(--coral)}.check-mark{font-family:var(--font-pixel);font-size:12px;color:var(--foam);text-shadow:1px 1px 0 var(--night)}.item-sparkle{font-size:18px;color:var(--coral-2);width:22px;text-align:center;flex-shrink:0;animation:bob 2.4s ease-in-out infinite}.item-text{flex:1;font-family:var(--font-text);font-size:20px;letter-spacing:.5px;line-height:1.2}.trash-btn{font-family:var(--font-pixel);font-size:8px;width:22px;height:22px;background:var(--sand);border:2px solid var(--ink);color:var(--ink);flex-shrink:0;opacity:.4;transition:opacity .15s}.bucket-item:hover .trash-btn{opacity:1}.trash-btn:hover{background:var(--coral);color:var(--foam)}.empty-state{font-family:var(--font-text);font-size:20px;color:var(--sea-600);text-align:center;padding:30px 14px;background:var(--sea-50);border:3px dashed var(--sea-400)}.pop-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:14px;color:var(--coral-2);text-shadow:2px 2px 0 var(--foam)}.pop-burst>span{animation:pop-rise .8s ease-out forwards}.pop-burst i{position:absolute;font-style:normal;font-size:16px;color:var(--coral-2);animation:burst-out .8s ease-out forwards}.pop-burst .b1{--x: -40px;--y: -30px}.pop-burst .b2{--x: 40px;--y: -30px;color:var(--sand-2)}.pop-burst .b3{--x: -30px;--y: 20px;color:var(--kelp)}.pop-burst .b4{--x: 30px;--y: 20px;color:var(--sea-500)}@keyframes pop-rise{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-40px)}}@keyframes burst-out{0%{opacity:1;transform:translate(0) scale(.5)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(1.3)}}.diary-app{background:linear-gradient(to bottom,#f5fbff 0%,var(--shell) 100%)}.diary-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.compose-card{background:var(--sea-100);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--night);padding:12px;display:flex;flex-direction:column;gap:10px;animation:pop-in .32s cubic-bezier(.4,1.6,.4,1)}.compose-title{font-size:22px}.mood-picker{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mood-label{font-family:var(--font-text);font-size:18px;color:var(--night);margin-right:4px}.mood-btn{width:36px;height:36px;font-size:20px;border:3px solid var(--ink);background:var(--foam);display:flex;align-items:center;justify-content:center;transition:all .1s}.mood-btn:hover{transform:translateY(-2px)}.mood-btn.active{background:var(--coral);box-shadow:inset 0 0 0 2px var(--foam),2px 2px 0 var(--night)}.pixel-textarea{font-family:var(--font-text);font-size:20px;padding:10px;background:var(--foam);border:3px solid var(--ink);color:var(--ink);resize:vertical;outline:none;letter-spacing:.5px;line-height:1.4;min-height:100px}.pixel-textarea:focus{border-color:var(--coral-2)}.compose-actions{display:flex;justify-content:flex-end;gap:8px}.posts-list{display:flex;flex-direction:column;gap:18px}.post-card{position:relative;background:var(--shell);border:3px solid var(--ink);padding:18px 16px 14px;box-shadow:4px 4px 0 var(--night);cursor:pointer;transition:transform .12s,box-shadow .12s;animation:float-up .35s ease-out both}.post-card:hover{transform:translate(-1px,-2px);box-shadow:5px 6px 0 var(--night)}.post-card.expanded{background:var(--foam)}.post-tape{position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-2deg);width:80px;height:18px;background:#74c0ee8c;border:2px solid rgba(26,42,74,.3);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.4) 0 4px,transparent 4px 8px)}.post-mood{position:absolute;top:8px;right:12px;font-size:22px;text-shadow:1px 1px 0 var(--foam)}.post-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;padding-right:30px}.post-title{font-family:var(--font-pixel);font-size:11px;letter-spacing:1px;color:var(--night);line-height:1.5}.post-date{font-family:var(--font-text);font-size:16px;color:var(--sea-600);letter-spacing:1px;flex-shrink:0}.post-body{font-family:var(--font-text);font-size:18px;line-height:1.4;letter-spacing:.5px;color:var(--ink);margin:0;max-height:50px;overflow:hidden;position:relative;white-space:pre-wrap}.post-body:not(.open):after{content:"";position:absolute;bottom:0;left:0;right:0;height:24px;background:linear-gradient(to bottom,transparent,var(--shell))}.post-card.expanded .post-body:not(.open):after{background:linear-gradient(to bottom,transparent,var(--foam))}.post-body.open{max-height:none}.post-actions{margin-top:10px;padding-top:8px;border-top:2px dashed var(--sea-300);display:flex;justify-content:space-between;align-items:center}.post-hint{font-family:var(--font-text);font-size:14px;color:var(--sea-500)}.treasure-app{background:repeating-linear-gradient(45deg,#fff7e0 0,#fff7e0 12px,#fff0c8 12px,#fff0c8 24px);background-color:#fff7e0}.add-goal{display:flex;gap:8px}.steps-input{width:64px;text-align:center;flex:0 0 auto}.goals-grid{display:flex;flex-direction:column;gap:14px}.goal-card{background:var(--shell);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--night);padding:12px;position:relative;animation:float-up .3s ease-out both}.goal-card.complete{background:linear-gradient(135deg,var(--sand) 0%,var(--sand-2) 100%)}.goal-banner{display:flex;align-items:center;gap:10px;margin-bottom:12px}.goal-x{font-family:var(--font-pixel);font-size:18px;color:var(--coral-2);text-shadow:2px 2px 0 var(--foam);animation:wiggle 4s ease-in-out infinite}.goal-text{font-family:var(--font-pixel);font-size:11px;letter-spacing:1px;color:var(--night);flex:1}.goal-map{position:relative;height:32px;margin:8px 4px 12px}.map-path{position:absolute;top:50%;left:0;right:0;height:4px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,var(--ink) 0 6px,transparent 6px 12px)}.step-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--foam);border:2px solid var(--ink)}.step-dot.on{background:var(--coral)}.map-pin{position:absolute;top:-2px;transform:translate(-50%);font-family:var(--font-pixel);font-size:16px;color:var(--coral-2);text-shadow:1px 1px 0 var(--foam);transition:left .2s cubic-bezier(.4,1.6,.4,1);animation:bob 1.4s ease-in-out infinite}.goal-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.goal-progress{display:flex;align-items:baseline;gap:8px}.goal-pct{font-family:var(--font-pixel);font-size:14px;color:var(--coral-2);text-shadow:1px 1px 0 var(--foam)}.goal-fraction{font-family:var(--font-text);font-size:18px;color:var(--night)}.goal-controls{display:flex;gap:6px}.goal-trophy{position:absolute;top:-10px;right:-10px;font-family:var(--font-pixel);font-size:9px;background:var(--coral);color:var(--foam);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--night);padding:4px 8px;letter-spacing:1px;transform:rotate(8deg);animation:bob 2s ease-in-out infinite}.bottle-app{background:linear-gradient(to bottom,var(--sea-100) 0%,#f5fbff 100%)}.scroll-paper{background:var(--shell);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--night);padding:18px 16px;font-family:var(--font-text);font-size:18px;line-height:1.45;letter-spacing:.5px;color:var(--ink);position:relative;overflow:hidden}.scroll-paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0 26px,rgba(116,192,238,.18) 26px 27px);pointer-events:none}.scroll-paper>*{position:relative;z-index:1}.paper-deco{height:8px;background:repeating-linear-gradient(90deg,var(--coral) 0 8px,var(--coral-2) 8px 16px);margin:0 -16px}.paper-deco.top{margin-top:-18px;margin-bottom:14px}.paper-deco.bottom{margin-top:14px;margin-bottom:-18px}.welcome{text-align:center;margin-bottom:14px}.hello-pixel{font-family:var(--font-pixel);font-size:16px;letter-spacing:4px;color:var(--coral-2)}.hello-pixel span{display:inline-block;text-shadow:2px 2px 0 var(--foam);animation:bob 1.6s ease-in-out infinite}.hello-pixel span:nth-child(1){animation-delay:0s;color:var(--coral)}.hello-pixel span:nth-child(2){animation-delay:.1s;color:var(--coral-2)}.hello-pixel span:nth-child(3){animation-delay:.2s;color:var(--sea-500)}.hello-pixel span:nth-child(4){animation-delay:.3s;color:var(--kelp)}.hello-pixel span:nth-child(5){animation-delay:.4s;color:var(--coral)}.hello-pixel span:nth-child(7){animation-delay:.5s}.hello-pixel span:nth-child(8){animation-delay:.6s;color:var(--sea-500)}.hello-pixel span:nth-child(9){animation-delay:.7s;color:var(--kelp)}.hello-pixel span:nth-child(10){animation-delay:.8s;color:var(--coral-2)}.hello-pixel span:nth-child(11){animation-delay:.9s}.hello-pixel span:nth-child(12){animation-delay:1s;color:var(--sea-500)}.hello-pixel span:nth-child(13){animation-delay:1.1s;color:var(--coral)}.scroll-paper p{margin:8px 0}.scroll-paper strong{color:var(--coral-2);text-shadow:1px 1px 0 var(--foam)}.x-mark{font-family:var(--font-pixel);font-size:12px;background:var(--coral);color:var(--foam);padding:1px 6px;border:2px solid var(--ink);margin:0 2px}.legend{background:var(--foam);border:3px dashed var(--sea-400);padding:10px 12px;margin:14px 0}.legend-title{font-family:var(--font-pixel);font-size:10px;letter-spacing:2px;color:var(--coral-2);margin-bottom:8px;text-align:center}.legend ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.legend li{display:flex;align-items:center;gap:8px;font-size:17px}.leg-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.signoff{text-align:right;font-style:italic;color:var(--sea-600);margin-top:12px}.polaroid-app{background:repeating-linear-gradient(45deg,#d4a574 0,#d4a574 4px,#c69566 4px,#c69566 8px);background-color:#d4a574}.polaroid-app .title-pixel,.polaroid-app .subtitle{color:var(--shell);text-shadow:2px 2px 0 var(--ink)}.add-polaroid{display:flex;gap:8px;align-items:center;background:#ffffff80;padding:8px;border:3px solid var(--ink);flex-wrap:wrap}.pixel-select{font-family:var(--font-text);font-size:18px;padding:6px 10px;background:var(--foam);border:3px solid var(--ink);color:var(--ink);outline:none}.corkboard{flex:1;display:flex;flex-wrap:wrap;gap:18px;align-content:flex-start;padding:14px 8px}.polaroid{position:relative;background:var(--foam);padding:8px 8px 28px;border:2px solid var(--ink);box-shadow:4px 5px #1a2a4a66;transform:rotate(var(--tilt));transition:transform .2s;width:150px;animation:pop-in .4s cubic-bezier(.4,1.6,.4,1) both}.polaroid:hover{transform:rotate(0) scale(1.05);z-index:5}.pin{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:14px;height:14px;background:var(--coral);border:2px solid var(--ink);border-radius:50%;box-shadow:1px 1px 0 var(--night)}.photo{position:relative;width:100%;height:110px;overflow:hidden;border:2px solid var(--ink);background:var(--sea-200)}.caption{font-family:var(--font-text);font-size:16px;text-align:center;margin-top:6px;color:var(--ink);letter-spacing:.5px;line-height:1.2}.polaroid-x{position:absolute;top:4px;right:4px;width:18px;height:18px;font-family:var(--font-pixel);font-size:8px;background:var(--coral);border:2px solid var(--ink);color:var(--foam);opacity:0;transition:opacity .15s}.polaroid:hover .polaroid-x{opacity:1}.ph-sky{position:absolute;top:0;right:0;bottom:0;left:0}.ph-sun{position:absolute;bottom:30%;left:50%;transform:translate(-50%);width:32px;height:32px;background:var(--sand-2);border-radius:50%;box-shadow:0 0 0 2px var(--sand)}.ph-sea{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,#4fa9e0,#2b3d6b);border-top:2px solid var(--ink)}.ph-glimmer{position:absolute;bottom:14%;width:16px;height:2px;background:var(--foam);opacity:.8;animation:bob 1.6s ease-in-out infinite}.ph-glimmer.g1{left:24%}.ph-glimmer.g2{right:18%;animation-delay:-.8s}.ph-bigwave{position:absolute;bottom:0;left:-10%;right:-10%;height:70%;background:linear-gradient(to bottom,#74c0ee,#3789c2);border-radius:60% 40% 0 0/80% 80% 0 0;border-top:3px solid var(--ink)}.ph-foam{position:absolute;background:var(--foam);height:4px}.ph-foam.f1{top:30%;left:5%;width:30%}.ph-foam.f2{top:38%;right:10%;width:22%}.ph-shell-pile{position:absolute;bottom:8px;left:0;right:0;height:60%}.pshell{position:absolute;width:16px;height:12px;background:var(--shell);border-top-left-radius:50%;border-top-right-radius:50%;box-shadow:inset -2px -2px 0 var(--coral)}.pshell.s1{left:16%;bottom:0}.pshell.s2{left:40%;bottom:0;transform:scale(1.2);background:var(--coral)}.pshell.s3{right:22%;bottom:0}.pshell.s4{left:28%;bottom:12px;transform:scale(.8)}.pshell.s5{right:10%;bottom:8px;transform:scale(.9);background:var(--sand-2)}.ph-palm{position:absolute;bottom:30%;right:14%;width:50px;height:60px}.pp-trunk{position:absolute;bottom:0;left:22px;width:6px;height:40px;background:#8b5a2b}.pp-leaf{position:absolute;width:24px;height:8px;background:var(--kelp);top:4px}.pp-leaf.l1{left:0;transform:rotate(-25deg);border-top-left-radius:16px;border-top-right-radius:16px}.pp-leaf.l2{right:0;transform:rotate(25deg);border-top-left-radius:16px;border-top-right-radius:16px}.pp-leaf.l3{left:-8px;top:16px;transform:rotate(-50deg);border-top-left-radius:16px;border-top-right-radius:16px}.pp-leaf.l4{right:-8px;top:16px;transform:rotate(50deg);border-top-left-radius:16px;border-top-right-radius:16px}.ph-pool{position:absolute;bottom:0;left:0;right:0;height:65%;background:linear-gradient(to bottom,#74c0ee,#4fa9e0);border-top:2px solid var(--ink)}.ph-fish-tiny{position:absolute;width:10px;height:6px;background:var(--coral-2);border-radius:50%;animation:fish-swim 6s linear infinite}.ph-fish-tiny.f1{bottom:20%}.ph-fish-tiny.f2{bottom:38%;background:var(--sand-2);animation-duration:8s;animation-delay:-2s}.ph-fish-tiny.f3{bottom:10%;background:var(--coral);animation-duration:7s;animation-delay:-4s}.ph-kite{position:absolute;top:14%;left:30%;width:22px;height:22px;background:var(--coral);transform:rotate(45deg);border:2px solid var(--ink);box-shadow:inset -2px -2px 0 var(--coral-2);animation:bob 2s ease-in-out infinite}.ph-kite-string{position:absolute;top:30%;left:35%;width:2px;height:50%;background:var(--ink);transform:rotate(8deg);transform-origin:top}.ph-grass{position:absolute;bottom:0;left:0;right:0;height:20%;background:var(--kelp);border-top:2px solid var(--ink)}.polaroid-app .empty-state{background:#ffffff80;border-color:var(--shell);color:var(--shell)}.jukebox-app{background:linear-gradient(to bottom,var(--coral) 0%,var(--shell) 100%)}.cassette{background:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--night);padding:10px;display:flex;flex-direction:column;gap:10px}.cassette-window{position:relative;background:var(--sea-200);border:2px solid var(--foam);height:70px;display:flex;align-items:center;justify-content:space-around;overflow:hidden}.reel{width:44px;height:44px;border-radius:50%;background:var(--night);border:3px solid var(--foam);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.reel.spin{animation:spin 1.4s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reel-hole{position:absolute;width:4px;height:4px;background:var(--foam);border-radius:50%}.reel-hole:nth-child(1){top:6px}.reel-hole:nth-child(2){right:6px}.reel-hole:nth-child(3){bottom:6px}.cassette-tape{position:absolute;bottom:8px;left:24%;right:24%;height:4px;background:var(--ink);opacity:.5}.cassette-label{background:var(--shell);border:2px solid var(--foam);padding:6px 10px;text-align:center}.cass-mood{font-size:24px;display:block;margin-bottom:2px}.cass-title{font-family:var(--font-pixel);font-size:10px;letter-spacing:1px;color:var(--coral-2)}.cass-desc{font-family:var(--font-text);font-size:16px;color:var(--night);margin-top:2px}.visualizer{display:flex;gap:3px;align-items:flex-end;height:50px;padding:4px;background:var(--ink);border:3px solid var(--ink)}.viz-bar{flex:1;height:4px;background:var(--coral);transition:height .2s}.viz-bar.active{animation:viz-jump .6s ease-in-out infinite}@keyframes viz-jump{0%,to{height:6px;background:var(--coral)}25%{height:18px;background:var(--coral-2)}50%{height:38px;background:var(--sand-2)}75%{height:22px;background:var(--kelp)}}.transport{display:flex;justify-content:center;gap:8px}.play-btn{padding:10px 20px;font-size:11px}.vol-row{display:flex;align-items:center;gap:10px}.vol-label,.vol-num{font-family:var(--font-pixel);font-size:9px;color:var(--night);letter-spacing:1px}.pixel-range{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;background:var(--foam);border:3px solid var(--ink);outline:none}.pixel-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:18px;background:var(--coral);border:3px solid var(--ink);cursor:pointer}.pixel-range::-moz-range-thumb{width:14px;height:18px;background:var(--coral);border:3px solid var(--ink);cursor:pointer}.track-list{display:flex;flex-direction:column;gap:4px;background:var(--foam);border:3px solid var(--ink);padding:6px}.track-row{display:flex;align-items:center;gap:10px;padding:6px 8px;font-family:var(--font-text);font-size:18px;color:var(--ink);text-align:left;background:transparent;border:2px solid transparent;letter-spacing:.5px}.track-row:hover{background:var(--sea-100)}.track-row.active{background:var(--coral);border-color:var(--ink);color:var(--foam)}.track-num{font-family:var(--font-pixel);font-size:10px;width:22px}.track-mood{font-size:18px}.track-title{flex:1}.desktop{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(to bottom,#d6f0ff,#bfe4ff 35%,#9ad3f7 60%,#74c0ee 70%,#ffe6b0 71%,#fff3d4)}.icon-grid{position:absolute;top:28px;left:28px;display:grid;grid-template-columns:repeat(2,110px);grid-auto-rows:124px;gap:12px;z-index:5}@media (min-width: 900px){.icon-grid{grid-template-columns:repeat(3,110px)}}.goo-filter-container{position:absolute;overflow:hidden;z-index:1}.pixel-canvas{position:absolute;z-index:1}:root{--sea-50: #eaf6ff;--sea-100: #d4ecff;--sea-200: #bfe4ff;--sea-300: #9ad3f7;--sea-400: #74c0ee;--sea-500: #4fa9e0;--sea-600: #3789c2;--sand: #fff3d4;--sand-2: #ffe6b0;--coral: #ffb6cf;--coral-2: #ff8eb1;--shell: #ffe5ee;--foam: #ffffff;--kelp: #6cc3a4;--night: #2b3d6b;--ink: #1a2a4a;--pixel-shadow: 4px 4px 0 rgba(26, 42, 74, .25);--pixel-shadow-lg: 6px 6px 0 rgba(26, 42, 74, .3);--font-pixel: "Press Start 2P", system-ui, monospace;--font-body: "Pixelify Sans", "VT323", system-ui, monospace;--font-text: "VT323", "Pixelify Sans", monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden;font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:none;font-smooth:never;image-rendering:pixelated;image-rendering:crisp-edges}body{background:var(--sea-200)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::selection{background:var(--coral);color:#fff}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--sea-100);border:2px solid var(--ink)}::-webkit-scrollbar-thumb{background:var(--sea-400);border:2px solid var(--ink)}::-webkit-scrollbar-thumb:hover{background:var(--sea-500)}@keyframes wave-drift{0%{transform:translate(0) translateY(0)}50%{transform:translate(-20px) translateY(-4px)}to{transform:translate(0) translateY(0)}}@keyframes cloud-drift{0%{transform:translate(-10vw)}to{transform:translate(110vw)}}@keyframes seagull-fly{0%{transform:translate(-20vw) translateY(0)}50%{transform:translate(50vw) translateY(-20px)}to{transform:translate(120vw) translateY(0)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wing-flap{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}@keyframes sun-pulse{0%,to{box-shadow:0 0 0 4px var(--sand-2),0 0 0 8px #ffe6b066}50%{box-shadow:0 0 0 6px var(--sand-2),0 0 0 14px #ffe6b080}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes blink{0%,90%,to{opacity:1}95%{opacity:0}}@keyframes float-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pop-in{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes boot-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes fish-swim{0%{transform:translate(-10vw) scaleX(1)}49%{transform:translate(80vw) scaleX(1)}50%{transform:translate(80vw) scaleX(-1)}99%{transform:translate(-10vw) scaleX(-1)}to{transform:translate(-10vw) scaleX(1)}}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 4px}}.app{padding:16px;display:flex;flex-direction:column;gap:14px;height:100%}.empty-state{font-family:var(--font-text);font-size:20px;color:var(--sea-600);text-align:center;padding:30px 14px;background:var(--sea-50);border:3px dashed var(--sea-400);letter-spacing:.5px}.pixel-trail-layer,.pixel-trail-layer *,.pixel-trail-layer canvas{pointer-events:none!important}.pixel-trail-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;mix-blend-mode:screen}.pixel-trail-layer .pixel-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}