.maxime-abysses{max-width:1280px;margin:28px auto;color:#eee7d8;font-family:Alegreya,Georgia,serif;isolation:isolate}.maxime-abysses *{box-sizing:border-box}.maxime-abysses [hidden]{display:none!important}.maxime-abysses .ma-stage{position:relative;width:100%;aspect-ratio:16/9;min-height:420px;overflow:hidden;border:1px solid #92794d;border-radius:18px;background:#101b1e;outline:none;touch-action:pan-y}.maxime-abysses .ma-canvas{display:block;width:100%;height:100%;cursor:default}.maxime-abysses .ma-top,.maxime-abysses .ma-bottom{position:absolute;left:3%;right:3%;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.maxime-abysses .ma-top{top:3%}.maxime-abysses .ma-bottom{bottom:3%}.maxime-abysses .ma-brand{font:400 clamp(10px,1.4vw,18px)/1.4 Alegreya,Georgia,serif;letter-spacing:.18em;color:#e2c58d}.maxime-abysses .ma-brand b{font-weight:600}.maxime-abysses .ma-depth{font-size:clamp(12px,1.5vw,19px);color:#e9d5ad}.maxime-abysses button,.maxime-abysses a.ma-shop{appearance:none;pointer-events:auto;min-height:44px;border:1px solid #9b8052!important;border-radius:8px!important;padding:10px 16px!important;background:#152124ed!important;color:#ecd5ab!important;font:600 17px/1.3 Alegreya,Georgia,serif!important;letter-spacing:normal!important;text-transform:none!important;text-shadow:none!important;box-shadow:none!important;cursor:pointer;text-decoration:none!important}.maxime-abysses button:hover{background:#294044!important}.maxime-abysses :is(button,a):focus-visible{outline:2px solid #9ae0eb;outline-offset:3px}.maxime-abysses .ma-hint{padding:10px 14px;border:1px solid #92794d88;border-radius:8px;background:#101b1ed9;font-size:14px;color:#e9d5ad}.maxime-abysses .ma-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:radial-gradient(ellipse,#10262ce8,#0b171bf5);z-index:5}.maxime-abysses .ma-eyebrow{display:block;color:#c6ae7c;font:600 11px/1.5 Alegreya,Georgia,serif;letter-spacing:.16em}.maxime-abysses .ma-start h2{margin:15px 0!important;color:#ead3a1!important;font:600 clamp(34px,5vw,66px)/1.05 Alegreya,Georgia,serif!important;text-shadow:none!important}.maxime-abysses .ma-start p{max-width:440px;margin:8px 0 24px!important;color:#e4e4da!important;font:400 20px/1.5 Alegreya,Georgia,serif!important}.maxime-abysses .ma-start small{margin-top:18px;color:#bdc9c5;font-size:13px}.maxime-abysses .ma-play,.maxime-abysses a.ma-shop{display:inline-block;background:linear-gradient(110deg,#dfc58e,#bb995f)!important;color:#172326!important;-webkit-text-fill-color:#172326!important}.maxime-abysses .ma-play:hover,.maxime-abysses a.ma-shop:hover{background:linear-gradient(110deg,#efd6a3,#cbaa6d)!important}.maxime-abysses .ma-card,.maxime-abysses .ma-log{position:absolute;z-index:4;padding:26px;border:1px solid #c2a269;border-radius:12px;background:#102126f5;box-shadow:0 12px 30px #0008;color:#eee7d8}.maxime-abysses .ma-card{width:300px;max-width:calc(100% - 32px);max-height:calc(100% - 100px);overflow:auto}.maxime-abysses .ma-card h3,.maxime-abysses .ma-log h3{margin:10px 24px 12px 0!important;color:#ead3a1!important;font:600 29px/1.15 Alegreya,Georgia,serif!important;text-shadow:none!important}.maxime-abysses .ma-card p,.maxime-abysses .ma-log p{color:#eee7d8!important;font:400 17px/1.5 Alegreya,Georgia,serif!important;margin:0 0 18px!important}.maxime-abysses .ma-close{position:absolute;right:5px;top:5px;border:0!important;background:transparent!important;font-size:25px!important;padding:6px 10px!important}.maxime-abysses .ma-log{inset:12% 15%;overflow:auto}.maxime-abysses .ma-species{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.maxime-abysses .ma-species button{font-size:15px!important;padding:8px!important}.maxime-abysses .ma-species button.ma-found{border-color:#94d1d7!important;color:#d9f5ef!important}.maxime-abysses .ma-touch{display:none;position:absolute;left:3%;right:3%;bottom:16%;justify-content:space-between;align-items:end;pointer-events:none}.maxime-abysses .ma-touch button{min-width:44px;padding:8px 12px!important;touch-action:none;user-select:none;-webkit-user-select:none}.maxime-abysses .ma-touch button.is-held{background:#436367!important}.maxime-abysses .ma-pad{text-align:center}.maxime-abysses .ma-pad>button{margin-bottom:4px}.maxime-abysses .ma-pad>div{display:flex;gap:4px}.maxime-abysses .ma-vertical{display:grid;gap:5px}.maxime-abysses .ma-rotate{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#101e22;text-align:center}.maxime-abysses .ma-rotate>span{font-size:70px;color:#dfc58e}.maxime-abysses .ma-rotate h3{color:#ead3a1!important;font-size:26px!important}.maxime-abysses .ma-rotate p{color:#eee7d8!important}.maxime-abysses.ma-active .ma-stage{touch-action:none}.maxime-abysses.ma-overlay{position:fixed!important;inset:0!important;z-index:2147483600!important;width:100vw!important;max-width:none!important;height:100dvh!important;margin:0!important;background:#101b1e}.maxime-abysses.ma-overlay .ma-stage,.maxime-abysses:fullscreen .ma-stage{width:100%;height:100%;min-height:0;aspect-ratio:auto;border-radius:0}.maxime-abysses:fullscreen{width:100%;max-width:none;height:100%;margin:0;background:#101b1e}.maxime-abysses.ma-touch-device .ma-touch{display:flex}.maxime-abysses.ma-touch-device .ma-hint{display:none}.maxime-abysses .ma-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-height:500px){.maxime-abysses.ma-active .ma-top{top:max(8px,env(safe-area-inset-top))}.maxime-abysses.ma-active .ma-bottom{bottom:max(8px,env(safe-area-inset-bottom))}.maxime-abysses .ma-touch{bottom:18%}.maxime-abysses .ma-brand{font-size:11px}.maxime-abysses .ma-depth{font-size:13px}.maxime-abysses .ma-card{padding:18px;max-height:calc(100% - 70px)}.maxime-abysses .ma-card h3{font-size:24px!important}.maxime-abysses .ma-card p{font-size:15px!important}.maxime-abysses .ma-log{inset:8% 12%}.maxime-abysses button{font-size:14px!important}}
@media(max-width:600px){.maxime-abysses .ma-stage{min-height:400px}.maxime-abysses .ma-start p{font-size:18px!important}.maxime-abysses .ma-log{inset:12% 5%}.maxime-abysses .ma-species{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Mobile : sortir des conteneurs du thème et suivre le viewport visible. */
html body > .maxime-abysses.ma-overlay {
 position:fixed!important;
 inset:auto!important;
 top:0!important;
 left:0!important;
 width:100%!important;
 height:100vh!important;
 height:100dvh!important;
 min-width:0!important;min-height:0!important;
 max-width:none!important;max-height:none!important;
 margin:0!important;padding:0!important;
 transform:none!important;
 z-index:2147483646!important;
}
html body > .maxime-abysses.ma-overlay .ma-stage {
 width:100%!important;height:100%!important;
 min-height:0!important;max-height:100%!important;
 margin:0!important;padding:0!important;
 aspect-ratio:auto!important;border:0!important;border-radius:0!important;
}
html body > .maxime-abysses.ma-overlay .ma-canvas {
 width:100%!important;height:100%!important;max-height:none!important;
}
.maxime-abysses.ma-overlay .ma-top,
.maxime-abysses.ma-overlay .ma-bottom,
.maxime-abysses.ma-overlay .ma-touch {
 left:max(12px,env(safe-area-inset-left));
 right:max(12px,env(safe-area-inset-right));
}

/* Vueport et commandes d’exploration spatiale */
.maxime-abysses .ma-top .ma-depth {margin-left:auto}
.maxime-abysses .ma-top .ma-fullscreen {font-size:14px!important}
.maxime-abysses .ma-collision{position:absolute;top:17%;left:50%;transform:translateX(-50%);max-width:90%;padding:8px 14px;border:1px solid #caa566;background:#17262be8;border-radius:8px;color:#f0d6a4;font-size:15px;text-align:center;pointer-events:none}
.maxime-abysses .ma-look{display:flex;gap:4px;justify-content:end}
@media(max-height:500px){.maxime-abysses .ma-top{gap:7px}.maxime-abysses .ma-top .ma-fullscreen,.maxime-abysses .ma-exit{padding:7px 10px!important;min-height:38px;font-size:12px!important}.maxime-abysses .ma-touch{bottom:15%}.maxime-abysses .ma-vertical{gap:3px}.maxime-abysses .ma-touch button{min-height:38px;padding:6px 10px!important}.maxime-abysses .ma-collision{font-size:12px;top:19%;padding:5px 9px}}

.maxime-abysses .ma-top .ma-fullscreen{margin-left:auto}
.maxime-abysses .ma-top .ma-brand{margin-right:auto}

.maxime-abysses .ma-loading{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#101e22;text-align:center}
.maxime-abysses .ma-loading h3{margin:18px 0 10px!important;color:#ead3a1!important;font:600 28px/1.2 Alegreya,Georgia,serif!important;text-shadow:none!important}
.maxime-abysses .ma-loading p{color:#d4ded8!important;font:400 18px/1.4 Alegreya,Georgia,serif!important}
.maxime-abysses .ma-loading-ring{width:44px;height:44px;border:2px solid #92794d55;border-top-color:#dfc58e;border-radius:50%;animation:ma-loading-turn 1s linear infinite}
@keyframes ma-loading-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.maxime-abysses .ma-loading-ring{animation:none}}

/* Aide au pilotage : lisible sur l’eau comme sur le cockpit. */
.maxime-abysses .ma-hint {
 display:block;
 max-width:calc(100% - 190px);
 padding:13px 17px!important;
 border:2px solid #d7b678!important;
 border-radius:9px;
 background:#0b171bf5!important;
 color:#fff0d3!important;
 font:600 clamp(13px,1.2vw,16px)/1.5 Alegreya,Georgia,serif!important;
 text-shadow:none!important;
 box-shadow:0 4px 18px #0009,inset 0 0 0 2px #92794d33;
 white-space:normal;
}
.maxime-abysses .ma-touch button {
 border:2px solid #d7b678!important;
 background:#0b171bf2!important;
 color:#fff0d3!important;
 box-shadow:0 3px 12px #0008!important;
}
.maxime-abysses.ma-touch-device .ma-hint{display:none}
@media(max-height:500px){.maxime-abysses .ma-hint{max-width:calc(100% - 150px);padding:8px 11px!important;font-size:12px!important}}

/* Répartition tactile : propulsion à gauche, direction et altitude à droite. */
.maxime-abysses .ma-touch .ma-pad{display:grid;grid-template-columns:1fr;gap:7px;text-align:left}
.maxime-abysses .ma-touch .ma-pad>button{margin:0!important;min-width:100px}
.maxime-abysses .ma-touch .ma-vertical{display:grid;grid-template-columns:repeat(2,minmax(74px,1fr));gap:7px}
.maxime-abysses .ma-touch .ma-vertical button{min-width:88px}
.maxime-abysses:-webkit-full-screen{width:100%!important;max-width:none!important;height:100%!important;margin:0!important;background:#101b1e}
.maxime-abysses:-webkit-full-screen .ma-stage{width:100%!important;height:100%!important;min-height:0!important;border:0!important;border-radius:0!important}
@media(max-height:500px){.maxime-abysses .ma-touch .ma-pad,.maxime-abysses .ma-touch .ma-vertical{gap:4px}.maxime-abysses .ma-touch .ma-vertical button{min-width:78px}.maxime-abysses .ma-touch .ma-pad>button{min-width:92px}}

/* Commandes tactiles compactes, en bordure du hublot. */
.maxime-abysses.ma-touch-device .ma-touch {
  left: max(8px, env(safe-area-inset-left));
  right: max(8px, env(safe-area-inset-right));
  bottom: max(46px, calc(env(safe-area-inset-bottom) + 38px));
}
.maxime-abysses.ma-touch-device .ma-touch .ma-pad,
.maxime-abysses.ma-touch-device .ma-touch .ma-vertical {
  gap: 4px;
}
.maxime-abysses.ma-touch-device .ma-touch .ma-pad > button,
.maxime-abysses.ma-touch-device .ma-touch .ma-vertical > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  min-width: 0 !important;
  height: 44px;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 4px 3px !important;
  border-width: 1px !important;
  border-radius: 6px !important;
  background: #0b171bd9 !important;
  color: #ffe7ba !important;
  font: 600 11px/1.15 Alegreya, Georgia, serif !important;
  box-shadow: 0 2px 6px #0005 !important;
}
.maxime-abysses.ma-touch-device .ma-touch .ma-vertical {
  grid-template-columns: repeat(2, 58px);
}
.maxime-abysses.ma-touch-device .ma-touch .ma-pad > button.is-held,
.maxime-abysses.ma-touch-device .ma-touch .ma-vertical > button.is-held {
  background: #3a6066 !important;
  border-color: #f0d398 !important;
}
@media (pointer: coarse) and (min-width: 1000px) and (min-height: 600px) {
  .maxime-abysses.ma-touch-device .ma-touch .ma-pad > button,
  .maxime-abysses.ma-touch-device .ma-touch .ma-vertical > button {
    width: 68px;
    height: 48px;
    font-size: 12px !important;
  }
  .maxime-abysses.ma-touch-device .ma-touch .ma-vertical {
    grid-template-columns: repeat(2, 68px);
  }
}

/* Taille intermédiaire : commandes lisibles sans masquer le centre. */
.maxime-abysses.ma-touch-device .ma-touch .ma-pad > button,
.maxime-abysses.ma-touch-device .ma-touch .ma-vertical > button {
 width:74px!important;min-width:74px!important;
 height:48px!important;min-height:48px!important;
 padding:6px 5px!important;font-size:13px!important;
}
.maxime-abysses.ma-touch-device .ma-touch .ma-vertical {grid-template-columns:repeat(2,74px)!important;gap:5px}
.maxime-abysses.ma-touch-device .ma-touch .ma-pad {gap:5px}
.maxime-abysses.ma-active {touch-action:none;overscroll-behavior:none}
.maxime-abysses.ma-active .ma-stage {overscroll-behavior:none}
@media(max-height:350px){
 .maxime-abysses.ma-touch-device .ma-touch .ma-pad > button,
 .maxime-abysses.ma-touch-device .ma-touch .ma-vertical > button {height:44px!important;min-height:44px!important;font-size:12px!important}
}

/* Chrono et classement partagé */
.maxime-abysses .ma-timer{padding:7px 12px;border:1px solid #c7aa70;border-radius:7px;background:#0b171bf2;color:#ffe2a8;font:600 19px/1.3 Alegreya,Georgia,serif;font-variant-numeric:tabular-nums}
.maxime-abysses .ma-win{position:absolute;inset:7% 18%;z-index:6;overflow:auto;padding:28px;border:1px solid #c7aa70;border-radius:13px;background:#0c2027fa;box-shadow:0 14px 35px #0009}
.maxime-abysses .ma-win h3{margin:10px 30px 12px 0!important;color:#edd4a0!important;font:600 30px/1.2 Alegreya,Georgia,serif!important;text-shadow:none!important}
.maxime-abysses .ma-win p,.maxime-abysses .ma-win label{color:#eee7d8!important;font:400 18px/1.5 Alegreya,Georgia,serif!important}
.maxime-abysses .ma-score-close{position:absolute;right:7px;top:7px;border:0!important;background:transparent!important;font-size:24px!important}
.maxime-abysses .ma-score-form{padding:16px;border:1px solid #92794d88;border-radius:8px;background:#122b31;margin:16px 0}
.maxime-abysses .ma-score-form input{display:block;width:100%;min-height:44px;margin:6px 0 10px;padding:10px 12px;border:1px solid #c7aa70!important;border-radius:6px;background:#0b171b!important;color:#fff0d3!important;font:400 18px/1.4 Alegreya,Georgia,serif!important}
.maxime-abysses .ma-score-form small{display:block;color:#bccfc9;font:400 13px/1.4 Alegreya,Georgia,serif;margin-bottom:12px}
.maxime-abysses .ma-ranking{margin:14px 0 20px;padding:0;list-style-position:inside;counter-reset:ma-rank}
.maxime-abysses .ma-ranking li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #92794d55;color:#eee7d8;font:400 17px/1.4 Alegreya,Georgia,serif}
.maxime-abysses .ma-ranking li::before{counter-increment:ma-rank;content:counter(ma-rank) '.';color:#c7aa70}
.maxime-abysses .ma-ranking li span{flex:1;overflow-wrap:anywhere}
.maxime-abysses .ma-ranking li b{color:#efd39a;font-variant-numeric:tabular-nums}
.maxime-abysses .ma-species button:disabled{opacity:.45;cursor:default}
.maxime-abysses .ma-start .ma-show-scores{margin-top:10px}
@media(max-width:700px),(max-height:500px){.maxime-abysses .ma-win{inset:4% 8%;padding:18px}.maxime-abysses .ma-win h3{font-size:24px!important}.maxime-abysses .ma-timer{font-size:14px;padding:5px 8px}}


/* Les commandes restent lisibles sur le cockpit texturé. */
.maxime-abysses .ma-top .ma-brand{padding:5px 9px;border-radius:7px;background:#09191cca;text-shadow:0 1px 2px #000}
.maxime-abysses .ma-top .ma-timer{background:#09191cf0}

/* Le plein écran natif ne dépend pas du déplacement dans body. */
.maxime-abysses:fullscreen,
.maxime-abysses:-webkit-full-screen {
 width:100%!important;height:100%!important;max-width:none!important;
 max-height:none!important;margin:0!important;padding:0!important;transform:none!important;
}
.maxime-abysses:fullscreen .ma-stage,
.maxime-abysses:-webkit-full-screen .ma-stage {
 width:100%!important;height:100%!important;min-height:0!important;
 max-height:none!important;aspect-ratio:auto!important;margin:0!important;
 padding:0!important;border:0!important;border-radius:0!important;
}

/* Aide clavier hors de la console et de la course du levier. */
.maxime-abysses:not(.ma-touch-device) .ma-hint {
 position:absolute!important;
 left:0!important;
 bottom:calc(var(--ma-stage-height,675px) * .16)!important;
 max-width:min(460px,65vw)!important;
 margin:0!important;padding:8px 11px!important;
 font-size:13px!important;line-height:1.4!important;
}

/* Le jeu mobile reste étendu ; la commande de sortie reste accessible sur tous les panneaux. */
.maxime-abysses.ma-mobile-expanded .ma-top{z-index:30}
.maxime-abysses.ma-mobile-expanded .ma-top .ma-brand,
.maxime-abysses.ma-mobile-expanded .ma-top .ma-timer{pointer-events:none}
.maxime-abysses.ma-mobile-expanded .ma-fullscreen{position:relative;z-index:31;max-width:190px;white-space:normal}
.maxime-abysses.ma-mobile-expanded .ma-stage{overscroll-behavior:none;touch-action:none}
.maxime-abysses .ma-render-error{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px 24px;background:#102126f5;color:#eee7d8;text-align:center}
.maxime-abysses .ma-render-error h3{color:#ead3a1!important;font:600 26px/1.2 Alegreya,Georgia,serif!important}
.maxime-abysses .ma-render-error p{color:#eee7d8!important}

/* Suivre le viewport visuel, y compris si le navigateur conserve un zoom système. */
html body > .maxime-abysses.ma-overlay.ma-mobile-expanded {
 left:var(--ma-view-left,0px)!important;top:var(--ma-view-top,0px)!important;
 width:var(--ma-view-width,100vw)!important;height:var(--ma-view-height,100dvh)!important;
}
.maxime-abysses.ma-mobile-expanded:fullscreen,
.maxime-abysses.ma-mobile-expanded:-webkit-full-screen {
 position:fixed!important;inset:auto!important;left:var(--ma-view-left,0px)!important;top:var(--ma-view-top,0px)!important;
 width:var(--ma-view-width,100%)!important;height:var(--ma-view-height,100%)!important;
}
.maxime-abysses.ma-mobile-expanded,
.maxime-abysses.ma-mobile-expanded button,
.maxime-abysses.ma-mobile-expanded .ma-canvas {touch-action:none!important;-webkit-text-size-adjust:100%}
.maxime-abysses.ma-mobile-expanded :is(.ma-card,.ma-log,.ma-win) {touch-action:pan-y!important}

/* Réserver la bande du compteur sous les deux groupes de commandes. */
.maxime-abysses.ma-touch-device .ma-touch {
 bottom:max(calc(env(safe-area-inset-bottom) + 84px),calc(var(--ma-stage-height,675px) * .15));
}

/* Tablettes : grandes cibles tactiles, avec un espacement adapté aux pouces. */
@media (min-width:768px) and (min-height:500px) {
 .maxime-abysses.ma-touch-device {
  --ma-control-width:clamp(100px,calc(var(--ma-stage-height,675px) * .14),124px);
  --ma-control-height:clamp(72px,calc(var(--ma-stage-height,675px) * .10),88px);
 }
 .maxime-abysses.ma-touch-device .ma-touch {
  left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));
 }
 .maxime-abysses.ma-touch-device .ma-touch .ma-pad > button,
 .maxime-abysses.ma-touch-device .ma-touch .ma-vertical > button {
  width:var(--ma-control-width)!important;min-width:var(--ma-control-width)!important;
  height:var(--ma-control-height)!important;min-height:var(--ma-control-height)!important;
  padding:10px 8px!important;font-size:17px!important;line-height:1.2!important;
  border-width:2px!important;border-radius:10px!important;
 }
 .maxime-abysses.ma-touch-device .ma-touch .ma-vertical {
  grid-template-columns:repeat(2,var(--ma-control-width))!important;gap:10px;
 }
 .maxime-abysses.ma-touch-device .ma-touch .ma-pad {gap:10px}
}

/* Le rendu GPU est placé sous le hublot et sous toutes les commandes. */
.maxime-abysses .ma-webgl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.maxime-abysses .ma-canvas{position:relative;z-index:1;background:transparent}
.maxime-abysses .ma-top,.maxime-abysses .ma-bottom,.maxime-abysses .ma-touch{z-index:3}
.maxime-abysses .ma-collision{z-index:3}
.maxime-abysses .ma-render-error{z-index:9}

/* Récompense : plaque du départ et coupon dans l’écran de victoire. */
.maxime-abysses .ma-start-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:490px}
.maxime-abysses .ma-reward-invite{position:absolute;right:22px;top:22px;bottom:auto;width:224px;display:flex;gap:12px;align-items:center;padding:14px;text-align:left;border:1px solid #b99a62;border-radius:12px;background:linear-gradient(130deg,#223c40f5,#11262af5);box-shadow:inset 0 0 0 3px #bda57518}
.maxime-abysses .ma-reward-seal{display:grid;place-items:center;flex:0 0 58px;height:58px;border:2px solid #c7a973;border-radius:50%;background:radial-gradient(circle at 30% 25%,#efd7a2,#b28c4e);color:#14272b;font:700 22px/1 Georgia,serif;transform:rotate(-7deg)}
.maxime-abysses .ma-reward-invite .ma-eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:5px}
.maxime-abysses .ma-reward-invite strong{display:block;color:#f0dfb6;font:600 16px/1.2 Alegreya,Georgia,serif}
.maxime-abysses .ma-reward-invite small{display:block;margin-top:7px;color:#c3d0cc;font:400 12px/1.35 Alegreya,Georgia,serif}
.maxime-abysses .ma-reward{padding:15px;margin:14px 0;border:1px solid #bda370;border-radius:10px;background:linear-gradient(120deg,#294448,#172d32);text-align:left}
.maxime-abysses .ma-reward h4{margin:0 0 7px!important;color:#f1dbac!important;font:600 23px/1.15 Alegreya,Georgia,serif!important}
.maxime-abysses .ma-reward p{margin:7px 0!important;color:#ece9db!important;font:400 15px/1.35 Alegreya,Georgia,serif!important}
.maxime-abysses .ma-reward-codebox{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:11px 0}
.maxime-abysses .ma-reward-code{max-width:100%;overflow-wrap:anywhere;padding:10px;border:1px dashed #d9c292;border-radius:6px;background:#0c2228;color:#fff1c9;font:600 16px/1.3 ui-monospace,monospace;user-select:all}
.maxime-abysses .ma-reward .ma-reward-terms{font-size:12px!important;color:#c9d4cf!important}
.maxime-abysses .ma-reward button{font-size:14px!important;padding:8px 12px!important}
.maxime-abysses .ma-reward button:disabled{opacity:.65;cursor:default}
@media(max-width:800px){
 .maxime-abysses .ma-start{justify-content:flex-start;overflow:auto;padding:20px 16px}
 .maxime-abysses .ma-start h2{margin:9px 0!important;font-size:38px!important}
 .maxime-abysses .ma-start>p{font-size:16px!important;margin:5px 0 12px!important}
 .maxime-abysses .ma-start>small{margin-top:10px}
 .maxime-abysses .ma-reward-invite{position:static;width:min(100%,360px);margin-top:16px;padding:10px 12px;gap:12px}
 .maxime-abysses .ma-reward-seal{flex-basis:48px;height:48px;font-size:20px}
}

@media(max-width:800px){
 .maxime-abysses .ma-start>.ma-eyebrow{order:0}
 .maxime-abysses .ma-start>h2{order:1}
 .maxime-abysses .ma-start>p{order:2}
 .maxime-abysses .ma-start>.ma-reward-invite{order:3;top:auto;bottom:auto}
 .maxime-abysses .ma-start>.ma-start-actions{order:4}
 .maxime-abysses .ma-start>small{order:5}
 .maxime-abysses .ma-start-actions button{font-size:14px!important;padding:8px 12px!important;min-height:40px}
}

.maxime-abysses .ma-reward-seal{white-space:nowrap;font-size:20px}