@import"https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;1,400&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.decorations-layer{position:fixed;inset:0;pointer-events:none;z-index:3;overflow:hidden}.deco-particle{position:absolute;animation:roam ease-in-out infinite alternate;will-change:transform,opacity}@keyframes roam{0%{transform:translate(0) rotate(var(--r0));opacity:.45}50%{opacity:.9}to{transform:translate(var(--dx),var(--dy)) rotate(var(--r1));opacity:.55}}.meme-expand-backdrop{position:fixed;inset:0;z-index:200;background:#64788c73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:memeExpandFadeIn .2s ease}@keyframes memeExpandFadeIn{0%{opacity:0}to{opacity:1}}.meme-expand-card{position:relative;background:#f5f2ed;border-radius:18px;padding:20px 24px 24px;box-shadow:0 24px 60px #50647847;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:min(480px,90vw);animation:memeExpandPopIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes memeExpandPopIn{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}.meme-expand-close{position:absolute;top:-14px;right:-14px;width:34px;height:34px;border-radius:50%;border:2px solid #c8d4dc;background:#f0eee9;color:#6a7a8a;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #64788c2e;transition:background .15s ease,transform .15s ease}.meme-expand-close:hover{background:#e8d8f0;transform:scale(1.12)}.meme-expand-image{width:100%;max-width:420px;height:auto;border-radius:10px;display:block}.meme-expand-name{font-family:Playfair Display,serif;font-style:italic;font-size:1.15rem;color:#6a7a8a;letter-spacing:.04em;text-align:center}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f0eee9;--ink: #6a7a8a}html{cursor:url(/images/cursor-memefest.png) 0 0,auto}.page{position:relative;min-height:100vh;width:100vw;background-color:var(--bg);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Zen Maru Gothic,sans-serif;padding-bottom:30px}.page:before{content:"";position:fixed;inset:0;background:linear-gradient(to bottom,#ece8e2,#e8e4de,#e0dcd5);z-index:0}.page:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(to right,#c8d0c8 1px,transparent 1px) 20px 20px / 1px 55px no-repeat,linear-gradient(to bottom,#c8d0c8 1px,transparent 1px) 20px 20px / 55px 1px no-repeat,linear-gradient(to left,#c8d0c8 1px,transparent 1px) right 20px top 20px / 1px 55px no-repeat,linear-gradient(to bottom,#c8d0c8 1px,transparent 1px) right 20px top 20px / 55px 1px no-repeat,linear-gradient(to right,#c8d0c8 1px,transparent 1px) 20px bottom 20px / 1px 55px no-repeat,linear-gradient(to top,#c8d0c8 1px,transparent 1px) 20px bottom 20px / 55px 1px no-repeat,linear-gradient(to left,#c8d0c8 1px,transparent 1px) right 20px bottom 20px / 1px 55px no-repeat,linear-gradient(to top,#c8d0c8 1px,transparent 1px) right 20px bottom 20px / 55px 1px no-repeat;opacity:.35;z-index:2}.paper-texture{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.seaweed{position:absolute;bottom:30px;pointer-events:none;z-index:4;transform-origin:bottom center;animation:sway ease-in-out infinite alternate}@keyframes sway{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.coral,.shell{position:absolute;bottom:26px;pointer-events:none;z-index:4}.fish{position:absolute;pointer-events:none;z-index:4;animation:fishSwim ease-in-out infinite alternate}@keyframes fishSwim{0%{transform:translate(0)}to{transform:translate(10px,-7px)}}.jellyfish{position:absolute;pointer-events:none;z-index:4;animation:jellyBob ease-in-out infinite alternate}@keyframes jellyBob{0%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-11px) scaleY(1.04)}to{transform:translateY(-4px) scaleY(.97)}}.center-layout{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center}.jar-container{display:flex;flex-direction:column;align-items:center}.title-block{text-align:center;margin-bottom:6px;margin-top:-35px}.main-title{font-family:Playfair Display,serif;font-style:italic;font-weight:400;font-size:clamp(2rem,5.5vw,3.4rem);color:var(--ink);letter-spacing:.05em;opacity:0;animation:fadeUp .9s .2s cubic-bezier(.22,1,.36,1) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.card{padding:30px;display:flex;flex-direction:column;align-items:center;opacity:0;animation:fadeUp 1s .55s cubic-bezier(.22,1,.36,1) forwards;transition:transform .35s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 22px rgba(160,180,220,.22));position:relative;z-index:40}.card:hover{transform:scale(1.04) translateY(-5px)}.card.jar-disabled{opacity:.6;pointer-events:none}.wiggle{display:inline-block;animation:wiggle .6s ease forwards}@keyframes wiggle{0%{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}to{transform:rotate(0)}}.top-logo{position:fixed;top:-50px;right:-10px;z-index:25;height:250px;width:auto;opacity:0;animation:fadeUp .9s .2s cubic-bezier(.22,1,.36,1) forwards}.top-logo.trash-target{filter:drop-shadow(0 8px 20px rgba(220,80,80,.28));transform:scale(1.02);transition:transform .12s ease,filter .12s ease;opacity:.98}.reset-top{position:fixed;top:18px;left:18px;z-index:60;padding:8px 14px;background:linear-gradient(135deg,#e8d8f0,#d8e8f8);color:#38506e;border:1px solid rgba(120,140,160,.25);border-radius:10px;font-family:Zen Maru Gothic,sans-serif;font-size:.95rem;font-weight:600;cursor:url(/images/cursor-memefest.png) 0 0,auto;box-shadow:0 6px 18px #64789629;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.reset-top:hover{transform:translateY(-2px);box-shadow:0 10px 28px #6478962e}.reset-top:active{transform:translateY(0)}.home-button{position:fixed;top:18px;left:120px;z-index:60;padding:8px 14px;background:linear-gradient(135deg,#d8e8f0,#c8d8e8);color:#38506e;border:1px solid rgba(120,140,160,.25);border-radius:10px;font-family:Zen Maru Gothic,sans-serif;font-size:.95rem;font-weight:600;cursor:url(/images/cursor-memefest.png) 0 0,auto;box-shadow:0 6px 18px #64789629;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.home-button:hover{transform:translateY(-2px);box-shadow:0 10px 28px #6478962e}.home-button:active{transform:translateY(0)}@keyframes capOpen{0%{transform:rotate(0) translateY(0);opacity:1}to{transform:rotate(-45deg) translateY(-20px);opacity:.7}}.card-hint{font-size:1.1rem;letter-spacing:.15em;color:#6a7a8a;margin-top:10px;font-weight:500;pointer-events:none;min-height:1.5em;margin-bottom:2.5em}.reset-prompt{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:12px;animation:fadeUp .6s ease-out}.reset-message{font-size:1rem;color:#8a7a9a;font-weight:500;letter-spacing:.08em}.reset-button{padding:10px 24px;background:linear-gradient(135deg,#d8c8e8,#c8d8f0);color:#5a6a8a;border:2px solid #b8c8d8;border-radius:20px;font-family:Zen Maru Gothic,sans-serif;font-size:.95rem;font-weight:500;transition:all .3s ease;box-shadow:0 4px 12px #b4c8dc40}.reset-button:hover{background:linear-gradient(135deg,#e8d8f0,#d8e8f8);border-color:#a8b8d0;box-shadow:0 6px 16px #a8b8d059;transform:translateY(-2px)}.reset-button:active{transform:translateY(0);box-shadow:0 2px 8px #a8b8d033}.ocean-jar-wrap{width:clamp(150px,26vw,220px)}.ocean-jar-svg{width:100%;height:auto}.ribbon{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:.6rem;letter-spacing:.26em;color:#b0c0b8;text-transform:lowercase;z-index:20;display:flex;justify-content:center;gap:12px;opacity:0;animation:fadeUp 1s 1s ease forwards}.bubble-trail-container{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}.bubble-trail{position:absolute;transform:translate(-50%,-50%);pointer-events:none;animation:bubbleFloat .8s ease-out forwards}@keyframes bubbleFloat{0%{transform:translate(-50%,-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%,calc(-50% - 20px)) translate(-25px) scale(.6);opacity:0}}.popup-character{pointer-events:auto;animation:fadeInNailong .6s ease forwards}.nailong-image{max-width:120px;height:auto;filter:drop-shadow(0 4px 12px rgba(160,180,220,.3));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes fadeInNailong{0%{opacity:0}to{opacity:1}}@keyframes popUp{0%{transform:translate(-50%) translateY(-300px);opacity:0}20%{transform:translate(-50%) translateY(-150px);opacity:1}45%{transform:translate(-50%) translateY(0);opacity:1}55%{transform:translate(-50%) translateY(0);opacity:0}65%{transform:translate(-50%) translateY(0);opacity:0}75%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(0);opacity:1}}.sixty-seven-overlay{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;animation:sixtySevenFade .3s ease-in,sixtySevenFadeOut .3s ease-out 4.7s forwards}.sixty-seven-image{max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 8px 32px rgba(0,0,0,.4));animation:sixtySevenScale .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes sixtySevenFade{0%{opacity:0}to{opacity:1}}@keyframes sixtySevenFadeOut{0%{opacity:1}to{opacity:0}}@keyframes sixtySevenScale{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.cover-page{position:fixed;inset:0;width:100vw;height:100vh;background-color:var(--bg);display:flex;align-items:center;justify-content:center;z-index:5000;overflow:hidden;font-family:Zen Maru Gothic,sans-serif}.cover-page:before{content:"";position:fixed;inset:0;background:linear-gradient(to bottom,#ece8e2,#e8e4de,#e0dcd5);z-index:0;pointer-events:none}.cover-page:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");z-index:1}.cover-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:60px}.cover-title{font-size:5rem;font-weight:400;color:var(--ink);text-shadow:0 2px 8px rgba(0,0,0,.08);margin:0;letter-spacing:3px;animation:titleFadeIn .8s ease-out;font-family:Playfair Display,serif}.cover-about{font-size:1.1rem;color:var(--ink);opacity:.7;max-width:500px;text-align:center;line-height:1.6;animation:subtitleFadeIn .8s ease-out .2s backwards}.cover-about p{margin:8px 0}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.play-button{position:fixed;padding:14px 36px;font-size:1.2rem;font-weight:500;background:linear-gradient(135deg,#b8d8e8,#a8c8e8);color:var(--ink);border:2px solid rgba(106,122,138,.3);border-radius:50px;cursor:url(/images/cursor-memefest.png) 0 0,auto;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 20px #6a7a8a26;z-index:10;transform:translate(-50%,-50%);font-family:Zen Maru Gothic,sans-serif}.play-button:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 10px 28px #6a7a8a40;background:linear-gradient(135deg,#c0e0f0,#b0d0f0)}.play-button:active{transform:translate(-50%,-50%) scale(.96)}.floating-heart,.floating-star{position:fixed;pointer-events:none;z-index:3;opacity:.6}.floating-heart{width:24px;height:24px;background:linear-gradient(135deg,#d4a8d8,#c89ace);clip-path:polygon(50% 100%,0% 38%,0% 0%,35% 0%,50% 25%,65% 0%,100% 0%,100% 38%)}.floating-star{width:20px;height:20px;background:linear-gradient(135deg,#f0d8b8,#e8c8a8);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.heart-1{left:8%;top:15%;animation:floatHeartStar 8s ease-in-out infinite}.star-1{right:12%;top:20%;animation:floatHeartStar 9s ease-in-out infinite 1s}.heart-2{left:5%;top:50%;animation:floatHeartStar 10s ease-in-out infinite 1.5s;opacity:.5}.star-2{right:8%;bottom:30%;animation:floatHeartStar 9.5s ease-in-out infinite 2s}.heart-3{left:18%;bottom:15%;animation:floatHeartStar 11s ease-in-out infinite 2.5s;opacity:.5}.star-3{right:25%;top:40%;animation:floatHeartStar 10.5s ease-in-out infinite 3s}.heart-4{right:18%;top:60%;animation:floatHeartStar 9s ease-in-out infinite 1.2s}.star-4{left:28%;top:35%;animation:floatHeartStar 8.5s ease-in-out infinite .5s;opacity:.5}@keyframes floatHeartStar{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}15%{opacity:.6}50%{transform:translateY(-60px) translate(40px) rotate(15deg);opacity:1}85%{opacity:.6}to{transform:translateY(-120px) translate(-30px) rotate(-10deg);opacity:0}}