.collection-page{max-width:1050px;margin:auto;padding:16px 16px 100px}.collection-back{display:inline-flex;min-height:44px;align-items:center;color:var(--brand-fg);font-size:14px;font-weight:600;margin-bottom:10px}.collection-back[hidden]{display:none}.collection-world{--gold:#f1d294;--ink:#102d2e;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;min-height:650px;background:var(--ink);color:#fff4da}.collection-backdrop{-o-object-fit:cover;object-fit:cover;z-index:-2}.collection-world:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#071d2bd9,#102c2566)}.collection-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;position:relative;z-index:15;flex-shrink:0;gap:10px}.collection-top>span{font-size:12px;letter-spacing:.13em;font-weight:700}.collection-top>div{display:flex;gap:8px}.collection-top button{min-height:44px;min-width:44px;border-radius:50%;border:1px solid #fff4da44;background:#092725a6;font-size:18px;color:#fff4da}.collection-world button,.collection-world summary{touch-action:manipulation}.collection-back:focus-visible,.collection-world button:focus-visible,.collection-world summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.collection-lobby{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;padding:24px 40px 36px}.collection-eyebrow{font-size:12px;font-weight:600;color:var(--gold);letter-spacing:.06em}.collection-intro h1{font-size:40px;line-height:1.3;font-weight:700;letter-spacing:-.05em;margin:16px 0;word-break:keep-all}.collection-lead{font-size:18px;line-height:1.7;font-weight:600;word-break:keep-all}.collection-description{font-size:14px;color:#dfdfcf;line-height:1.7;margin-top:6px;word-break:keep-all}.collection-hero{display:block;-o-object-fit:contain;object-fit:contain;width:270px;height:250px;margin:12px auto 0;filter:drop-shadow(0 12px 25px #0005)}.collection-start{align-self:center;min-width:0}.collection-best{font-size:12px;color:#dfdfcf}.collection-best strong{display:block;font-size:32px;line-height:1.4;font-weight:700;color:var(--gold);margin:6px 0 20px;font-variant-numeric:tabular-nums}.collection-best small,.collection-hud small,.collection-result-score small{font-size:14px;margin-left:4px}.collection-start legend{font-size:14px;font-weight:600;margin-bottom:10px}.collection-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.collection-modes label{position:relative;display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:12px;border:1px solid #fff4da55;background:#0c2b3088;font-size:14px;font-weight:600;cursor:pointer}.collection-modes input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.collection-modes .selected{background:var(--gold);border-color:var(--gold);color:var(--ink)}.collection-modes label:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:3px}.collection-primary{display:flex;align-items:center;justify-content:space-between;min-height:56px;width:100%;padding:14px 20px;border-radius:14px;margin-top:20px;background:var(--gold);color:var(--ink);font-size:16px;font-weight:700;box-shadow:0 6px 0 #94743e,0 12px 20px #0003}.collection-primary:disabled{opacity:.6}.collection-listen{min-height:44px;display:block;margin:16px auto 0;font-size:14px;font-weight:600;color:var(--gold);padding:8px 14px;border:1px solid #f1d29444;border-radius:12px}.collection-listen:disabled{opacity:.5}.collection-note{font-size:12px;line-height:1.7;color:#e0dfcd;text-align:center;margin-top:12px;word-break:keep-all}.collection-start details{border-top:1px solid #fff4da33;margin-top:20px;font-size:12px;line-height:1.8;padding-top:8px}.collection-start summary{display:list-item;cursor:pointer;min-height:44px;padding-top:8px}.collection-start details p{color:#dfdfcf;word-break:keep-all}.collection-immersive{position:fixed;inset:0;z-index:1000;min-height:0;height:100dvh;border-radius:0;display:flex;flex-direction:column}.collection-immersive .collection-top{padding:10px 18px 6px}.collection-hud{display:flex;justify-content:space-between;gap:15px;padding:8px 20px 12px;flex-shrink:0}.collection-hud>div{flex:1;min-width:0}.collection-hud>div:nth-child(2){text-align:center}.collection-hud>div:last-child{text-align:right}.collection-hud span{font-size:12px;display:block;color:#e0dfcd}.collection-hud strong{font-size:32px;font-weight:700;line-height:1.35;font-variant-numeric:tabular-nums}.collection-progress{height:3px;background:#fff4da44;flex-shrink:0}.collection-progress i{display:block;height:100%;background:var(--gold);transform-origin:left}.collection-stage-hint{font-size:14px;font-weight:600;text-align:center;padding:12px 10px;color:#f5dfb0;min-height:45px;word-break:keep-all}.collection-feedback{position:absolute;left:50%;top:30%;transform:translateX(-50%);font-size:32px;font-weight:700;color:var(--gold);text-shadow:0 3px 10px #0006;white-space:nowrap}.fishing-stage{display:flex;flex-direction:column;flex:1;min-height:0}.fishing-water{position:relative;flex:1;min-height:100px;width:100%;touch-action:none!important}.fishing-line{position:absolute;left:50%;height:45%;top:0;width:1px;background:linear-gradient(transparent,#ddd9bc99)}.fishing-float{position:absolute;left:calc(50% - 8px);top:44%;height:40px;width:16px;border-radius:50% 50% 30% 30%;background:linear-gradient(#eab063 0 48%,#f4ebcf 48%);box-shadow:0 8px 15px #0004;transform:rotate(-7deg);animation:float-bob 2s ease-in-out infinite}.fishing-ripple{position:absolute;left:calc(50% - 55px);top:calc(44% + 24px);width:110px;height:32px;border:1px solid #9bd5d5aa;border-radius:50%;box-shadow:0 0 0 14px #89cacf13,0 0 0 30px #89cacf09}.fishing-fish{position:absolute;left:calc(50% - 100px);top:28%;width:200px;height:200px;-o-object-fit:contain;object-fit:contain;opacity:0;pointer-events:none}.fishing-fish.caught{opacity:1;animation:fish-catch .65s ease-out}.fishing-controls{flex-shrink:0;max-width:600px;width:100%;margin:0 auto;padding:18px 24px max(26px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#05202bd9)}.fishing-controls>p{text-align:center;font-size:14px;font-weight:600;margin-bottom:14px}.fishing-gauge{height:38px;position:relative;border-radius:20px;border:1px solid #91c6c366;background:#092d37ed;box-shadow:inset 0 3px 12px #0005;margin:0 7px}.fishing-target{background:#edc877;border-radius:8px;box-shadow:0 0 16px #f2d08f55}.fishing-perfect,.fishing-target{position:absolute;top:3px;bottom:3px}.fishing-perfect{background:#fff3c1;border-radius:3px}.fishing-needle{position:absolute;top:-6px;bottom:-6px;width:5px;transform:translateX(-50%);border-radius:6px;background:#fff;box-shadow:0 0 8px #fff6}.memory-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;padding:10px 18px 22px}.memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:min(100%,440px);max-height:calc(100dvh - 260px)}.memory-card{position:relative;aspect-ratio:.88;min-width:0;min-height:0;border-radius:12px;border:1px solid #d6bc7f6b;background:linear-gradient(145deg,#335749,#142e27);box-shadow:inset 0 0 0 4px #132b24,0 5px 10px #0003;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:manipulation}.memory-card>span{display:grid;place-items:center;border:1px solid #d6bc7f55;border-radius:50%;width:46%;aspect-ratio:1;color:#d0b57b;font-size:24px}.memory-card.is-open{background:linear-gradient(150deg,#fff1cb,#bbbd85);border-color:#efdaa3;box-shadow:0 4px 12px #0003}.memory-card img{width:90%;height:90%;-o-object-fit:contain;object-fit:contain}.memory-card.is-matched{border-color:#f5d17e;opacity:.72}.memory-card i{position:absolute;right:4px;bottom:3px;background:#12392c;color:#f9e4a6;border-radius:50%;font-size:12px;font-style:normal;width:18px;height:18px;text-align:center}.firefly-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 28px 25px}.firefly-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,460px);gap:18px;margin:14px 0}.firefly-cell{position:relative;aspect-ratio:1;border-radius:50%;border:0;background:transparent;touch-action:none!important;display:flex;align-items:center;justify-content:center}.firefly-core{position:absolute;inset:15%;border-radius:50%;border:1px solid #cae5c51c;background:#0621282b}.firefly-cell.is-lit .firefly-core{border:2px solid #f1cf8188;background:#edba4622;box-shadow:0 0 30px #fac85d22}.firefly-ring{position:absolute;inset:15%;border:2px solid #b7e5e4aa;border-radius:50%;pointer-events:none}.firefly-cell.is-timing .firefly-ring{border-color:#ffe6a7;box-shadow:0 0 15px #f9d47288}.firefly-cell img{position:absolute;width:78%;height:78%;-o-object-fit:contain;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 10px #edb93c77)}.firefly-cell kbd{position:absolute;bottom:0;right:0;font-size:12px;color:#d5ddce66}.collection-curtain{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;overflow:auto;background:#082026d9;backdrop-filter:blur(8px);padding:80px 18px 24px}.collection-count{flex-direction:column;gap:18px;pointer-events:none}.collection-count p{font-size:18px;word-break:keep-all;text-align:center}.collection-count strong{font-size:96px;font-weight:700;line-height:1;color:var(--gold)}.collection-count span{font-size:14px}.collection-modal{max-width:400px;width:100%;text-align:center;padding:28px 24px;border:1px solid #e0c18966;border-radius:24px;background:linear-gradient(135deg,#2c4b3c,#0d2b2e);box-shadow:0 20px 60px #0005}.collection-modal h2{font-size:24px;font-weight:700;line-height:1.4;margin:12px 0;word-break:keep-all}.collection-modal>p{font-size:14px;line-height:1.65}.collection-secondary{display:block;min-height:48px;width:100%;margin-top:15px;font-size:14px;font-weight:600;color:#e7e3d0}.collection-result-score{font-size:56px;font-weight:700;line-height:1.1;color:var(--gold);margin:18px 0}.collection-modal dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 0;margin:20px 0 0;border-block:1px solid #e0c18944}.collection-modal dt{font-size:12px;color:#dedccb}.collection-modal dd{font-size:24px;font-weight:700;margin-top:4px}.collection-modal .collection-note{font-size:12px}.collection-audio-note{position:absolute;left:15px;right:15px;bottom:6px;z-index:16;font-size:12px;text-align:center;color:#fff4da;background:#0b292fd9;pointer-events:none}@keyframes float-bob{50%{transform:translateY(5px) rotate(4deg)}}@keyframes fish-catch{0%{transform:translateY(70px) rotate(-20deg);opacity:0}40%{transform:translateY(-15px) rotate(5deg);opacity:1}to{transform:translateY(0) rotate(-5deg);opacity:0}}@media(max-width:700px){.collection-page{padding:8px 12px 100px}.collection-world{border-radius:20px}.collection-top{padding:16px}.collection-lobby{grid-template-columns:1fr;gap:10px;padding:10px 24px 28px}.collection-intro h1{font-size:32px;margin:12px 0}.collection-lead{font-size:16px}.collection-hero{width:190px;height:170px;margin:6px auto}.collection-best{display:flex;align-items:center;justify-content:space-between;gap:8px}.collection-best strong{font-size:24px;margin:0 0 10px}.collection-immersive{border-radius:0}.collection-immersive .collection-top{padding-top:max(10px,env(safe-area-inset-top))}.collection-hud strong{font-size:24px}.collection-hud{padding:6px 18px 12px}.firefly-cell kbd{display:none}.memory-board{max-width:380px}.memory-stage>.collection-note{margin-top:12px}}@media(max-height:720px) and (orientation:portrait){.memory-board{width:min(100%,calc((100dvh - 250px)*.83));gap:6px}.memory-stage{padding:0 14px 10px}.collection-stage-hint{padding:8px 4px;min-height:38px}.firefly-board{width:min(100%,calc(100dvh - 300px));margin:5px 0;gap:12px}.collection-modal{padding:18px 20px}.collection-result-score{font-size:48px;margin:12px 0}}@media(max-height:500px) and (orientation:landscape){.collection-immersive .collection-top{position:absolute;right:6px;top:0}.collection-immersive .collection-top>span{display:none}.collection-hud{padding:7px 140px 7px 20px}.collection-hud strong{font-size:24px}.firefly-stage,.memory-stage{padding:5px 10px;flex-direction:row;gap:30px}.memory-board{width:auto;height:calc(100dvh - 100px);max-height:none;grid-template-columns:repeat(4,1fr);gap:5px}.memory-card{height:calc((100dvh - 115px)/4)}.firefly-stage>.collection-stage-hint,.memory-stage>.collection-stage-hint{max-width:170px}.firefly-stage>.collection-note,.memory-stage>.collection-note{display:none}.firefly-board{height:calc(100dvh - 110px);width:calc(100dvh - 110px);gap:7px;margin:0}.fishing-stage{flex-direction:row}.fishing-controls{width:46%;align-self:center;padding:15px 28px}.fishing-water{height:100%}.fishing-controls .collection-primary{margin-top:15px;min-height:46px}.collection-curtain{padding:65px 14px 10px}.collection-modal{max-width:600px;padding:12px 20px}.collection-modal h2{font-size:18px;margin:4px}.collection-modal .collection-result-score{font-size:32px;margin:5px}.collection-modal dl{padding:5px;margin:5px 0}.collection-modal .collection-primary{min-height:44px;margin-top:10px}.collection-modal .collection-secondary{min-height:36px;margin-top:6px}.collection-modal .collection-note{display:none}}@media(prefers-reduced-motion:reduce){.collection-world *{animation:none!important;transition:none!important}.fishing-fish.caught{opacity:1}}