/* Ocean Buddy / Adventure — photographie réelle, contraste et énergie. */
:root{
 --foam:#071f2c;--ink:#edf7fa;--card:#0e2b3b;--line:#254252;
 --ocean-deep:#041822;--ocean:#1ccbbd;--aqua:#44e5d1;
 --coral:#ff7847;--coral-dark:#f56333;--muted:#a3bdc8;
 --display:'Manrope',sans-serif;--impact:'Barlow Condensed',Impact,sans-serif;
 --body:'DM Sans',sans-serif;--radius:22px;
}
html,body.ocean-v2,.ocean-v2 .phone{background:#071f2c;color:#edf7fa}
.ocean-v2 .screen-wrap{background:radial-gradient(ellipse at 100% 0,#0b3e4c88,transparent 50%),#071f2c;scrollbar-color:#2b5968 transparent}
.app-chrome{background:#071f2c;border-bottom:1px solid #22404e;color:#eaf7fc}
.chrome-title{color:#92adb9;font-size:13px}.chrome-breadcrumb b{color:#effaff}.chrome-breadcrumb i{color:#5b7887}
.chrome-search{background:#102e3e;border-color:#294957;width:275px;border-radius:12px;padding:10px 13px}.chrome-search input{color:#edf7fa;font-size:13px}.chrome-search input::placeholder{color:#a6c0cb}.chrome-search svg{color:#54dacc}.chrome-search kbd{background:#1d3c4c;color:#90b1bc}
.chrome-user{color:#eef9fc}.user-initial{background:#ff804b;color:#102b35}.chrome-mobile-brand{color:#eefaff}.chrome-mobile-brand b{color:#ff8757}.mobile-search{color:#4ce0cd}.mobile-poulpy{background:#ff8347;border-color:#ffab7c}
.ocean-v2 .nav{background:#041822;border-right:1px solid #1e3c49}.sidebar-brand{margin-bottom:38px}.sidebar-brand>span{font-size:21px;letter-spacing:-.8px}.sidebar-brand b{color:#ff8352}.sidebar-brand small{color:#91b6c1;font-size:7px;letter-spacing:1px}.sidebar-label{font-size:9px;color:#789dab;letter-spacing:1.2px}
.ocean-v2 .nav>button[data-s]{color:#a6c0ca;font-size:13px;gap:13px;border-radius:12px}
.ocean-v2 .nav>button[data-s].active,.ocean-v2 .nav>button[aria-current=page]{background:#1cd3be;color:#05212c;box-shadow:none;font-weight:800}.ocean-v2 .nav>button[data-s]:hover{background:#103f4d;color:#fff}.ocean-v2 .nav>button[data-s].active:hover{background:#43e5cf;color:#05212c}
.ocean-v2 .nav .sidebar-poulpy{background:#123340;border-color:#31525e;padding:22px 15px 17px}.sidebar-poulpy b{font-size:14px}.sidebar-poulpy span{font-size:11px;color:#a9c6cf}.sidebar-poulpy i{font-size:11px;color:#46dfcb}.sidebar-motto{color:#8badb8;font-size:9px}.ocean-v2 .nav .sidebar-settings{color:#a6c4ce;font-size:12px}.ocean-v2 .nav .sidebar-user{color:#e7f8ff;border-top-color:#274450}.sidebar-user small{color:#91b5c3}
/* L'accueil prend le ton des affiches de surf. */
.home-intro{grid-template-columns:minmax(0,2.8fr) minmax(265px,1fr);gap:20px}
.ocean-v2 #home #homeTop{min-height:498px;padding:30px 36px!important;background:linear-gradient(90deg,#031e30ed 0%,#032c3790 38%,#03202c09 80%),url('assets/photos/hero.jpg') center 53%/cover;border:1px solid #3c6974;border-radius:22px}
.ocean-v2 #homeTop .brand{margin-bottom:24px}.hero-kicker{font-size:10px;letter-spacing:1.7px;color:#63ead8;font-weight:800}.hero-greeting{font-size:13px;color:#e5f8fa;margin-bottom:7px}
.ocean-v2 #homeTop h1{font:800 clamp(68px,6.7vw,102px)/.88 var(--impact);text-transform:uppercase;letter-spacing:-1px;margin:0 0 20px;color:#fff9ef}.ocean-v2 #homeTop h1 span{color:#ff824e}
.hero-description{font-size:13px;line-height:1.7;color:#f0f8f8;margin-bottom:20px;max-width:380px}.hero-cta{font-size:13px;font-weight:800;border-radius:11px;background:#ff7b47;color:#0a2028;padding:15px 21px;gap:31px;box-shadow:0 8px 25px #00162230}.hero-cta:hover{background:#ffa476;transform:translateY(-2px)}.hero-cta>span{font-size:25px}
.hero-foot{display:none}.hero-stats{position:absolute!important;bottom:27px;left:36px;display:flex;gap:25px;font-size:10px;color:#c9e2e6}.hero-stats span{display:flex;flex-direction:column;gap:2px}.hero-stats b{font:700 27px/1 var(--impact);color:#fff;letter-spacing:.3px}.hero-photo-credit{position:absolute!important;bottom:20px;right:20px;color:#dfedf3;font-size:8px;text-decoration:none;text-shadow:0 1px 4px #001b27}
.ocean-v2 #home .mascot-card{background:#ff824c!important;color:#092733;min-height:498px;border:0;border-radius:22px;padding:29px 26px!important;isolation:isolate}
.ocean-v2 #home .mascot-card::after{content:'';position:absolute;inset:auto -85px 84px auto;width:315px;height:315px;border:1px solid #ffd3af80;border-radius:50%;box-shadow:0 0 0 28px #ffc08b1c,0 0 0 55px #ffd0a316;z-index:-1}
.poulpy-eyebrow{font-size:9px;font-weight:800;color:#70351e;letter-spacing:1px}.poulpy-eyebrow i{background:#082e37;width:6px;height:6px}
.poulpy-title{font:800 63px/.92 var(--impact);text-transform:uppercase;letter-spacing:-1px;color:#082e3b;margin-top:21px}
.ocean-v2 #home .mascot-svg{width:225px;height:225px;top:146px;right:-3px;filter:drop-shadow(0 13px 12px #92420c3b)}
.ocean-v2 #home .bubble{bottom:74px;left:26px;right:26px;font-size:11px;line-height:1.65;color:#613720}.ocean-v2 #home .bubble b{color:#133d41}.poulpy-action{left:26px;right:26px;bottom:24px;color:#062c36;border-color:#b6552757;padding-top:13px;font-size:13px;font-weight:800}.poulpy-action span{font-size:24px}
.ocean-v2 #home #homeTabs{border-color:#254451;margin-top:25px}.ocean-v2 .htab{color:#9bbbbf;font-size:12px;gap:8px}.ocean-v2 .htab.active{color:#4be4cf}.ocean-v2 .htab.active::after{background:#42deca;height:3px}.ocean-v2 #home>.act-bar{background:#102e3c;border:1px solid #244551;padding:10px 15px;border-radius:10px;margin-top:17px;margin-bottom:25px}.act-bar .ab-l{color:#a5c2ce;font-size:11px}.act-bar .ab-v{color:#fff;font-size:12px}.act-bar .ab-c{color:#54e5d1;font-size:11px;margin-left:auto}
.ocean-v2 .sec h2,.ocean-v2 #home .hcat[data-hcat=jour]>.sec h2,.today-head .t{font:700 28px/1.08 var(--impact);letter-spacing:.2px;color:#eefbff;text-transform:uppercase}.ocean-v2 .sec a{color:#55ddca;font-size:12px}.today-head .d{font-size:10px;color:#94b5c1}
.ocean-v2 #home .today-hero{min-height:310px;border:1px solid #34515d;border-radius:17px}.ocean-v2 .th-cap .nm{font:800 34px/1 var(--impact);letter-spacing:0;text-transform:uppercase}.ocean-v2 .th-cap .rc{color:#e7f9fc;font-size:12px}.ocean-v2 .cond-row{background:#103344f5;padding:15px 7px}.ocean-v2 .cond .cv{color:#fff;font:800 17px var(--display)}.ocean-v2 .cond .cv.small{font-size:13px}.ocean-v2 .cond .cl{color:#a0c1ca;font-size:9px}.ocean-v2 .cond+.cond{border-left-color:#366173!important}.ocean-v2 .today-why p{color:#9fc0c9;font-size:12px;line-height:1.6}.ocean-v2 .th-note{background:#e5fff1;color:#0a4d3b;font-size:13px}
.ocean-v2 .lt-row{background:#113141!important;border-color:#2d5261;border-radius:13px;padding:15px 16px;margin-bottom:9px}.ocean-v2 .lt-name{font-size:14px;color:#f1faff}.ocean-v2 .lt-meta{font-size:11px;color:#9fbdc8}.ocean-v2 .lt-badge{font-size:10px;box-shadow:none}
/* Titres éditoriaux et vrais paysages pour les destinations. */
.ocean-v2 .topbar{color:#effaff;background:#123c4d;min-height:180px}.ocean-v2 .topbar h1{font:800 59px/.96 var(--impact);text-transform:uppercase;letter-spacing:-.5px}.ocean-v2 .topbar .sub{font-size:14px;color:#c0dbe4;line-height:1.7}.page-eyebrow{font-size:10px;letter-spacing:1.7px;color:#42dcc5;font-weight:800}
.ocean-v2 #spotsTop{background:linear-gradient(90deg,#092333ef,#123d4b30),url('assets/photos/oc.jpg') center 58%/cover;min-height:205px;border:1px solid #335461}.ocean-v2 #spotsTop .page-eyebrow{color:#58e8d0}.ocean-v2 #spotsTop .sub{color:#e3f2f8}
.ocean-v2.is-world-picker #spotsTop{background:none;border:0;padding:13px 0 0!important;min-height:0;margin:22px 0 31px;overflow:visible}.ocean-v2.is-world-picker #spotsTop::after{display:none}.ocean-v2.is-world-picker #spotsTop h1{font-size:68px;max-width:800px}.ocean-v2.is-world-picker #spotsTop .sub{color:#abcbd5}
.ocean-v2 .w-intro{color:#91b7c6;font-size:13px;letter-spacing:0;margin-bottom:17px}.ocean-v2 .w-intro b{color:#effaff;font-weight:700}
.ocean-v2 #worldGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ocean-v2 .isl,.ocean-v2 .isl.solo{position:relative;height:282px;border:1px solid #446675;border-radius:17px;background:#103344;isolation:isolate;overflow:hidden;padding:0;transition:transform .3s,border-color .3s,box-shadow .3s}
.ocean-v2 .isl.world-fr,.ocean-v2 .isl.world-as{grid-column:span 2}
.ocean-v2 .isl::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#001b324a 0%,#00192b00 29%,#001b2b38 48%,#021724f0 100%);z-index:0}
.ocean-v2 .isl:hover{transform:translateY(-4px);border-color:#53e7d0;box-shadow:0 15px 30px #000a122e}
.ocean-v2 .isl-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;border-radius:0;filter:none;transform:scale(1.01);transition:transform .6s}.ocean-v2 .isl:hover .isl-img{transform:scale(1.06)}
.world-num,.world-count{position:absolute;top:17px;z-index:2;display:block}.world-num{left:19px;font:700 21px var(--impact);letter-spacing:1px;color:#fff}.world-count{right:17px;border:1px solid #e9fbff80;background:#0623337a;backdrop-filter:blur(8px);border-radius:7px;padding:5px 10px;color:#fff;font-size:11px;font-weight:700}
.ocean-v2 .isl-plate{position:absolute;left:0;bottom:0;z-index:2;padding:22px 23px;width:100%;background:none;color:#fff;box-shadow:none}.world-place{display:block;font-size:9px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;color:#82ecdc;margin-bottom:8px}.ocean-v2 .isl-plate b{display:block;font:800 39px/.98 var(--impact);text-transform:uppercase;letter-spacing:0;color:#fff;min-height:0;max-width:85%}.world-sub{display:block;font-size:11px;color:#c4e0e8;margin-top:7px}.world-open{position:absolute;right:22px;bottom:23px;font-size:0}.world-open>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #a9d4d77a;border-radius:50%;font:25px var(--body);color:#e8ffff;transition:background .2s,color .2s}.isl:hover .world-open>span{background:#3adfc8;color:#062933;border-color:#3adfc8}
.ocean-v2 .isl-bar,.ocean-v2 .isl-n{display:none}.ocean-v2 .w-all{background:#1dd9c1;color:#052634;border-radius:15px;padding:23px 27px}.ocean-v2 .w-all-tx b{color:#052634;font-size:17px}.ocean-v2 .w-all-tx i{color:#135667;font-size:13px}.ocean-v2 .w-all-ic{background:#0736491f;color:#073849}.ocean-v2 .w-all-go{color:#063441}.photo-credits{display:block;text-align:right;font-size:11px;color:#9bbbcb;margin:17px 0;text-decoration:underline;text-underline-offset:3px}
.ocean-v2 .wback{color:#54dfcc;font-size:12px}.ocean-v2 .sbar{gap:10px}.ocean-v2 .search{background:#0f3142;border-color:#335665;color:#fff;font-size:14px;box-shadow:none}.ocean-v2 .search::placeholder{color:#acc8d1}.ocean-v2 .sbtn{background:#143b4b;color:#6fe8d5;border-color:#355767}.ocean-v2 .sbtn.on{background:#24d8c1;color:#073040}
.ocean-v2 .chip,.ocean-v2 .dtab,.ocean-v2 .sp-chip,.ocean-v2 .dsports .sp{background:#103140;border-color:#335463;color:#b3d1da;font-size:12px}.ocean-v2 .chip.active,.ocean-v2 .dtab.active,.ocean-v2 .sp-chip.active,.ocean-v2 .dsports .sp.active{background:#29dbc4!important;color:var(--t-deep);border-color:#29dbc4!important}.ocean-v2 .chip.active svg,.ocean-v2 .sp-chip.active svg{color:var(--t-deep)}
.ocean-v2 .spot{background:#0f3040;border-color:#365665;border-radius:17px}.ocean-v2 .spot-banner{height:245px}.ocean-v2 .spot-banner h3{font:800 30px/.98 var(--impact);letter-spacing:0}.ocean-v2 .gn-loc{font-size:11px}.ocean-v2 .spot-meta{font-size:12px;color:#c9e4e9}.ocean-v2 .spot-meta svg{color:#49ddcb}.ocean-v2 .score-chip{font-size:13px}.ocean-v2 .lvl-tag{font-size:10px}.ocean-v2 .more-spots{background:#143848;color:#59e3cf;border-color:#345e6b}.ocean-v2 .nospot{color:#b5d2db;padding:30px}
/* Informations et progression : le même bleu, des actions qui ressortent. */
.ocean-v2 .block,.ocean-v2 .forecast-card,.ocean-v2 .prog-card,.ocean-v2 .stat,.ocean-v2 .sess,.ocean-v2 .pstat,.ocean-v2 .aq-next{background:#113242!important;border-color:#31515f;color:#e9f8fd}
.ocean-v2 .block h4,.ocean-v2 .block.band>h4{color:#f0fbff}.ocean-v2 .block h4 svg.uic{background:#1e5662;color:#63e3cf}.ocean-v2 .block p{color:#b2ced7;font-size:14px}.ocean-v2 .block p b{color:#ebfbff}.ocean-v2 .detail-hero{border:1px solid #375b6a}.ocean-v2 .detail-hero h2{font:800 64px/.96 var(--impact);text-transform:uppercase;letter-spacing:0}.ocean-v2 .dtabs{background:#071f2cf5;border-color:#34505d}.ocean-v2 .dtab{padding:13px 18px}
.ocean-v2 #dWeather{background:#165266;border:1px solid #258397}.ocean-v2 #dWeather .wc .v{color:#fff}.ocean-v2 #dWeather .wc .l{color:#bbe8eb;font-size:10px}.ocean-v2 .cond-head{color:#90bdc9}.ocean-v2 .fc-best{color:#b6d6df}.ocean-v2 .fc-bar{background:linear-gradient(0deg,#08a797,#5ee8d5)}.ocean-v2 .fc-bar.best{background:#ff8951}.ocean-v2 .fc-day,.ocean-v2 .fc-val{color:#b3d5df}.ocean-v2 .tide-state{color:#78e7da}.ocean-v2 .tide-when{color:#bad3dc}.ocean-v2 .tide-ev{background:#1a4858;color:#d7f3f6;border-color:#326272}.ocean-v2 .tide-ev.pm{background:#226355;color:#effff7;border-color:#2d8a72}.ocean-v2 .tide-range{background:#1b495b;color:#d6eff9}.ocean-v2 .tide-read{color:#9ac4d4}
.ocean-v2 .gt{background:#173d4c;border-color:#315e6a}.ocean-v2 .gt .gv{color:#d9eff3}.ocean-v2 .gt .gk{color:#9dc1ca}.ocean-v2 .gt .gic{background:#245d68!important;color:#6ee8d9!important}.ocean-v2 .svc{background:#174955;color:#9aeee0;border-color:#306d76}.ocean-v2 .dng{color:#c5e0e7}.ocean-v2 .safety-call{background:#ffe3cf;border-color:#ffb47f;color:#65391f}.ocean-v2 .safety-call p{color:#70462b}.ocean-v2 .sc-btn{background:#f2763b;color:#101f24}.ocean-v2 .bio-sec{color:#62e3c8}.ocean-v2 .bio-card{background:#143e4a;border-color:#346071;color:#eaf9fa}
.ocean-v2 .cta,.ocean-v2 .set-save,.ocean-v2 .ql-go,.ocean-v2 .chal-btn{background:#ff8050!important;color:#092831;border:0;font-weight:800;box-shadow:none;font-size:12px}.ocean-v2 .cta:hover{background:#ffae83!important}.ocean-v2 .cta{font-size:14px}
.ocean-v2 #home .chal{background:#174954!important;border-color:#377788;padding:20px}.ocean-v2 .chal-ic{background:#29d6bd!important;color:#073845!important}.ocean-v2 .chal-body h4{color:#f3fbfc;font-size:16px}.ocean-v2 .chal-body p{color:#b8d3d9;font-size:12px}.ocean-v2 .chal-xp{color:#66eed4;font-size:12px}
.ocean-v2 #chalTop{background:linear-gradient(90deg,#07303bea,#07303b15),url('assets/photos/af.jpg') center 48%/cover;min-height:250px;border:1px solid #386472}.ocean-v2 #chalTop h1{font:800 59px/.95 var(--impact);text-transform:uppercase}.ocean-v2 #chalTop .page-eyebrow{color:#70e9d0}.ocean-v2 #chalTop .sub{color:#e0f4f5}
.ocean-v2 .quiz-launch{background:#24d7bb;border:0;padding:23px;border-radius:16px}.ocean-v2 .ql-ic{background:#0c7b712b;color:#084938}.ocean-v2 .ql-tx b{color:#073333;font-size:18px}.ocean-v2 .ql-tx span{color:#115c59;font-size:12px}.ocean-v2 .ql-go{background:#062c38!important;color:#fff;font-size:12px}
.ocean-v2 .gsw{background:#143545;border:1px solid #2d5264}.ocean-v2 .gsw button{color:#aac7d2;font-size:12px}.ocean-v2 .gsw button.on{background:#ff864e;color:#102c35}.ocean-v2 #challenges .chal{background:#113544;border-color:#355b68;padding:22px}.ocean-v2 #challenges .chal-body h4{font-size:16px}.ocean-v2 #challenges .chal-body p{font-size:12px}.ocean-v2 .chal-why{background:#0a2836;color:#a4c9d2;font-size:12px}.ocean-v2 .chal-why b{color:#70e1c9}
.events-drawer{background:#102e3e;border-color:#315563}.events-drawer>summary{color:#e8f6fc;font-size:14px}.events-drawer>summary small{color:#a2c3ce;font-size:11px}.ocean-v2 .evt{background:#163c4c;border-color:#366072;color:#deedf5}.ocean-v2 .evt-t{color:#fff}.ocean-v2 .evt-d{color:#bad0db}.ocean-v2 .cmp-head{background:#1b5b6a}.ocean-v2 .cmp-body{background:#103442}.ocean-v2 .cmp-pts{color:#64e9d1}.ocean-v2 .cmp-rule{background:#174250;border-color:#316474;color:#c6e3eb}.ocean-v2 .cmp-rule .rn{color:#84ead8}
.ocean-v2 .streak-card{background:#154b5e!important;border:1px solid #31798b}.ocean-v2 .streak-top .num{color:#ff9a62}.ocean-v2 .stat .big,.ocean-v2 .pstat-v{color:#65e7d1}.ocean-v2 .stat .lab,.ocean-v2 .pstat-l{color:#b6d0da;font-size:12px}.ocean-v2 .stat .ic,.ocean-v2 .pstat-ic{background:#245262!important;color:#81e8d6!important}.ocean-v2 .prog-next{background:#1b4a59;border-color:#367386;color:#def5f8}
.ocean-v2 #profTop{background:radial-gradient(ellipse at 90% 10%,#16818850,transparent 60%),#104054;border:1px solid #356879}.ocean-v2 #profName{font:800 62px/.98 var(--impact);text-transform:uppercase}.ocean-v2 #profSub{color:#b9dbe4;font-size:13px}.ocean-v2 .ph-xp-bar i{background:#26d9be}.ocean-v2 .ph-xp-text{color:#b2d4dc;font-size:11px}.ocean-v2 .ph-chip b{color:#ff9d67;font-size:25px}.ocean-v2 .ph-chip span{color:#b9dbe3;font-size:11px}.ocean-v2 .ph-lvl{background:#ff8850;color:#132b2e}.ocean-v2 .sess .sn{color:#e5f6fd;font-size:13px}.ocean-v2 .sess .sd{color:#a7c8d4}.ocean-v2 .badge{background:#12394a;border-color:#345c6e;color:#d5ebf6}.ocean-v2 .badge.locked{background:#0d2b3a}.ocean-v2 .qb{background:#133a49;border-color:#2c5d6b;color:#adc7d1}.ocean-v2 .qb.got{background:#755120;color:#ffe7be}.ocean-v2 .sub-lab{color:#a4c6d2}
.ocean-v2 #aqTop{background:#0a2635;border:1px solid #345d6c;position:relative}.ocean-v2 #aqTop::after{background:radial-gradient(circle at 90% 100%,#18e5c827,transparent 40%);height:100%}.ocean-v2 .aq-hero{background:radial-gradient(ellipse at 50% 65%,#10879499,transparent 65%),#032230;border-color:#2d6e82;min-height:425px}.ocean-v2 .aq-stage{width:390px}.ocean-v2 .aq-tier{font-size:16px;color:#defaff}.ocean-v2 .aq-tier .lv{background:#237d76;color:#bbffe6;border-color:#4bd3b8;font-size:11px}.ocean-v2 .aq-next h4{color:#ebf9fe;font-size:14px}.ocean-v2 .aq-next p{font-size:12px;color:#abcbd5}.ocean-v2 .aq-next .bar i{background:#2bdec3}.ocean-v2 .tier{background:#113848;border-color:#355867}.ocean-v2 .tier.now{background:#1c615c;border-color:#36ddbd;box-shadow:inset 0 0 0 1px #36ddbd}.ocean-v2 .tier .tn{color:#ddf2fa;font-size:11px}.ocean-v2 .tier .tl{color:#a0c8d4}.ocean-v2 .creature{background:#123647;border-color:#3b6676;color:#edf9ff}.ocean-v2 .creature.locked{background:#0d2a39;opacity:.75}.ocean-v2 .rar-legend,.ocean-v2 .aq-hint{color:#accdd6;font-size:12px}
/* Les fenêtres gardent un fond clair pour lire et répondre confortablement. */
.ocean-v2 .quiz-card,.ocean-v2 .aqi-card{background:#f2f8f8;color:#12394a;border-color:#b7dadd}.ocean-v2 .chat-sheet{border-color:#438390;background:#e9f3f4}.ocean-v2 .chat-head{background:#0a3849}.ocean-v2 .msg .bubble2{color:#214555;border-color:#cfdee2}.ocean-v2 .msg.user .bubble2{background:#087e87;color:#fff}.ocean-v2 .chat-input button{background:#ff8151;color:#102a33}.ocean-v2 .qchip{color:#28626a;background:#d9eeea;border-color:#b3d6d1}.ocean-v2 .chat-action{background:#067888;color:#fff}.ocean-v2 .toast{background:#144c59;border-color:#31c9b0;color:#ebfffc}.ocean-v2 .set-save{color:#132f36}.ocean-v2 .onb{background:linear-gradient(90deg,#052735ed,#052735af 50%,#05273555),url('assets/photos/hero.jpg') center/cover}.ocean-v2 .onb h1{font:800 70px/.94 var(--impact);text-transform:uppercase}.ocean-v2 .onb-btn{background:#ff814d;color:#092d35;font-size:14px}.ocean-v2 .onb .dots span.on{background:#25dcc1}.ocean-v2 .sport-card.sel,.ocean-v2 .lvl-card.sel{background:#28d6bd;color:#083b41;border-color:#98ffee}
@media(min-width:960px) and (max-width:1199px){
 .home-intro{grid-template-columns:minmax(0,2fr) minmax(250px,1fr)}.ocean-v2 #home #homeTop{padding:29px!important;min-height:500px}.ocean-v2 #homeTop h1{font-size:78px}.hero-stats{left:29px;gap:20px}.hero-photo-credit{font-size:7px}.ocean-v2 #home .mascot-card{min-height:500px}.ocean-v2 #worldGrid{gap:16px}.ocean-v2 .isl{height:260px}.ocean-v2 .isl-plate b{font-size:34px}.world-sub{font-size:10px}
}
@media(max-width:959px){
 .ocean-v2 .nav{background:#062330f5;border-top:1px solid #38616f;border-right:0;box-shadow:0 -10px 30px #00121e33;border-radius:21px 21px 0 0}.ocean-v2 .nav>button[data-s]{color:#9dc4d1;font-size:10px}.ocean-v2 .nav>button[data-s].active,.ocean-v2 .nav>button[aria-current=page]{background:#20d6bd;color:#052932}.ocean-v2 .nav>button[data-s]>svg{width:21px;height:21px}.home-intro{grid-template-columns:minmax(0,2fr) minmax(230px,1fr)}.ocean-v2 #home #homeTop{min-height:480px;padding:28px!important}.ocean-v2 #home .mascot-card{min-height:480px}.ocean-v2 #homeTop h1{font-size:78px}.hero-stats{left:28px}.ocean-v2 .isl{height:240px}.ocean-v2 .isl-plate b{font-size:33px}.world-sub{display:none}.world-place{font-size:8px;letter-spacing:1px}.ocean-v2 .sec h2{font-size:27px}
}
@media(max-width:639px){
 .app-chrome{height:67px;padding:0 19px;border-bottom:0;gap:10px}.chrome-mobile-brand{font-size:15px;letter-spacing:-.7px}.mobile-poulpy{width:41px;height:41px}.ocean-v2 .screen-wrap{height:calc(100dvh - 67px);padding:0 17px 100px}.home-intro{display:block}.ocean-v2 #home #homeTop{padding:25px!important;min-height:474px;border-radius:19px;background-position:54% center}.ocean-v2 #homeTop .brand{margin-bottom:29px}.hero-kicker{font-size:8px;letter-spacing:1.2px}.hero-greeting{font-size:12px;margin-bottom:10px}.ocean-v2 #homeTop h1{font-size:77px;line-height:.89;letter-spacing:-1px;margin-bottom:20px}.hero-description{font-size:12px;line-height:1.7;max-width:290px;margin-bottom:21px}.hero-cta{font-size:12px;padding:15px 20px;gap:36px}.hero-stats{left:25px;bottom:23px;gap:22px;font-size:9px}.hero-stats b{font-size:23px}.hero-photo-credit{bottom:13px;right:13px;font-size:6px;max-width:80px;text-align:right}
 .ocean-v2 #home .mascot-card{min-height:133px;padding:18px 19px 18px 125px!important;margin-top:15px;border-radius:17px}.ocean-v2 #home .mascot-card::after{width:170px;height:170px;right:auto;left:-38px;bottom:-40px}.poulpy-eyebrow{font-size:7px;letter-spacing:.6px}.poulpy-title{font:800 36px/.9 var(--impact);letter-spacing:0;margin-top:9px}.poulpy-title br{display:none}.ocean-v2 #home .mascot-svg{width:126px;height:126px;left:0;right:auto;top:4px}.ocean-v2 #home .bubble{display:none}.poulpy-action{left:125px;right:19px;bottom:17px;padding:0;border:0;font-size:11px}.poulpy-action span{font-size:19px}
 .ocean-v2 #home #homeTabs{margin-top:24px;gap:12px}.ocean-v2 .htab{font-size:11px;padding-bottom:12px;gap:5px;white-space:nowrap}.ocean-v2 .htab svg{width:13px;height:13px}.ocean-v2 #home>.act-bar{padding:10px 12px;margin:16px 0 23px}.act-bar .ab-l{font-size:10px}.act-bar .ab-v{font-size:11px}.act-bar .ab-c{font-size:10px}
 .ocean-v2 #home .hcat[data-hcat=jour]:not([style*="none"]){display:block}.ocean-v2 #home .hcat[data-hcat=jour]>.sec h2,.today-head .t{font-size:25px}.today-head .d{font-size:9px}.ocean-v2 #home .today-hero{min-height:300px}.ocean-v2 .th-cap .nm{font-size:33px}.ocean-v2 .cond .cv{font-size:14px}.ocean-v2 .cond .cv.small{font-size:11px}.ocean-v2 .cond .cl{font-size:8px}.ocean-v2 .today-why p{font-size:11px}.ocean-v2 .lt-name{font-size:14px}.ocean-v2 .lt-meta{font-size:11px}.ocean-v2 #home .chal{padding:18px 15px}.ocean-v2 .chal-body h4{font-size:14px}.ocean-v2 .chal-body p{font-size:11px}.ocean-v2 .chal-btn{min-height:40px;font-size:11px;padding:10px 13px}
 .ocean-v2 .topbar{padding:25px!important;margin:0 0 24px;min-height:185px}.ocean-v2 .topbar h1{font:800 44px/.96 var(--impact);letter-spacing:0}.ocean-v2 .topbar .sub{font-size:12px}.page-eyebrow{font-size:8px;letter-spacing:1px}.ocean-v2.is-world-picker #spotsTop{margin:8px 0 27px;padding:10px 0 0!important}.ocean-v2.is-world-picker #spotsTop h1{font-size:55px;max-width:330px}.ocean-v2.is-world-picker #spotsTop .sub{font-size:13px}.ocean-v2 .w-intro{font-size:11px;line-height:1.6;margin-bottom:15px}.ocean-v2 #worldGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ocean-v2 .isl,.ocean-v2 .isl.solo{height:230px;border-radius:14px}.ocean-v2 .isl.world-fr{grid-column:span 2;height:265px}.ocean-v2 .isl.world-as{grid-column:auto}.ocean-v2 .isl-plate{padding:17px 15px}.ocean-v2 .isl-plate b{font-size:30px;max-width:100%;min-height:0}.ocean-v2 .world-fr .isl-plate b{font-size:44px}.world-place{font-size:7px;letter-spacing:.8px;line-height:1.6;max-width:120px;margin-bottom:7px}.world-fr .world-place{max-width:none}.world-sub{display:none}.world-num{top:13px;left:15px;font-size:18px}.world-count{top:13px;right:13px;font-size:10px;padding:4px 6px}.world-open{display:none}.world-fr .world-open{display:block;bottom:20px;right:20px}.ocean-v2 .w-all{padding:20px 17px}.ocean-v2 .w-all-tx b{font-size:14px}.ocean-v2 .w-all-tx i{font-size:11px;line-height:1.6}.photo-credits{font-size:10px;margin-top:17px}.ocean-v2 .wback{font-size:12px}
 .ocean-v2 .spot-banner{height:245px}.ocean-v2 .spot-banner h3{font-size:32px}.ocean-v2 .spot-meta{font-size:12px}.ocean-v2 .search{font-size:13px}.ocean-v2 .chip,.ocean-v2 .sp-chip{font-size:11px;min-height:41px}.ocean-v2 .detail-hero{margin:0 -17px!important;width:calc(100% + 34px);min-height:370px}.ocean-v2 .detail-hero h2{font-size:47px}.ocean-v2 .dtabs{margin-left:-17px;margin-right:-17px;padding:13px 12px;gap:6px}.ocean-v2 .dtab{font-size:10px;padding:10px 9px}.ocean-v2 .block p{font-size:13px;line-height:1.8}.ocean-v2 .block h4{font-size:16px}.ocean-v2 #dWeather .wc .v{font-size:17px}.ocean-v2 #dWeather .wc .l{font-size:8px}
 .ocean-v2 #chalTop{min-height:260px}.ocean-v2 #chalTop h1{font-size:46px}.ocean-v2 .quiz-launch{padding:18px 15px;gap:10px}.ocean-v2 .ql-tx b{font-size:16px}.ocean-v2 .ql-tx span{font-size:10px}.ocean-v2 .ql-go{font-size:11px;padding:10px 13px}.ocean-v2 .ql-ic{width:33px;height:33px}.ocean-v2 #ecoChallenges,.ocean-v2 #surfChallenges{grid-template-columns:1fr}.ocean-v2 #challenges .chal{padding:20px 15px}.ocean-v2 #challenges .chal-body h4{font-size:15px}.ocean-v2 #challenges .chal-body p,.ocean-v2 .chal-why{font-size:11px}
 .ocean-v2 #profName{font-size:48px}.ocean-v2 #profSub{font-size:11px}.ocean-v2 .ph-xp-text{font-size:9px}.ocean-v2 .ph-chip b{font-size:25px}.ocean-v2 .ph-chip span{font-size:10px}.ocean-v2 .pstat-v{font-size:34px}.ocean-v2 .pstat-l{font-size:12px}.ocean-v2 .badge .n{font-size:10px}.ocean-v2 .aq-hero{min-height:345px;padding:22px 15px}.ocean-v2 .aq-stage{width:285px}.ocean-v2 .aq-next h4{font-size:12px}.ocean-v2 .aq-next p{font-size:11px}.ocean-v2 .onb h1{font-size:57px}
}
@media(max-width:359px){
 .ocean-v2 #homeTop h1{font-size:68px}.ocean-v2 #home #homeTop{padding:22px!important;min-height:476px}.hero-stats{left:22px;gap:18px}.hero-description{font-size:11px}.ocean-v2 #home .mascot-card{padding-left:109px!important}.ocean-v2 #home .mascot-svg{width:110px;height:110px;top:13px}.poulpy-eyebrow{font-size:6px}.poulpy-title{font-size:34px}.poulpy-action{left:109px;font-size:10px}.ocean-v2 .htab{font-size:10px}.ocean-v2 .htab svg{display:none}.ocean-v2 .isl-plate b{font-size:27px}.world-count{font-size:9px}.world-num{font-size:16px}.world-place{font-size:6.5px}.ocean-v2.is-world-picker #spotsTop h1{font-size:48px}.ocean-v2 #chalTop h1{font-size:41px}
}
@media(prefers-reduced-motion:reduce){.isl,.isl-img,.hero-cta{transition:none!important}}
.ocean-v2.is-world-picker #spotsTop h1 span{color:#ff8954}
.ocean-v2 .isl::after{background:linear-gradient(180deg,#001b3225 0%,#00192b00 35%,#001b2b20 52%,#021724d9 100%)}
.world-count{background:#fff1d9;color:#102f3e;border-color:#ffedcf;font-weight:800}
@media(min-width:640px){.ocean-v2.is-world-picker #spotsTop h1 br{display:none}}
.ocean-v2 #spotsTop{background-image:linear-gradient(90deg,#092333ef,#123d4b30),var(--region-photo,url('assets/photos/hero.jpg'))}
.ocean-v2.is-world-picker #spotsTop{background-image:none}
.ocean-v2 .danger-item{color:#c5e0e7;font-size:13px;line-height:1.6}
.ocean-v2 .tide-tz{color:#a6cbd7}.ocean-v2 .tide-tz b{color:#d9f3f9}
.ocean-v2 #home #homeTop{background-image:linear-gradient(90deg,#031e30ed 0%,#032c37b8 45%,#03202c32 100%),url('assets/photos/hero.jpg')}
.hero-description{color:#fff;text-shadow:0 1px 5px #001c2b80}
.ocean-v2 .quiz-cat:first-child,.ocean-v2 .quiz-mode button.on{background:var(--t-main2);border-color:var(--t-main2);color:#fff;box-shadow:none}
.ocean-v2 .quiz-daily{background:#ff8751;color:#13303c;box-shadow:none;border-radius:13px}