:root{--mer:#6fb8bf;--pierre:#f5e7cf;--abricot:#e99b6f;--corail:#c8584f;--sauge:#86a48a;--ardoise:#2f4a54;--pierre-ombre:#e9d6b6;--blanc-doux:#fff8ea;--radius:18px;--dock-h:calc(70px + env(safe-area-inset-bottom));--shadow:0 6px 18px #2f4a5438}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--mer);height:100%;color:var(--ardoise);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:Fredoka,system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#app canvas{touch-action:none;display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}button,a{font:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}.muted{opacity:.72}.small{font-size:.85rem}.btn{cursor:pointer;border:0;border-radius:16px;min-height:48px;padding:10px 20px;font-size:1.05rem;font-weight:600;transition:transform 80ms,box-shadow 80ms,filter .15s;box-shadow:0 3px #2f4a5440}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #2f4a5440}.btn:focus-visible,.dock-btn:focus-visible,.duration:focus-visible,.icon-btn:focus-visible,.link:focus-visible,.pill-btn:focus-visible{outline:3px solid var(--ardoise);outline-offset:2px}.btn-wide{width:100%}.btn-primary{background:var(--corail);color:var(--blanc-doux)}.btn-secondary{background:var(--sauge);color:var(--ardoise)}.btn-discord{background:var(--ardoise);color:var(--blanc-doux)}.btn:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.55;box-shadow:none}.link{cursor:pointer;opacity:.8;background:0 0;border:0;min-height:44px;padding:8px 12px;text-decoration:underline}.card{border-radius:var(--radius);background:var(--blanc-doux);box-shadow:0 2px 0 var(--pierre-ombre);gap:10px;padding:14px;display:grid}.card-sauge{background:color-mix(in srgb, var(--sauge) 30%, var(--blanc-doux))}.card-abricot{background:color-mix(in srgb, var(--abricot) 32%, var(--blanc-doux))}.hud{top:max(10px, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;left:10px;right:10px;pointer-events:none!important}.pill{background:var(--pierre);min-height:44px;box-shadow:var(--shadow);pointer-events:auto;border-radius:999px;align-items:center;gap:8px;min-width:0;padding:4px 6px;display:flex}.pill-player{padding-right:4px}.pill-coins{padding:4px 16px 4px 10px;font-size:1.2rem}.avatar{object-fit:cover;background:var(--abricot);border-radius:50%;flex:none;width:36px;height:36px}.avatar-letter{color:var(--blanc-doux);place-items:center;font-weight:600;display:grid}.pseudo{text-overflow:ellipsis;white-space:nowrap;max-width:34vw;font-weight:500;overflow:hidden}.pill-btn{opacity:.7;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:44px;padding:0 12px;font-size:.85rem}.icon{fill:currentColor;width:22px;height:22px}.coin{fill:var(--abricot);fill-rule:evenodd;width:28px;height:28px;stroke:var(--ardoise);stroke-width:1px}.dock{left:50%;bottom:max(10px, env(safe-area-inset-bottom));background:var(--pierre);box-shadow:var(--shadow);border-radius:24px;gap:6px;max-width:calc(100vw - 20px);padding:6px;display:flex;position:fixed;transform:translate(-50%)}.dock-btn{cursor:pointer;background:0 0;border:0;border-radius:18px;align-content:center;justify-items:center;gap:1px;min-width:84px;min-height:56px;padding:4px 10px;display:grid;position:relative}.dock-btn.active{background:var(--abricot)}.dock-emoji{font-size:1.5rem;line-height:1}.dock-label{font-size:.85rem;font-weight:500}.badge{border:2px solid var(--pierre);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;right:14px}.badge-corail{background:var(--corail);animation:1.4s ease-in-out infinite pulse}.badge-sauge{background:var(--sauge)}@keyframes pulse{50%{transform:scale(1.35)}}.panel{left:10px;right:10px;bottom:calc(var(--dock-h) + 14px);background:var(--pierre);max-height:min(52vh,460px);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;animation:.18s ease-out rise;display:flex;position:fixed;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.panel-head{justify-content:space-between;align-items:center;padding:8px 8px 0 18px;display:flex}.panel-head h2{font-size:1.25rem;font-weight:600}.icon-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;width:44px;height:44px;font-size:1.8rem;line-height:1}.panel-scroll{overscroll-behavior:contain;padding:4px 14px 16px;overflow-y:auto}.panel-body{gap:12px;display:grid}.section-title{font-size:1rem;font-weight:600}.boat-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.boat-name{font-size:1.2rem}.chip{white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:600}.chip-au_port{background:var(--sauge)}.chip-en_mer{background:var(--mer)}.chip-rentre{background:var(--abricot)}.duration-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.duration{background:var(--blanc-doux);text-align:left;cursor:pointer;border:3px solid #0000;border-radius:16px;justify-items:start;gap:2px;min-height:64px;padding:10px 12px;display:grid}.duration.selected{border-color:var(--ardoise);background:color-mix(in srgb, var(--mer) 28%, var(--blanc-doux))}.duration-label{font-size:1.1rem;font-weight:600}.duration-range{opacity:.85;font-size:.9rem}.duration-full{background:var(--corail);color:var(--blanc-doux);border-radius:999px;margin-top:2px;padding:1px 8px;font-size:.75rem;font-weight:600}.warn-banner{border:2px solid var(--corail);background:color-mix(in srgb, var(--corail) 14%, var(--blanc-doux));border-radius:16px;align-items:flex-start;gap:10px;padding:12px;display:flex}.warn-icon{width:26px;height:26px;fill:var(--corail);flex:none}.warn-banner strong{color:var(--corail);font-size:1.05rem;display:block}.warn-detail{font-size:.88rem;display:block}.countdown-line{font-size:1.1rem}.countdown{font-variant-numeric:tabular-nums;font-size:1.5rem}.bar{background:var(--pierre-ombre);border-radius:999px;height:14px;overflow:hidden}.bar-fill{background:var(--mer);border-radius:999px;width:0;height:100%;transition:width .25s linear}.catch-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.catch-list li{justify-content:space-between;display:flex}.species-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.species{background:var(--blanc-doux);border-radius:16px;gap:6px;padding:10px 12px;display:grid}.species-empty .species-stock{opacity:.5}.species-top,.species-price{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.species-name{font-weight:600}.gauge{background:var(--pierre-ombre);border-radius:999px;height:10px;overflow:hidden}.gauge-fill{height:100%;width:calc(var(--s,0) * 100%);background:color-mix(in srgb, var(--sauge), var(--corail) calc(var(--s,0) * 100%));border-radius:999px;min-width:4px;transition:width .3s}.estimate{font-size:1.1rem;font-weight:600}.hint{background:color-mix(in srgb, var(--abricot) 30%, var(--blanc-doux));border-radius:12px;padding:8px 12px;font-size:.92rem}.empty{padding:4px 2px}.upgrade-head{justify-content:space-between;align-items:baseline;display:flex}.pips{gap:6px;display:flex}.pip{background:var(--pierre-ombre);border-radius:999px;width:22px;height:10px}.pip.on{background:var(--sauge)}.upgrade-next{font-size:.95rem}.toasts{top:calc(max(10px, env(safe-area-inset-top)) + 58px);gap:8px;width:min(92vw,420px);display:grid;position:fixed;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{background:var(--blanc-doux);box-shadow:var(--shadow);border-left:8px solid var(--sauge);border-radius:16px;padding:12px 16px;font-weight:500;transition:opacity .4s;animation:.2s ease-out rise}.toast-error{border-left-color:var(--corail)}.toast.out{opacity:0}.overlay{background:color-mix(in srgb, var(--mer) 78%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.splash{text-align:center;justify-items:center;gap:14px;width:min(92vw,400px);padding:24px 20px}.logo{color:var(--corail);font-size:2rem;font-weight:600}.login h2{font-size:1.3rem;font-weight:500}.login-error{background:color-mix(in srgb, var(--corail) 16%, var(--blanc-doux));border:2px solid var(--corail);border-radius:12px;padding:10px 12px}.spinner{border:5px solid var(--pierre-ombre);border-top-color:var(--corail);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=860px){.panel{width:400px;max-height:calc(100vh - 72px - var(--dock-h) - 24px);inset:72px 16px auto auto}.pseudo{max-width:240px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width>=860px){.toasts{transform:translate(calc(-50% - 208px))}}.action-bar{background:linear-gradient(to bottom, transparent, var(--pierre) 14px);gap:6px;margin:0 -14px -16px;padding:10px 14px 16px;display:grid;position:sticky;bottom:-16px}@media (width<=859px){.panel{max-height:min(58vh,520px)}}.hud{flex-wrap:wrap;align-items:flex-start}.pill-player{border-radius:24px;max-width:100%}.player-info{gap:1px;min-width:0;padding:2px 2px 3px;display:grid}.pill-player .pseudo{max-width:28vw;line-height:1.15}.rang-ligne{opacity:.8;white-space:nowrap;text-overflow:ellipsis;max-width:34vw;font-size:.78rem;font-weight:500;overflow:hidden}.xp-bar{background:var(--pierre-ombre);border-radius:999px;min-width:90px;height:7px;margin-top:2px;overflow:hidden}.xp-fill{background:var(--sauge);border-radius:999px;min-width:3px;height:100%;transition:width .6s ease-out}.pill-coins{gap:6px;padding:4px 14px 4px 10px;font-size:1.1rem}.pill-sep{background:var(--pierre-ombre);border-radius:1px;width:2px;height:22px;margin:0 4px}.ecaille{fill:var(--abricot);fill-rule:evenodd;stroke:var(--ardoise);stroke-width:1px;width:26px;height:26px}.pill-coins .ecailles{font-weight:600}.pill-btn{padding:0 8px}.minijeu{z-index:20;padding:max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2f4a546b;place-items:center;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.mj-card{background:var(--pierre);width:min(100%,520px);max-height:100%;box-shadow:var(--shadow);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.mj-head{align-items:center;gap:4px;padding:8px 8px 0 18px;display:flex}.mj-head h2{flex:1;font-size:1.25rem;font-weight:600}.mj-son{font-size:1.3rem}.mj-body{overscroll-behavior:contain;padding:6px 14px 16px;overflow-y:auto}.mj-stage{gap:10px;display:grid}.mj-center{text-align:center;justify-items:center;padding:24px 0}.mj-consigne{font-size:1.1rem;font-weight:500}.mj-big{min-height:60px;font-size:1.2rem}.mj-skip{min-height:48px}.mj-aide{text-align:center}.mj-canvas{aspect-ratio:360/270;background:var(--mer);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:18px;width:100%;height:auto;display:block}.mj-progres{text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.mj-stage:has(.bacs) .mj-canvas{aspect-ratio:360/168}.bacs{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.bac{border:2px solid var(--bac,var(--ardoise));background:color-mix(in srgb, var(--bac,var(--ardoise)) 26%, var(--blanc-doux));cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:16px;align-content:center;justify-items:center;gap:2px;min-height:84px;padding:8px 0 6px;display:grid;position:relative;box-shadow:0 3px #2f4a5440}.bac:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #2f4a5440}.bac:disabled{opacity:.6;cursor:default}.bac:focus-visible{outline:3px solid var(--ardoise);outline-offset:2px}.bac-icone{width:44px;height:28px}.bac-nom{text-align:center;overflow-wrap:normal;white-space:nowrap;font-size:clamp(.56rem,2.7vw,.78rem);font-weight:600;line-height:1.1}.bac-num{opacity:.55;font-size:.65rem;position:absolute;top:2px;left:6px}.flash-ok{animation:.45s ease-out flash-ok}.flash-ko{animation:.45s ease-out flash-ko}.flash-vide{animation:.3s ease-out flash-vide}@keyframes flash-ok{30%{background:var(--sauge);transform:scale(1.06)}}@keyframes flash-ko{20%,60%{background:var(--corail);transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes flash-vide{50%{opacity:.55}}.mj-result{border-radius:var(--radius);background:var(--blanc-doux);text-align:center;justify-items:center;gap:8px;padding:18px 14px;display:grid}.mj-result-parfait{background:color-mix(in srgb, var(--abricot) 32%, var(--blanc-doux))}.mj-result-bon{background:color-mix(in srgb, var(--sauge) 30%, var(--blanc-doux))}.mj-result-badge{background:var(--mer);width:64px;height:64px;color:var(--blanc-doux);border-radius:50%;place-items:center;font-size:2rem;line-height:1;animation:.5s cubic-bezier(.3,1.6,.5,1) pop;display:grid}.mj-result-parfait .mj-result-badge{background:var(--abricot)}.mj-result-bon .mj-result-badge{background:var(--sauge)}.mj-result-phrase{font-size:1.1rem;font-weight:500}.mj-stats{gap:24px;display:flex}.mj-stat{justify-items:center;display:grid}.mj-stat strong{font-size:1.6rem}.mj-bonus{color:var(--ardoise);font-weight:600}.mj-rassure{opacity:.8}.mj-vente{font-weight:600}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.levelup{z-index:25;background:#2f4a548c;place-items:center;padding:16px;animation:.2s ease-out fade-in;display:grid;position:fixed;inset:0}.levelup-card{background:var(--pierre);width:min(100%,380px);box-shadow:var(--shadow);text-align:center;border-radius:28px;justify-items:center;gap:10px;padding:26px 20px 20px;display:grid;position:relative;overflow:hidden}.levelup-card.pop{animation:.5s cubic-bezier(.3,1.5,.5,1) pop}.levelup-kicker{text-transform:uppercase;letter-spacing:.12em;opacity:.7;font-size:.8rem;font-weight:600}.levelup-badge{background:var(--abricot);width:104px;height:104px;color:var(--blanc-doux);box-shadow:0 0 0 8px color-mix(in srgb, var(--abricot) 35%, transparent), 0 6px 0 #2f4a5433;border-radius:50%;place-items:center;font-size:3.4rem;font-weight:600;animation:1.6s ease-in-out infinite badge-pulse;display:grid}@keyframes badge-pulse{50%{transform:scale(1.06)}}.levelup-titre{font-size:1.5rem;font-weight:600}.levelup-rang{background:var(--corail);width:100%;color:var(--blanc-doux);border-radius:18px;gap:4px;padding:12px;animation:.6s cubic-bezier(.3,1.5,.5,1) .25s backwards pop;display:grid}.levelup-rang strong{font-size:1.15rem}.levelup-ecailles{align-items:center;gap:8px;font-size:1.2rem;display:flex}.levelup-dots{gap:6px;display:flex}.levelup-dots .dot{background:var(--pierre-ombre);border-radius:50%;width:9px;height:9px}.levelup-dots .dot.on{background:var(--corail)}.levelup-sparkles i{background:var(--abricot);opacity:0;border-radius:50%;width:10px;height:10px;animation:1.8s ease-out infinite sparkle;position:absolute}.levelup-sparkles i:first-child{top:18%;left:12%}.levelup-sparkles i:nth-child(2){background:var(--mer);animation-delay:.3s;top:12%;right:16%}.levelup-sparkles i:nth-child(3){background:var(--sauge);animation-delay:.6s;top:40%;left:6%}.levelup-sparkles i:nth-child(4){animation-delay:.9s;top:36%;right:8%}.levelup-sparkles i:nth-child(5){background:var(--corail);animation-delay:1.2s;top:62%;left:14%}.levelup-sparkles i:nth-child(6){background:var(--mer);animation-delay:1.5s;top:58%;right:12%}@keyframes sparkle{0%{opacity:0;transform:scale(0)translateY(0)}30%{opacity:1}to{opacity:0;transform:scale(1.3)translateY(-24px)}}.install-banner{left:10px;right:10px;bottom:calc(var(--dock-h) + 14px);z-index:5;background:var(--pierre);box-shadow:var(--shadow);border-radius:20px;gap:8px;padding:14px;animation:.18s ease-out rise;display:grid;position:fixed}.install-actions{flex-wrap:wrap;gap:8px;display:flex}.install-actions .btn{flex:1}.toasts{z-index:30}@media (width>=860px){.install-banner{width:400px;left:auto;right:16px}}