:root{--ink:#17324d;--ink-soft:#4a6580;--paper:#fffaf0;--paper-2:#f3e7cf;--wood:#a8642c;--wood-dark:#6e3d14;--sea:#1b6fa8;--sea-deep:#0d3b5c;--green:#3fb85a;--amber:#f3b23a;--red:#e5483d;--deep-red:#7a0d12;--gold:#ffcf3d;--radius:16px;--font:"Fredoka", "Nunito", ui-rounded, "Segoe UI Rounded", "Segoe UI", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 50% 30%, #2a8fc4 0%, var(--sea-deep) 70%);height:100%;font-family:var(--font);color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}#app{width:100%;height:100dvh;margin:0 auto;position:relative;overflow:hidden}canvas.scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hud{pointer-events:none;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hud-top,.hud-bottom{flex-direction:column;gap:6px;display:flex}.hud-top>*,.hud-bottom>*{pointer-events:auto}.topbar{align-items:center;gap:8px;display:flex}.icon-btn{background:#fffaf0eb;border:0;border-radius:14px;place-items:center;width:44px;height:44px;font-size:24px;font-weight:800;line-height:1;display:grid;box-shadow:0 3px #0000002e}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px #0000002e}.level-label{color:#fff;text-shadow:0 2px #0a284699,0 0 8px #0a284666;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:20px;font-weight:800;overflow:hidden}.coin-pill,.pill{background:#fffaf0eb;border:0;border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 12px 0 10px;font-weight:800;display:inline-flex;box-shadow:0 3px #0000002e}.coin-pill:before{content:"🪙"}.panel{border-radius:var(--radius);background:#fffaf0ed;padding:8px 10px;box-shadow:0 4px #00000026,0 8px 24px #0000001f}.panel-row{align-items:center;gap:8px;display:flex}.orders{flex-wrap:wrap;flex:1;gap:6px;display:flex}.chip{border:2px solid var(--paper-2);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:3px 9px 3px 4px;font-size:16px;font-weight:800;transition:background .2s,border-color .2s;display:inline-flex}.chip.done{border-color:var(--green);background:#e3f7e6}.chip.done .chip-count:after{content:" ✓";color:var(--green)}.chip.gain{border-color:var(--sea);background:#e7f3fc}.moves{text-align:center;flex-direction:column;min-width:64px;line-height:1;display:flex}.moves-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.moves-num{font-size:30px;font-weight:900}.moves.low .moves-num{color:var(--red);animation:.9s ease-in-out infinite throb}@keyframes throb{50%{transform:scale(1.12)}}.gauge{margin:10px 4px 0;position:relative}.gauge-track{background:linear-gradient(90deg, var(--deep-red) 0 calc(50% - var(--r)), var(--red) calc(50% - var(--r)) calc(50% - var(--a)), var(--amber) calc(50% - var(--a)) calc(50% - var(--g)), var(--green) calc(50% - var(--g)) calc(50% + var(--g)), var(--amber) calc(50% + var(--g)) calc(50% + var(--a)), var(--red) calc(50% + var(--a)) calc(50% + var(--r)), var(--deep-red) calc(50% + var(--r)) 100%);border:2px solid #17324d59;border-radius:999px;height:14px;position:relative}.gauge-track:before,.gauge-track:after{content:"";background:#17324d8c;border-radius:2px;width:3px;position:absolute;top:-4px;bottom:-4px}.gauge-track:before{left:calc(50% - var(--r))}.gauge-track:after{left:calc(50% + var(--r))}.gauge-marker,.gauge-ghost{border-left:9px solid #0000;border-right:9px solid #0000;border-top:13px solid var(--ink);filter:drop-shadow(0 1px #fff);width:0;height:0;transition:left .42s cubic-bezier(.3,1.4,.5,1);position:absolute;top:-9px;transform:translate(-50%)}.gauge-ghost{filter:drop-shadow(0 0 2px var(--ink)) drop-shadow(0 0 1px var(--ink));border-top-color:#fffffff2;transition:left .15s ease-out}.gauge-ghost[hidden]{display:none}.gauge-labels{color:var(--ink-soft);justify-content:space-between;margin-top:2px;font-size:11px;font-weight:800;display:flex}.gauge-arrow{font-size:14px;font-weight:900;position:absolute;top:-2px}.gauge-arrow[data-dir=right]{right:-6px}.gauge-arrow[data-dir=right]:after{content:"⤵";color:var(--red)}.gauge-arrow[data-dir=left]{left:-6px}.gauge-arrow[data-dir=left]:after{content:"⤹";color:var(--red)}.gauge.last-chance .gauge-track{animation:.8s ease-in-out infinite alarm}@keyframes alarm{50%{box-shadow:0 0 0 4px #e5483d8c}}.gauge-text{text-align:center;min-height:18px;margin-top:-14px;font-size:14px;font-weight:800}.gauge-text[data-zone=green]{color:#1f8a3a}.gauge-text[data-zone=amber]{color:#b06f00}.gauge-text[data-zone=red],.gauge-text[data-zone=capsize]{color:var(--red)}.forecast{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px;display:flex}.forecast[hidden]{display:none}.gust,.gust-next{color:var(--sea);background:#e7f3fc;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.gust{align-items:center;gap:4px;display:inline-flex}.gust-img{width:18px;height:18px}.gust.active{background:var(--sea);color:#fff}.gust-next{color:#9a5b00;background:#fff3d6}.hint{text-align:center;color:#fff;background:#0d3b5cd1;border-radius:999px;align-self:center;max-width:100%;min-height:36px;padding:8px 14px;font-size:15px;font-weight:700}.hint[data-tone=warn]{background:#b0341ee6}.hint[data-tone=good]{background:#1f803ae6}.hint:empty{visibility:hidden}.tray{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tray[hidden]{display:none}.booster{min-height:52px;box-shadow:0 3px 0 var(--wood);background:linear-gradient(#fffaf0,#f1e2c4);border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:4px 2px;display:flex;position:relative}.booster:active{box-shadow:0 1px 0 var(--wood);transform:translateY(2px)}.booster-icon{font-size:20px;font-weight:900;line-height:1.1}.booster-name{color:var(--ink-soft);font-size:11px;font-weight:700}.booster-count{background:var(--sea);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:13px;font-weight:900;display:grid;position:absolute;top:-5px;right:-3px}.booster.empty .booster-count{background:var(--gold);color:var(--ink)}.booster.armed{box-shadow:0 0 0 3px var(--red), 0 3px 0 var(--wood);background:linear-gradient(#ffe0d8,#ffb7a6)}.screens{pointer-events:none;position:absolute;inset:0}.screens>*{pointer-events:auto}.map{padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));color:#fff;background:linear-gradient(#1b6fa8e0,#0d3b5cf5),url(../art/harbor-day-small.webp) 50%/cover;position:absolute;inset:0;overflow-y:auto}.map-head{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:18px;display:flex}.logo-img{width:min(320px,80%);height:auto}.logo-text{letter-spacing:.02em;color:var(--gold);text-shadow:0 4px 0 #b4561a, 0 6px 0 var(--ink), 0 10px 18px #00000059;flex-direction:column;margin:8px 0 0;font-size:54px;font-weight:900;line-height:.95;display:flex}.logo-it{color:#fff}.tagline{opacity:.9;margin:0;font-weight:700}.map-stats,.map-tools{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.map-stats .pill{color:var(--ink)}.chapter{border-radius:var(--radius);background:#fffaf01a;border:1px solid #ffffff2e;margin-bottom:12px;padding:12px}.chapter h2{margin:0;font-size:18px}.chapter-blurb{opacity:.85;margin:2px 0 10px;font-size:13px}.level-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.level-btn{min-height:56px;box-shadow:0 3px 0 var(--wood);color:var(--ink);background:linear-gradient(#fffaf0,#efdcb8);border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.level-btn.current{background:linear-gradient(#fff3b0, var(--gold));box-shadow:0 0 0 3px #fff, 0 3px 0 var(--wood)}.level-btn.locked{box-shadow:none;color:#ffffffb3;cursor:default;background:#ffffff2e}.level-num{font-size:18px;font-weight:900}.level-stars{color:#c98a00;letter-spacing:1px;font-size:11px}.map-foot{text-align:center;opacity:.75;font-size:12px}.primary-btn,.ghost-btn,.danger-btn{border:0;border-radius:14px;min-height:48px;padding:0 20px;font-size:17px;font-weight:800}.primary-btn{color:#fff;text-shadow:0 1px #00000040;background:linear-gradient(#6fe07f,#2fa84a);box-shadow:0 4px #1d6f30}.primary-btn.big{min-height:60px;padding:0 34px;font-size:22px}.primary-btn.small{min-height:40px;padding:0 12px;font-size:15px}.primary-btn:disabled{filter:grayscale(.8);opacity:.6;cursor:default}.primary-btn:active,.ghost-btn:active{transform:translateY(2px)}.ghost-btn{color:var(--ink);background:#ffffffeb;box-shadow:0 3px #0000002e}.danger-btn{color:var(--red);border:2px solid var(--red);background:#fff}.link-btn{color:var(--ink-soft);background:0 0;border:0;min-height:40px;font-weight:700;text-decoration:underline}.modal-back{background:#081e328c;place-items:center;padding:16px;animation:.18s ease-out fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.card{background:var(--paper);width:min(420px,100%);max-height:calc(100% - 16px);box-shadow:0 6px 0 var(--wood), 0 20px 40px #00000059;text-align:center;border-radius:22px;flex-direction:column;gap:8px;padding:20px 18px 16px;animation:.28s cubic-bezier(.3,1.5,.5,1) pop-in;display:flex;overflow-y:auto}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}}.card h2{margin:0;font-size:26px}.result.win .result-title{color:#1f8a3a}.result.lose .result-title{color:var(--red)}.result-reason{margin:0 0 6px;font-size:18px;font-weight:700}.result-stars{letter-spacing:6px;font-size:46px;line-height:1}.star{color:#d9cdb4;display:inline-block}.star.on{color:var(--gold);text-shadow:0 3px #c98a00;animation:.4s cubic-bezier(.3,1.8,.5,1) both star-in}@keyframes star-in{0%{transform:scale(0)rotate(-40deg)}}.big-num{font-size:34px;font-weight:900}.muted{color:var(--ink-soft)}.small{font-size:14px}.tiny{margin:0;font-size:11px}.card p{margin:0}.rewards{margin:4px 0;padding:0;font-weight:800;list-style:none}.btn-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.rescue{flex-direction:column;gap:6px;display:flex}.shop-list{text-align:left;flex-direction:column;gap:8px;display:flex}.shop-row{border:2px solid var(--paper-2);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.shop-row.focus{border-color:var(--gold)}.shop-info{flex-direction:column;flex:1;display:flex}.coin-line{font-size:20px;font-weight:900}.nhb-soon{border:2px dashed #b9a57f;border-radius:14px;flex-direction:column;padding:10px;display:flex}.toggle{align-items:center;gap:10px;min-height:44px;font-size:17px;font-weight:700;display:flex}.toggle input{width:24px;height:24px}.help-row{text-align:left;align-items:center;gap:12px;display:flex}.help-icon{text-align:center;flex:none;width:34px;font-size:28px}.case-icon{flex:none}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:50ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (width<=359px){.level-label{font-size:17px}.moves-num{font-size:26px}.booster-name{display:none}}canvas.scene:focus-visible{box-shadow:inset 0 0 0 3px #fffc}.booster-img{width:28px;height:28px;display:block}.has-coin-icon .coin-pill:before{content:"";background:var(--coin) center / contain no-repeat;width:22px;height:22px}.leaders{text-align:left;margin:0;padding:0 4px;font-size:14px;list-style-position:inside}.leaders li{justify-content:space-between;gap:8px;display:flex}.save-layer{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06182a9e;place-items:center;padding:16px;animation:.2s ease-out fade;display:grid;position:absolute;inset:0}.save-card{width:min(400px,100%);box-shadow:0 6px 0 var(--wood), 0 24px 48px #0006;text-align:center;background:linear-gradient(#fffaf0 0%,#fbeed2 100%);border-radius:24px;flex-direction:column;gap:10px;padding:46px 22px 18px;animation:.3s cubic-bezier(.3,1.5,.5,1) pop-in;display:flex;position:relative}.save-card h2{margin:0;font-size:28px}.save-card p{color:var(--ink-soft);margin:0;font-weight:600}.save-badge{background:radial-gradient(circle at 35% 30%,#5fc3ff,#1b6fa8 70%);border:4px solid #fff;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:absolute;top:-34px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0000004d}.save-badge-icon{color:#fff;font-size:34px}.save-card .eyebrow{letter-spacing:.08em;color:var(--sea);font-size:12px;font-weight:900}.save-card .eyebrow.warn{color:var(--red)}.znhb-line{text-align:left;background:#fff;border:2px solid #f0d9a8;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.znhb-line b{color:#6b3d00;background:linear-gradient(#ffe27a,#f3b23a);border-radius:8px;flex:none;padding:4px 8px;font-weight:900}.save-go{margin-top:4px}.save-card.confirm-step{background:linear-gradient(#fff6f2 0%,#fde3d9 100%)}.nhb-frame{background:#fff;border-radius:20px;flex-direction:column;width:min(440px,100%);height:min(680px,100%);display:flex;overflow:hidden;box-shadow:0 20px 48px #00000073}.nhb-frame header{background:var(--sea-deep);color:#fff;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.nhb-frame header small{letter-spacing:.08em;opacity:.8;font-size:11px;display:block}.nhb-status{color:var(--ink-soft);background:#f3f7fb;margin:0;padding:6px 12px;font-size:13px}.nhb-frame iframe{border:0;flex:1;width:100%}.account-box{border:2px solid var(--paper-2);background:#fff;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.pill-save{background:linear-gradient(#e7f3fc,#cfe6f8)}.toast{left:50%;bottom:calc(120px + env(safe-area-inset-bottom));z-index:60;color:#fff;text-align:center;background:#0d3b5cf0;border-radius:999px;max-width:calc(100% - 32px);padding:10px 16px;font-weight:700;transition:opacity .4s;animation:.2s ease-out fade;position:absolute;transform:translate(-50%);box-shadow:0 8px 20px #0000004d}.toast.out{opacity:0}@media (width>=820px) and (aspect-ratio>=9/10){.hud{padding:18px 28px 20px}.topbar .level-label{font-size:26px}.panel{align-self:center;width:min(600px,48vw);padding:10px 16px}.hud-bottom{align-items:center}.tray{width:min(600px,48vw)}.booster{min-height:62px}.booster-img{width:34px;height:34px}.hint{padding:10px 20px;font-size:17px}.map{padding:36px max(28px,50vw - 600px) 40px}.map .chapter{vertical-align:top;width:calc(50% - 8px);margin:0 4px 12px;display:inline-block}.card{width:min(480px,100%)}}@media (width>=1400px) and (aspect-ratio>=9/10){.map .chapter{width:calc(33.333% - 8px)}}.modal-back{-webkit-backdrop-filter:blur(4px)saturate(1.1);backdrop-filter:blur(4px)saturate(1.1);perspective:1200px;background:radial-gradient(at 50% 40%,#081e3259,#04101ec7)}.card.fancy{transform-origin:50% 0;background:radial-gradient(120% 60% at 50% 0,#ffffffe6,#fff0 60%),linear-gradient(#fffcf3 0%,#fbf0d8 55%,#f2deb6 100%);border:3px solid #f6d48b;border-radius:30px;gap:10px;max-height:calc(100% - 40px);margin-top:30px;padding:50px 20px 20px;animation:.55s cubic-bezier(.2,1.35,.4,1) both card-in;position:relative;overflow:visible;box-shadow:inset 0 2px #fff,inset 0 -8px #a8642c29,0 8px #b8742f,0 13px #7d4416,0 30px 60px #00000080}@keyframes card-in{0%{opacity:0;transform:rotateX(-38deg)translateY(36px)scale(.92)}}.ribbon{z-index:2;--rb1:#5edb78;--rb2:#23963f;--rb3:#17692b;background:linear-gradient(180deg, var(--rb1), var(--rb2));width:calc(100% + 28px);max-width:460px;height:62px;box-shadow:inset 0 3px 0 #ffffff73, inset 0 -6px 0 #00000029, 0 6px 0 var(--rb3), 0 12px 22px #00000052;border-radius:16px;place-items:center;display:grid;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.ribbon:before,.ribbon:after{content:"";background:var(--rb3);z-index:-1;width:34px;height:52px;position:absolute;top:18px}.ribbon:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,34% 50%);left:-22px}.ribbon:after{clip-path:polygon(0 0,100% 0,66% 50%,100% 100%,0 100%);right:-22px}.ribbon.red{--rb1:#ff7a62;--rb2:#d93a2b;--rb3:#962015}.ribbon.blue{--rb1:#5cc2ff;--rb2:#1f7fd0;--rb3:#145692}.ribbon.gold{--rb1:#ffe07a;--rb2:#f0a81c;--rb3:#a8650a}.ribbon-text{color:#fff;letter-spacing:.01em;text-shadow:0 2px #00000047,0 0 12px #0000001f;white-space:nowrap;margin:0;font-size:27px;font-weight:900}.card.fancy h2:not(.ribbon-text){color:var(--ink)}.card-sub{color:var(--ink-soft);letter-spacing:.02em;font-weight:800}.card-label{letter-spacing:.12em;color:#a37a3c;margin:4px 0 0;font-size:12px;font-weight:900}.card-note{color:var(--ink-soft);font-size:14px;font-weight:700}.stars3d{justify-content:center;align-items:flex-end;gap:4px;height:92px;margin-top:-6px;display:flex}.star3d{filter:drop-shadow(0 4px #965a0a59);width:74px;height:74px;animation:.5s cubic-bezier(.25,1.7,.45,1) both star-drop}.star3d svg{width:100%;height:100%;display:block}.star3d.mid{width:92px;height:92px;margin-bottom:6px}.star3d:not(.on){filter:drop-shadow(0 3px #78643c33);opacity:.8}.star3d.on{filter:drop-shadow(0 4px #965a0a73)drop-shadow(0 0 14px #ffc8288c)}@keyframes star-drop{0%{opacity:0;transform:translateY(-40px)scale(.2)rotate(-35deg)}}.plaque{color:#fff;background:linear-gradient(#1e4f7a,#133650);border-radius:18px;flex-direction:column;align-self:center;align-items:center;min-width:220px;margin-top:8px;padding:8px 26px 10px;display:flex;position:relative;box-shadow:inset 0 3px 8px #00000073,inset 0 -2px #ffffff26,0 2px #fff}.plaque small{letter-spacing:.18em;opacity:.7;font-size:11px;font-weight:900}.plaque-num{font-variant-numeric:tabular-nums;text-shadow:0 3px #0000004d;font-size:44px;font-weight:900;line-height:1.05}.best-badge{color:#6b3d00;background:linear-gradient(#ffe27a,#f3b23a);border-radius:10px;padding:4px 10px;font-size:12px;font-style:normal;font-weight:900;animation:.5s cubic-bezier(.25,1.7,.45,1) 1s both star-drop;position:absolute;top:-12px;right:-14px;transform:rotate(8deg);box-shadow:0 3px #b8742f}.best-line{opacity:.75;font-size:13px;font-style:normal;font-weight:700}.reward-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.reward-chip{background:#fff;border:2px solid #f0d9a8;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 8px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 3px #e2c48b}.reward-chip b{color:#b86b00;font-size:16px}.coin-ico{width:22px;height:22px;font-size:18px;line-height:22px;display:inline-block}.leaders3d{background:#ffffffb3;border-radius:16px;margin:0;padding:6px;list-style:none;box-shadow:inset 0 2px 6px #78501e26}.leaders3d li{text-align:left;border-radius:10px;grid-template-columns:32px 1fr auto;align-items:center;gap:6px;padding:5px 8px;font-weight:700;display:grid}.leaders3d li.me{background:linear-gradient(90deg,#fff1b8,#ffe08a)}.leaders3d .rank{text-align:center;font-size:18px}.leaders3d .pts{font-variant-numeric:tabular-nums;color:var(--ink)}.fail-hero{background:radial-gradient(circle at 35% 30%,#fff,#ffe1d8 60%,#ffc2b2);border-radius:50%;align-self:center;place-items:center;width:96px;height:96px;margin-top:-4px;font-size:50px;animation:1.6s ease-in-out infinite wobble;display:grid;box-shadow:inset 0 -6px #c83c282e,0 6px #e9a597,0 12px 20px #96281440}@keyframes wobble{50%{transform:rotate(-6deg)translateY(-3px)}}.fail-why{color:var(--ink);font-size:18px;font-weight:800}.order-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.order-chip{background:#fff;border:2px solid #f1cbbf;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 6px;font-size:16px;display:inline-flex;box-shadow:0 3px #e8b3a4}.order-chip.done{border-color:#9ad8a8;box-shadow:0 3px #7cc08d}.order-chip.done b:after{content:" ✓";color:var(--green)}.card-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:6px;display:flex}.btn-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rescue-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.rescue-tile{background:linear-gradient(#fff,#f4e6c8);border:0;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;font-weight:800;transition:transform 80ms;display:flex;position:relative;box-shadow:inset 0 2px #fff,0 5px #d2b17a,0 9px 16px #78501e33}.rescue-tile:hover{transform:translateY(-2px)}.rescue-tile:active{transform:translateY(4px);box-shadow:inset 0 2px #fff,0 1px #d2b17a}.rescue-tile img{width:44px;height:44px}.rescue-emoji{font-size:30px;font-weight:900}.rescue-label{font-size:15px}.rescue-badge{color:#fff;background:var(--sea);border-radius:999px;align-items:center;gap:3px;padding:3px 9px;font-size:13px;font-weight:900;display:inline-flex;position:absolute;top:-8px;right:-6px;box-shadow:0 3px #0f4c78}.rescue-badge.price{color:#6b3d00;background:linear-gradient(#ffe27a,#f3b23a);box-shadow:0 3px #b8742f}.rescue-badge .coin-ico{width:16px;height:16px}.btn3d{letter-spacing:.01em;--b1:#fffdf7;--b2:#f1e2c3;--b3:#c49a5c;min-height:52px;color:var(--ink);background:linear-gradient(180deg, var(--b1), var(--b2));box-shadow:inset 0 2px 0 #ffffffa6, inset 0 -4px 0 #00000014, 0 6px 0 var(--b3), 0 10px 18px #00000038;border:0;border-radius:18px;padding:0 22px;font-size:18px;font-weight:900;transition:transform 80ms,box-shadow 80ms;position:relative}.btn3d:hover{filter:brightness(1.04)}.btn3d:active{box-shadow:inset 0 2px 0 #ffffff80, 0 1px 0 var(--b3), 0 4px 8px #0003;transform:translateY(5px)}.btn3d.green{--b1:#7ff08f;--b2:#2fae4b;--b3:#1b7330;color:#fff;text-shadow:0 2px #00000040}.btn3d.wide{min-height:60px;font-size:22px}.btn3d.small{align-self:center;min-height:42px;padding:0 18px;font-size:15px}.btn3d:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (width<=440px){.ribbon{width:calc(100% + 4px)}.ribbon-text{font-size:23px}.card.fancy{padding:46px 14px 16px}}