@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#2c4a57;--ink-soft:#5f7d88;--cream:#fbf7ee;--cream-2:#f4efe2;--mint:#8fd6c0;--mint-deep:#4fb39a;--peach:#f6a483;--peach-deep:#e8825f;--lilac:#cbb6e6;--sky:#bfe8ea;--line:#2c4a5722;font-family:DM Sans,sans-serif;color:var(--ink);background:#bfe8ea;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s,background .15s,box-shadow .15s}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid var(--peach);outline-offset:4px}.hidden{display:none!important}#viewport{position:fixed;inset:0}#viewport canvas{display:block}kbd{display:inline-block;border:1px solid #2c4a5733;border-bottom-width:2px;border-radius:5px;padding:2px 7px;min-width:22px;text-align:center;font:600 10px DM Sans,sans-serif;background:#fffa;color:var(--ink);letter-spacing:.5px}#loading{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(180deg,#d8f1f3,#a9dfe6 60%,#8fcfe0);color:var(--ink)}#loading h2{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-1px;font-size:28px;margin:0}#loading p{margin:0;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft)}.bar{width:260px;height:8px;border-radius:8px;background:#fff8;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),var(--peach));transition:width .2s}#home{position:fixed;inset:0;z-index:10;pointer-events:none}#home>*{pointer-events:auto}.wash{position:absolute;inset:0;pointer-events:none!important;background:linear-gradient(90deg,#fbf7eef2 0,#fbf7eec8 30%,#fbf7ee55 52%,transparent 70%)}.topbar{position:absolute;top:0;left:0;right:0;height:84px;display:flex;align-items:center;padding:0 44px;gap:40px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.6px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--mint);position:relative;overflow:hidden}.brand-mark:before{content:"";position:absolute;left:8px;top:12px;width:13px;height:9px;background:var(--peach);border-radius:4px 2px 2px 4px}.brand-mark:after{content:"";position:absolute;left:20px;top:10px;width:6px;height:13px;background:var(--peach);clip-path:polygon(0 50%,100% 0,100% 100%)}.brand small{display:block;font:500 9px DM Sans,sans-serif;letter-spacing:3px;color:var(--ink-soft);margin-top:3px}.topbar .progress{margin-left:auto;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);display:flex;gap:10px;align-items:center}.topbar .progress b{font-family:Manrope,sans-serif;font-size:18px;color:var(--ink);letter-spacing:-.5px}.hero{position:absolute;top:120px;left:64px;width:470px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--mint-deep);display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:24px;height:2px;background:var(--mint-deep);border-radius:2px}h1{font-family:Manrope,sans-serif;font-size:76px;line-height:1.02;font-weight:800;letter-spacing:-4px;margin:20px 0 18px}h1 em{font-style:italic;font-family:Georgia,serif;font-weight:400;color:var(--peach-deep);letter-spacing:-2px}.intro{font-size:13.5px;line-height:1.8;color:var(--ink-soft);margin:0 0 22px;max-width:400px}.card{background:#fffdf8e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffffcc;border-radius:16px;padding:22px 24px;box-shadow:0 14px 40px #2c4a5714;width:400px}.card h2{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.5px;margin:0 0 6px}.card p{font-size:11.5px;color:var(--ink-soft);margin:0 0 14px;line-height:1.6}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chip{border:1.5px solid #2c4a5726;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;background:#fff;display:flex;align-items:center;gap:8px}.chip .dot{width:9px;height:9px;border-radius:50%;background:var(--lilac)}.chip.selected{border-color:var(--ink);background:var(--ink);color:#fff}.chip.selected .dot{background:var(--mint)}.chip.add{border-style:dashed;color:var(--ink-soft)}.add-row{display:flex;gap:8px;margin-bottom:14px}.add-row input{flex:1;border:1.5px solid #2c4a5726;border-radius:10px;padding:10px 12px;font:inherit;font-size:13px;background:#fff;color:var(--ink)}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#fff;padding:16px 20px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 8px 20px #2c4a5730}.primary:hover{background:#3a6273}.primary span{font-size:20px;line-height:12px}.ghost{width:100%;padding:13px;border-radius:12px;font-size:12px;font-weight:600;border:1.5px solid #2c4a5726;margin-top:10px;background:#fff9}.ghost:hover{background:#fff}.footer{position:absolute;bottom:0;left:0;right:0;height:60px;display:flex;align-items:center;gap:22px;padding:0 48px;font-size:11px;color:var(--ink-soft);background:#fbf7eecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.footer span{display:flex;gap:6px;align-items:center}.caption{position:absolute;right:48px;bottom:88px;text-align:right;color:#fff;text-shadow:0 2px 14px #2c4a5766;font-size:11px;letter-spacing:2px;text-transform:uppercase}.caption b{display:block;font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.5px;text-transform:none;margin-top:4px}#hud{position:fixed;inset:0;pointer-events:none;color:#fff;text-shadow:0 1px 8px #1c3a4a66}.hud-top{position:absolute;top:22px;left:28px;display:flex;gap:16px;align-items:center;font-size:11px;letter-spacing:2px;text-transform:uppercase}.hud-top .depth{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1px;text-transform:none;font-weight:700}.hud-top .depth small{font-size:12px;letter-spacing:0;font-weight:500;opacity:.8;margin-left:3px}.breath{position:absolute;top:24px;left:50%;transform:translate(-50%);width:300px}.breath small{display:block;text-align:center;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:6px;opacity:.9}.breath .track{height:12px;border-radius:12px;background:#1c3a4a55;border:1.5px solid #ffffffaa;overflow:hidden;box-shadow:0 4px 14px #1c3a4a33}.breath .track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--mint),#c7f3e6);transition:width .1s,background .3s}.breath.low .track i{background:linear-gradient(90deg,var(--peach-deep),var(--peach))}.breath.low small{animation:pulse 1s infinite}.fight{position:absolute;top:74px;left:50%;transform:translate(-50%);width:300px;opacity:0;transition:opacity .25s}.fight.on{opacity:1}.fight small{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:6px;opacity:.9}.fight .track{position:relative;height:10px;border-radius:10px;background:#1c3a4a55;border:1.5px solid #ffffffaa;overflow:hidden;box-shadow:0 4px 14px #1c3a4a33}.fight .track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c7f3e6,var(--peach));transition:width .08s}.fight .track b{position:absolute;top:-2px;bottom:-2px;left:82%;width:2px;background:#fff9}.fight.hot .track{border-color:var(--peach-deep);animation:pulse .28s infinite}.fight.hot .track i{background:linear-gradient(90deg,var(--peach),var(--peach-deep))}.fight .grip{height:4px;margin-top:4px;border-radius:4px;background:#1c3a4a44;overflow:hidden}.fight .grip i{display:block;height:100%;width:100%;background:#fffc;transition:width .1s}.fight.slipping .grip i{background:var(--peach-deep)}.fight.slipping .hold{animation:pulse .6s infinite}.hud-top .gun{padding:3px 9px;border-radius:20px;background:#1c3a4a33;border:1px solid #ffffff55}@keyframes pulse{50%{opacity:.4}}.crosshair{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #ffffffdd;border-radius:50%;box-shadow:0 0 8px #1c3a4a55}.crosshair:after{content:"";position:absolute;left:5px;top:5px;width:2px;height:2px;background:#fff;border-radius:50%}.label{position:absolute;left:50%;top:calc(50% + 22px);transform:translate(-50%);text-align:center;opacity:0;transition:opacity .2s}.label.on{opacity:1}.label b{display:block;font-family:Manrope,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.3px}.label small{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;opacity:.85}.label.warn b{color:#ffd0bd}.stringer{position:absolute;right:26px;top:22px;width:210px;background:#fffdf8e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:14px 16px;color:var(--ink);text-shadow:none;box-shadow:0 8px 24px #1c3a4a22}.stringer small{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft);display:flex;justify-content:space-between}.stringer ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.stringer li{font-size:12px;font-weight:600;display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:9px;background:var(--cream-2)}.stringer li.empty{color:#2c4a5744;font-weight:500;border:1.5px dashed #2c4a5722;background:none}.stringer li i{width:8px;height:8px;border-radius:50%;background:var(--peach)}.prompt{position:absolute;left:50%;bottom:110px;transform:translate(-50%);background:#fffdf8e6;color:var(--ink);text-shadow:none;padding:12px 18px;border-radius:12px;font-size:13px;font-weight:600;display:flex;gap:10px;align-items:center;box-shadow:0 8px 24px #1c3a4a22}.hints{position:absolute;bottom:26px;left:50%;transform:translate(-50%);display:flex;gap:18px;font-size:10px;letter-spacing:.5px;white-space:nowrap}.hints span{display:flex;gap:5px;align-items:center}.hints kbd{background:#fffc;border-color:#fff}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #1c3a4a22;transition:box-shadow .6s}.vignette.low{box-shadow:inset 0 0 180px #1c3a4a99}#toast{position:absolute;top:96px;left:50%;transform:translate(-50%,-10px);background:#fffdf8f0;color:var(--ink);text-shadow:none;padding:12px 20px;border-radius:12px;font-size:13px;font-weight:600;opacity:0;transition:.3s;white-space:nowrap;box-shadow:0 8px 24px #1c3a4a22;display:flex;gap:10px;align-items:center}#toast.on{opacity:1;transform:translate(-50%)}#toast canvas{height:26px;width:auto;image-rendering:pixelated}#flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity 1.2s}#flash.on{opacity:1;transition:opacity .4s}.modal-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#2c4a5766;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px}.modal{position:relative;background:var(--cream);width:min(900px,100%);max-height:92vh;overflow:auto;padding:36px 40px;border-radius:22px;border:1px solid #fff;box-shadow:0 30px 90px #1c3a4a55}.modal h2{font-family:Manrope,sans-serif;font-size:34px;letter-spacing:-1.5px;font-weight:800;margin:10px 0 8px}.modal .lead{font-size:13px;color:var(--ink-soft);line-height:1.7;margin:0 0 22px}.modal-close{position:absolute;right:18px;top:18px;width:36px;height:36px;border-radius:50%;font-size:20px;background:#fff}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.gcard{background:#fff;border-radius:14px;padding:14px;border:1.5px solid #2c4a5714;display:flex;flex-direction:column;gap:6px;min-height:150px}.gcard.locked{opacity:.75;background:#f3f0e8}.gcard canvas{height:44px;width:auto;image-rendering:pixelated;align-self:center;margin:4px 0}.gcard b{font-size:13px;letter-spacing:-.2px}.gcard i{font-size:10px;color:var(--ink-soft);font-style:italic}.gcard small{font-size:10px;color:var(--ink-soft)}.gcard .status{margin-top:auto;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;display:flex;justify-content:space-between}.gcard .status.caught{color:var(--mint-deep)}.gcard .status.seen{color:var(--peach-deep)}.gcard .status.protected{color:#8d6bb1}.gcard .fact{font-size:11px;line-height:1.5;color:var(--ink);margin-top:2px}.modal .row{display:flex;gap:12px;margin-top:22px}.modal .primary{width:auto;min-width:220px}.summary-list{display:grid;gap:8px;margin:14px 0}.summary-list div{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600}.summary-list canvas{height:30px;width:auto;image-rendering:pixelated}.summary-list .new{margin-left:auto;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--peach-deep);font-weight:700}.pause-stats{display:flex;gap:36px;margin:20px 0 10px}.pause-stats strong{display:block;font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1px}.pause-stats span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft)}.guide-keys{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;margin:6px 0 4px}.guide-keys div{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink-soft)}.guide-keys kbd{background:#fff}@media(max-width:900px){.hero{left:28px;width:calc(100% - 56px)}h1{font-size:56px}.card{width:100%}.caption{display:none}.topbar{padding:0 24px}.footer{padding:0 24px;font-size:10px;gap:12px}.stringer{width:170px}.hints{display:none}}.tabs{display:flex;gap:8px;margin:0 0 16px}.tab{background:#fff;border:1.5px solid #2c4a5714;border-radius:12px;padding:9px 16px;font-size:12px;font-weight:600;color:var(--ink-soft);display:flex;gap:8px;align-items:center}.tab b{font-size:10px;letter-spacing:1px;color:var(--ink-soft);opacity:.7}.tab.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.tab.selected b{color:#fff;opacity:.6}.gcard.find{min-height:120px}.gcard.find .fact{margin-top:6px}#toast.find{background:#2c4a57f2;color:#fff;padding:14px 26px;border-radius:14px}#toast.find span{display:flex;flex-direction:column;gap:3px;text-align:left}#toast.find small{font-size:9px;letter-spacing:2px;text-transform:uppercase;opacity:.65}#toast.find b{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.5px;font-weight:800}#cook{position:fixed;inset:0;z-index:25;background:linear-gradient(180deg,#ffe9d2,#cfeef0 60%,#bfe8ea);display:flex;flex-direction:column;align-items:center;justify-content:center}#cook>canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100vw,calc(100vh * 1000 / 560));height:auto;aspect-ratio:1000/560;image-rendering:pixelated;cursor:none}.cook-top{position:absolute;top:0;left:0;right:0;padding:18px 34px;display:flex;align-items:center;gap:26px;background:linear-gradient(180deg,#fbf7eee8,#fbf7ee00);pointer-events:none}.cook-steps{display:flex;gap:6px;flex-wrap:wrap}.cook-steps span{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#2c4a5766;background:#fff8;border-radius:999px;padding:6px 12px}.cook-steps span.now{background:var(--ink);color:#fff}.cook-steps span.done{background:var(--mint);color:#1e3b35}.cook-head{display:flex;flex-direction:column;gap:3px;min-width:0}.cook-head b{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.6px}.cook-head span{font-size:11.5px;color:var(--ink-soft);line-height:1.5}.cook-meter{margin-left:auto;width:230px;flex:none}.cook-meter small{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;text-align:right}.cook-meter .track{height:10px;border-radius:10px;background:#fffc;border:1.5px solid #2c4a5722;overflow:hidden}.cook-meter .track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),var(--peach));transition:width .15s}.cook-bottom{position:absolute;bottom:0;left:0;right:0;padding:16px 34px 20px;display:flex;align-items:center;gap:14px;background:linear-gradient(0deg,#fbf7eee8,#fbf7ee00)}.cook-keys{display:flex;gap:18px;font-size:10.5px;color:var(--ink-soft)}.cook-keys span{display:flex;gap:5px;align-items:center}.cook-bottom .primary{width:auto;min-width:200px;margin-left:auto}.cook-bottom .primary:disabled{opacity:.4;box-shadow:none;cursor:default}.cook-bottom .ghost{width:auto;margin:0;padding:14px 20px}.cook-panel{position:absolute;inset:0;z-index:2;display:none;align-items:center;justify-content:center;background:#2c4a5744;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px}.cook-panel.on{display:flex}.cook-card{background:var(--cream);width:min(760px,100%);max-height:92vh;overflow:auto;padding:32px 36px;border-radius:22px;border:1px solid #fff;box-shadow:0 30px 90px #1c3a4a55}.cook-card h2{font-family:Manrope,sans-serif;font-size:31px;letter-spacing:-1.3px;font-weight:800;margin:10px 0 8px}.cook-card .lead{font-size:13px;color:var(--ink-soft);line-height:1.7;margin:0 0 20px}.cook-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.cook-fish{background:#fff;border:1.5px solid #2c4a5714;border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.cook-fish:hover{border-color:var(--mint-deep);background:#f6fffb}.cook-fish canvas{height:46px;width:auto;image-rendering:pixelated}.cook-fish b{font-size:13px}.cook-fish small{font-size:10px;color:var(--ink-soft)}.cook-ways{display:grid;gap:10px}.cook-way{position:relative;background:#fff;border:1.5px solid #2c4a5714;border-radius:16px;padding:16px 18px 14px;display:flex;flex-direction:column;gap:5px;text-align:left}.cook-way:hover{border-color:var(--mint-deep);background:#f6fffb;transform:translateY(-1px)}.cook-way .hz{position:absolute;right:16px;top:14px;font-family:Manrope,PingFang SC,Hiragino Sans GB,sans-serif;font-size:17px;font-weight:800;color:var(--peach-deep)}.cook-way b{font-size:15px;padding-right:110px}.cook-way small{font-size:11.5px;color:var(--ink-soft);line-height:1.6}.cook-way em{font-style:normal;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#2c4a5766;margin-top:3px}.cook-stars{font-size:30px;letter-spacing:6px;color:var(--peach-deep);margin:4px 0 14px}.cook-score{display:flex;gap:34px;margin:0 0 6px}.cook-score strong{display:block;font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-1px}.cook-score span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft)}@media(max-width:900px){.cook-top{padding:12px 16px;gap:14px}.cook-meter{width:130px}.cook-keys,.cook-head span{display:none}}.label b em{font-style:normal;font-weight:600;opacity:.6;margin-left:8px;font-size:.85em}.summary-list div .nm{font-weight:600}.summary-list div .size{margin-left:10px;font-size:11px;letter-spacing:.5px;color:var(--ink-soft);font-weight:600}.summary-list .new.record{color:var(--mint-deep)}.modal .lead.trophy{margin:-12px 0 20px;color:var(--ink)}.modal .lead.trophy b{font-weight:700}.gcard .tasted{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--peach-deep);background:#f6a4831f;border-radius:6px;padding:4px 7px;align-self:flex-start}#beach{position:fixed;inset:0;z-index:25;background:linear-gradient(180deg,#bfe8ea,#e6dcc0 45%,#f3e6c6);display:flex;flex-direction:column;align-items:center;justify-content:center}#beach>canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100vw,calc(100vh * 1000 / 560));height:auto;aspect-ratio:1000/560;image-rendering:pixelated;cursor:crosshair}.beach-top{position:absolute;top:0;left:0;right:0;padding:18px 34px;display:flex;align-items:center;gap:26px;background:linear-gradient(180deg,#fbf7eee8,#fbf7ee00);pointer-events:none}.beach-head{display:flex;flex-direction:column;gap:3px;min-width:0}.beach-head b{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.6px}.beach-head b.warn{color:var(--peach-deep)}.beach-head span{font-size:11.5px;color:var(--ink-soft);line-height:1.5}.beach-tide{margin-left:auto;width:230px;flex:none}.beach-tide small{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;text-align:right}.beach-tide .track{height:10px;border-radius:10px;background:#fffc;border:1.5px solid #2c4a5722;overflow:hidden}.beach-tide .track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--sky),var(--mint-deep));transition:width .15s}.beach-tide.act .track i{background:linear-gradient(90deg,var(--mint),var(--peach))}.beach-tide.act small{color:var(--peach-deep)}.beach-basket{position:absolute;right:26px;top:96px;width:214px;background:#fffdf8e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:14px 16px;box-shadow:0 8px 24px #1c3a4a22;pointer-events:none;max-height:58vh;overflow:hidden}.beach-basket small{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft);display:flex;justify-content:space-between}.beach-basket ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.beach-basket li{font-size:12px;font-weight:600;display:flex;gap:8px;align-items:center;padding:6px 10px;border-radius:9px;background:var(--cream-2)}.beach-basket li canvas{height:22px;width:auto;image-rendering:pixelated}.beach-basket li i{margin-left:auto;font-style:normal;font-size:10px;color:var(--ink-soft)}.beach-basket li.empty{color:#2c4a5744;font-weight:500;border:1.5px dashed #2c4a5722;background:none;justify-content:center}.beach-bottom{position:absolute;bottom:0;left:0;right:0;padding:16px 34px 20px;display:flex;align-items:center;gap:14px;background:linear-gradient(0deg,#fbf7eee8,#fbf7ee00)}.beach-keys{display:flex;gap:18px;font-size:10.5px;color:var(--ink-soft)}.beach-keys span{display:flex;gap:5px;align-items:center}.beach-bottom .ghost{width:auto;margin:0 0 0 auto;padding:14px 20px}.beach-panel{position:absolute;inset:0;z-index:2;display:none;align-items:center;justify-content:center;background:#2c4a5744;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px}.beach-panel.on{display:flex}.beach-card{background:var(--cream);width:min(700px,100%);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;padding:32px 36px;border-radius:22px;border:1px solid #fff;box-shadow:0 30px 90px #1c3a4a55}.beach-card .summary-list{overflow:auto;min-height:0;flex:1 1 auto;margin:14px 0 0;padding-right:4px}.beach-card .summary-list div{padding:8px 12px}.beach-card .summary-list canvas{height:26px}.beach-card>.eyebrow,.beach-card>h2,.beach-card>.lead,.beach-card>.row{flex:none}.beach-card h2{font-family:Manrope,sans-serif;font-size:31px;letter-spacing:-1.3px;font-weight:800;margin:10px 0 8px}.beach-card .lead{font-size:13px;color:var(--ink-soft);line-height:1.7;margin:0 0 20px}.beach-card .row{display:flex;gap:12px;margin-top:20px}.beach-card .primary{width:auto;min-width:220px}@media(max-width:900px){.beach-top{padding:12px 16px;gap:14px}.beach-tide{width:130px}.beach-keys,.beach-head span{display:none}.beach-basket{width:150px;top:78px}}.prompt{flex-direction:column;align-items:stretch;gap:8px;padding:12px 16px}.prompt .row{display:flex;gap:10px;align-items:center}