/* Kardume Ocean V2 — standalone public/client UI. No legacy stylesheet dependency. */
html{font-size:16px;background:#03111a;color-scheme:dark;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body.ko-v2{margin:0;min-width:320px;background:#03111a;color:#eefbff;font:400 16px/1.5 Inter,"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;zoom:1}
body.ko-v2 *,body.ko-v2 *:before,body.ko-v2 *:after{box-sizing:border-box}
body.ko-v2 a{color:inherit}
body.ko-v2 img{display:block;max-width:100%}
body.ko-v2 button,body.ko-v2 input,body.ko-v2 select,body.ko-v2 textarea{font:inherit}
body.ko-v2 button,body.ko-v2 select{cursor:pointer}
body.ko-v2 h1,body.ko-v2 h2,body.ko-v2 h3,body.ko-v2 h4,body.ko-v2 p{margin-top:0}
body.ko-v2 .sea{position:relative;isolation:isolate;min-height:100vh;overflow:hidden}
body.ko-v2 #ocean-fx{position:fixed;inset:0;pointer-events:none;overflow:hidden}
body.ko-v2 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.ko-v2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:1px solid transparent;border-radius:999px;text-decoration:none;font-weight:600}
body.ko-v2 .btn-sm{min-height:38px;padding:0 14px;font-size:10px;line-height:1}
body.ko-v2 .btn-primary{background:linear-gradient(180deg,#f4a33f,#e7791e);color:#fff;box-shadow:0 12px 28px rgba(223,110,17,.26)}
body.ko-v2 .btn-ghost{border-color:rgba(210,240,250,.18);background:rgba(236,249,255,.06);color:#e8f9ff}

/* Standalone foundations: these rules intentionally replace the legacy sheet. */
body.ko-v2 form{margin:0}
body.ko-v2 button{border:0}
body.ko-v2 .right,body.ko-v2 .auth-row-end,body.ko-v2 .social,body.ko-v2 .or{display:flex;align-items:center}
body.ko-v2 .right{justify-content:flex-end}
body.ko-v2 .logout-form{margin:0}
body.ko-v2 .btn-block{width:100%}
body.ko-v2 .center-link{text-align:center}
body.ko-v2 .auth-row-end{justify-content:flex-end}
body.ko-v2 .social{gap:10px}
body.ko-v2 .social .s{flex:1;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
body.ko-v2 .or{gap:12px;color:#7396a3;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
body.ko-v2 .or:before,body.ko-v2 .or:after{content:"";height:1px;flex:1;background:rgba(183,231,242,.12)}
body.ko-v2 .premium-input{position:relative;display:flex;align-items:center;gap:10px;padding:0 13px}
body.ko-v2 .premium-input .input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent}
body.ko-v2 .premium-input .ic,body.ko-v2 .premium-input .ic-img{display:grid;flex:0 0 20px;width:20px;height:20px;place-items:center;color:#77a4b2}
body.ko-v2 .premium-input .ic-img img{width:18px;height:18px;object-fit:contain}
body.ko-v2 .premium-input .icon-btn{display:grid;flex:0 0 30px;width:30px;height:30px;padding:0;place-items:center;background:transparent;color:#8db4c0}

body.ko-v2 .kd-hf1-searchbar,body.ko-v2 .kd-hf3-ocean-search,body.ko-v2 .kd-hf6-search,body.ko-v2 .kd-v38-search{display:flex;align-items:center;gap:10px;padding:5px 6px 5px 15px}
body.ko-v2 .kd-hf1-searchbar input,body.ko-v2 .kd-hf3-ocean-search input,body.ko-v2 .kd-hf6-search input,body.ko-v2 .kd-v38-search input{flex:1;min-width:0;height:38px;padding:0;border:0;outline:0;background:transparent}
body.ko-v2 .kd-hf1-searchbar button,body.ko-v2 .kd-hf3-ocean-search button,body.ko-v2 .kd-hf6-search button,body.ko-v2 .kd-v38-search button{flex:0 0 auto;border:0}
body.ko-v2 .kd-hf3-ocean-toolbar,body.ko-v2 .kd-hf1-mk-toolbar,body.ko-v2 .kd-hf1-sec-head,body.ko-v2 .kd-hf5-section-row,body.ko-v2 .kd-hf5-co-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}
body.ko-v2 .kd-hf5-ocean-filters,body.ko-v2 .kd-hf1-filters,body.ko-v2 .kd-hf5-filter-form,body.ko-v2 .kd-hf6-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.ko-v2 .kd-hf5-ocean-filters select,body.ko-v2 .kd-hf5-filter-form select{padding:0 34px 0 14px}
body.ko-v2 .kd-hf5-filter-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px}
body.ko-v2 .kd-hf5-filter-chip img{width:14px;height:14px}

body.ko-v2 .kd-hf3-ocean-pack-grid,body.ko-v2 .kd-hf2-listing-grid,body.ko-v2 .kd-hf1-grid4,body.ko-v2 .kd-hf2-winner-grid,body.ko-v2 .kd-hf1-aq-grid,body.ko-v2 .kd-hf5-owned-pack-grid,body.ko-v2 .kd-hf5-collection-card-grid,body.ko-v2 .kd-hf6-grid,body.ko-v2 .kd-hf6-album-grid,body.ko-v2 .kd-v38-grid{display:grid}
body.ko-v2 .kd-hf2-listing-grid,body.ko-v2 .kd-hf5-owned-pack-grid,body.ko-v2 .kd-hf5-collection-card-grid,body.ko-v2 .kd-hf6-grid,body.ko-v2 .kd-hf6-album-grid,body.ko-v2 .kd-v38-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.ko-v2 .kd-hf1-grid4,body.ko-v2 .kd-hf2-winner-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.ko-v2 .kd-hf3-ocean-pack{position:relative}
body.ko-v2 .kd-hf3-ocean-info,body.ko-v2 .kd-hf5-card-info{position:absolute;z-index:3;display:grid;place-items:center;border:1px solid rgba(220,247,252,.24);border-radius:50%;color:#fff;text-decoration:none}
body.ko-v2 .kd-hf3-ocean-chest,body.ko-v2 .kd-hf5-owned-pack-art{display:block;overflow:hidden;text-decoration:none}
body.ko-v2 .kd-hf3-ocean-body,body.ko-v2 .kd-hf5-owned-pack-body,body.ko-v2 .kd-hf1-aq-card{display:flex;flex-direction:column}
body.ko-v2 .kd-hf3-ocean-body form,body.ko-v2 .kd-hf3-ocean-buy,body.ko-v2 .kd-hf1-aq-btn{margin-top:auto}
body.ko-v2 .kd-hf1-aq-card{color:inherit;text-decoration:none}
body.ko-v2 .kd-hf1-aq-ic{display:grid;width:54px;height:54px;margin-bottom:18px;place-items:center;border-radius:16px;background:rgba(98,220,231,.1)}
body.ko-v2 .kd-hf1-aq-ic img{width:30px;height:30px;object-fit:contain}
body.ko-v2 .kd-hf1-aq-btn{align-self:flex-start;display:inline-flex;align-items:center;min-height:36px;padding:0 14px}
body.ko-v2 .kd-ocean-pack-detail-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start}
body.ko-v2 .kd-ocean-pack-stage,body.ko-v2 .kd-ocean-panel{padding:24px}
body.ko-v2 .stats,body.ko-v2 .foot{display:grid}

body.ko-v2 .sea::before{content:"";position:fixed;z-index:0;inset:0;pointer-events:none}
body.ko-v2 .sea::after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;pointer-events:none}
body.ko-v2 #ocean-fx{z-index:1}
body.ko-v2 #ocean-fx .bubble{position:absolute;bottom:-40px;border-radius:50%;animation:ko-bubble-rise linear infinite;will-change:transform,opacity}
body.ko-v2 #ocean-fx .fish{position:absolute;left:-110px;width:72px;height:auto;animation:ko-fish-cross linear forwards;will-change:transform}
body.ko-v2 #ocean-fx .fish.rtl{right:-110px;left:auto;animation-name:ko-fish-cross-rtl}
@keyframes ko-bubble-rise{0%{transform:translate3d(0,0,0);opacity:0}12%{opacity:.72}100%{transform:translate3d(var(--drift,0),-115vh,0);opacity:0}}
@keyframes ko-fish-cross{from{transform:translate3d(0,0,0) scale(var(--scale,1))}to{transform:translate3d(calc(100vw + 190px),-24px,0) scale(var(--scale,1))}}
@keyframes ko-fish-cross-rtl{from{transform:translate3d(0,0,0) scaleX(-1) scale(var(--scale,1))}to{transform:translate3d(calc(-100vw - 190px),18px,0) scaleX(-1) scale(var(--scale,1))}}
:root{
  --ko-bg:#061823;
  --ko-bg-deep:#03111a;
  --ko-surface:#092534;
  --ko-surface-strong:#0c2c3d;
  --ko-line:rgba(183,231,242,.14);
  --ko-text:#eefbff;
  --ko-muted:#9fc1ce;
  --ko-orange:#ee8b2b;
  --ko-orange-hi:#f5a13d;
  --ko-aqua:#65dce7;
  --ko-green:#5ad5a0;
  --ko-radius:20px;
  --ko-wrap:min(1180px,calc(100% - 44px));
  --ko-sans:'Manrope','Segoe UI Variable Text','Segoe UI',Arial,sans-serif;
  --ko-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
}

body.ko-v2{background:var(--ko-bg-deep);color:var(--ko-text)}
body.ko-v2 .sea,
body.ko-v2 .sea:not(.sea-auth){
  min-height:100vh;
  background:
    radial-gradient(850px 440px at 78% 4%,rgba(25,167,192,.19),transparent 65%),
    radial-gradient(720px 420px at 12% 68%,rgba(238,139,43,.10),transparent 65%),
    linear-gradient(150deg,#0a2a3d 0%,#061b29 44%,#03131e 100%);
  background-attachment:fixed;
}
body.ko-v2 .sea::before{
  display:block;
  opacity:.28;
  background:conic-gradient(from 205deg at 50% -12%,transparent 0deg,rgba(151,230,242,.13) 11deg,transparent 23deg,rgba(151,230,242,.08) 42deg,transparent 59deg,rgba(151,230,242,.09) 78deg,transparent 98deg);
}
body.ko-v2 .sea::after{
  display:block;
  height:420px;
  opacity:.20;
  background:linear-gradient(0deg,rgba(2,11,17,.96),rgba(2,11,17,0)),url('../img/scene/img-footer.jpg') center bottom/cover no-repeat;
}
body.ko-v2 #ocean-fx{display:block;opacity:.55;z-index:1}
body.ko-v2 #ocean-fx .bubble{border:1px solid rgba(213,247,255,.25);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.82),rgba(121,218,237,.16) 44%,transparent 72%)}
body.ko-v2 #ocean-fx .fish{opacity:.34;filter:drop-shadow(0 7px 16px rgba(0,0,0,.28))}
/* KARDUME OCEAN V45: era `.sea>*:not(#ocean-fx)`. O ID dentro do :not()
   contava na especificidade, entao esta regra valia como regra de ID e
   ganhava de todo position:fixed do cromo do app — que e filho direto de
   .sea. A barra de abas, o convite de instalar, o gaveteiro, a barra de
   progresso e o aviso de rede eram todos rebaixados para `relative` e
   iam parar no fim do documento. Sem o :not(), #ocean-fx continua fixed
   e no z-index 1 pela propria regra de ID, e o cromo volta a flutuar. */
body.ko-v2 .sea>*{position:relative;z-index:2}

body.ko-v2 .topbar-public{
  width:100%;
  max-width:none;
  margin:0;
  padding:15px max(28px,calc((100% - 1180px)/2));
  min-height:64px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  border:0;
  border-bottom:1px solid rgba(184,231,245,.10);
  border-radius:0;
  background:rgba(4,18,29,.86);
  box-shadow:none;
  backdrop-filter:blur(18px);
}
body.ko-v2 .topbar-public .logo img{max-height:35px;width:auto}
body.ko-v2 .ko-shell-logo{display:flex;align-items:center;gap:10px;color:#f4fbff;text-decoration:none;font-size:12px;letter-spacing:.08em}
body.ko-v2 .ko-shell-logo-mark{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:conic-gradient(from 210deg,#f3a13d,#ed7c22,#35c4d8,#0c6b8e,#f3a13d);box-shadow:0 0 0 4px rgba(47,194,216,.08)}
body.ko-v2 .ko-shell-logo-mark:after{content:"";width:13px;height:7px;border-radius:50% 50% 45% 55%;background:#fff;box-shadow:8px 0 0 -3px #fff}
body.ko-v2 .topbar-public .nav{display:flex;justify-content:center;gap:24px;overflow:visible}
body.ko-v2 .topbar-public .nav a{
  padding:8px 0;
  border:0;
  color:#96b7c4;
  font-size:12px;
  font-weight:600;
  text-transform:none;
  letter-spacing:0;
}
body.ko-v2 .topbar-public .nav a.on{color:#fff}
body.ko-v2 .topbar-public .nav a.on::after{content:"";display:block;width:18px;height:2px;margin:5px auto 0;border-radius:2px;background:var(--ko-orange)}
body.ko-v2:not(.kd-admin-deep):not(.kd-partner-deep) .topbar-public[data-public-shell="canonical-v13"] .nav a{min-height:auto;padding:8px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#96b7c4;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
body.ko-v2:not(.kd-admin-deep):not(.kd-partner-deep) .topbar-public[data-public-shell="canonical-v13"] .nav a.on{border:0;background:transparent;box-shadow:none;color:#fff}
body.ko-v2:not(.kd-admin-deep):not(.kd-partner-deep) .topbar-public[data-public-shell="canonical-v13"] .nav a.on:after{display:none}
body.ko-v2 .topbar-public .right{gap:8px;justify-content:flex-end}
body.ko-v2 .topbar-public .btn,
body.ko-v2 .topbar-public .logout-pill,
body.ko-v2 .topbar-public .sell-pill{min-height:38px;padding:0 14px;border-radius:999px;font-size:11px;text-transform:none}
body.ko-v2 .topbar-public .btn-primary{background:linear-gradient(180deg,var(--ko-orange-hi),var(--ko-orange))}

/* Approved visual direction — functional landing */
body.ko-v2.ko-live-landing .sea{background:radial-gradient(circle at 78% 12%,rgba(18,163,194,.20),transparent 29%),radial-gradient(circle at 14% 78%,rgba(238,139,43,.12),transparent 25%),linear-gradient(145deg,#082235,#051521 68%)}
body.ko-v2.ko-live-landing{height:100dvh;overflow:hidden}
body.ko-v2.ko-live-landing .sea{height:100dvh;overflow:hidden}
body.ko-v2 .ko-live{position:relative;z-index:3;height:100dvh;min-height:0;overflow:hidden;color:#effbff}
body.ko-v2 .ko-live-shell{display:flex;align-items:center;gap:22px;padding:16px 28px;border-bottom:1px solid rgba(184,231,245,.10);background:rgba(4,18,29,.86);backdrop-filter:blur(16px)}
body.ko-v2 .ko-live-logo{display:flex;align-items:center;gap:10px;margin-right:auto;color:#f4fbff;text-decoration:none;font-size:12px;letter-spacing:.08em}
body.ko-v2 .ko-live-logo-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:conic-gradient(from 210deg,#f3a13d,#ed7c22,#35c4d8,#0c6b8e,#f3a13d);box-shadow:0 0 0 4px rgba(47,194,216,.08)}
body.ko-v2 .ko-live-logo-mark:after{content:"";width:13px;height:7px;border-radius:50% 50% 45% 55%;background:#fff;box-shadow:8px 0 0 -3px #fff}
body.ko-v2 .ko-live-nav{display:flex;align-items:center;gap:22px}
body.ko-v2 .ko-live-nav a{color:#a8c9d6;text-decoration:none;font-size:13px}
body.ko-v2 .ko-live-nav a.is-on{color:#fff}
body.ko-v2 .ko-live-actions{display:flex;align-items:center;gap:9px}
body.ko-v2 .ko-live-link{padding:9px 10px;color:#c0dce6;text-decoration:none;font-size:13px}
body.ko-v2 .ko-live-primary,body.ko-v2 .ko-live-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:1px solid transparent;border-radius:999px;text-decoration:none;font-size:13px;font-weight:600}
body.ko-v2 .ko-live-primary{background:linear-gradient(180deg,#f4a33f,#e7791e);color:#fff;box-shadow:0 12px 28px rgba(223,110,17,.26)}
body.ko-v2 .ko-live-secondary{border-color:rgba(210,240,250,.18);background:rgba(236,249,255,.06);color:#e8f9ff}
body.ko-v2 .ko-live-main{padding:42px 34px 34px}
body.ko-v2 .ko-live-kicker{display:inline-flex;align-items:center;gap:8px;color:#7eddeb;text-transform:uppercase;letter-spacing:.14em;font-size:11px}
body.ko-v2 .ko-live-kicker:before{content:"";width:18px;height:1px;background:#7eddeb}
body.ko-v2 .ko-live-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);gap:42px;align-items:center;max-width:1100px;margin:0 auto;padding:30px 0 42px}
body.ko-v2 .ko-live-hero h1{margin:14px 0 18px;color:#effbff;font:500 clamp(50px,6vw,76px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.04em;text-transform:none}
body.ko-v2 .ko-live-hero-copy>p{max-width:590px;margin:0;color:#a9c8d4;font-size:16px;line-height:1.55}
body.ko-v2 .ko-live-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
body.ko-v2 .ko-live-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#81a9b8;font-size:11px}
body.ko-v2 .ko-live-trust span{display:flex;align-items:center;gap:6px}
body.ko-v2 .ko-live-trust i{width:6px;height:6px;border-radius:50%;background:#56d69b}
body.ko-v2 .ko-live-card-stage{position:relative;min-height:390px;display:grid;place-items:center}
body.ko-v2 .ko-live-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(51,209,230,.26),rgba(236,136,40,.08) 46%,transparent 70%)}
body.ko-v2 .ko-live-fish-card{position:absolute;width:190px;aspect-ratio:3/4.25;padding:12px;overflow:hidden;border:1px solid rgba(181,239,247,.24);border-radius:18px;background:linear-gradient(155deg,#0d5162,#0a2638 58%,#06141f);box-shadow:0 30px 54px rgba(0,0,0,.38)}
body.ko-v2 .ko-live-fish-card.card-left{transform:rotate(-8deg) translate(-58px,8px)}
body.ko-v2 .ko-live-fish-card.card-right{transform:rotate(8deg) translate(58px,10px);background:linear-gradient(155deg,#7c411d,#2c2630 53%,#081724)}
body.ko-v2 .ko-live-fish-card.card-center{z-index:2;transform:translateY(-18px);background:linear-gradient(155deg,#0a7485,#12324b 55%,#071825)}
body.ko-v2 .ko-live-rarity{display:flex;justify-content:space-between;color:#9eeaf2;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
body.ko-v2 .ko-live-fish{height:154px;margin:8px -4px 10px;overflow:hidden;border-radius:11px;background:#082435}
body.ko-v2 .ko-live-fish img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05)}
body.ko-v2 .ko-live-fish-card b{display:block;color:#fff;font:500 15px/1.1 Georgia,serif}
body.ko-v2 .ko-live-fish-card small{color:#80aebb;font-size:9px}
body.ko-v2 .ko-live-journey{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(190,231,242,.12)}
body.ko-v2 .ko-live-journey>div{padding:22px 20px;display:grid;grid-template-columns:30px 1fr;gap:10px}
body.ko-v2 .ko-live-journey>div+div{border-left:1px solid rgba(190,231,242,.10)}
body.ko-v2 .ko-live-step{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#103a4d;color:#7eddeb;font-size:11px}
body.ko-v2 .ko-live-journey b{font-size:13px}
body.ko-v2 .ko-live-journey p{margin:3px 0 0;color:#88aeba;font-size:11px;line-height:1.45}
body.ko-v2 .ko-live-next{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1100px;margin:26px auto 70px;padding:30px;border:1px solid rgba(178,228,240,.12);border-radius:20px;background:rgba(9,37,53,.76)}
body.ko-v2 .ko-live-next h2{max-width:650px;margin:10px 0 0;color:#fff;font:500 clamp(28px,4vw,44px)/1.05 Georgia,serif}

body.ko-v2 .page,
body.ko-v2 .kd-hf1-wrap,
body.ko-v2 .kd-ocean-wrap,
body.ko-v2 .kd-v38-wrap{width:var(--ko-wrap);max-width:none;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
body.ko-v2 h1,body.ko-v2 h2,body.ko-v2 h3{letter-spacing:-.025em}
body.ko-v2 .kd-hf2-ref-hero,
body.ko-v2 .kd-hf1-mk-hero,
body.ko-v2 .kd-hf1-aq-hero{padding:64px 0 28px;background:transparent;text-align:left}
body.ko-v2 .kd-hf2-ref-hero h1,
body.ko-v2 .kd-hf1-mk-hero h1,
body.ko-v2 .kd-hf1-aq-hero h1,
body.ko-v2 .kd-v38-wrap>h1{
  margin:0 0 10px;
  color:#fff;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(38px,5vw,64px);
  font-weight:500;
  line-height:1;
  text-transform:none;
}
body.ko-v2 .kd-hf2-ref-hero h1 span,
body.ko-v2 .kd-hf1-mk-hero h1 span,
body.ko-v2 .kd-hf1-aq-hero h1 span{color:var(--ko-aqua)}
body.ko-v2 .kd-hf2-ref-hero p,
body.ko-v2 .kd-hf1-mk-hero p,
body.ko-v2 .kd-hf1-aq-hero p{max-width:680px;color:var(--ko-muted);font-size:15px;line-height:1.55}

/* Landing */
body.ko-v2.ko-vnext-landing .sea{background:radial-gradient(900px 520px at 76% 10%,rgba(24,182,204,.22),transparent 65%),radial-gradient(700px 420px at 12% 72%,rgba(238,139,43,.13),transparent 64%),linear-gradient(145deg,#0a2d42,#051722 70%)}
body.ko-v2 .kd-v51-wrap{width:var(--ko-wrap)}
body.ko-v2 .kd-v51-hero{min-height:auto;padding:16px 0 72px}
body.ko-v2 .kd-v51-minihead{padding:14px 0 42px}
body.ko-v2 .kd-v51-brand img{height:36px}
body.ko-v2 .kd-v51-access a{min-height:40px;padding:0 16px;font-size:11px;text-transform:none;background:rgba(5,24,35,.55)}
body.ko-v2 .kd-v51-access a:first-child{background:linear-gradient(180deg,var(--ko-orange-hi),var(--ko-orange))}
body.ko-v2 .kd-v51-hero-grid{min-height:600px;grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr);gap:52px}
body.ko-v2 .kd-v51-copy{max-width:680px}
body.ko-v2 .kd-v51-kicker{padding:0;background:transparent;box-shadow:none;color:var(--ko-aqua);letter-spacing:.14em;font-size:10px}
body.ko-v2 .kd-v51-kicker::before{content:"";width:18px;height:1px;background:var(--ko-aqua);margin-right:8px}
body.ko-v2 .kd-v51-copy h1{
  margin:20px 0 0;
  max-width:670px;
  color:#fff;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(52px,7vw,88px);
  font-weight:500;
  line-height:.94;
  letter-spacing:-.045em;
  text-transform:none;
  text-shadow:0 20px 48px rgba(0,0,0,.24);
}
body.ko-v2 .kd-v51-copy p{max-width:610px;margin-top:22px;color:#aecbd5;font-size:16px;line-height:1.6}
body.ko-v2 .kd-v51-btn{min-height:46px;padding:0 20px;text-transform:none;font-size:12px;border-radius:999px}
body.ko-v2 .kd-v51-audience{display:none}
body.ko-v2 .kd-v51-hero-art img{width:min(500px,40vw);max-height:590px}
body.ko-v2 .kd-v51-section{padding:82px 0}
body.ko-v2 .kd-v51-section h2,body.ko-v2 .kd-v51-final h2{font-family:Georgia,'Times New Roman',serif;text-transform:none;font-weight:500;letter-spacing:-.035em}
body.ko-v2 .kd-v51-steps article,
body.ko-v2 .kd-v51-features article{background:rgba(8,35,49,.74);border:1px solid var(--ko-line);border-radius:var(--ko-radius);box-shadow:0 20px 45px rgba(0,0,0,.15)}
body.ko-v2 .kd-v51-card-wall article{min-height:360px;border-radius:18px;border-color:var(--ko-line)}
body.ko-v2 .kd-v51-creator-box{background:linear-gradient(112deg,#1d9c66,#0c6947);border:1px solid rgba(184,255,218,.16)}

/* Ocean catalog */
body.ko-v2 .kd-hf3-ocean-search{max-width:720px;margin:26px 0 0;height:50px;border:1px solid var(--ko-line);border-radius:15px;background:rgba(7,31,44,.86);box-shadow:none}
body.ko-v2 .kd-hf3-ocean-search input{color:#fff}
body.ko-v2 .kd-hf3-ocean-search button{height:38px;padding:0 18px;border-radius:999px;background:var(--ko-orange);color:#fff}
body.ko-v2 .kd-hf3-ocean-toolbar{margin:0 0 22px;padding:0;background:transparent;border:0}
body.ko-v2 .kd-hf1-mk-count{color:#bad6df;font-size:12px}
body.ko-v2 .kd-hf5-ocean-filters select,
body.ko-v2 .kd-hf5-filter-chip{height:38px;border:1px solid var(--ko-line);border-radius:999px;background:#092637;color:#c9e2ea;font-size:11px}
body.ko-v2 .kd-hf3-ocean-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.ko-v2 .kd-hf3-ocean-pack{
  overflow:hidden;
  min-height:0;
  padding:0;
  border:1px solid var(--ko-line);
  border-radius:18px;
  background:rgba(8,35,50,.91);
  box-shadow:0 22px 45px rgba(0,0,0,.18);
}
body.ko-v2 .kd-hf3-ocean-info{top:12px;right:12px;width:28px;height:28px;background:rgba(3,17,25,.62);border-color:rgba(220,247,252,.24)}
body.ko-v2 .kd-hf3-ocean-chest{height:205px;margin:0;padding:18px;background:radial-gradient(circle at 70% 18%,rgba(84,219,231,.24),transparent 36%),linear-gradient(145deg,#164b5b,#092133)}
body.ko-v2 .kd-hf3-ocean-chest img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.34))}
body.ko-v2 .kd-hf3-ocean-body{padding:17px;background:transparent;color:#fff}
body.ko-v2 .kd-hf3-ocean-body h3{min-height:auto;margin:0 0 7px;color:#fff;font-size:15px;text-transform:none}
body.ko-v2 .kd-hf3-ocean-body p{margin:0 0 13px;color:#8fb5c1;font-size:11px;line-height:1.45}
body.ko-v2 .kd-hf3-ocean-body p small{color:#789eaa;font-weight:400}
body.ko-v2 .kd-hf3-ocean-body>small{display:none}
body.ko-v2 .kd-hf3-ocean-buy{width:100%;min-height:42px;margin-top:0;border-radius:999px;background:linear-gradient(180deg,var(--ko-orange-hi),var(--ko-orange));color:#fff;font-size:11px;text-transform:none}
body.ko-v2 .kd-hf3-p2p-section,
body.ko-v2 .kd-hf3-ocean-section{padding:34px 0;background:transparent}
body.ko-v2 .kd-hf1-empty{padding:32px;border:1px solid var(--ko-line);border-radius:18px;background:rgba(8,34,48,.68);color:#a8c7d1}
body.ko-v2 .kd-hf3-ocean-hero{padding:52px 0 24px}
body.ko-v2 .kd-hf3-ocean-hero .kd-hf1-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);column-gap:46px;align-items:end}
body.ko-v2 .ko-catalog-kicker{grid-column:1;display:inline-flex;align-items:center;gap:8px;color:#7eddeb;text-transform:uppercase;letter-spacing:.14em;font-size:10px}
body.ko-v2 .ko-catalog-kicker:before{content:"";width:18px;height:1px;background:#7eddeb}
body.ko-v2 .kd-hf3-ocean-hero h1{grid-column:1;margin:10px 0 8px;color:#fff;font:500 clamp(42px,5vw,60px)/1 Georgia,'Times New Roman',serif;text-transform:none}
body.ko-v2 .kd-hf3-ocean-hero>div>p{grid-column:1;margin:0}
body.ko-v2 .kd-hf3-ocean-hero .kd-hf3-ocean-search{grid-column:2;grid-row:1/4;width:100%;margin:0;align-self:end}
body.ko-v2 .kd-hf3-ocean-hero .kd-hf3-ocean-search button{display:none}
body.ko-v2 .kd-hf3-ocean-toolbar{margin-bottom:22px}
body.ko-v2 .kd-hf1-mk-count{display:none}
body.ko-v2 .kd-hf5-ocean-filters{margin:0;justify-content:flex-start;width:100%}
body.ko-v2 .kd-hf3-ocean-pack-grid{gap:15px}
body.ko-v2 .kd-hf3-ocean-pack{border-radius:18px}
body.ko-v2 .kd-hf3-ocean-chest{height:170px;padding:0;background:radial-gradient(circle at 72% 24%,rgba(88,222,234,.25),transparent 32%),linear-gradient(150deg,#174d5b,#0a2234)}
body.ko-v2 .kd-hf3-ocean-chest img{object-fit:cover;filter:saturate(.86) contrast(1.05)}
body.ko-v2 .kd-hf3-ocean-body{min-height:0;padding:16px}
body.ko-v2 .kd-hf3-ocean-body h3{margin-bottom:6px;font-size:15px}
body.ko-v2 .kd-hf3-ocean-body p{min-height:0;margin-bottom:14px;color:#a8c7d2;font-size:11px}
body.ko-v2 .ko-catalog-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px;border-top:1px solid rgba(190,229,240,.10)}
body.ko-v2 .ko-catalog-meta strong{color:#fff;font-size:14px;font-weight:600}
body.ko-v2 .ko-catalog-meta a{color:#f2a246;text-decoration:none;font-size:11px}

/* Approved collector area */
body.ko-v2 .ko-client-main{position:relative;z-index:3;padding:42px 28px 68px}
body.ko-v2 .ko-client-dashboard{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.35fr .65fr;gap:16px}
body.ko-v2 .ko-client-welcome{grid-column:1/-1;padding:26px;border:1px solid rgba(154,224,236,.14);border-radius:20px;background:linear-gradient(105deg,#0d4052,#0a2639 62%,#123648);display:flex;justify-content:space-between;gap:30px;align-items:center}
body.ko-v2 .ko-client-welcome h1{margin:12px 0 8px;color:#fff;font:500 clamp(34px,4vw,48px)/1 Georgia,'Times New Roman',serif;text-transform:none}
body.ko-v2 .ko-client-welcome p{margin:0;color:#a9c8d4;font-size:13px}
body.ko-v2 .ko-client-stats{min-width:360px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body.ko-v2 .ko-client-stats>span{padding:12px;border:1px solid rgba(188,232,241,.10);border-radius:12px;background:rgba(4,24,35,.42);text-align:center}
body.ko-v2 .ko-client-stats b,body.ko-v2 .ko-client-stats small{display:block}
body.ko-v2 .ko-client-stats b{color:#fff;font-size:20px}
body.ko-v2 .ko-client-stats small{margin-top:2px;color:#82aab7;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
body.ko-v2 .ko-client-stats .ko-live-primary{grid-column:1/-1}
body.ko-v2 .ko-client-panel{padding:20px;border:1px solid rgba(172,224,235,.12);border-radius:18px;background:#092536}
body.ko-v2 .ko-client-panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}
body.ko-v2 .ko-client-panel-head h2{margin:0;color:#fff;font:600 15px/1.2 Inter,'Segoe UI',sans-serif;text-transform:none}
body.ko-v2 .ko-client-panel-head a{color:#e99a43;text-decoration:none;font-size:11px}
body.ko-v2 .ko-client-mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body.ko-v2 .ko-client-mini-cards article{position:relative;overflow:hidden;aspect-ratio:3/4;border-radius:12px;background:#10394a}
body.ko-v2 .ko-client-mini-cards img{width:100%;height:100%;object-fit:cover}
body.ko-v2 .ko-client-mini-cards article:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(2,15,22,.95))}
body.ko-v2 .ko-client-mini-cards article>span{position:absolute;z-index:2;left:9px;right:9px;bottom:9px}
body.ko-v2 .ko-client-mini-cards b,body.ko-v2 .ko-client-mini-cards small{display:block;color:#fff;font-size:10px}
body.ko-v2 .ko-client-mini-cards small{margin-top:2px;color:#7eddeb;font-size:8px}
body.ko-v2 .ko-client-empty{grid-column:1/-1;min-height:150px;display:grid;place-items:center;border:1px dashed rgba(178,224,235,.16);border-radius:12px;color:#89adba;text-align:center;font-size:12px}
body.ko-v2 .ko-client-empty a{color:#ee9b43}
body.ko-v2 .ko-client-missions{display:grid}
body.ko-v2 .ko-client-missions>a{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(189,229,240,.09);color:#fff;text-decoration:none}
body.ko-v2 .ko-client-missions>a:last-child{border-bottom:0}
body.ko-v2 .ko-client-missions>a>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#103a4c;color:#7bdce7}
body.ko-v2 .ko-client-missions b,body.ko-v2 .ko-client-missions small{display:block}
body.ko-v2 .ko-client-missions b{font-size:11px}
body.ko-v2 .ko-client-missions small{margin-top:2px;color:#779da9;font-size:9px}
body.ko-v2 .ko-client-missions i{color:#63d2a6;font-style:normal}

/* Pack details and cards */
body.ko-v2 .kd-ocean-pack-detail-grid{gap:22px}
body.ko-v2 .kd-ocean-pack-stage,
body.ko-v2 .kd-ocean-panel{border:1px solid var(--ko-line);border-radius:20px;background:rgba(8,34,48,.84);box-shadow:0 22px 48px rgba(0,0,0,.18)}
body.ko-v2 .kd-ocean-pack-stage{background:radial-gradient(circle at 50% 35%,rgba(74,211,225,.22),transparent 45%),rgba(6,29,42,.76)}
body.ko-v2 .kd-ocean-btn{border-radius:999px;background:linear-gradient(180deg,var(--ko-orange-hi),var(--ko-orange));text-transform:none}
body.ko-v2 .kd-ocean-card-preview{border-radius:16px;overflow:hidden;background:#092535;border-color:var(--ko-line)}

/* Aquarium / collections / account */
body.ko-v2 .kd-hf1-aq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.ko-v2 .kd-hf1-aq-card{
  min-height:210px;
  padding:22px;
  border:1px solid var(--ko-line);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(12,45,60,.90),rgba(6,28,41,.90));
  box-shadow:0 20px 45px rgba(0,0,0,.16);
}
body.ko-v2 .kd-hf1-aq-card h3{color:#fff;text-transform:none}
body.ko-v2 .kd-hf1-aq-btn{border-radius:999px;background:var(--ko-orange);color:#fff;text-transform:none}
body.ko-v2 .kd-hf5-owned-pack,
body.ko-v2 .kd-hf5-collection-card,
body.ko-v2 .kd-hf6-album-card,
body.ko-v2 .kd-v38-prize-card,
body.ko-v2 .kd-ocean-card,
body.ko-v2 .panel,
body.ko-v2 .wallet-panel,
body.ko-v2 .balance,
body.ko-v2 .kpi{border:1px solid var(--ko-line);border-radius:18px;background:rgba(8,34,48,.86);box-shadow:0 20px 44px rgba(0,0,0,.15)}
body.ko-v2 .kd-hf2-ref-section,
body.ko-v2 .kd-hf5-co-section,
body.ko-v2 .kd-hf6-section,
body.ko-v2 .kd-v38-block{background:transparent}
body.ko-v2 .kd-hf1-searchbar,
body.ko-v2 .kd-hf6-search,
body.ko-v2 .kd-v38-search{border:1px solid var(--ko-line);border-radius:15px;background:rgba(7,31,44,.86);box-shadow:none}
body.ko-v2 .kd-hf1-searchbar input,
body.ko-v2 .kd-hf6-search input,
body.ko-v2 .kd-v38-search input{color:#fff}
body.ko-v2 .kd-hf1-searchbar button,
body.ko-v2 .kd-hf6-search button,
body.ko-v2 .kd-v38-search button,
body.ko-v2 .kd-hf5-owned-pack-btn,
body.ko-v2 .kd-hf6-btn,
body.ko-v2 .kd-ocean-action{border-radius:999px;background:var(--ko-orange);color:#fff;text-transform:none}
body.ko-v2 .kd-hf1-searchbar button,
body.ko-v2 .kd-hf6-search button,
body.ko-v2 .kd-v38-search button{min-height:38px;padding:0 16px;font-size:11px;font-weight:750}
body.ko-v2 .kd-hf6-pills a,
body.ko-v2 .kd-hf5-filter-form select{border:1px solid var(--ko-line);border-radius:999px;background:#092637;color:#b8d5de}
body.ko-v2 .kd-hf5-filter-form select{min-height:40px;padding:0 34px 0 14px;font-size:12px}
body.ko-v2 .kd-hf6-pills a.on{background:var(--ko-orange);color:#fff}
body.ko-v2 .kd-ocean-form input,
body.ko-v2 .kd-ocean-form select,
body.ko-v2 .kd-ocean-form textarea{border:1px solid var(--ko-line);border-radius:12px;background:#071f2e;color:#fff}
body.ko-v2 .menu-side.panel{background:rgba(5,25,37,.91);backdrop-filter:blur(16px)}
body.ko-v2 .menu-side a{border-radius:11px;color:#9fc1ce}
body.ko-v2 .menu-side a.on{background:#0e3a4b;color:#fff}

/* V2 shared public/client composition — replaces the legacy kd-ocean layer. */
body.ko-v2 .kd-ocean-page{position:relative;z-index:2;min-height:60vh;padding-bottom:28px}
body.ko-v2 .kd-ocean-wrap{width:var(--ko-wrap);margin:0 auto;position:relative}
body.ko-v2 .kd-ocean-hero{padding:56px 0 30px;text-align:left}
body.ko-v2 .kd-ocean-hero h1{max-width:900px;margin:0;color:#fff;font:500 clamp(40px,5vw,64px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.042em;text-transform:none;text-wrap:balance}
body.ko-v2 .kd-ocean-hero h1 span{color:var(--ko-aqua)}
body.ko-v2 .kd-ocean-hero p{max-width:760px;margin:12px 0 0;color:var(--ko-muted);font-size:14px;line-height:1.55}
body.ko-v2 .kd-ocean-crumb,body.ko-v2 .kd-v38-crumb,body.ko-v2 .kd-hf1-crumb,body.ko-v2 .kd-hf6-crumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px;color:#759aa8;font-size:11px}
body.ko-v2 .kd-ocean-crumb a,body.ko-v2 .kd-v38-crumb a,body.ko-v2 .kd-hf1-crumb a,body.ko-v2 .kd-hf6-crumb a{color:#9fc6d2;text-decoration:none}
body.ko-v2 .kd-ocean-crumb i,body.ko-v2 .kd-v38-crumb i,body.ko-v2 .kd-hf1-crumb i,body.ko-v2 .kd-hf6-crumb i{color:var(--ko-orange);font-style:normal}
body.ko-v2 .kd-ocean-crumb b,body.ko-v2 .kd-v38-crumb b,body.ko-v2 .kd-hf1-crumb b,body.ko-v2 .kd-hf6-crumb b{color:#eaf8fb;font-weight:600}
body.ko-v2 .kd-ocean-section{position:relative;padding:22px 0 30px}
body.ko-v2 .kd-ocean-section-tight{padding-top:10px}
body.ko-v2 .kd-ocean-sec-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
body.ko-v2 .kd-ocean-sec-head h2{margin:0;color:#fff;font:500 clamp(23px,2.5vw,32px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.025em;text-transform:none}
body.ko-v2 .kd-ocean-sec-head a{color:#f2a246;text-decoration:none;font-size:11px;font-weight:600;white-space:nowrap}
body.ko-v2 .kd-ocean-grid,body.ko-v2 .kd-ocean-grid-2,body.ko-v2 .kd-ocean-grid-3,body.ko-v2 .kd-ocean-grid-4,body.ko-v2 .kd-ocean-panels-grid,body.ko-v2 .kd-ocean-account-grid,body.ko-v2 .kd-ocean-account-provider-grid,body.ko-v2 .kd-ocean-wallet-grid,body.ko-v2 .kd-ocean-payment-grid,body.ko-v2 .kd-ocean-transaction-hero,body.ko-v2 .kd-ocean-opening-hero{display:grid;gap:16px}
body.ko-v2 .kd-ocean-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
body.ko-v2 .kd-ocean-grid-2,body.ko-v2 .kd-ocean-panels-grid,body.ko-v2 .kd-ocean-account-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.ko-v2 .kd-ocean-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.ko-v2 .kd-ocean-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
body.ko-v2 .kd-ocean-card,body.ko-v2 .kd-ocean-panel{position:relative;display:flex;min-height:176px;padding:26px;flex-direction:column;gap:14px;overflow:hidden;border:1px solid var(--ko-line);border-radius:18px;background:linear-gradient(155deg,rgba(12,45,60,.92),rgba(5,25,37,.92));box-shadow:0 20px 44px rgba(0,0,0,.15)}
body.ko-v2 .kd-ocean-panel{min-height:0}
body.ko-v2 .kd-ocean-card h3,body.ko-v2 .kd-ocean-panel h2,body.ko-v2 .kd-ocean-panel h3{margin:0;color:#fff;font-size:20px;line-height:1.1;text-transform:none}
body.ko-v2 .kd-ocean-card p,body.ko-v2 .kd-ocean-panel p{margin:0;color:#9bbdca;font-size:12px;line-height:1.5}
body.ko-v2 .kd-ocean-badge{align-self:flex-start;display:inline-flex;align-items:center;min-height:25px;padding:0 10px;border-radius:999px;background:rgba(101,220,231,.12);color:#83e4ed;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
body.ko-v2 .kd-ocean-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto}
body.ko-v2 .kd-ocean-card-meta span{display:grid;gap:2px;min-height:48px;padding:9px;border-radius:12px;background:rgba(255,255,255,.045);color:#9ebfca;font-size:11px}
body.ko-v2 .kd-ocean-card-meta b{color:#fff;font-size:9px;text-transform:uppercase}
body.ko-v2 .kd-ocean-btn,body.ko-v2 .kd-ocean-action,body.ko-v2 .kd-ocean-mini-action{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:42px;padding:0 20px;border:0;border-radius:999px;background:linear-gradient(180deg,var(--ko-orange-hi),var(--ko-orange));box-shadow:0 12px 28px rgba(223,110,17,.22);color:#fff;text-decoration:none;font-size:11px;font-weight:700;text-transform:none}
body.ko-v2 .kd-ocean-action.ghost,body.ko-v2 .kd-ocean-mini-action.ghost{border:1px solid var(--ko-line);background:rgba(255,255,255,.05);box-shadow:none}
body.ko-v2 .kd-ocean-mini-action{min-height:34px;padding:0 14px;font-size:10px}
body.ko-v2 .kd-ocean-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
body.ko-v2 .kd-ocean-empty{display:grid;gap:7px;justify-items:center;width:100%;padding:28px;border:1px dashed rgba(101,220,231,.24);border-radius:16px;background:rgba(8,40,58,.50);color:#fff;text-align:center}
body.ko-v2 .kd-ocean-empty span{color:#91b3bf;font-size:12px}
body.ko-v2 .kd-ocean-empty a{color:#f2a246;text-decoration:none;font-size:11px;font-weight:700}
body.ko-v2 .kd-ocean-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.ko-v2 .kd-ocean-metrics article{min-height:112px;padding:18px;border:1px solid var(--ko-line);border-radius:16px;background:rgba(7,31,44,.78)}
body.ko-v2 .kd-ocean-metrics span,body.ko-v2 .kd-ocean-metrics small,body.ko-v2 .kd-ocean-metrics b{display:block}
body.ko-v2 .kd-ocean-metrics span{color:#78dce7;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
body.ko-v2 .kd-ocean-metrics b{margin-top:8px;color:#fff;font:500 28px/1 Georgia,'Times New Roman',serif}
body.ko-v2 .kd-ocean-metrics small{margin-top:6px;color:#819fac;font-size:10px;line-height:1.35}
body.ko-v2 .kd-ocean-list{display:grid;gap:10px}
body.ko-v2 .kd-ocean-list article{display:grid;gap:4px;min-height:64px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.035)}
body.ko-v2 .kd-ocean-list b{color:#fff;font-size:13px}body.ko-v2 .kd-ocean-list span{color:#91b1bd;font-size:11px}body.ko-v2 .kd-ocean-list small{color:#eaa048;font-size:9px;text-transform:uppercase}
body.ko-v2 .kd-ocean-note{display:grid;gap:4px;padding:14px 16px;border:1px dashed rgba(238,139,43,.30);border-radius:14px;background:rgba(238,139,43,.07)}
body.ko-v2 .kd-ocean-note b{color:#f2aa57;font-size:11px;text-transform:uppercase}body.ko-v2 .kd-ocean-note span{color:#9ebbc5;font-size:11px;line-height:1.45}

body.ko-v2 .kd-ocean-account-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 20px}
body.ko-v2 .kd-ocean-account-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid var(--ko-line);border-radius:999px;background:rgba(255,255,255,.04);color:#a8c7d1;text-decoration:none;font-size:10px;font-weight:650}
body.ko-v2 .kd-ocean-account-tabs a.on{border-color:transparent;background:linear-gradient(180deg,var(--ko-orange-hi),var(--ko-orange));color:#fff}
body.ko-v2 .kd-ocean-account-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:start;margin-top:16px}
body.ko-v2 .kd-ocean-form{display:grid;gap:18px}
body.ko-v2 .kd-ocean-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:18px}
body.ko-v2 .kd-ocean-form .full{grid-column:1/-1}
body.ko-v2 .kd-ocean-form label{display:grid;gap:8px;color:#b8d3dc;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}
body.ko-v2 .kd-ocean-form input,body.ko-v2 .kd-ocean-form select,body.ko-v2 .kd-ocean-form textarea{width:100%;min-height:50px;padding:0 15px;border:1px solid var(--ko-line);border-radius:13px;outline:0;background:#071f2e;color:#fff;font-size:14px;line-height:1.35;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
body.ko-v2 .kd-ocean-form textarea{min-height:120px;padding:15px;resize:vertical}
body.ko-v2 .kd-ocean-form input:focus,body.ko-v2 .kd-ocean-form select:focus,body.ko-v2 .kd-ocean-form textarea:focus{border-color:rgba(101,220,231,.52);background:#082536;box-shadow:0 0 0 3px rgba(101,220,231,.08)}
body.ko-v2 .kd-ocean-form input::placeholder,body.ko-v2 .kd-ocean-form textarea::placeholder{color:#668c99}
body.ko-v2 .kd-ocean-form .kd-ocean-action{min-height:44px;margin-top:2px;padding-inline:20px;font-size:12px;font-weight:750}
body.ko-v2 .kd-ocean-check{display:grid;grid-template-columns:20px minmax(0,1fr);gap:11px;align-items:start}
body.ko-v2 .kd-ocean-check input{width:17px;height:17px;margin-top:2px;accent-color:var(--ko-orange)}
body.ko-v2 .kd-ocean-check small{display:block;margin-top:2px;color:#87a8b4;font-size:10px}
body.ko-v2 .kd-ocean-step-list{display:grid;gap:9px}
body.ko-v2 .kd-ocean-step-list article{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.035)}
body.ko-v2 .kd-ocean-step-list article>b{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:rgba(101,220,231,.10);color:#7eddeb}
body.ko-v2 .kd-ocean-step-list span,body.ko-v2 .kd-ocean-step-list small{display:block}body.ko-v2 .kd-ocean-step-list span{color:#fff;font-size:12px;font-weight:650}body.ko-v2 .kd-ocean-step-list small{margin-top:2px;color:#85a5b1;font-size:10px}

body.ko-v2 .kd-ocean-wallet-grid{grid-template-columns:1.25fr .85fr .85fr;align-items:stretch}
body.ko-v2 .kd-ocean-transaction-hero,body.ko-v2 .kd-ocean-payment-grid,body.ko-v2 .kd-ocean-opening-hero{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}
body.ko-v2 .kd-ocean-transaction-copy,body.ko-v2 .kd-ocean-transaction-status,body.ko-v2 .kd-ocean-payment-main,body.ko-v2 .kd-ocean-payment-code,body.ko-v2 .kd-ocean-pack-cta{padding:24px;border:1px solid var(--ko-line);border-radius:18px;background:rgba(7,31,44,.86)}
body.ko-v2 .kd-ocean-pack-detail-grid{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:18px;align-items:start}
body.ko-v2 .kd-ocean-pack-stage{padding:18px;overflow:hidden}
body.ko-v2 .kd-ocean-pack-stage>img{width:100%;max-height:570px;object-fit:cover;border-radius:14px}
body.ko-v2 .kd-ocean-pack-cta h2{margin:10px 0 8px;color:#fff;font:500 clamp(28px,3vw,40px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.025em}
body.ko-v2 .kd-ocean-pack-cta>p{color:#9cbcc7;font-size:12px}
body.ko-v2 .kd-ocean-pack-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}
body.ko-v2 .kd-ocean-pack-metrics article{min-height:92px;padding:13px}
body.ko-v2 .kd-ocean-pack-metrics b{font-size:19px}
body.ko-v2 .kd-ocean-card-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-prize{position:relative;overflow:hidden;aspect-ratio:3/4.2;min-width:0;border:1px solid var(--ko-line);border-radius:16px;background:#092535;box-shadow:0 18px 38px rgba(0,0,0,.22)}
body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-prize>img{width:100%;height:100%;object-fit:cover}
body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-prize:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(2,13,20,.96))}
body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-rarity,body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-info-dot,body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-prize-pack,body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-prize-bottom{position:absolute;z-index:2}
body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-rarity{top:11px;left:11px;padding:5px 8px;border-radius:999px;background:rgba(3,18,27,.72);color:#86e4ed;font-size:8px;font-weight:700;letter-spacing:.08em}
body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-info-dot{top:11px;right:11px;display:grid;width:24px;height:24px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(3,18,27,.72);font-size:10px}
body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-prize-pack{right:12px;bottom:64px;left:12px;color:#69d6e1;font-size:7px;letter-spacing:.08em;text-transform:uppercase}
body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-prize-bottom{right:12px;bottom:11px;left:12px}
body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-prize-bottom b,body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-prize-bottom small,body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-prize-bottom strong{display:block}
body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-prize-bottom b{color:#fff;font:500 15px/1.1 Georgia,serif}body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-prize-bottom small{margin-top:2px;color:#9dbac4;font-size:8px}body.ko-v2 .kd-ocean-card-preview-grid .kd-hf3-prize-bottom strong{margin-top:5px;color:#f0a34c;font-size:8px}

/* Standalone fallbacks for older client templates not yet migrated to kd-ocean. */
body.ko-v2 .page{padding-top:42px;padding-bottom:68px}
body.ko-v2 .page>h1,body.ko-v2 .app-main>h1{margin:0 0 10px;color:#fff;font:500 clamp(36px,4vw,52px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.03em}
body.ko-v2 .grid-2,body.ko-v2 .app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}
body.ko-v2 .app-shell{width:var(--ko-wrap);margin:0 auto;padding:42px 0 68px}
body.ko-v2 .app-main{min-width:0}
body.ko-v2 .menu-side.panel{position:sticky;top:82px;padding:12px}
body.ko-v2 .menu-side a{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 11px;text-decoration:none;font-size:11px}
body.ko-v2 .panel,body.ko-v2 .admin-panel,body.ko-v2 .k-sec-panel{padding:22px}
body.ko-v2 .panel h2,body.ko-v2 .admin-panel h2,body.ko-v2 .k-sec-panel h2{margin:0 0 14px;color:#fff;font-size:19px;text-transform:none}
body.ko-v2 .muted,body.ko-v2 .small-note{color:#8eafbb;font-size:11px;line-height:1.5}
body.ko-v2 .real-list{display:grid;gap:9px;margin-top:14px}
body.ko-v2 .real-list>*{padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.035)}
body.ko-v2 .admin-table-wrap{overflow:auto;border:1px solid var(--ko-line);border-radius:14px}
body.ko-v2 table{width:100%;border-collapse:collapse;color:#c9e1e8;font-size:11px}
body.ko-v2 th,body.ko-v2 td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}
body.ko-v2 th{color:#79dbe6;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
body.ko-v2 .event-detail-hero-v215{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end;padding:24px;border:1px solid var(--ko-line);border-radius:18px;background:linear-gradient(145deg,#0d4052,#092536)}
body.ko-v2 .event-detail-hero-v215 h1{margin:8px 0;color:#fff;font:500 clamp(34px,4vw,50px)/1 Georgia,serif}
body.ko-v2 .eyebrow{color:#77dce7;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
body.ko-v2 .gamification-kpi-row,body.ko-v2 .gamification-grid-public-v214,body.ko-v2 .grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
body.ko-v2 .aqcard{padding:18px;border:1px solid var(--ko-line);border-radius:16px;background:rgba(8,34,48,.82)}
body.ko-v2 .page .input,body.ko-v2 .app-main .input{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--ko-line);border-radius:12px;outline:0;background:#071f2e;color:#fff}
body.ko-v2 .page textarea.input,body.ko-v2 .app-main textarea.input{min-height:96px;resize:vertical}
body.ko-v2 .event-detail-actions-v215{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
body.ko-v2 .event-count-card-v215{display:grid;min-width:240px;padding:18px;border:1px solid rgba(101,220,231,.14);border-radius:15px;background:rgba(3,21,31,.32);text-align:right}
body.ko-v2 .event-count-card-v215 span{color:#fff;font:500 27px/1 Georgia,serif}body.ko-v2 .event-count-card-v215 small{margin-top:5px;color:#81a7b4;font-size:9px;text-transform:uppercase}body.ko-v2 .event-count-card-v215 b{margin-top:12px;color:#6bd6a8;font-size:11px}
body.ko-v2 .gamification-kpi-row-v214{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
body.ko-v2 .gamification-kpi-row-v214>div{display:grid;gap:5px;min-height:105px;padding:17px;border:1px solid var(--ko-line);border-radius:15px;background:rgba(8,34,48,.82)}
body.ko-v2 .gamification-kpi-row-v214 span{color:#79dce7;font-size:9px;text-transform:uppercase;letter-spacing:.06em}body.ko-v2 .gamification-kpi-row-v214 b{color:#fff;font:500 25px/1 Georgia,serif}body.ko-v2 .gamification-kpi-row-v214 small{color:#829fac;font-size:9px}
body.ko-v2 .gamification-grid-public-v214{grid-template-columns:repeat(2,minmax(0,1fr))}
body.ko-v2 .ranking-list-v214{display:grid;gap:7px}
body.ko-v2 .ranking-list-v214>div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07)}
body.ko-v2 .ranking-list-v214>div:last-child{border-bottom:0}body.ko-v2 .ranking-list-v214 b{color:#fff;font-size:11px}body.ko-v2 .ranking-list-v214 span{color:#89aab6;font-size:10px;text-align:right}
body.ko-v2 .kd-v38-page{position:relative;z-index:2;padding-bottom:60px}
body.ko-v2 .kd-v38-hero{padding:52px 0 28px}
body.ko-v2 .kd-v38-block{padding:24px 0}
body.ko-v2 .kd-v38-sec-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
body.ko-v2 .kd-v38-sec-head h2{margin:0;color:#fff;font:500 26px/1.05 Georgia,serif}
body.ko-v2 .kd-v38-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.ko-v2 .kd-v38-filters a,body.ko-v2 .kd-v38-filters button,body.ko-v2 .kd-v38-filters select,body.ko-v2 .kd-v38-filters>span{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border:1px solid var(--ko-line);border-radius:999px;background:#092637;color:#b9d4dd;text-decoration:none;font-size:10px}
body.ko-v2 .kd-v38-prize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
body.ko-v2 .kd-v38-orders-list,body.ko-v2 .kd-v38-list{display:grid;gap:10px}
body.ko-v2 .kd-v38-orders-list>*,body.ko-v2 .kd-v38-list>*{padding:15px;border:1px solid var(--ko-line);border-radius:14px;background:rgba(8,34,48,.82)}
body.ko-v2 .kd-v38-two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.ko-v2 .kd-v38-panel{padding:20px;border:1px solid var(--ko-line);border-radius:17px;background:rgba(8,34,48,.84)}
body.ko-v2 .kd-v38-empty{padding:28px;border:1px dashed rgba(101,220,231,.22);border-radius:15px;background:rgba(8,40,58,.5);color:#97b7c2;text-align:center}
body.ko-v2 .kd-ocean-metrics b{overflow-wrap:anywhere}
body.ko-v2 .kd-ocean-account-mini-metrics{grid-template-columns:1fr}

/* Collections and albums */
body.ko-v2 .kd-hf5-co-hero,body.ko-v2 .kd-hf6-hero{padding:52px 0 26px;background:transparent}
body.ko-v2 .kd-hf6-wrap{width:var(--ko-wrap);margin:0 auto}
body.ko-v2 .kd-hf6-hero h1{margin:0;color:#fff;font:500 clamp(40px,5vw,64px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.04em}
body.ko-v2 .kd-hf6-hero h1 span{color:var(--ko-aqua)}
body.ko-v2 .kd-hf6-hero>div>p{max-width:720px;margin:10px 0 0;color:var(--ko-muted);font-size:14px}
body.ko-v2 .kd-hf6-search{max-width:760px;margin-top:22px}
body.ko-v2 .kd-hf6-pills{margin-top:14px}
body.ko-v2 .kd-hf6-pills a{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;text-decoration:none;font-size:10px}
body.ko-v2 .kd-hf6-section{padding:26px 0 64px}
body.ko-v2 .kd-hf6-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
body.ko-v2 .kd-hf6-section-head h2{margin:0;color:#fff;font:500 28px/1.05 Georgia,serif}
body.ko-v2 .kd-hf6-section-head a{color:#efa147;text-decoration:none;font-size:11px}
body.ko-v2 .kd-hf6-album-card{overflow:hidden;display:flex;min-height:430px;flex-direction:column}
body.ko-v2 .kd-hf6-album-cover{display:block;height:210px;overflow:hidden}
body.ko-v2 .kd-hf6-album-cover img{width:100%;height:100%;object-fit:cover}
body.ko-v2 .kd-hf6-album-body{display:flex;flex:1;padding:17px;flex-direction:column}
body.ko-v2 .kd-hf6-album-body>span{color:#78dce7;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
body.ko-v2 .kd-hf6-album-body h3{margin:7px 0;color:#fff;font-size:18px}
body.ko-v2 .kd-hf6-album-body p{margin:0 0 14px;color:#91b2bd;font-size:11px;line-height:1.45}
body.ko-v2 .kd-hf6-progress{height:5px;margin-top:auto;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}
body.ko-v2 .kd-hf6-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#48d9cf,#f2a246)}
body.ko-v2 .kd-hf6-album-body small{margin:8px 0 12px;color:#7e9da8;font-size:9px}
body.ko-v2 .kd-hf6-btn{align-self:flex-start;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;text-decoration:none;font-size:10px}
body.ko-v2 .kd-hf5-album-link{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
body.ko-v2 .kd-hf5-album-link a,body.ko-v2 .kd-hf5-album-link span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--ko-line);border-radius:999px;background:rgba(255,255,255,.035);color:#a9c7d1;text-decoration:none;font-size:10px}
body.ko-v2 .kd-hf5-album-link a{border-color:rgba(238,139,43,.24);color:#f0a149}
body.ko-v2 .kd-hf5-section-row,body.ko-v2 .kd-hf5-co-toolbar{margin-bottom:17px}
body.ko-v2 .kd-hf1-co-title{margin:0;color:#fff;font:500 28px/1.05 Georgia,serif}
body.ko-v2 .kd-hf5-section-row>a{color:#efa147;text-decoration:none;font-size:11px}
body.ko-v2 .kd-hf5-owned-pack{overflow:hidden;display:flex;min-height:400px;flex-direction:column}
body.ko-v2 .kd-hf5-owned-pack-art{height:210px}
body.ko-v2 .kd-hf5-owned-pack-art img{width:100%;height:100%;object-fit:cover}
body.ko-v2 .kd-hf5-owned-pack-body{flex:1;padding:17px}
body.ko-v2 .kd-hf5-owned-pack-body h3{margin:0 0 7px;color:#fff;font-size:17px}
body.ko-v2 .kd-hf5-owned-pack-body p{margin:0 0 15px;color:#91b2bd;font-size:11px;line-height:1.45}
body.ko-v2 .kd-hf5-owned-pack-btn{align-self:flex-start;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;text-decoration:none;font-size:10px}
body.ko-v2 .kd-hf5-collection-card{position:relative;overflow:hidden;padding:12px}
body.ko-v2 .kd-hf5-card-image{overflow:hidden;aspect-ratio:3/4;border-radius:12px;background:#082435}
body.ko-v2 .kd-hf5-card-image img{width:100%;height:100%;object-fit:cover}
body.ko-v2 .kd-hf5-card-new{position:absolute;z-index:2;top:21px;left:21px;padding:5px 8px;border-radius:99px;background:#5bd7a1;color:#042117;font-size:8px;font-weight:700;text-transform:uppercase}
body.ko-v2 .kd-hf5-card-info{top:21px;right:21px;width:25px;height:25px;background:rgba(3,18,27,.68)}
body.ko-v2 .kd-hf5-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:#76dce7;font-size:9px;text-transform:uppercase}
body.ko-v2 .kd-hf5-collection-card>strong{display:block;margin-top:6px;color:#fff;font-size:11px}

/* V2 navigation, action system and marketplace coherence. */
body.ko-v2 [hidden]{display:none}
body.ko-v2 .topbar-public .nav a,
body.ko-v2 .ko-live-nav a,
body.ko-v2 .menu-side a,
body.ko-v2 .kd-ocean-account-tabs a,
body.ko-v2 .mobile-bottom-nav a,
body.ko-v2 .kd-hf6-pills a{ text-decoration:none }
body.ko-v2 .topbar-public .nav a::after{display:none}
body.ko-v2 .ko-btn,
body.ko-v2 .kd-hf1-buy,
body.ko-v2 .kd-ocean-mini-action{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;
  border:1px solid transparent;border-radius:999px;text-decoration:none;font-family:var(--ko-sans);font-size:12px;font-weight:750;
  line-height:1;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease
}
body.ko-v2 .ko-btn:hover,body.ko-v2 .kd-hf1-buy:hover,body.ko-v2 .kd-ocean-mini-action:hover{transform:translateY(-1px)}
body.ko-v2 .ko-btn-primary,body.ko-v2 button.kd-hf1-buy{background:linear-gradient(180deg,var(--ko-orange-hi),var(--ko-orange));color:#fff;box-shadow:0 12px 26px rgba(223,110,17,.22)}
body.ko-v2 .ko-btn-secondary,body.ko-v2 a.kd-hf1-buy,body.ko-v2 .kd-ocean-mini-action{border-color:rgba(183,231,242,.17);background:rgba(236,249,255,.055);color:#eaf9fd}
body.ko-v2 .ko-btn-sm{min-height:38px;padding-inline:15px;font-size:11px}
body.ko-v2 .kd-hf5-filter-chip,body.ko-v2 .kd-hf5-ocean-filters select{min-height:40px;border:1px solid rgba(183,231,242,.13);border-radius:999px;background:#092637;color:#d8eef4}
body.ko-v2 :is(.ko-btn,.btn,.kd-hf1-buy,.kd-ocean-mini-action,.kd-hf5-filter-chip):focus-visible{outline:3px solid rgba(101,220,231,.30);outline-offset:3px}
body.ko-v2 .ko-section-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:#70dbe7;font-size:9px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
body.ko-v2 .ko-section-kicker::before{content:"";width:18px;height:1px;background:#70dbe7}
body.ko-v2 .kd-hf1-sec-head{margin-bottom:20px}
body.ko-v2 .kd-hf1-sec-head h2{margin:0;color:#fff;font-family:var(--ko-serif);font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.05}
body.ko-v2 .kd-hf2-listing-grid{align-items:stretch}
body.ko-v2 .kd-hf2-listing-card{position:relative;display:grid;grid-template-columns:minmax(118px,.72fr) minmax(0,1fr);gap:16px;overflow:hidden;padding:14px;border:1px solid rgba(173,226,238,.13);border-radius:18px;background:linear-gradient(145deg,rgba(13,47,64,.92),rgba(6,29,43,.95));box-shadow:0 18px 44px rgba(0,0,0,.16)}
body.ko-v2 .kd-hf2-listing-card>img{grid-row:1/3;width:100%;height:100%;max-height:310px;aspect-ratio:3/4;object-fit:cover;border-radius:12px;background:#061722}
body.ko-v2 .kd-hf2-listing-card>span{position:absolute;z-index:2;top:23px;left:23px;padding:5px 8px;border-radius:99px;background:rgba(4,20,30,.82);color:#83e3ec;font-size:8px;font-weight:800;letter-spacing:.08em}
body.ko-v2 .kd-hf2-listing-card>div{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:10px 4px 4px 0}
body.ko-v2 .kd-hf2-listing-card h3{margin:0 0 7px;color:#fff;font-family:var(--ko-serif);font-size:25px;line-height:1.05}
body.ko-v2 .kd-hf2-listing-card p{color:#86aab6;font-size:10px;line-height:1.45}
body.ko-v2 .kd-hf2-listing-card b{margin:auto 0 13px;color:#fff;font-size:17px}
body.ko-v2 .kd-hf2-listing-card form,body.ko-v2 .kd-hf2-listing-card .ko-btn{width:100%}
body.ko-v2 .kd-hf1-promo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);overflow:hidden;padding:38px;border:1px solid rgba(173,226,238,.14);border-radius:22px;background:radial-gradient(440px 240px at 88% 30%,rgba(67,203,213,.18),transparent 68%),linear-gradient(125deg,#0d3d50,#082738 68%,#0b2f3e)}
body.ko-v2 .kd-hf1-promo>div:first-child{position:relative;z-index:2;max-width:640px}
body.ko-v2 .kd-hf1-promo h2{margin:0 0 10px;color:#fff;font-family:var(--ko-serif);font-size:clamp(36px,4vw,55px);line-height:1}
body.ko-v2 .kd-hf1-promo p{max-width:560px;color:#a7c7d1;font-size:14px}
body.ko-v2 .kd-hf1-promo-art{min-height:190px;background:radial-gradient(circle at 52% 48%,rgba(101,220,231,.72) 0 7%,transparent 8%),radial-gradient(circle at 65% 34%,rgba(238,139,43,.68) 0 5%,transparent 6%),linear-gradient(145deg,transparent 0 30%,rgba(101,220,231,.08) 31% 68%,transparent 69%);filter:drop-shadow(0 20px 30px rgba(0,0,0,.22))}

/* PWA install surface and standalone app shell. */
body.ko-v2 .pwa-mini-install{border-color:rgba(238,139,43,.28);background:rgba(238,139,43,.09);color:#ffc17b}
body.ko-v2 .pwa-install-card{position:fixed;z-index:10020;left:50%;right:auto;bottom:max(22px,env(safe-area-inset-bottom));display:grid;width:min(650px,calc(100% - 32px));grid-template-columns:58px minmax(0,1fr) auto 32px;gap:14px;align-items:center;padding:14px 14px 14px 16px;border:1px solid rgba(126,224,235,.23);border-radius:20px;background:linear-gradient(145deg,rgba(9,42,57,.98),rgba(3,20,31,.99));box-shadow:0 26px 80px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.045);transform:translateX(-50%);backdrop-filter:blur(24px)}
body.ko-v2 .pwa-install-card[hidden]{display:none}
body.ko-v2 .ko-pwa-icon{display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border-radius:16px;background:#0c2d3d;box-shadow:0 10px 24px rgba(0,0,0,.25)}
body.ko-v2 .ko-pwa-icon img{width:100%;height:100%;object-fit:cover}
body.ko-v2 .ko-pwa-copy{display:grid;gap:2px;min-width:0}
body.ko-v2 .ko-pwa-copy small{color:#68dbe7;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
body.ko-v2 .ko-pwa-copy b{color:#fff;font-size:15px}
body.ko-v2 .ko-pwa-copy span{color:#8fb1bc;font-size:10px;line-height:1.35}
body.ko-v2 .pwa-install-card .pwa-close{display:grid;width:30px;height:30px;padding:0;place-items:center;border-radius:9px;background:rgba(255,255,255,.04);color:#7f9da8;font-size:18px}
body.ko-v2 .ko-pwa-required{display:none}

@media(min-width:821px){
  body.ko-v2 .pwa-install-card,body.ko-v2 .pwa-mini-install{display:none}
}

/* Final pre-device polish: icons, feedback, loading and mobile app surfaces. */
body.ko-v2 .ko-ui-icon,body.ko-v2 .ko-tab-icon{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.ko-v2 .ko-ui-icon-sm{width:15px;height:15px}
body.ko-v2 .ko-page-progress{position:fixed;z-index:12000;top:0;left:0;right:0;height:3px;pointer-events:none;opacity:0;overflow:hidden;background:rgba(101,220,231,.06);transition:opacity .18s ease}
body.ko-v2 .ko-page-progress i{display:block;width:35%;height:100%;border-radius:0 99px 99px 0;background:linear-gradient(90deg,#55d9e5,#f3a13d);box-shadow:0 0 18px rgba(101,220,231,.7);transform:translateX(-120%)}
body.ko-v2.ko-is-navigating .ko-page-progress{opacity:1}
body.ko-v2.ko-is-navigating .ko-page-progress i{animation:ko-progress-run 1.1s cubic-bezier(.22,.7,.22,1) infinite}
@keyframes ko-progress-run{0%{transform:translateX(-120%) scaleX(.7)}65%{transform:translateX(210%) scaleX(1.35)}100%{transform:translateX(410%) scaleX(.7)}}

body.ko-v2 button.is-loading,body.ko-v2 .btn.is-loading{position:relative;pointer-events:none;color:transparent;opacity:.82}
body.ko-v2 button.is-loading::after,body.ko-v2 .btn.is-loading::after{content:"";position:absolute;left:50%;top:50%;width:17px;height:17px;margin:-9px 0 0 -9px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ko-spin .7s linear infinite}
@keyframes ko-spin{to{transform:rotate(360deg)}}
body.ko-v2 button:disabled,body.ko-v2 .btn[aria-disabled="true"]{cursor:not-allowed;opacity:.52;filter:saturate(.65)}
body.ko-v2 :is(button,.btn,.ko-btn,.kd-ocean-action):active{transform:translateY(1px) scale(.99)}

body.ko-v2 .ko-media-shell{position:relative;overflow:hidden;background:#082535}
body.ko-v2 .ko-media-shell::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 25%,rgba(181,235,244,.09) 43%,rgba(181,235,244,.16) 50%,rgba(181,235,244,.09) 57%,transparent 75%);background-size:220% 100%;animation:ko-shimmer 1.35s linear infinite;transition:opacity .3s ease}
body.ko-v2 .ko-media-shell.ko-media-loaded::after{opacity:0;animation:none}
body.ko-v2 .ko-media{opacity:0;transition:opacity .38s ease,transform .45s ease}
body.ko-v2 .ko-media.ko-media-ready{opacity:1}
@keyframes ko-shimmer{to{background-position:-220% 0}}

body.ko-v2 .toast-stack{position:fixed;z-index:11000;top:92px;right:20px;display:grid;width:min(390px,calc(100% - 32px));gap:10px;pointer-events:none}
body.ko-v2 .toast{position:relative;padding:14px 42px 14px 16px;border:1px solid rgba(173,226,238,.17);border-radius:14px;background:rgba(6,31,44,.96);box-shadow:0 20px 55px rgba(0,0,0,.34);color:#eaf9fd;font-size:12px;line-height:1.45;pointer-events:auto;animation:ko-toast-in .28s ease both;backdrop-filter:blur(18px)}
body.ko-v2 .toast-success{border-color:rgba(90,213,160,.28);box-shadow:inset 3px 0 #5ad5a0,0 20px 55px rgba(0,0,0,.34)}
body.ko-v2 .toast-error,body.ko-v2 .toast-danger{border-color:rgba(244,112,112,.28);box-shadow:inset 3px 0 #ef7373,0 20px 55px rgba(0,0,0,.34)}
body.ko-v2 .toast.ko-toast-out{opacity:0;transform:translateX(18px);transition:opacity .22s ease,transform .22s ease}
@keyframes ko-toast-in{from{opacity:0;transform:translateY(-8px) scale(.98)}}
body.ko-v2 .net-status{position:fixed;z-index:11010;left:50%;bottom:22px;max-width:calc(100% - 28px);padding:10px 15px;border:1px solid rgba(173,226,238,.18);border-radius:999px;background:rgba(4,24,35,.96);box-shadow:0 16px 45px rgba(0,0,0,.32);color:#dff6fa;font-size:11px;transform:translateX(-50%)}

body.ko-v2 .kd-hf1-empty,body.ko-v2 .kd-v38-empty,body.ko-v2 .empty-state{padding:28px;border:1px dashed rgba(144,214,226,.20);border-radius:16px;background:rgba(8,38,53,.52);color:#91b3be;text-align:center}
body.ko-v2 :is(input,select,textarea):user-invalid{border-color:rgba(239,115,115,.62);box-shadow:0 0 0 3px rgba(239,115,115,.08)}

body.ko-v2 .kd-mobile-more-backdrop{position:fixed;z-index:10030;inset:0;background:rgba(0,10,17,.66);backdrop-filter:blur(5px)}
body.ko-v2 .kd-mobile-more-drawer{position:fixed;z-index:10040;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:18px;border:1px solid rgba(173,226,238,.17);border-radius:24px;background:linear-gradient(160deg,rgba(11,47,63,.99),rgba(3,20,31,.99));box-shadow:0 28px 80px rgba(0,0,0,.52);animation:ko-drawer-up .25s ease both}
body.ko-v2 .kd-mobile-more-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
body.ko-v2 .kd-mobile-more-head b,body.ko-v2 .kd-mobile-more-head small{display:block}
body.ko-v2 .kd-mobile-more-head b{color:#fff;font-size:18px}
body.ko-v2 .kd-mobile-more-head small{color:#84a8b4;font-size:10px}
body.ko-v2 .kd-mobile-more-head button{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:rgba(255,255,255,.055);color:#b9d4dc;font-size:20px}
body.ko-v2 .kd-mobile-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.ko-v2 .kd-mobile-more-grid a{display:flex;min-height:66px;align-items:center;gap:11px;padding:12px;border:1px solid rgba(173,226,238,.10);border-radius:15px;background:rgba(255,255,255,.035);color:#dceff4;text-decoration:none}
body.ko-v2 .kd-mobile-more-grid a>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:rgba(101,220,231,.08);color:#6bdbe5}
body.ko-v2 .kd-mobile-more-grid a b{font-size:11px}
body.ko-v2 .kd-mobile-more-logout{margin-top:10px}
body.ko-v2 .kd-mobile-more-logout button{width:100%;min-height:44px;border:1px solid rgba(239,115,115,.18);border-radius:13px;background:rgba(239,115,115,.06);color:#e9a5a5;font-size:11px;font-weight:700}
@keyframes ko-drawer-up{from{opacity:0;transform:translateY(24px) scale(.98)}}

@media(hover:hover) and (pointer:fine){
  body.ko-v2 :is(.kd-hf3-ocean-pack,.kd-hf5-owned-pack,.kd-hf5-collection-card,.kd-hf6-album-card,.kd-ocean-card,.kd-hf2-listing-card){transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
  body.ko-v2 :is(.kd-hf3-ocean-pack,.kd-hf5-owned-pack,.kd-hf5-collection-card,.kd-hf6-album-card,.kd-ocean-card,.kd-hf2-listing-card):hover{transform:translateY(-4px);border-color:rgba(101,220,231,.26);box-shadow:0 25px 55px rgba(0,0,0,.24)}
  body.ko-v2 .kd-hf3-ocean-pack:hover .kd-hf3-ocean-chest img{transform:scale(1.025)}
}

@media(display-mode:standalone){
  html{background:#03111a}
  body.ko-v2{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}
  body.ko-v2 .topbar-public{position:sticky;top:0;padding-top:calc(12px + env(safe-area-inset-top))}
  body.ko-v2 .pwa-install-card,body.ko-v2 .pwa-mini-install{display:none}
  body.ko-v2.auth-page .auth,body.ko-v2.auth-page .auth-wrap,body.ko-v2.auth-page .ko-auth-story{min-height:100dvh}
  body.ko-v2 .mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}
}

@media(min-width:1500px){
  :root{--ko-wrap:min(1460px,calc(100% - 64px))}
  body.ko-v2 .ko-live-main{padding:54px 32px 38px}
  body.ko-v2 .ko-live-hero,body.ko-v2 .ko-live-journey{max-width:1460px}
  body.ko-v2 .ko-live-hero{grid-template-columns:minmax(0,1.08fr) minmax(430px,.72fr);gap:96px;padding:42px 0 56px}
  body.ko-v2 .ko-live-hero-copy{padding-left:34px}
  body.ko-v2 .ko-live-hero h1{font-size:86px;max-width:760px}
  body.ko-v2 .ko-live-hero-copy>p{max-width:660px;font-size:17px}
  body.ko-v2 .ko-live-fish-card{width:218px}
  body.ko-v2 .ko-live-fish{height:183px}
  body.ko-v2 .ko-live-card-stage{min-height:438px}
  body.ko-v2 .ko-live-journey>div{padding:24px 28px}
  body.ko-v2 .ko-client-dashboard{max-width:1460px;grid-template-columns:1.45fr .55fr;gap:20px}
  body.ko-v2 .kd-hf3-ocean-pack-grid,body.ko-v2 .kd-hf5-owned-pack-grid,body.ko-v2 .kd-hf6-album-grid,body.ko-v2 .kd-v38-prize-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.ko-v2 .kd-ocean-card-preview-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  body.ko-v2 .kd-ocean-hero h1{max-width:1080px;font-size:70px}
}

/* Auth split scene, keeping ocean FX */
body.ko-v2.auth-page .sea.sea-auth{background:radial-gradient(700px 460px at 22% 38%,rgba(47,197,214,.24),transparent 66%),linear-gradient(145deg,#0b3548,#061925 62%)}
body.ko-v2.auth-login-page{height:100dvh;overflow:hidden}
body.ko-v2.auth-login-page .sea.sea-auth,body.ko-v2.auth-login-page .auth{height:100dvh;overflow:hidden}
@media(min-width:981px) and (min-height:680px){
  body.ko-v2.auth-signup-page,body.ko-v2.auth-signup-page .sea.sea-auth,body.ko-v2.auth-signup-page .auth{height:100dvh;overflow:hidden}
}
body.ko-v2 .auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;padding:0;background:transparent}
body.ko-v2.auth-page .auth-brand-row{position:absolute;z-index:6;left:54px;right:auto;top:42px;width:auto;margin:0;transform:none}
body.ko-v2 .auth-logo-img img{height:38px}
body.ko-v2 .ko-auth-logo{display:flex;align-items:center;gap:10px;color:#f4fbff;text-decoration:none;font-size:12px;letter-spacing:.08em}
body.ko-v2 .ko-auth-story{display:flex;min-height:100vh;padding:120px 54px 150px;flex-direction:column;justify-content:center;position:relative;z-index:3;overflow:hidden}
body.ko-v2 .ko-auth-story>span{color:var(--ko-aqua);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
body.ko-v2.auth-page .ko-auth-story h2{max-width:560px;margin:18px 0;color:#fff;font:500 clamp(42px,5vw,68px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.04em;text-transform:none}
body.ko-v2 .ko-auth-story p{max-width:520px;color:#a8c9d4;font-size:15px;line-height:1.6}
body.ko-v2 .ko-auth-proof{display:none}
body.ko-v2 .ko-auth-proof b{padding:8px 11px;border:1px solid var(--ko-line);border-radius:999px;background:rgba(8,35,49,.44);color:#a9cbd5;font-size:10px;font-weight:500}
body.ko-v2 .ko-auth-card-stage{position:relative;width:min(430px,86%);height:255px;margin:38px 0 -48px 8px;isolation:isolate;perspective:900px}
body.ko-v2 .ko-auth-card-glow{position:absolute;z-index:-1;left:50%;bottom:8px;width:330px;height:130px;border-radius:50%;background:radial-gradient(ellipse,rgba(63,207,222,.20),transparent 68%);filter:blur(18px);transform:translateX(-50%)}
body.ko-v2 .ko-auth-fish-card{position:absolute;left:50%;top:0;width:154px;height:218px;padding:10px;border:1px solid rgba(137,222,234,.30);border-radius:18px;background:linear-gradient(180deg,#0e4052,#092536 72%);box-shadow:0 22px 48px rgba(0,0,0,.40);color:#f4fbff;transform-origin:50% 100%;transition:transform .45s ease,filter .45s ease}
body.ko-v2 .ko-auth-fish-card.card-left{z-index:1;transform:translateX(-126%) translateY(17px) rotate(-9deg);background:linear-gradient(180deg,#125367,#092c3b)}
body.ko-v2 .ko-auth-fish-card.card-right{z-index:1;transform:translateX(26%) translateY(18px) rotate(9deg);border-color:rgba(236,157,85,.30);background:linear-gradient(180deg,#593726,#102b39)}
body.ko-v2 .ko-auth-fish-card.card-center{z-index:2;transform:translateX(-50%) translateY(-4px)}
body.ko-v2 .ko-auth-rarity{display:flex;align-items:center;justify-content:space-between;margin:0 1px 8px;color:#7de3ed;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
body.ko-v2 .ko-auth-fish{height:132px;margin-bottom:10px;overflow:hidden;border-radius:11px;background:#03121b}
body.ko-v2 .ko-auth-fish img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
body.ko-v2 .ko-auth-fish-card>b,body.ko-v2 .ko-auth-fish-card>small{display:block;position:relative;z-index:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ko-v2 .ko-auth-fish-card>b{font-family:var(--ko-serif);font-size:15px;font-weight:600}
body.ko-v2 .ko-auth-fish-card>small{margin-top:4px;color:#85abb7;font-size:8px}
body.ko-v2 .auth-wrap{grid-column:2;width:100%;max-width:none;min-height:100vh;margin:0;padding:38px;display:grid;place-items:center;background:rgba(3,16,24,.82);position:relative;z-index:4}
body.ko-v2 .auth-card-col{width:min(420px,100%);margin:0}
body.ko-v2.auth-page .card-auth{width:100%;max-width:none;padding:20px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.ko-v2 .card-auth>h1{margin:0 0 8px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:36px;font-weight:500;line-height:1}
body.ko-v2 .auth-subtitle{margin:0 0 28px;color:#99bcc8;font-size:12px;line-height:1.6}
body.ko-v2 .field{margin-bottom:18px}
body.ko-v2 .field>label{display:block;margin:0 0 8px;color:#b7d2dc;font-size:11px;font-weight:650}
body.ko-v2 .premium-input{min-height:52px;border:1px solid var(--ko-line);border-radius:14px;background:#071f2e;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
body.ko-v2 .premium-input:focus-within{border-color:rgba(101,220,231,.52);background:#082536;box-shadow:0 0 0 3px rgba(101,220,231,.08)}
body.ko-v2 .premium-input .input{min-width:0;color:#fff;font-size:14px;caret-color:#62dce6}
body.ko-v2 input,body.ko-v2 select,body.ko-v2 textarea{color-scheme:dark}
body.ko-v2 input[type="text"],body.ko-v2 input[type="email"],body.ko-v2 input[type="password"],body.ko-v2 input[type="tel"],body.ko-v2 input[type="url"],body.ko-v2 input[type="search"],body.ko-v2 input[type="number"],body.ko-v2 input[type="date"],body.ko-v2 input[type="datetime-local"],body.ko-v2 input[type="time"],body.ko-v2 select,body.ko-v2 textarea{-webkit-appearance:none;appearance:none;border-radius:14px;outline:0;-webkit-tap-highlight-color:transparent}
body.ko-v2 input::placeholder,body.ko-v2 textarea::placeholder{color:#668d9b;opacity:1}
body.ko-v2 input:-webkit-autofill,body.ko-v2 input:-webkit-autofill:hover,body.ko-v2 input:-webkit-autofill:focus{-webkit-text-fill-color:#f3fbff;-webkit-box-shadow:0 0 0 1000px #082536 inset;caret-color:#62dce6;transition:background-color 9999s ease-out 0s}
body.ko-v2 input::-ms-reveal,body.ko-v2 input::-ms-clear,body.ko-v2 input[type="search"]::-webkit-search-cancel-button{display:none}
body.ko-v2 select{padding-right:48px;background-image:linear-gradient(45deg,transparent 50%,#78b3c1 50%),linear-gradient(135deg,#78b3c1 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
body.ko-v2 select::-ms-expand{display:none}
body.ko-v2 input[type="date"],body.ko-v2 input[type="datetime-local"],body.ko-v2 input[type="time"]{min-height:50px}
body.ko-v2 input::-webkit-date-and-time-value{text-align:left}
body.ko-v2 input::-webkit-calendar-picker-indicator{width:22px;height:22px;padding:6px;border-radius:8px;background-color:rgba(101,220,231,.10);filter:invert(83%) sepia(20%) saturate(777%) hue-rotate(137deg);cursor:pointer}
body.ko-v2 input[type="checkbox"],body.ko-v2 input[type="radio"]{-webkit-appearance:none;appearance:none;display:inline-grid;width:22px;height:22px;margin:0;place-content:center;border:1px solid rgba(166,220,232,.28);background:#071f2e;box-shadow:inset 0 0 0 3px #071f2e;vertical-align:middle;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
body.ko-v2 input[type="checkbox"]{border-radius:7px}
body.ko-v2 input[type="radio"]{border-radius:50%}
body.ko-v2 input[type="checkbox"]::before{content:"";width:10px;height:6px;border-left:2px solid #03121b;border-bottom:2px solid #03121b;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .15s ease}
body.ko-v2 input[type="radio"]::before{content:"";width:10px;height:10px;border-radius:50%;background:#03121b;transform:scale(0);transition:transform .15s ease}
body.ko-v2 input[type="checkbox"]:checked,body.ko-v2 input[type="radio"]:checked{border-color:#60dce6;background:#60dce6;box-shadow:0 0 0 3px rgba(96,220,230,.10)}
body.ko-v2 input[type="checkbox"]:checked::before,body.ko-v2 input[type="radio"]:checked::before{transform:translateY(-1px) rotate(-45deg) scale(1)}
body.ko-v2 input[type="radio"]:checked::before{transform:scale(1)}
body.ko-v2 input[type="file"]{width:100%;padding:7px;border:1px solid var(--ko-line);border-radius:14px;background:#071f2e;color:#8fb1bc}
body.ko-v2 input[type="file"]::file-selector-button{min-height:38px;margin-right:12px;padding:0 16px;border:0;border-radius:10px;background:#0f4354;color:#eaf9fc;font:700 11px var(--ko-sans)}
body.ko-v2 input[type="range"]{accent-color:#60dce6}
body.ko-v2 input:focus-visible,body.ko-v2 select:focus-visible,body.ko-v2 textarea:focus-visible{border-color:rgba(101,220,231,.58);box-shadow:0 0 0 3px rgba(101,220,231,.10)}
body.ko-v2 .auth-form .btn-primary{min-height:50px;margin-top:7px;border-radius:999px;background:linear-gradient(180deg,var(--ko-orange-hi),var(--ko-orange));text-transform:none}
body.ko-v2 .auth-row-end a,body.ko-v2 .auth-switch a{color:#f2a049;text-transform:none}
body.ko-v2 .auth-row-end{margin-top:-4px;margin-bottom:2px}
body.ko-v2 .auth-switch{margin:18px 0 0;text-align:center}
body.ko-v2 .auth .social .s{min-height:44px;border:1px solid var(--ko-line);border-radius:999px;background:#0a2a3a;color:#eaf8fb}
body.ko-v2 .ko-auth-legal{margin:20px 0 0;color:#6e95a3;font-size:9px;line-height:1.5;text-align:center}
body.ko-v2 .ko-auth-legal a{color:#9ebfca;text-decoration:underline}
body.ko-v2.auth-page .auth-static-fx,body.ko-v2.auth-page .octopus,body.ko-v2.auth-page .octo,body.ko-v2.auth-page .octo-real,body.ko-v2.auth-page .auth-foot{display:none}

@media(hover:hover) and (pointer:fine){
  body.ko-v2 .ko-auth-card-stage:hover .card-left{transform:translateX(-132%) translateY(12px) rotate(-12deg)}
  body.ko-v2 .ko-auth-card-stage:hover .card-right{transform:translateX(32%) translateY(12px) rotate(12deg)}
  body.ko-v2 .ko-auth-card-stage:hover .card-center{transform:translateX(-50%) translateY(-12px)}
  body.ko-v2 .ko-auth-card-stage:hover .card-center .ko-auth-fish img{transform:scale(1.04)}
}

@media(min-width:981px) and (max-height:820px){
  body.ko-v2 .ko-auth-story{padding-top:92px;padding-bottom:90px}
  body.ko-v2.auth-page .ko-auth-story h2{font-size:54px}
  body.ko-v2 .ko-auth-card-stage{height:210px;margin-top:22px;transform:scale(.84);transform-origin:left top}
  body.ko-v2 .auth-wrap{padding-block:20px}
  body.ko-v2 .field{margin-bottom:13px}
  body.ko-v2 .auth-subtitle{margin-bottom:18px}
  body.ko-v2 .ko-live-shell{min-height:64px}
  body.ko-v2 .ko-live-main{padding-top:20px;padding-bottom:16px}
  body.ko-v2 .ko-live-hero{padding-top:12px;padding-bottom:20px}
  body.ko-v2 .ko-live-hero h1{font-size:62px;margin-block:10px 14px}
  body.ko-v2 .ko-live-card-stage{min-height:330px;transform:scale(.84)}
  body.ko-v2 .ko-live-journey>div{padding-block:15px}
}

/* Footer */
body.ko-v2 .stats{width:var(--ko-wrap);max-width:none;margin:52px auto 0;padding:24px 0;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ko-line);border-bottom:1px solid var(--ko-line);background:transparent}
body.ko-v2 .stats .v{color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:28px;font-weight:500}
body.ko-v2 .stats .l{color:#759aa7;font-size:10px}
body.ko-v2 .foot{width:var(--ko-wrap);max-width:none;margin:0 auto;padding:38px 0;grid-template-columns:1.3fr repeat(3,1fr);background:transparent}
body.ko-v2 .foot h3{margin-bottom:14px;color:#fff;font-size:12px;text-transform:none}
body.ko-v2 .foot a{color:#83a8b5;font-size:11px}
body.ko-v2 .foot nav{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
body.ko-v2 .foot nav h3{margin:0 0 6px}
body.ko-v2 .foot nav a{display:block;text-decoration:none;line-height:1.45;transition:color .2s ease,transform .2s ease}
body.ko-v2 .foot nav a:hover{color:#f3fbff;transform:translateX(2px)}
body.ko-v2 .ko-footer-brand{display:inline-flex;align-items:center;gap:11px;color:#f4fbff;font-size:12px;font-weight:800;letter-spacing:.12em;text-decoration:none}
body.ko-v2 .ko-footer-tagline{max-width:270px;margin:17px 0 0;color:#7195a1;font-size:11px;line-height:1.65}
body.ko-v2 .foot-copy{display:flex;align-items:center;justify-content:center;gap:8px 18px;flex-wrap:wrap;padding:20px 22px 30px;border-top:1px solid rgba(173,226,238,.08);color:#638995;font-size:10px;text-align:center}
body.ko-v2 .foot-copy .jsb-credit{color:#84a8b4}
body.ko-v2 .kd-ocean-account-mini-metrics article b{display:block;max-width:100%;font-size:clamp(20px,2.1vw,30px);line-height:1.04;overflow-wrap:anywhere;word-break:break-word}
body.ko-v2 .mobile-bottom-nav{display:none}

/* Legal pages — calm, readable and consistent with the Ocean shell. */
body.ko-v2.ko-legal-page .sea{background:radial-gradient(circle at 86% 7%,rgba(38,163,189,.13),transparent 28%),radial-gradient(circle at 8% 66%,rgba(238,139,43,.07),transparent 24%),linear-gradient(145deg,#082234,#03121c 72%)}
body.ko-v2 .legal-public-v45{position:relative;z-index:3;width:var(--ko-wrap);max-width:1320px;margin:0 auto;padding:54px 0 26px}
body.ko-v2 .legal-hero-v45{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:end;padding:58px 62px;border:1px solid rgba(166,224,237,.14);border-radius:28px;background:linear-gradient(145deg,rgba(13,56,72,.84),rgba(5,25,37,.92));box-shadow:0 34px 90px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden}
body.ko-v2 .legal-kicker-v45{display:inline-flex;align-items:center;gap:9px;color:#6edee9;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
body.ko-v2 .legal-kicker-v45::before{content:"";width:22px;height:1px;background:#6edee9}
body.ko-v2 .legal-hero-v45 h1{max-width:820px;margin:16px 0 18px;color:#f4fcff;font:600 clamp(52px,6vw,78px)/.92 var(--ko-serif);letter-spacing:-.04em;text-transform:none}
body.ko-v2 .legal-hero-v45>div>p{max-width:760px;margin:0;color:#a1c0c9;font-size:14px;line-height:1.75}
body.ko-v2 .legal-actions-v45{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
body.ko-v2 .legal-actions-v45 .btn,body.ko-v2 .legal-actions-v45 .btn-outline{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;font-size:10px;font-weight:750;text-decoration:none}
body.ko-v2 .legal-actions-v45 .btn-outline{border:1px solid rgba(173,226,238,.16);background:rgba(255,255,255,.035);color:#dceff4}
body.ko-v2 .legal-card-v45{display:grid;min-height:196px;align-content:end;padding:24px;border:1px solid rgba(111,220,231,.18);border-radius:20px;background:radial-gradient(circle at 75% 18%,rgba(85,216,229,.14),transparent 35%),rgba(5,29,42,.76);box-shadow:0 22px 48px rgba(0,0,0,.22)}
body.ko-v2 .legal-card-v45 b{color:#72dfe9;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
body.ko-v2 .legal-card-v45 span{margin:9px 0 6px;color:#fff;font:600 30px/1 var(--ko-serif)}
body.ko-v2 .legal-card-v45 small{color:#769aa6;font-size:9px;line-height:1.55}
body.ko-v2 .legal-grid-v45{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
body.ko-v2 .legal-panel-v45{position:relative;padding:30px 32px;border:1px solid rgba(166,224,237,.10);border-radius:20px;background:linear-gradient(150deg,rgba(10,43,57,.72),rgba(4,24,35,.72));box-shadow:0 18px 45px rgba(0,0,0,.14)}
body.ko-v2 .legal-panel-v45.wide{grid-column:1/-1}
body.ko-v2 .legal-panel-v45 h2{margin:0 0 14px;color:#edfaff;font:600 25px/1.08 var(--ko-serif);letter-spacing:-.015em;text-transform:none}
body.ko-v2 .legal-panel-v45 p,body.ko-v2 .legal-panel-v45 li{color:#a1bec7;font-size:12px;line-height:1.75}
body.ko-v2 .legal-panel-v45 p{margin:0}
body.ko-v2 .legal-panel-v45 p+p{margin-top:12px}
body.ko-v2 .legal-panel-v45 ul{display:grid;gap:7px;margin:0;padding-left:18px}
body.ko-v2 .legal-panel-v45 li::marker{color:#62dce6}
body.ko-v2 .legal-panel-v45 code{padding:2px 6px;border-radius:6px;background:rgba(101,220,231,.08);color:#bdebf0;font:600 10px var(--ko-sans)}
body.ko-v2 .legal-panel-number{display:inline-grid;width:30px;height:30px;margin-bottom:16px;place-items:center;border:1px solid rgba(101,220,231,.18);border-radius:9px;background:rgba(101,220,231,.06);color:#69dce6;font-size:9px;font-weight:800}
body.ko-v2 .legal-request-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:44px;align-items:end;padding:40px;background:linear-gradient(145deg,rgba(14,61,77,.84),rgba(5,29,42,.90))}
body.ko-v2 .ko-legal-form{display:grid;gap:10px}
body.ko-v2 .ko-legal-form label{color:#a8c5ce;font-size:10px;font-weight:700}
body.ko-v2 .ko-legal-form select{width:100%;min-height:50px;padding:0 48px 0 14px;border:1px solid rgba(173,226,238,.16);border-radius:13px;background-color:#071f2e;color:#f1fbfe;font-size:12px}
body.ko-v2 .ko-legal-form .btn,body.ko-v2 .legal-login-action{min-height:48px;border-radius:999px}

/* Premium polish — typography, navigation and account actions. */
body.ko-v2{font-family:var(--ko-sans);font-feature-settings:'ss01' 1,'ss02' 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.ko-v2 button,body.ko-v2 input,body.ko-v2 select,body.ko-v2 textarea{font-family:var(--ko-sans)}
body.ko-v2 h1,body.ko-v2 h2,
body.ko-v2 .ko-live-hero h1,body.ko-v2 .ko-live-next h2,body.ko-v2 .ko-client-welcome h1,
body.ko-v2 .kd-hf3-ocean-hero h1,body.ko-v2 .kd-hf6-hero h1,body.ko-v2 .kd-hf6-section-head h2,
body.ko-v2 .kd-hf1-co-title,body.ko-v2 .kd-ocean-hero h1,body.ko-v2 .kd-ocean-sec-head h2,
body.ko-v2 .kd-ocean-pack-cta h2,body.ko-v2 .kd-v38-sec-head h2,body.ko-v2 .page>h1,
body.ko-v2 .app-main>h1,body.ko-v2 .event-detail-hero-v215 h1,body.ko-v2.auth-page .ko-auth-story h2,
body.ko-v2 .card-auth>h1{font-family:var(--ko-serif)}
body.ko-v2 h1,body.ko-v2 .ko-live-hero h1,body.ko-v2 .kd-ocean-hero h1{font-weight:600}
body.ko-v2 .ko-client-panel-head h2{font-family:var(--ko-sans);font-weight:700}

body.ko-v2 .topbar-public{
  min-height:76px;
  padding:12px clamp(20px,3vw,42px);
  grid-template-columns:auto minmax(320px,1fr) auto;
  gap:clamp(20px,2.5vw,38px);
  border-bottom:1px solid rgba(166,224,236,.11);
  background:linear-gradient(180deg,rgba(4,19,30,.97),rgba(3,16,25,.93));
  box-shadow:0 14px 38px rgba(0,0,0,.18);
  backdrop-filter:blur(22px) saturate(1.15);
}
body.ko-v2 .ko-shell-logo{gap:11px;font-size:11px;font-weight:800;letter-spacing:.14em;white-space:nowrap}
body.ko-v2 .ko-shell-logo-mark{width:34px;height:34px;box-shadow:0 0 0 4px rgba(47,194,216,.08),0 10px 24px rgba(0,0,0,.24)}
body.ko-v2 .topbar-public .nav{justify-self:center;gap:3px;padding:4px;border:1px solid rgba(173,226,238,.08);border-radius:999px;background:rgba(232,248,252,.035)}
body.ko-v2:not(.kd-admin-deep):not(.kd-partner-deep) .topbar-public[data-public-shell="canonical-v13"] .nav a{
  display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:0;border-radius:999px;
  color:#8fadb8;font-size:11px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;transition:color .2s ease,background .2s ease,transform .2s ease
}
body.ko-v2:not(.kd-admin-deep):not(.kd-partner-deep) .topbar-public[data-public-shell="canonical-v13"] .nav a:hover{color:#e9f9fc;background:rgba(255,255,255,.045);transform:translateY(-1px)}
body.ko-v2:not(.kd-admin-deep):not(.kd-partner-deep) .topbar-public[data-public-shell="canonical-v13"] .nav a.on{color:#fff;background:linear-gradient(180deg,rgba(37,101,119,.62),rgba(20,64,81,.62));box-shadow:inset 0 0 0 1px rgba(101,220,231,.12),0 8px 18px rgba(0,0,0,.14)}
body.ko-v2 .topbar-public .right{gap:7px}
body.ko-v2 .pill-wallet{display:grid;grid-template-columns:12px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;min-height:44px;padding:6px 13px;border:1px solid rgba(101,220,231,.14);border-radius:14px;background:linear-gradient(145deg,rgba(19,61,78,.66),rgba(8,35,49,.72));color:#fff;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
body.ko-v2 .pill-wallet .coin-dot{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:linear-gradient(145deg,#ffd36a,#ee8b2b);box-shadow:0 0 0 4px rgba(238,139,43,.08)}
body.ko-v2 .pill-wallet small{color:#7398a5;font-size:8px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.08em}
body.ko-v2 .pill-wallet b{color:#fff;font-size:11px;line-height:1.1}
body.ko-v2 .topbar-public .sell-pill{min-height:42px;padding:0 13px;border:1px solid rgba(183,231,242,.10);background:rgba(255,255,255,.035);color:#b9d2da;font-weight:650}
body.ko-v2 .topbar-public .sell-pill .coin-dot{width:7px;height:7px;border-radius:50%;background:#60d8a5}
body.ko-v2 .icobtn,body.ko-v2 .kd-mobile-more-btn{position:relative;display:grid;flex:0 0 38px;width:38px;height:38px;padding:0;place-items:center;border:1px solid rgba(183,231,242,.10);border-radius:12px;background:rgba(255,255,255,.035);color:#b8d1d9;text-decoration:none;font-size:14px;line-height:1}
body.ko-v2 .icobtn:hover,body.ko-v2 .kd-mobile-more-btn:hover{border-color:rgba(101,220,231,.25);background:rgba(101,220,231,.08)}
body.ko-v2 .notif-btn>span{position:absolute;top:-4px;right:-4px;display:grid;min-width:17px;height:17px;padding:0 4px;place-items:center;border:2px solid #061722;border-radius:99px;background:#ee8b2b;color:#fff;font-size:8px;font-weight:800}
body.ko-v2 .avatar-letter{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:1px solid rgba(101,220,231,.26);border-radius:13px;background:linear-gradient(145deg,#164b5d,#0b2d3e);box-shadow:0 9px 22px rgba(0,0,0,.18);color:#fff;text-decoration:none;font-size:12px;font-weight:800}
body.ko-v2 .logout-pill{min-height:38px;padding:0 12px;border:1px solid rgba(183,231,242,.09);border-radius:12px;background:rgba(255,255,255,.03);color:#7f9da8;font-family:var(--ko-sans);font-size:10px;font-weight:650}
body.ko-v2 .logout-pill:hover{color:#fff;background:rgba(255,255,255,.06)}
body.ko-v2 .topbar-public.topbar-guest .right .btn{min-height:42px;padding:0 17px;font-weight:700}

body.ko-v2 .ko-live-shell{min-height:76px;padding:12px clamp(20px,3vw,42px);background:linear-gradient(180deg,rgba(4,19,30,.97),rgba(3,16,25,.93));box-shadow:0 14px 38px rgba(0,0,0,.16);backdrop-filter:blur(22px) saturate(1.15)}
body.ko-v2 .ko-live-logo{font-family:var(--ko-sans);font-size:11px;font-weight:800;letter-spacing:.14em}
body.ko-v2 .ko-live-logo-mark{width:34px;height:34px;box-shadow:0 0 0 4px rgba(47,194,216,.08),0 10px 24px rgba(0,0,0,.24)}
body.ko-v2 .ko-live-nav{gap:3px;padding:4px;border:1px solid rgba(173,226,238,.08);border-radius:999px;background:rgba(232,248,252,.035)}
body.ko-v2 .ko-live-nav a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;color:#8fadb8;font-size:11px;font-weight:650;transition:color .2s ease,background .2s ease}
body.ko-v2 .ko-live-nav a:hover,body.ko-v2 .ko-live-nav a.is-on{color:#fff;background:rgba(101,220,231,.08)}
body.ko-v2 .ko-live-actions{gap:7px}
body.ko-v2 .ko-live-actions .ko-live-primary{min-height:44px;padding:0 19px;font-weight:750}
body.ko-v2 .ko-live-link{font-size:11px;font-weight:650}

@media(max-width:1120px){
  body.ko-v2 .topbar-public{grid-template-columns:auto minmax(0,1fr) auto;gap:16px;padding-inline:20px}
  body.ko-v2 .topbar-public .nav{gap:1px}
  body.ko-v2:not(.kd-admin-deep):not(.kd-partner-deep) .topbar-public[data-public-shell="canonical-v13"] .nav a{padding-inline:10px}
  body.ko-v2 .topbar-public .sell-pill,body.ko-v2 .topbar-public .icobtn[title="Buscar"]{display:none}
}

@media(max-width:980px){
  :root{--ko-wrap:min(100% - 30px,1180px)}
  body.ko-v2 .topbar-public{grid-template-columns:1fr auto}
  body.ko-v2 .topbar-public .nav{grid-column:1/-1;order:3;justify-content:flex-start;overflow-x:auto}
  body.ko-v2 .kd-v51-hero-grid{grid-template-columns:1fr;text-align:center}
  body.ko-v2 .kd-v51-copy{max-width:none}
  body.ko-v2 .kd-v51-copy p{margin-left:auto;margin-right:auto}
  body.ko-v2 .kd-v51-actions{justify-content:center}
  body.ko-v2 .kd-v51-hero-art{justify-self:center}
  body.ko-v2 .kd-v51-hero-art img{width:min(500px,78vw)}
  body.ko-v2 .kd-hf3-ocean-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ko-v2 .kd-hf2-listing-grid,body.ko-v2 .kd-hf5-owned-pack-grid,body.ko-v2 .kd-hf5-collection-card-grid,body.ko-v2 .kd-hf6-grid,body.ko-v2 .kd-hf6-album-grid,body.ko-v2 .kd-v38-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ko-v2 .kd-hf1-grid4,body.ko-v2 .kd-hf2-winner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ko-v2 .kd-ocean-pack-detail-grid{grid-template-columns:1fr}
  body.ko-v2 .kd-ocean-grid-3,body.ko-v2 .kd-ocean-grid-4,body.ko-v2 .kd-ocean-card-preview-grid,body.ko-v2 .kd-ocean-metrics,body.ko-v2 .kd-v38-prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ko-v2 .kd-ocean-account-grid,body.ko-v2 .kd-ocean-wallet-grid,body.ko-v2 .kd-ocean-payment-grid,body.ko-v2 .kd-ocean-transaction-hero,body.ko-v2 .kd-ocean-opening-hero{grid-template-columns:1fr}
  body.ko-v2 .grid-2,body.ko-v2 .app-shell{grid-template-columns:1fr}
  body.ko-v2 .menu-side.panel{position:relative;top:auto;display:flex;gap:6px;overflow-x:auto}
  body.ko-v2 .menu-side a{flex:0 0 auto}
  body.ko-v2 .auth{grid-template-columns:1fr}
  body.ko-v2 .ko-auth-story{min-height:480px;padding:130px 30px 150px}
  body.ko-v2 .ko-auth-story:before,body.ko-v2 .ko-auth-story:after{width:86px;bottom:28px}
  body.ko-v2 .ko-auth-story:before{left:34px}
  body.ko-v2 .ko-auth-story:after{left:105px;bottom:36px}
  body.ko-v2 .auth-wrap{grid-column:1;min-height:auto;padding:32px 22px 52px}
  body.ko-v2 .auth-brand-row{left:28px;top:26px}
  body.ko-v2.auth-login-page .ko-auth-story{display:none}
  body.ko-v2.auth-login-page .auth-wrap{min-height:100dvh;height:100dvh;overflow:hidden}
  body.ko-v2 .foot{grid-template-columns:repeat(2,1fr)}
  body.ko-v2 .ko-live-shell{padding:14px 20px;flex-wrap:wrap;gap:12px}
  body.ko-v2 .ko-live-nav{order:3;width:100%;overflow-x:auto;gap:16px}
  body.ko-v2 .ko-live-nav a{white-space:nowrap}
  body.ko-v2 .ko-live-hero{grid-template-columns:1fr;gap:8px}
  body.ko-v2 .ko-live-hero-copy{text-align:center}
  body.ko-v2 .ko-live-hero-copy>p{margin-inline:auto}
  body.ko-v2 .ko-live-ctas,body.ko-v2 .ko-live-trust{justify-content:center}
  body.ko-v2 .kd-hf3-ocean-hero .kd-hf1-wrap{grid-template-columns:1fr}
  body.ko-v2 .kd-hf3-ocean-hero .kd-hf3-ocean-search{grid-column:1;grid-row:auto;margin-top:22px}
  body.ko-v2 .ko-client-dashboard{grid-template-columns:1fr}
  body.ko-v2 .ko-client-welcome{display:grid}
  body.ko-v2 .ko-client-stats{min-width:0}
  body.ko-v2 .legal-hero-v45{grid-template-columns:1fr;gap:22px;padding:42px}
  body.ko-v2 .legal-card-v45{min-height:150px}
}

@media(min-width:621px) and (max-width:820px){
  body.ko-v2 .ko-pwa-required:not([hidden]){position:fixed;z-index:12050;inset:0;display:grid;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));place-items:center;background:radial-gradient(circle at 50% 18%,rgba(39,174,195,.20),transparent 32%),rgba(2,13,21,.96);backdrop-filter:blur(18px)}
  body.ko-v2 .ko-pwa-required-card{display:flex;width:min(100%,440px);align-items:center;padding:32px 26px;flex-direction:column;border:1px solid rgba(142,224,235,.20);border-radius:28px;background:linear-gradient(160deg,rgba(11,48,64,.98),rgba(4,22,33,.99));box-shadow:0 30px 90px rgba(0,0,0,.48);text-align:center}
  body.ko-v2 .ko-pwa-required-icon{width:78px;height:78px;margin-bottom:18px;overflow:hidden;border-radius:22px;box-shadow:0 14px 36px rgba(0,0,0,.35)}
  body.ko-v2 .ko-pwa-required-icon img{display:block;width:100%;height:100%;object-fit:cover}
  body.ko-v2 .ko-pwa-required-card>span{color:#6edee8;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
  body.ko-v2 .ko-pwa-required-card h2{margin:10px 0;color:#f4fcff;font:600 38px/.98 var(--ko-serif);letter-spacing:-.025em;text-transform:none}
  body.ko-v2 .ko-pwa-required-card p{margin:0 0 20px;color:#91b5c0;font-size:12px;line-height:1.6}
  body.ko-v2 .ko-pwa-required-card .btn{width:100%;min-height:52px;border-radius:999px}
  body.ko-v2 .ko-pwa-required-card small{margin-top:13px;color:#658b98;font-size:9px;line-height:1.45}
  body.ko-v2.ko-pwa-required-lock{overflow:hidden;touch-action:none}
}

@media(max-width:620px){
  :root{--ko-wrap:min(100% - 24px,1180px)}
  body.ko-v2 .topbar-public{margin:0;padding:10px 12px;border-radius:0;box-shadow:0 12px 35px rgba(0,8,18,.24)}
  body.ko-v2 .topbar-public .ko-shell-logo{gap:9px}
  body.ko-v2 .topbar-public .ko-shell-logo-mark{width:36px;height:36px}
  body.ko-v2 .topbar-public .ko-shell-logo b{font-size:10px;letter-spacing:.08em}
  body.ko-v2 .topbar-public .right>.btn-ghost,body.ko-v2 .topbar-public .right>.sell-pill,body.ko-v2 .topbar-public .logout-form{display:none}
  body.ko-v2 .topbar-public .nav{gap:4px;padding:7px 0 1px;scrollbar-width:none}
  body.ko-v2 .topbar-public .nav::-webkit-scrollbar{display:none}
  body.ko-v2 .topbar-public .nav a{min-height:36px;padding:0 12px;white-space:nowrap}
  body.ko-v2 .sea:has(.mobile-bottom-nav){padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  body.ko-v2 .mobile-bottom-nav{position:fixed;z-index:10020;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:64px;padding:6px;border:1px solid rgba(173,226,238,.16);border-radius:20px;background:rgba(4,24,35,.94);box-shadow:0 20px 55px rgba(0,0,0,.42);backdrop-filter:blur(22px) saturate(1.2)}
  body.ko-v2 .mobile-bottom-nav a{position:relative;display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:14px;color:#7398a5;font-size:8px;font-weight:700;letter-spacing:.01em;text-decoration:none}
  body.ko-v2 .mobile-bottom-nav a.on{background:linear-gradient(180deg,rgba(48,130,148,.34),rgba(24,76,94,.30));color:#effcff}
  body.ko-v2 .mobile-bottom-nav a.on::after{content:"";position:absolute;bottom:3px;width:14px;height:2px;border-radius:2px;background:#ee9839}
  body.ko-v2 .mobile-bottom-nav .ko-tab-icon{width:20px;height:20px}
  body.ko-v2 .kd-hf1-sec-head{align-items:flex-start;flex-direction:column}
  body.ko-v2 .kd-hf2-listing-card{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:11px}
  body.ko-v2 .kd-hf2-listing-card h3{font-size:21px}
  body.ko-v2 .kd-hf1-promo{grid-template-columns:1fr;padding:26px 22px}
  body.ko-v2 .kd-hf1-promo-art{display:none}
  body.ko-v2 .pwa-install-card{bottom:calc(76px + env(safe-area-inset-bottom));width:calc(100% - 24px);grid-template-columns:50px minmax(0,1fr) 30px;gap:11px;padding:12px;border-radius:18px}
  body.ko-v2.auth-page .pwa-install-card{bottom:calc(12px + env(safe-area-inset-bottom))}
  body.ko-v2 .ko-pwa-icon{width:50px;height:50px;border-radius:14px}
  body.ko-v2 .pwa-install-card>.btn{grid-column:1/-1;grid-row:2;width:100%}
  body.ko-v2 .pwa-install-card .pwa-close{grid-column:3;grid-row:1}
  body.ko-v2 .ko-pwa-required:not([hidden]){position:fixed;z-index:12050;inset:0;display:grid;padding:calc(22px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom));place-items:center;background:radial-gradient(circle at 50% 18%,rgba(39,174,195,.20),transparent 32%),rgba(2,13,21,.96);backdrop-filter:blur(18px)}
  body.ko-v2 .ko-pwa-required-card{display:flex;width:min(100%,420px);align-items:center;padding:28px 22px;flex-direction:column;border:1px solid rgba(142,224,235,.20);border-radius:26px;background:linear-gradient(160deg,rgba(11,48,64,.98),rgba(4,22,33,.99));box-shadow:0 30px 90px rgba(0,0,0,.48);text-align:center}
  body.ko-v2 .ko-pwa-required-icon{width:74px;height:74px;margin-bottom:18px;overflow:hidden;border-radius:21px;box-shadow:0 14px 36px rgba(0,0,0,.35)}
  body.ko-v2 .ko-pwa-required-icon img{display:block;width:100%;height:100%;object-fit:cover}
  body.ko-v2 .ko-pwa-required-card>span{color:#6edee8;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
  body.ko-v2 .ko-pwa-required-card h2{margin:10px 0;color:#f4fcff;font:600 34px/.98 var(--ko-serif);letter-spacing:-.025em;text-transform:none}
  body.ko-v2 .ko-pwa-required-card p{margin:0 0 20px;color:#91b5c0;font-size:12px;line-height:1.6}
  body.ko-v2 .ko-pwa-required-card .btn{width:100%;min-height:52px;border-radius:999px}
  body.ko-v2 .ko-pwa-required-card small{margin-top:13px;color:#658b98;font-size:9px;line-height:1.45}
  body.ko-v2.ko-pwa-required-lock{overflow:hidden;touch-action:none}
  body.ko-v2 .kd-v51-copy h1{font-size:48px}
  body.ko-v2 .kd-v51-actions{display:grid;grid-template-columns:1fr;width:100%}
  body.ko-v2 .kd-v51-btn{width:100%}
  body.ko-v2 .kd-v51-card-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ko-v2 .kd-v51-card-wall article{min-height:260px}
  body.ko-v2 .kd-hf3-ocean-pack-grid,body.ko-v2 .kd-hf1-aq-grid{grid-template-columns:1fr}
  body.ko-v2 .kd-hf2-listing-grid,body.ko-v2 .kd-hf5-owned-pack-grid,body.ko-v2 .kd-hf5-collection-card-grid,body.ko-v2 .kd-hf6-grid,body.ko-v2 .kd-hf6-album-grid,body.ko-v2 .kd-v38-grid{grid-template-columns:1fr}
  body.ko-v2 .kd-ocean-grid,body.ko-v2 .kd-ocean-grid-2,body.ko-v2 .kd-ocean-grid-3,body.ko-v2 .kd-ocean-grid-4,body.ko-v2 .kd-ocean-panels-grid,body.ko-v2 .kd-ocean-account-provider-grid,body.ko-v2 .kd-ocean-card-preview-grid,body.ko-v2 .kd-ocean-metrics,body.ko-v2 .kd-v38-prize-grid,body.ko-v2 .kd-v38-two-cols,body.ko-v2 .gamification-kpi-row,body.ko-v2 .gamification-grid-public-v214,body.ko-v2 .grid-cards{grid-template-columns:1fr}
  body.ko-v2 .kd-ocean-form-grid{grid-template-columns:1fr}
  body.ko-v2 .kd-ocean-form .full{grid-column:auto}
  body.ko-v2 .kd-ocean-hero{padding:40px 0 22px}
  body.ko-v2 .kd-ocean-hero h1{font-size:40px}
  body.ko-v2 .kd-ocean-sec-head{align-items:flex-start;flex-direction:column;gap:8px}
  body.ko-v2 .kd-ocean-account-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}
  body.ko-v2 .event-detail-hero-v215{grid-template-columns:1fr}
  body.ko-v2 .gamification-kpi-row-v214{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ko-v2 .gamification-grid-public-v214{grid-template-columns:1fr}
  body.ko-v2 .kd-hf3-ocean-toolbar{display:grid;gap:12px}
  body.ko-v2 .kd-hf5-ocean-filters{display:grid;grid-template-columns:1fr 1fr}
  body.ko-v2 .kd-hf5-ocean-filters select,body.ko-v2 .kd-hf5-filter-chip{width:100%}
  body.ko-v2.auth-page .auth{display:block;min-height:100dvh}
  body.ko-v2.auth-page .ko-auth-story{display:none}
  body.ko-v2.auth-page .auth-wrap{min-height:100dvh;padding:calc(76px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));align-items:center}
  body.ko-v2.auth-page .auth-card-col{width:min(420px,100%)}
  body.ko-v2.auth-page .card-auth{padding:0}
  body.ko-v2.auth-login-page .auth-wrap{height:100dvh;overflow:hidden}
  body.ko-v2.auth-signup-page,body.ko-v2.auth-signup-page .sea.sea-auth{min-height:100dvh;overflow-x:hidden;overflow-y:auto}
  body.ko-v2.auth-signup-page .auth-wrap{min-height:100dvh;align-items:start}
  body.ko-v2.auth-page .card-auth>h1{font-size:34px}
  body.ko-v2.auth-page .auth-subtitle{margin-bottom:20px}
  body.ko-v2.auth-page .field{margin-bottom:14px}
  body.ko-v2.auth-page .premium-input{min-height:54px}
  body.ko-v2.auth-page .premium-input .input,body.ko-v2 input,body.ko-v2 select,body.ko-v2 textarea{font-size:16px}
  body.ko-v2 .stats{grid-template-columns:repeat(2,1fr);gap:20px}
  body.ko-v2 .foot{grid-template-columns:1fr}
  body.ko-v2 #ocean-fx{opacity:.42}
  body.ko-v2 .ko-live-shell{min-height:66px;padding:10px 14px;flex-wrap:nowrap}
  body.ko-v2 .ko-live-shell .ko-live-link,body.ko-v2 .ko-live-nav{display:none}
  body.ko-v2 .ko-live-actions .ko-live-primary{min-height:40px;padding-inline:14px;font-size:10px}
  body.ko-v2 .ko-live-main{height:calc(100dvh - 66px);padding:22px 18px 8px;overflow:hidden}
  body.ko-v2 .ko-live-hero{display:block;padding:0}
  body.ko-v2 .ko-live-hero-copy>p{font-size:12px;line-height:1.45}
  body.ko-v2 .ko-live-hero h1{font-size:44px}
  body.ko-v2 .ko-live-trust{display:none}
  body.ko-v2 .ko-live-card-stage{min-height:245px;transform:scale(.67);transform-origin:top center;margin:-10px -70px -80px}
  body.ko-v2 .ko-live-journey{display:none}
  body.ko-v2 .ko-live-journey>div+div{border-left:0;border-top:1px solid rgba(190,231,242,.10)}
  body.ko-v2 .ko-live-next{margin:18px 18px 50px;display:grid;padding:24px}
  body.ko-v2 .ko-client-main{padding:30px 16px 50px}
  body.ko-v2 .ko-client-stats{grid-template-columns:repeat(3,1fr)}
  body.ko-v2 .ko-client-mini-cards{gap:7px}
  body.ko-v2.auth-page .auth-brand-row{width:230px}
  body.ko-v2 .ko-auth-logo{white-space:nowrap;font-size:11px}
  body.ko-v2 .legal-public-v45{padding:24px 0 18px}
  body.ko-v2 .legal-hero-v45{padding:30px 22px;border-radius:22px}
  body.ko-v2 .legal-hero-v45 h1{font-size:47px}
  body.ko-v2 .legal-hero-v45>div>p{font-size:12px;line-height:1.65}
  body.ko-v2 .legal-actions-v45{display:grid;grid-template-columns:1fr}
  body.ko-v2 .legal-card-v45{min-height:132px;padding:20px}
  body.ko-v2 .legal-grid-v45{grid-template-columns:1fr;gap:10px}
  body.ko-v2 .legal-panel-v45,body.ko-v2 .legal-request-panel{grid-column:auto;padding:24px 21px}
  body.ko-v2 .legal-request-panel{grid-template-columns:1fr;gap:24px}
  body.ko-v2 .legal-panel-v45 h2{font-size:23px}
  body.ko-v2 .foot-copy{flex-direction:column;gap:5px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  /* so quem tem barra de abas precisa do espaco extra embaixo */
  body.ko-v2 .sea:has(.mobile-bottom-nav) .foot-copy{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
}

@media(prefers-reduced-motion:reduce){
  body.ko-v2 #ocean-fx .bubble,body.ko-v2 #ocean-fx .fish{animation:none}
  body.ko-v2 .kd-v51-hero-art img{animation:none}
  body.ko-v2 *,body.ko-v2 *::before,body.ko-v2 *::after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}
}

/* V48 — criadores, pós-login e linguagem visual da biblioteca de espécies */
body.ko-v2.ko-creator-page .topbar{position:relative;z-index:20}
body.ko-v2 .ko-creator-main{position:relative;z-index:3;width:min(1460px,calc(100% - 64px));margin:0 auto;padding:58px 0 90px}
body.ko-v2 .ko-creator-hero{min-height:570px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:76px;align-items:center;padding:48px 56px;border:1px solid rgba(151,225,237,.13);border-radius:30px;background:linear-gradient(120deg,rgba(10,48,64,.86),rgba(3,20,30,.72));box-shadow:0 28px 90px rgba(0,4,12,.34)}
body.ko-v2 .ko-creator-copy{max-width:700px}
body.ko-v2 .ko-creator-back{display:inline-flex;margin-bottom:34px;color:#8fb3c0;text-decoration:none;font-size:12px}
body.ko-v2 .ko-creator-kicker{display:block;color:var(--ko-aqua);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
body.ko-v2 .ko-creator-copy h1{max-width:670px;margin:13px 0 18px;color:#f4fbff;font:600 clamp(48px,5.2vw,78px)/.94 var(--ko-serif);letter-spacing:-.045em}
body.ko-v2 .ko-creator-copy>p{max-width:620px;margin:0;color:#a7c5d0;font-size:15px;line-height:1.75}
body.ko-v2 .ko-creator-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}
body.ko-v2 .ko-creator-benefits article{min-height:138px;padding:16px;border:1px solid rgba(167,225,237,.11);border-radius:16px;background:rgba(5,27,39,.52)}
body.ko-v2 .ko-creator-benefits article>b{display:block;margin-bottom:18px;color:var(--ko-orange);font-size:10px;letter-spacing:.12em}
body.ko-v2 .ko-creator-benefits strong,body.ko-v2 .ko-creator-benefits small{display:block}
body.ko-v2 .ko-creator-benefits strong{color:#eefaff;font-size:12px}
body.ko-v2 .ko-creator-benefits small{margin-top:7px;color:#789da9;font-size:10px;line-height:1.5}
body.ko-v2 .ko-creator-showcase{position:relative;min-height:430px;display:grid;place-items:center;perspective:1200px}
body.ko-v2 .ko-creator-orbit{position:absolute;width:390px;height:390px;border:1px solid rgba(82,211,228,.12);border-radius:50%;box-shadow:0 0 90px rgba(16,153,179,.12) inset}
body.ko-v2 .ko-creator-card{position:absolute;width:244px;aspect-ratio:5/7;padding:22px;border-radius:22px;color:#fff;display:flex;flex-direction:column;border:1px solid rgba(116,222,234,.32);box-shadow:0 28px 60px rgba(0,5,13,.45)}
body.ko-v2 .ko-creator-card span{font-size:9px;font-weight:800;letter-spacing:.15em;color:#72ddeb}
body.ko-v2 .ko-creator-card b{margin-top:auto;font:600 25px/1.03 var(--ko-serif)}
body.ko-v2 .ko-creator-card small{margin-top:8px;color:#8eb3bf;font-size:9px}
body.ko-v2 .ko-creator-card-back{transform:translate(-74px,18px) rotate(-10deg);background:linear-gradient(160deg,#12485b,#082634)}
body.ko-v2 .ko-creator-card-front{transform:translate(62px,-14px) rotate(5deg);background:linear-gradient(160deg,#0e6f82,#08273a)}
body.ko-v2 .ko-creator-card-mark{width:72px;height:72px;margin:auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 30%,#7ee4ef,#1186a3 46%,#082b40 47%);font:700 31px var(--ko-serif);box-shadow:0 0 45px rgba(75,219,234,.22)}
body.ko-v2 .ko-creator-card>div:not(.ko-creator-card-mark){height:226px;margin:12px 0 13px;overflow:hidden;border-radius:14px;background:#03121b}
body.ko-v2 .ko-creator-card>div img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
body.ko-v2 .ko-creator-card:hover>div img{transform:scale(1.045)}
body.ko-v2 .ko-creator-card b{margin-top:0;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ko-v2 .ko-creator-card-left{z-index:1;transform:translate(-118px,24px) rotate(-11deg);background:linear-gradient(160deg,#13576b,#082634)}
body.ko-v2 .ko-creator-card-right{z-index:1;transform:translate(112px,27px) rotate(11deg);border-color:rgba(236,157,85,.32);background:linear-gradient(160deg,#633c28,#092837)}
body.ko-v2 .ko-creator-card-front{z-index:3;transform:translate(0,-18px);background:linear-gradient(160deg,#0e6f82,#08273a)}
body.ko-v2 .ko-creator-application{margin-top:24px;padding:48px 56px;border:1px solid rgba(151,225,237,.13);border-radius:28px;background:rgba(5,27,39,.82)}
body.ko-v2 .ko-creator-application>header{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;padding-bottom:34px;border-bottom:1px solid rgba(173,226,238,.11)}
body.ko-v2 .ko-creator-application h2{max-width:640px;margin:10px 0 0;color:#f4fbff;font:600 clamp(34px,4vw,54px)/1 var(--ko-serif);letter-spacing:-.035em}
body.ko-v2 .ko-creator-application>header p{margin:0;color:#86a9b5;font-size:12px;line-height:1.65}
body.ko-v2 .ko-creator-form{display:grid;gap:0}
body.ko-v2 .ko-creator-form fieldset{margin:0;padding:36px 0;border:0;border-bottom:1px solid rgba(173,226,238,.10)}
body.ko-v2 .ko-creator-form legend{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:#edf9fd;font-size:13px;font-weight:800}
body.ko-v2 .ko-creator-form legend span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:rgba(73,207,224,.12);color:#65d7e5;font-size:10px}
body.ko-v2 .ko-creator-fields{display:grid;gap:18px}
body.ko-v2 .ko-creator-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}
body.ko-v2 .ko-creator-form label{display:grid;gap:8px;color:#a9c4ce;font-size:10px;font-weight:700}
body.ko-v2 .ko-creator-form .input{width:100%;min-height:50px;padding:0 16px;border:1px solid rgba(156,219,232,.16);border-radius:13px;background:#071f2d;color:#f5fbfd;font:500 13px var(--ko-sans);outline:0;appearance:none;-webkit-appearance:none;transition:border-color .2s,box-shadow .2s}
body.ko-v2 .ko-creator-form .input:focus{border-color:rgba(85,211,227,.62);box-shadow:0 0 0 4px rgba(57,192,211,.09)}
body.ko-v2 .ko-creator-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
body.ko-v2 .ko-creator-choice-grid label{position:relative;display:block;cursor:pointer}
body.ko-v2 .ko-creator-choice-grid input{position:absolute;opacity:0;pointer-events:none}
body.ko-v2 .ko-creator-choice-grid label>span{min-height:105px;display:block;padding:17px;border:1px solid rgba(156,219,232,.14);border-radius:15px;background:#071f2d;transition:.2s}
body.ko-v2 .ko-creator-choice-grid b,body.ko-v2 .ko-creator-choice-grid small{display:block}
body.ko-v2 .ko-creator-choice-grid b{color:#eefaff;font-size:12px}
body.ko-v2 .ko-creator-choice-grid small{margin-top:8px;color:#799eaa;font-size:10px;line-height:1.5}
body.ko-v2 .ko-creator-choice-grid input:checked+span{border-color:rgba(91,215,229,.62);background:linear-gradient(145deg,rgba(15,79,95,.76),#071f2d);box-shadow:0 0 0 3px rgba(61,197,215,.08)}
body.ko-v2 .ko-creator-plan{margin-top:18px}
body.ko-v2 .ko-creator-plan textarea.input{min-height:118px;padding:14px 16px;resize:vertical;line-height:1.55}
body.ko-v2 .ko-creator-submit{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:28px}
body.ko-v2 .ko-creator-submit p{max-width:480px;margin:0;color:#6f919d;font-size:10px;line-height:1.5}
body.ko-v2 .ko-creator-submit .ko-live-primary{min-width:220px;border:0;cursor:pointer}
body.ko-v2 .card-auth.partner-login .area-login-hint{display:grid;gap:5px;margin:0 0 18px;padding:13px 14px;border:1px solid rgba(98,217,231,.12);border-radius:13px;background:rgba(98,217,231,.045)}
body.ko-v2 .card-auth.partner-login .area-login-hint b,body.ko-v2 .card-auth.partner-login .area-login-hint span{display:block}
body.ko-v2 .card-auth.partner-login .area-login-hint b{color:#dff7fa;font-size:10px}
body.ko-v2 .card-auth.partner-login .area-login-hint span{color:#7395a1;font-size:9px;line-height:1.45}

body.ko-v2.ko-client-home-premium .ko-client-main{padding-top:54px}
body.ko-v2.ko-client-home-premium .ko-client-dashboard{max-width:1440px;grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);gap:20px}
body.ko-v2.ko-client-home-premium .ko-client-welcome{min-height:250px;padding:36px 40px;background:radial-gradient(circle at 80% 20%,rgba(39,183,207,.15),transparent 34%),linear-gradient(112deg,#0d4052,#071d2b 70%)}
body.ko-v2 .ko-client-welcome-copy{max-width:690px}
body.ko-v2 .ko-client-welcome-actions{display:flex;align-items:center;gap:20px;margin-top:24px}
body.ko-v2 .ko-client-welcome-actions>a:last-child{color:#a7c6d0;text-decoration:none;font-size:11px;font-weight:700}
body.ko-v2 .ko-client-stat-wide{grid-column:1/-1!important;display:flex!important;align-items:center;justify-content:space-between;text-align:left!important}
body.ko-v2 .ko-client-stat-wide b{font-size:12px}
body.ko-v2 .ko-client-shortcuts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
body.ko-v2 .ko-client-shortcuts>a{min-height:92px;display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:17px;border:1px solid rgba(172,224,235,.12);border-radius:16px;background:rgba(8,36,52,.88);color:#fff;text-decoration:none;transition:transform .2s,border-color .2s}
body.ko-v2 .ko-client-shortcuts>a:hover{transform:translateY(-2px);border-color:rgba(100,216,229,.33)}
body.ko-v2 .ko-client-shortcuts>a>span{color:var(--ko-orange);font-size:9px;font-weight:800;letter-spacing:.1em}
body.ko-v2 .ko-client-shortcuts b,body.ko-v2 .ko-client-shortcuts small{display:block}
body.ko-v2 .ko-client-shortcuts b{font-size:12px}
body.ko-v2 .ko-client-shortcuts small{margin-top:4px;color:#789da9;font-size:9px}
body.ko-v2 .ko-client-shortcuts i{color:#65d7e5;font-style:normal}
body.ko-v2 .kd-v38-prize-info{position:absolute;z-index:3;top:10px;right:10px;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:rgba(3,16,24,.75);color:#fff;text-decoration:none;font:700 11px var(--ko-serif)}

/* A landing definiu a direção: navegação encostada ao bloco de ações. */
@media(min-width:981px){
  body.ko-v2 .topbar-public .nav{justify-self:end}
}

@media(max-width:980px){
  body.ko-v2 .ko-creator-main{width:min(100% - 32px,760px);padding-top:28px}
  body.ko-v2 .ko-creator-hero{grid-template-columns:1fr;padding:36px;gap:24px}
  body.ko-v2 .ko-creator-showcase{min-height:390px}
  body.ko-v2 .ko-creator-application{padding:36px}
  body.ko-v2 .ko-client-shortcuts{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  body.ko-v2 .ko-creator-main{width:calc(100% - 24px);padding:14px 0 48px}
  body.ko-v2 .ko-creator-hero,body.ko-v2 .ko-creator-application{padding:24px 18px;border-radius:22px}
  body.ko-v2 .ko-creator-copy h1{font-size:45px}
  body.ko-v2 .ko-creator-benefits,body.ko-v2 .ko-creator-fields.two,body.ko-v2 .ko-creator-choice-grid,body.ko-v2 .ko-creator-application>header{grid-template-columns:1fr}
  body.ko-v2 .ko-creator-benefits article{min-height:0}
  body.ko-v2 .ko-creator-showcase{min-height:330px;transform:scale(.84)}
  body.ko-v2 .ko-creator-submit{align-items:stretch;flex-direction:column}
  body.ko-v2 .ko-creator-submit .ko-live-primary{width:100%}
  body.ko-v2.ko-client-home-premium .ko-client-welcome{padding:25px 20px}
  body.ko-v2 .ko-client-welcome-actions{align-items:flex-start;flex-direction:column}
  body.ko-v2 .ko-client-shortcuts{grid-template-columns:1fr}
}

/* ============================================================
   KARDUME OCEAN V35.0 — Pérolas
   A duplicata deixou de ser lixo: dissolve em pérolas e vira a
   carta que o colecionador escolhe. Tokens herdados do shell.
   ============================================================ */
.kd-ocean-nota{color:var(--ko-muted);font-size:13px;line-height:1.5;margin:14px 0 0;max-width:62ch}
.kd-ocean-perola-grid,.kd-ocean-forja-grid{display:grid;gap:14px}
.kd-ocean-perola-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.kd-ocean-forja-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.kd-ocean-perola-card,.kd-ocean-forja-card{
  display:flex;flex-direction:column;overflow:hidden;border-radius:16px;
  border:1px solid rgba(255,255,255,.09);background:var(--ko-surface,#092534)}
.kd-ocean-perola-card img,.kd-ocean-forja-card img{width:100%;aspect-ratio:5/7;object-fit:cover;display:block}
.kd-ocean-perola-body,.kd-ocean-forja-body{display:flex;flex-direction:column;gap:5px;padding:12px}
.kd-ocean-perola-body b,.kd-ocean-forja-body b{color:var(--ko-text,#eefbff);font-size:14px;line-height:1.25}
.kd-ocean-perola-body span,.kd-ocean-forja-body span{color:var(--rc,#65dce7);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.kd-ocean-perola-body small{color:var(--ko-muted,#9fc1ce);font-size:11px}
.kd-ocean-forja-body strong{color:var(--ko-orange,#ee8b2b);font-size:14px}
.kd-ocean-forja-falta{color:var(--ko-muted,#9fc1ce);font-size:11px;opacity:.7;padding:6px 0}
.kd-ocean-forja-card:not(.pode){opacity:.55}
body.ko-v2 .kd-ocean-perola-busca{
  position:relative;display:flex;align-items:center;gap:8px;width:min(100%,640px);min-height:54px;
  margin:4px 0 22px;padding:5px 6px 5px 46px;border:1px solid rgba(156,222,234,.16);
  border-radius:17px;background:linear-gradient(145deg,rgba(8,38,54,.92),rgba(4,23,34,.92));
  box-shadow:0 14px 34px rgba(0,5,11,.18);transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}
body.ko-v2 .kd-ocean-perola-busca::before{
  content:"";position:absolute;left:18px;top:50%;width:14px;height:14px;border:1.8px solid #6ea7b5;
  border-radius:50%;transform:translateY(-58%);opacity:.82}
body.ko-v2 .kd-ocean-perola-busca::after{
  content:"";position:absolute;left:30px;top:31px;width:7px;height:1.8px;border-radius:2px;
  background:#6ea7b5;rotate:45deg;opacity:.82}
body.ko-v2 .kd-ocean-perola-busca:focus-within{
  border-color:rgba(101,220,231,.48);background:linear-gradient(145deg,rgba(9,45,62,.96),rgba(4,25,37,.96));
  box-shadow:0 0 0 4px rgba(101,220,231,.07),0 18px 40px rgba(0,5,11,.22)}
body.ko-v2 .kd-ocean-perola-busca .input{
  flex:1;min-width:0;height:42px;padding:0;border:0!important;border-radius:0!important;outline:0!important;
  background:transparent!important;box-shadow:none!important;color:#effcff;font:600 13px/1 var(--ko-sans)}
body.ko-v2 .kd-ocean-perola-busca .input::placeholder{color:#698d99;opacity:1}
body.ko-v2 .kd-ocean-perola-busca .btn{
  flex:0 0 auto;min-width:104px;min-height:42px;padding:0 19px;border:0;border-radius:13px;
  background:linear-gradient(135deg,#f6a33d,#f28a24);box-shadow:0 9px 24px rgba(242,138,36,.19);
  color:#fff;font:800 11px/1 var(--ko-sans);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
body.ko-v2 .kd-ocean-perola-busca .btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(242,138,36,.27)}
@media(max-width:560px){
  body.ko-v2 .kd-ocean-perola-busca{min-height:52px;padding-left:42px;margin-bottom:18px}
  body.ko-v2 .kd-ocean-perola-busca .btn{min-width:86px;padding:0 14px}
}
.kd-ocean-perola-extrato article{display:flex;flex-direction:column;gap:3px}

/* V37.0 — descrição do pack: o que ele é, e o que ele não traz. */
.kd-ocean-pack-sobre{
  margin:.75rem 0 0;
  font-size:.95rem;
  line-height:1.6;
  opacity:.85;
}

/* V38.0 — slot bônus: está no álbum, conta como conquista, não trava o resgate. */
.kd-hf6-slot.kd-slot-bonus{ opacity:.92; }
.kd-hf6-slot.kd-slot-bonus .kd-hf6-card-new{
  background:linear-gradient(135deg,#F59E0B,#F43F5E);
  color:#fff;
}


/* ============================================================
   KARDUME OCEAN V45.0 — Shell de aplicativo
   Duas condicoes ligam o modo app, e elas nao sao a mesma coisa:

   `body.ko-app` (colecionador logado na arvore publica) ate 820px
       -> o menu horizontal do topo vira a barra de abas de baixo,
          que e onde o polegar chega. Rodape e stats saem: o mesmo
          menu ja esta na barra e no gaveteiro "Mais".

   display-mode instalado, em qualquer largura
       -> so o rodape e os numeros saem. A navegacao NAO e removida
          aqui: numa janela larga a barra de abas nao existe, entao
          o menu do topo continua sendo o unico caminho.
   ============================================================ */

/* --- rodape fora do app: o menu ja vive na barra de abas --- */
@media(max-width:820px){
  body.ko-v2.ko-app .stats,
  body.ko-v2.ko-app .foot,
  body.ko-v2.ko-app .foot-copy{display:none}
}
@media(display-mode:standalone),(display-mode:minimal-ui),(display-mode:window-controls-overlay){
  body.ko-v2 .stats,
  body.ko-v2 .foot,
  body.ko-v2 .foot-copy{display:none}
}

/* --- landing no celular: some o que nao cabe, fica o que e obrigatorio ---
   Deslogado o rodape ainda e o unico caminho para Termos e Privacidade,
   entao a coluna legal fica. Saem os numeros e as duas colunas de menu
   que so repetem a topbar (e, em "Meu aquario", apontam para area logada). */
@media(max-width:820px){
  body.ko-v2:not(.ko-app) .stats{display:none}
  body.ko-v2:not(.ko-app) .foot nav:nth-of-type(1),
  body.ko-v2:not(.ko-app) .foot nav:nth-of-type(2){display:none}
  body.ko-v2:not(.ko-app) .foot{padding:26px 0 18px;gap:18px}
  body.ko-v2:not(.ko-app) .ko-footer-tagline{font-size:12px;line-height:1.5}
}

/* --- topo de app: colado, seguro sob o notch, sem menu duplicado --- */
@media(max-width:820px){
  body.ko-v2.ko-app .topbar-public{
    position:sticky;top:0;z-index:10010;
    margin:0;padding:10px 12px;
    padding-top:calc(10px + env(safe-area-inset-top));
    border-radius:0;
    background:linear-gradient(180deg,rgba(4,19,30,.99),rgba(3,16,25,.97));
    box-shadow:0 10px 30px rgba(0,8,18,.30)}
  body.ko-v2.ko-app .topbar-public .nav{display:none}
  body.ko-v2.ko-app .topbar-public .right>.btn-ghost,
  body.ko-v2.ko-app .topbar-public .right>.sell-pill,
  body.ko-v2.ko-app .topbar-public .logout-form,
  body.ko-v2.ko-app .topbar-public .icobtn[title="Buscar"]{display:none}
  /* o hamburguer da topbar e a aba "Mais" abrem o mesmo gaveteiro. Com a
     barra de abas no ar, manter os dois e oferecer a mesma porta duas
     vezes — e a de cima e a que o polegar nao alcanca. */
  body.ko-v2.ko-app .topbar-public .kd-mobile-more-btn{display:none}
  /* so a marca, sem o wordmark. A pilula de saldo e uma grade de duas
     linhas de proposito (rotulo em cima, valor embaixo), mas sem largura
     o proprio valor quebrava: "R$" numa linha e "0,00" na outra. */
  body.ko-v2.ko-app .topbar-public .ko-shell-logo b{display:none}
  body.ko-v2.ko-app .topbar-public .pill-wallet small,
  body.ko-v2.ko-app .topbar-public .pill-wallet b{white-space:nowrap}
  body.ko-v2.ko-app .topbar-public .right{gap:8px}

  /* a barra de abas passa a valer ate 820px, nao so ate 620px */
  body.ko-v2.ko-app .mobile-bottom-nav{
    position:fixed;z-index:10020;left:8px;right:8px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
    min-height:64px;padding:6px;
    border:1px solid rgba(173,226,238,.16);border-radius:20px;
    background:rgba(4,24,35,.94);box-shadow:0 20px 55px rgba(0,0,0,.42);
    backdrop-filter:blur(22px) saturate(1.2)}
  body.ko-v2.ko-app .sea:has(.mobile-bottom-nav){
    padding-bottom:calc(84px + env(safe-area-inset-bottom))}
}

/* --- toque de aplicativo: sem realce de toque, sem selecao no cromo,
       sem o quique de rolagem que denuncia navegador --- */
@media(max-width:820px){
  body.ko-v2.ko-app{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
}
@media(display-mode:standalone),(display-mode:minimal-ui),(display-mode:window-controls-overlay){
  body.ko-v2{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
}
body.ko-v2.ko-app .topbar-public,
body.ko-v2.ko-app .mobile-bottom-nav,
body.ko-v2.ko-app .kd-mobile-more-drawer,
body.ko-v2.ko-pwa-standalone .topbar-public,
body.ko-v2.ko-pwa-standalone .mobile-bottom-nav,
body.ko-v2.ko-pwa-standalone .kd-mobile-more-drawer{
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none}

/* --- o gaveteiro "Mais" ganhou legal: separa do resto --- */
body.ko-v2 .kd-mobile-more-legal{
  display:flex;justify-content:center;gap:16px;flex-wrap:wrap;
  margin-top:14px;padding-top:12px;
  border-top:1px solid rgba(190,231,242,.10)}
body.ko-v2 .kd-mobile-more-legal a{
  color:#7ba3b1;font-size:10px;font-weight:700;letter-spacing:.04em;text-decoration:none}
body.ko-v2 .kd-mobile-more-legal a:hover{color:#cfeaf2}

/* --- V45.0 acabamento da barra de abas ---
   A barra flutua a 8px do fim da tela, e o conteudo passa por tras dela. No vao
   de baixo isso aparecia como uma fatia de texto cortada, que le como defeito e
   nao como profundidade. O degrade dissolve o conteudo antes do corte. */
body.ko-v2 .mobile-bottom-nav::after{
  content:"";position:absolute;left:-8px;right:-8px;top:100%;
  height:calc(10px + env(safe-area-inset-bottom));
  background:var(--ko-bg-deep,#03111a);pointer-events:none}
body.ko-v2 .mobile-bottom-nav::before{
  content:"";position:absolute;left:-8px;right:-8px;bottom:100%;
  height:22px;pointer-events:none;
  background:linear-gradient(180deg,rgba(3,17,26,0),rgba(3,17,26,.92))}

/* Sete atalhos numa grade de duas colunas deixam o ultimo sozinho e torto.
   Sendo impar, ele ocupa a linha inteira e vira decisao, nao sobra. */
body.ko-v2 .kd-mobile-more-grid>a:last-child:nth-child(odd){grid-column:1/-1}

/* --- V45.0 aviso de notificacoes ---
   O HTML deste componente vem do shell antigo, mas o V2 reescreveu o CSS do
   zero e portou so o cartao de instalar. Sem regra nenhuma, ele caia no fluxo
   como texto cru com botoes default, logo acima da barra de abas. Mesmo
   vocabulario do .pwa-install-card, para os dois lerem como a mesma familia. */
body.ko-v2 .pwa-push-nudge-v26{
  position:fixed;z-index:10018;left:50%;
  bottom:max(22px,env(safe-area-inset-bottom));
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;
  gap:12px;align-items:center;
  width:min(560px,calc(100% - 32px));padding:13px 15px;
  border:1px solid rgba(126,224,235,.23);border-radius:18px;
  background:linear-gradient(145deg,rgba(9,42,57,.98),rgba(3,20,31,.99));
  box-shadow:0 22px 62px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.045);
  transform:translateX(-50%);backdrop-filter:blur(22px)}
body.ko-v2 .pwa-push-nudge-v26[hidden]{display:none}
body.ko-v2 .pwa-push-copy{display:grid;gap:3px;min-width:0}
body.ko-v2 .pwa-push-copy b{color:#f2fbff;font-size:13px;font-weight:700}
body.ko-v2 .pwa-push-copy span{color:#8fb1bc;font-size:10px;line-height:1.4}
body.ko-v2 .pwa-push-later{
  padding:0 11px;min-height:34px;border:1px solid rgba(173,226,238,.16);
  border-radius:10px;background:transparent;color:#7f9da8;
  font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}
body.ko-v2 .pwa-push-later:hover{color:#cfeaf2;border-color:rgba(173,226,238,.30)}

/* acima da barra de abas, nunca por baixo dela */
body.ko-v2 .sea:has(.mobile-bottom-nav) .pwa-push-nudge-v26{
  bottom:calc(84px + env(safe-area-inset-bottom))}

@media(max-width:620px){
  body.ko-v2 .pwa-push-nudge-v26{
    grid-template-columns:minmax(0,1fr) auto;gap:10px;
    width:calc(100% - 24px);padding:12px;border-radius:16px}
  body.ko-v2 .pwa-push-nudge-v26 .btn{grid-column:1/-1;grid-row:2;width:100%}
  body.ko-v2 .pwa-push-later{grid-column:2;grid-row:1}
}

/* ============================================================
   KARDUME OCEAN V45.1 — telas que o V2 nao portou
   O V2 reescreveu o CSS do zero e algumas familias de classe
   ficaram sem regra nenhuma. Sem regra, <b> e <span> irmaos sao
   inline e colam: "Fluxo seguroConta -> creditos", "Explorar
   packsVer carteira". Nao e falta de margem, e falta de folha.
   ============================================================ */

/* --- /onboarding: familia kd-v123-* --- */
body.ko-v2 .kd-v123-client-page{
  width:var(--ko-wrap);margin:0 auto;padding:34px 0 60px;
  display:grid;gap:26px}
body.ko-v2 .kd-v123-client-hero{
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
  gap:24px;align-items:start;
  padding:30px;border:1px solid var(--ko-line);border-radius:22px;
  background:linear-gradient(150deg,rgba(11,48,64,.72),rgba(4,22,33,.86))}
body.ko-v2 .kd-v123-eyebrow{
  display:block;margin-bottom:12px;
  color:#6edee8;font-size:9px;font-weight:800;
  letter-spacing:.15em;text-transform:uppercase}
body.ko-v2 .kd-v123-client-hero h1{
  margin:0 0 12px;color:#f4fcff;
  font:600 clamp(30px,4.6vw,44px)/1.02 var(--ko-serif);
  letter-spacing:-.025em;text-transform:none}
body.ko-v2 .kd-v123-client-hero p{margin:0;color:#9fc1ce;font-size:13px;line-height:1.6}
body.ko-v2 .kd-v123-client-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
body.ko-v2 .kd-v123-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 20px;border-radius:999px;
  border:1px solid rgba(173,226,238,.20);background:rgba(255,255,255,.03);
  color:#dff6fa;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}
body.ko-v2 .kd-v123-btn.primary{
  border-color:transparent;color:#22160a;
  background:linear-gradient(145deg,#f3a13d,#ed7c22)}
body.ko-v2 .kd-v123-client-hero aside{
  display:grid;gap:7px;padding:20px;
  border:1px solid var(--ko-line);border-radius:16px;background:rgba(4,24,35,.55)}
body.ko-v2 .kd-v123-client-hero aside b{color:#79dce7;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
body.ko-v2 .kd-v123-client-hero aside span{color:#cfe9f1;font-size:13px;line-height:1.5}

body.ko-v2 .kd-v123-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.ko-v2 .kd-v123-flow-grid article{
  display:grid;gap:9px;align-content:start;padding:22px 20px;
  border:1px solid var(--ko-line);border-radius:18px;background:rgba(8,34,48,.82)}
body.ko-v2 .kd-v123-flow-grid strong{
  display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
  background:rgba(110,222,232,.12);color:#6edee8;font-size:13px;font-weight:800}
body.ko-v2 .kd-v123-flow-grid h2{
  margin:0;color:#f2fbff;font:600 19px/1.15 var(--ko-serif);
  letter-spacing:-.015em;text-transform:none}
body.ko-v2 .kd-v123-flow-grid p{margin:0;color:#93b6c3;font-size:12px;line-height:1.55}
body.ko-v2 .kd-v123-flow-grid a{
  justify-self:start;margin-top:3px;color:#f2a246;
  font-size:11px;font-weight:700;text-decoration:none}
body.ko-v2 .kd-v123-flow-grid a:hover{text-decoration:underline}

body.ko-v2 .kd-v123-safe-note{
  display:grid;gap:6px;padding:20px 22px;
  border:1px solid rgba(242,162,70,.20);border-radius:16px;
  background:rgba(242,162,70,.05)}
body.ko-v2 .kd-v123-safe-note b{color:#f2a246;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
body.ko-v2 .kd-v123-safe-note span{color:#c9e4ed;font-size:12px;line-height:1.6}

/* modal de confirmacao (foot.php) — tambem sem folha ate aqui */
body.ko-v2 .kd-v123-confirm-backdrop{
  position:fixed;z-index:12060;inset:0;display:grid;place-items:center;
  padding:22px;background:rgba(2,13,21,.82);backdrop-filter:blur(10px)}
body.ko-v2 .kd-v123-confirm-modal{
  width:min(440px,100%);padding:26px;
  border:1px solid var(--ko-line);border-radius:22px;
  background:linear-gradient(160deg,rgba(11,48,64,.99),rgba(4,22,33,.99))}
body.ko-v2 .kd-v123-confirm-modal h3{margin:0 0 8px;color:#f4fcff;font:600 24px/1.1 var(--ko-serif);text-transform:none}
body.ko-v2 .kd-v123-confirm-modal p{margin:0 0 16px;color:#9fc1ce;font-size:12px;line-height:1.6}
body.ko-v2 .kd-v123-confirm-modal dl{display:grid;gap:8px;margin:0 0 20px}
body.ko-v2 .kd-v123-confirm-modal dl>div{display:flex;justify-content:space-between;gap:14px}
body.ko-v2 .kd-v123-confirm-modal dt{color:#7996a3;font-size:11px}
body.ko-v2 .kd-v123-confirm-modal dd{margin:0;color:#eaf7fb;font-size:12px;font-weight:700;text-align:right}
body.ko-v2 .kd-v123-confirm-actions{display:flex;gap:10px}
body.ko-v2 .kd-v123-confirm-actions .kd-v123-btn{flex:1}

/* --- /cadastro-sucesso: o cartao de sucesso nao tinha folha --- */
body.ko-v2 .card-auth.success-card{display:grid;gap:12px;text-align:center;justify-items:center}
body.ko-v2 .card-auth.success-card .big{font-size:44px;line-height:1;margin-bottom:2px}
body.ko-v2 .card-auth.success-card h2{
  margin:0;color:#f4fcff;font:600 clamp(26px,5vw,32px)/1.06 var(--ko-serif);
  letter-spacing:-.02em;text-transform:none}
body.ko-v2 .card-auth.success-card p{margin:0 0 8px;color:#9fc1ce;font-size:13px;line-height:1.6}
body.ko-v2 .card-auth.success-card .btn{width:100%}

@media(max-width:820px){
  body.ko-v2 .kd-v123-client-page{padding:22px 0 40px;gap:18px}
  body.ko-v2 .kd-v123-client-hero{grid-template-columns:1fr;padding:24px 20px;gap:18px}
  body.ko-v2 .kd-v123-flow-grid{grid-template-columns:1fr}
  body.ko-v2 .kd-v123-client-actions .kd-v123-btn{flex:1 1 auto}
}

/* --- dois defeitos que se repetem em varias telas --- */
@media(max-width:620px){
  /* o link do cabecalho de secao ficava orfao, minusculo, colado embaixo do
     titulo. Vira pilha alinhada a direita: le como acao, nao como sobra. */
  body.ko-v2 .kd-ocean-sec-head{gap:12px;margin-bottom:16px}
  body.ko-v2 .kd-ocean-sec-head>a{
    align-self:flex-end;margin-top:-6px;padding:7px 13px;
    border:1px solid rgba(242,162,70,.30);border-radius:999px;
    font-size:10px;background:rgba(242,162,70,.06)}

  /* KPI um por linha gastava a tela inteira em quatro numeros */
  body.ko-v2 .kd-ocean-metrics,
  body.ko-v2 .gamification-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}

/* --- V45.1 cabecalho de secao com filtros (/premios) ---
   No celular o titulo quebra em duas linhas e os filtros ficavam encostados
   nele. Empilha: titulo inteiro em cima, filtros numa faixa propria. */
@media(max-width:620px){
  body.ko-v2 .kd-v38-sec-head{flex-direction:column;align-items:stretch;gap:12px}
  body.ko-v2 .kd-v38-sec-head h2{font-size:24px}
  body.ko-v2 .kd-v38-filters{gap:8px}
  body.ko-v2 .kd-v38-filters>*{flex:1 1 auto;justify-content:center}
}

/* ============================================================
   KARDUME OCEAN V45.2 — ritmo entre texto e campo
   O breadcrumb tinha margin-top e nenhum margin-bottom, entao o
   que vinha depois encostava nele. As barras de busca herdaram
   margem so em algumas telas: .kd-hf6-search tinha 22px,
   .kd-v38-search e .kd-hf1-searchbar nao tinham nada. E <label>
   nao tinha uma regra sequer — colava no proprio input.
   ============================================================ */

/* o rastro de navegacao respira antes do que vem depois */
body.ko-v2 .kd-ocean-crumb,
body.ko-v2 .kd-v38-crumb,
body.ko-v2 .kd-hf1-crumb,
body.ko-v2 .kd-hf6-crumb,
body.ko-v2 .kd-v37-crumb,
body.ko-v2 .crumb{margin-bottom:18px}

/* toda barra de busca comeca no mesmo ritmo, em qualquer tela */
body.ko-v2 .kd-hf1-searchbar,
body.ko-v2 .kd-hf6-search,
body.ko-v2 .kd-v38-search{margin-top:20px}
body.ko-v2 .kd-ocean-hero+.kd-hf1-searchbar,
body.ko-v2 .kd-ocean-hero+.kd-v38-search,
body.ko-v2 .kd-ocean-hero+.kd-hf6-search{margin-top:24px}

/* rotulo nunca encosta no campo. So o rotulo que e mesmo um rotulo:
   o que embrulha o proprio input (checkbox, radio) fica como esta. */
body.ko-v2 main label:not(:has(input)):not(:has(select)):not(:has(textarea)),
body.ko-v2 .field>label,
body.ko-v2 .kd-ocean-form label{
  display:block;margin-bottom:7px;
  color:#9fc1ce;font-size:11px;font-weight:600;letter-spacing:.01em}

/* campo seguido de campo, e texto de ajuda embaixo do campo */
body.ko-v2 main .input+.input,
body.ko-v2 main input+input,
body.ko-v2 main select+select{margin-top:12px}
body.ko-v2 main .hint,
body.ko-v2 main .help,
body.ko-v2 main small.note{display:block;margin-top:6px;color:#7f9da8;font-size:10px;line-height:1.5}

/* faixa de filtros nunca encostada no titulo nem no conteudo */
body.ko-v2 .kd-hf5-ocean-filters,
body.ko-v2 .kd-hf3-ocean-toolbar{margin-top:18px}

/* ============================================================
   KARDUME OCEAN V46.0 — as telas de prova do sorteio
   /verificar-abertura e /drop-receipt sao onde o colecionador
   confere que a abertura foi honesta. Eram as duas que menos
   podiam parecer rascunho, e eram as duas com mais classe sem
   folha: badge, codigo, tabela de rolls, tudo sem regra.
   ============================================================ */

body.ko-v2 .page-kd-clean{width:var(--ko-wrap);margin:0 auto}

/* rastro de navegacao (usado tambem em /meus-dados e /not-found) */
body.ko-v2 .crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#759aa8;font-size:11px}
body.ko-v2 .crumb a{color:#9fc6d2;text-decoration:none}
body.ko-v2 .crumb a:hover{color:var(--ko-aqua)}
body.ko-v2 .crumb b{color:#eaf8fb;font-weight:600}

/* hash, seed e audit key: monoespacada e quebrando em qualquer ponto.
   Sao strings de 64 caracteres num viewport de 375px. */
body.ko-v2 .fair-code{
  display:block;margin-top:4px;
  font-family:ui-monospace,Consolas,'Courier New',monospace;
  font-size:11px;line-height:1.45;color:#8fd3dd;
  overflow-wrap:anywhere;word-break:break-all}

body.ko-v2 .version-pill{
  display:inline-flex;align-items:center;min-height:22px;padding:0 9px;
  border:1px solid var(--ko-line);border-radius:999px;
  background:rgba(255,255,255,.03);
  color:#79dce7;font-size:9px;font-weight:800;letter-spacing:.10em}

body.ko-v2 .badge-ok,body.ko-v2 .badge-warn{
  display:inline-flex;align-items:center;min-height:26px;padding:0 11px;
  border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.03em;white-space:nowrap}
body.ko-v2 .badge-ok{background:rgba(90,213,160,.14);color:#5ad5a0;border:1px solid rgba(90,213,160,.28)}
body.ko-v2 .badge-warn{background:rgba(238,139,43,.14);color:#f5a13d;border:1px solid rgba(238,139,43,.30)}

body.ko-v2 .section-h{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:14px;flex-wrap:wrap;margin:26px 0 14px}
body.ko-v2 .section-h h3{
  margin:0;color:#f2fbff;font:600 21px/1.1 var(--ko-serif);
  letter-spacing:-.015em;text-transform:none}
body.ko-v2 .section-h span{color:#7f9da8;font-size:10px}

body.ko-v2 .meta,body.ko-v2 .tx-meta{display:block;margin-top:3px;color:#8eafbb;font-size:10px;line-height:1.5}

/* linhas de conferencia: rotulo e valor a esquerda, veredito a direita */
body.ko-v2 .verify-list,body.ko-v2 .real-list{display:grid;gap:10px}
body.ko-v2 .verify-row,body.ko-v2 .real-item{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  padding:13px 15px;border:1px solid var(--ko-line);border-radius:14px;
  background:rgba(6,26,38,.62)}
body.ko-v2 .verify-row>div,body.ko-v2 .real-item>div{min-width:0;flex:1}
body.ko-v2 .verify-row>div>b,body.ko-v2 .real-item>div>b{
  display:block;margin-bottom:3px;color:#eaf8fb;font-size:12px;font-weight:700}
body.ko-v2 .verify-row>span{flex:0 0 auto;color:#7f9da8;font-size:10px;text-align:right;white-space:nowrap}

/* a tabela de rolls tem cinco colunas e uma delas e um HMAC.
   Rola dentro do proprio quadro; a pagina nunca rola de lado. */
body.ko-v2 .wallet-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
body.ko-v2 .wallet-table table{width:100%;border-collapse:collapse;min-width:560px}
body.ko-v2 .wallet-table th,body.ko-v2 .wallet-table td{
  padding:11px 12px;text-align:left;border-bottom:1px solid var(--ko-line);vertical-align:top}
body.ko-v2 .wallet-table th{
  color:#79dce7;font-size:9px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;white-space:nowrap}
body.ko-v2 .wallet-table td{color:#cfe4ec;font-size:12px}
body.ko-v2 .wallet-table td b{color:#f2fbff}
body.ko-v2 .wallet-table tbody tr:last-child td{border-bottom:0}

/* --- /verificar-abertura --- */
body.ko-v2 .fair-verify-hero-v25{padding:26px 0 6px}
body.ko-v2 .v25-eyebrow{
  display:block;margin-bottom:10px;color:#6edee8;
  font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
body.ko-v2 .fair-verify-hero-v25 h1{
  margin:0;color:#f4fcff;font:600 clamp(32px,5.4vw,50px)/1.0 var(--ko-serif);
  letter-spacing:-.03em;text-transform:none}
body.ko-v2 .fair-verify-hero-v25 p{margin:12px 0 0;max-width:640px;color:var(--ko-muted);font-size:13px;line-height:1.6}
body.ko-v2 .fair-panel{margin-top:22px}
body.ko-v2 .fair-panel h3{color:#f4fcff;font:600 22px/1.1 var(--ko-serif);letter-spacing:-.02em;text-transform:none}

/* --- /drop-receipt --- */
body.ko-v2 .kd-v106-receipt-page .pack-opening-v36-summary,
body.ko-v2 .kd-v106-receipt-page .pack-opening-v36-allcards{
  margin-top:20px;padding:22px;border:1px solid var(--ko-line);
  border-radius:20px;background:rgba(8,34,48,.72)}
body.ko-v2 .kd-v106-receipt-page .section-h{margin-top:0}
body.ko-v2 .pack-opening-v36-summary-grid,
body.ko-v2 .kd-v10-version-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
body.ko-v2 .pack-opening-v36-summary-card,
body.ko-v2 .kd-v10-version-grid>div{
  display:grid;gap:5px;padding:14px;border:1px solid var(--ko-line);
  border-radius:14px;background:rgba(6,26,38,.62)}
body.ko-v2 .pack-opening-v36-summary-card span,
body.ko-v2 .kd-v10-version-grid>div span{
  color:#79dce7;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body.ko-v2 .pack-opening-v36-summary-card b,
body.ko-v2 .kd-v10-version-grid>div b{color:#f2fbff;font-size:14px;overflow-wrap:anywhere}

body.ko-v2 .pack-opening-v36-final-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
body.ko-v2 .pack-opening-v36-final-item{
  display:flex;flex-direction:column;overflow:hidden;
  border:1px solid var(--ko-line);border-radius:15px;background:rgba(6,26,38,.62)}
body.ko-v2 .pack-opening-v36-final-item img{width:100%;aspect-ratio:5/7;object-fit:cover;display:block}
body.ko-v2 .pack-opening-v36-final-meta{display:grid;gap:4px;padding:11px}
body.ko-v2 .pack-opening-v36-final-meta b{color:#f2fbff;font-size:13px;line-height:1.25}
body.ko-v2 .pack-opening-v36-final-meta span{
  color:var(--ko-aqua);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}

body.ko-v2 .pack-opening-v36-error{
  display:grid;justify-items:center;gap:10px;margin-top:26px;padding:44px 26px;
  border:1px dashed var(--ko-line);border-radius:22px;text-align:center}
body.ko-v2 .pack-opening-v36-error-ico{font-size:40px;line-height:1}
body.ko-v2 .pack-opening-v36-error h1{margin:0;color:#f4fcff;font:600 30px/1.06 var(--ko-serif);text-transform:none}
body.ko-v2 .admin-form-grid.kd-v10-form{display:grid;gap:12px;width:100%}
body.ko-v2 .admin-form-grid.kd-v10-form label{display:block;text-align:left}
body.ko-v2 .admin-form-grid.kd-v10-form input{
  width:100%;min-height:46px;margin-top:6px;padding:0 14px;
  border:1px solid var(--ko-line);border-radius:12px;
  background:rgba(4,20,30,.75);color:var(--ko-text);font-size:14px}

@media(max-width:820px){
  body.ko-v2 .pack-opening-v36-summary-grid,
  body.ko-v2 .kd-v10-version-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  body.ko-v2 .fair-verify-hero-v25{padding:20px 0 4px}
  body.ko-v2 .verify-row,body.ko-v2 .real-item{flex-direction:column;gap:9px}
  body.ko-v2 .verify-row>span{text-align:left}
  body.ko-v2 .pack-opening-v36-final-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ko-v2 .kd-v106-receipt-page .pack-opening-v36-summary,
  body.ko-v2 .kd-v106-receipt-page .pack-opening-v36-allcards{padding:18px 16px}
}

/* ============================================================
   KARDUME OCEAN V46.1 — /album e /capitao
   Mesma causa das outras: familia de classe sem folha nenhuma.
   Em .kd-hf6-album-meta sao quatro <b> seguidos e em
   .kd-v134-empty e <b> + <p> — inline por padrao, colavam.
   ============================================================ */

/* ---------- /album/<slug> : familia kd-hf6-* ---------- */
body.ko-v2 .kd-hf6-wrap{width:var(--ko-wrap);margin:0 auto}
body.ko-v2 .kd-hf6-section{padding:22px 0}
body.ko-v2 .kd-hf6-hero{padding:34px 0 6px}
body.ko-v2 .kd-hf6-hero h1{
  margin:0;color:#f4fcff;font:600 clamp(32px,5.6vw,52px)/1.0 var(--ko-serif);
  letter-spacing:-.03em;text-transform:none}
body.ko-v2 .kd-hf6-hero p{margin:12px 0 0;max-width:680px;color:var(--ko-muted);font-size:13px;line-height:1.6}

body.ko-v2 .kd-hf6-empty{
  display:grid;gap:6px;padding:34px 26px;
  border:1px dashed var(--ko-line);border-radius:18px;
  color:var(--ko-muted);font-size:13px;text-align:center}

body.ko-v2 .kd-hf6-album-panel{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:center;
  padding:26px;border:1px solid var(--ko-line);border-radius:22px;
  background:linear-gradient(150deg,rgba(11,48,64,.72),rgba(4,22,33,.86))}
body.ko-v2 .kd-hf6-album-panel-copy{display:grid;gap:12px;min-width:0}
body.ko-v2 .kd-hf6-album-panel-copy>span{
  color:#6edee8;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
body.ko-v2 .kd-hf6-album-panel-copy h2{
  margin:0;color:#f4fcff;font:600 clamp(26px,3.6vw,36px)/1.04 var(--ko-serif);
  letter-spacing:-.025em;text-transform:none}
body.ko-v2 .kd-hf6-album-panel-copy>p{margin:0;color:var(--ko-muted);font-size:12px;line-height:1.6}
body.ko-v2 .kd-hf6-album-panel-art{overflow:hidden;border-radius:16px;border:1px solid var(--ko-line)}
body.ko-v2 .kd-hf6-album-panel-art img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}

/* barra de progresso: o <i> e o preenchimento */
body.ko-v2 .kd-hf6-progress{
  position:relative;overflow:hidden;height:8px;border-radius:999px;
  background:rgba(255,255,255,.07)}
body.ko-v2 .kd-hf6-progress.big{height:11px}
body.ko-v2 .kd-hf6-progress>i{
  display:block;height:100%;border-radius:999px;
  background:linear-gradient(90deg,#35c4d8,#f3a13d);transition:width .5s ease}

/* quatro <b> seguidos: viram chips separados, nao uma frase colada */
body.ko-v2 .kd-hf6-album-meta{display:flex;flex-wrap:wrap;gap:8px}
body.ko-v2 .kd-hf6-album-meta>b{
  display:inline-flex;align-items:center;min-height:28px;padding:0 12px;
  border:1px solid var(--ko-line);border-radius:999px;background:rgba(255,255,255,.03);
  color:#cfe9f1;font-size:11px;font-weight:700;white-space:nowrap}

body.ko-v2 .kd-hf6-actions{display:flex;flex-wrap:wrap;gap:10px}
body.ko-v2 .kd-hf6-btn,body.ko-v2 .kd-v37-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 20px;border-radius:999px;border:1px solid transparent;
  background:linear-gradient(145deg,#f3a13d,#ed7c22);color:#22160a;
  font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}
body.ko-v2 .kd-hf6-btn.ghost,body.ko-v2 .kd-v37-btn.ghost{
  background:rgba(255,255,255,.03);border-color:rgba(173,226,238,.20);color:#dff6fa}

body.ko-v2 .kd-hf6-section-head,body.ko-v2 .kd-v37-section-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:16px;flex-wrap:wrap;margin-bottom:16px}
body.ko-v2 .kd-hf6-section-head h2,body.ko-v2 .kd-v37-section-head h2{
  margin:0;color:#f2fbff;font:600 clamp(22px,3vw,30px)/1.06 var(--ko-serif);
  letter-spacing:-.02em;text-transform:none}
body.ko-v2 .kd-v37-section-head p{margin:5px 0 0;color:var(--ko-muted);font-size:12px}
body.ko-v2 .kd-hf6-section-head>a,body.ko-v2 .kd-v37-section-head>a{
  color:#f2a246;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}

/* os slots do album */
body.ko-v2 .kd-hf6-slot-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:13px}
body.ko-v2 .kd-hf6-slot{
  position:relative;display:flex;flex-direction:column;gap:6px;
  padding:11px;border:1px solid var(--ko-line);border-radius:16px;
  background:rgba(8,34,48,.78)}
body.ko-v2 .kd-hf6-slot.missing{opacity:.62}
body.ko-v2 .kd-hf6-slot.owned{border-color:rgba(90,213,160,.28)}
body.ko-v2 .kd-hf6-card-image{overflow:hidden;border-radius:11px}
body.ko-v2 .kd-hf6-card-image img{display:block;width:100%;aspect-ratio:5/7;object-fit:cover}
body.ko-v2 .kd-hf6-slot .kd-hf6-card-new{
  position:absolute;z-index:2;top:18px;left:18px;padding:4px 8px;border-radius:999px;
  background:rgba(4,20,30,.86);color:#8fe4ee;
  font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
body.ko-v2 .kd-hf6-slot.owned .kd-hf6-card-new{background:rgba(90,213,160,.20);color:#5ad5a0}
body.ko-v2 .kd-hf6-card-info{
  position:absolute;z-index:2;top:18px;right:18px;display:grid;place-items:center;
  width:19px;height:19px;border-radius:50%;background:rgba(4,20,30,.8);
  color:#7f9da8;font-size:9px;font-style:normal}
body.ko-v2 .kd-hf6-card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
body.ko-v2 .kd-hf6-card-meta span{
  color:var(--ko-aqua);font-size:9px;font-weight:800;letter-spacing:.05em}
body.ko-v2 .kd-hf6-card-meta small{color:#7f9da8;font-size:9px}
body.ko-v2 .kd-hf6-slot>strong{color:#f2fbff;font-size:12px;line-height:1.25;font-weight:700}
body.ko-v2 .kd-hf6-slot>small{color:#8eafbb;font-size:10px}

/* ---------- /capitao/<slug> : familias kd-v134-* e kd-v37-* ---------- */
body.ko-v2 .kd-v37-page{width:var(--ko-wrap);margin:0 auto}
body.ko-v2 .kd-v37-crumb{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#759aa8;font-size:11px}
body.ko-v2 .kd-v37-crumb a{color:#9fc6d2;text-decoration:none}
body.ko-v2 .kd-v37-crumb span{color:var(--ko-orange)}
body.ko-v2 .kd-v37-crumb b{color:#eaf8fb;font-weight:600}
body.ko-v2 .kd-v37-eyebrow{
  display:block;margin-bottom:9px;color:#6edee8;
  font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}

body.ko-v2 .kd-v134-captain-hero{
  position:relative;overflow:hidden;margin-top:20px;padding:30px;
  border:1px solid var(--ko-line);border-radius:24px;
  background:linear-gradient(150deg,rgba(11,48,64,.78),rgba(4,22,33,.90))}
body.ko-v2 .kd-v134-captain-glow{
  position:absolute;z-index:0;inset:-40% 40% 40% -20%;pointer-events:none;
  background:radial-gradient(circle,rgba(53,196,216,.22),transparent 62%)}
body.ko-v2 .kd-v134-captain-main{
  position:relative;z-index:1;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
body.ko-v2 .kd-v134-captain-avatar{
  flex:0 0 auto;overflow:hidden;width:104px;height:104px;border-radius:50%;
  border:1px solid rgba(173,226,238,.24);box-shadow:0 14px 36px rgba(0,0,0,.35)}
body.ko-v2 .kd-v134-captain-avatar img{display:block;width:100%;height:100%;object-fit:cover}
body.ko-v2 .kd-v134-captain-copy{flex:1 1 260px;min-width:0}
body.ko-v2 .kd-v134-captain-copy h1{
  margin:0;color:#f4fcff;font:600 clamp(30px,4.6vw,44px)/1.02 var(--ko-serif);
  letter-spacing:-.03em;text-transform:none}
body.ko-v2 .kd-v134-captain-copy p{margin:10px 0 0;color:var(--ko-muted);font-size:13px;line-height:1.6}
body.ko-v2 .kd-v134-captain-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

body.ko-v2 .kd-v134-showcase{
  position:relative;z-index:1;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:11px;margin-top:22px}
body.ko-v2 .kd-v134-showcase img{
  display:block;width:100%;aspect-ratio:5/7;object-fit:cover;
  border-radius:13px;border:1px solid var(--ko-line)}

body.ko-v2 .kd-v37-kpi-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
body.ko-v2 .kd-v37-kpi-grid>div{
  display:grid;gap:5px;min-height:100px;padding:16px;
  border:1px solid var(--ko-line);border-radius:15px;background:rgba(8,34,48,.82)}
body.ko-v2 .kd-v37-kpi-grid span{
  color:#79dce7;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body.ko-v2 .kd-v37-kpi-grid b{color:#fff;font:600 24px/1 var(--ko-serif)}

body.ko-v2 .kd-v134-section{margin-top:34px}
body.ko-v2 .kd-v134-empty{
  display:grid;gap:7px;padding:30px 24px;
  border:1px dashed var(--ko-line);border-radius:18px;background:rgba(6,26,38,.4)}
body.ko-v2 .kd-v134-empty b{color:#f2fbff;font-size:14px}
body.ko-v2 .kd-v134-empty p{margin:0;color:var(--ko-muted);font-size:12px;line-height:1.6}
body.ko-v2 .kd-v134-empty-hero{margin-top:24px;justify-items:center;text-align:center}

body.ko-v2 .kd-v37-pack-grid,body.ko-v2 .kd-v37-card-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}

@media(max-width:820px){
  body.ko-v2 .kd-hf6-album-panel{grid-template-columns:1fr;padding:22px 18px;gap:18px}
  body.ko-v2 .kd-v37-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ko-v2 .kd-v134-captain-hero{padding:24px 20px}
  body.ko-v2 .kd-v134-captain-main{gap:16px}
  body.ko-v2 .kd-v134-captain-avatar{width:76px;height:76px}
  body.ko-v2 .kd-v134-captain-actions .kd-v37-btn{flex:1 1 auto}
}
@media(max-width:620px){
  body.ko-v2 .kd-hf6-hero{padding:24px 0 4px}
  body.ko-v2 .kd-hf6-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.ko-v2 .kd-v37-pack-grid,body.ko-v2 .kd-v37-card-grid{grid-template-columns:1fr}
  body.ko-v2 .kd-hf6-section-head>a,body.ko-v2 .kd-v37-section-head>a{
    align-self:flex-start;padding:7px 13px;border:1px solid rgba(242,162,70,.30);
    border-radius:999px;font-size:10px;background:rgba(242,162,70,.06)}
}

/* retrato na tela offline: so aparece quando ha algo real guardado */
body.ko-v2 .ko-offline-snapshot{
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  margin:18px auto 4px;padding:13px 18px;max-width:420px;
  border:1px solid var(--ko-line);border-radius:14px;background:rgba(6,26,38,.62)}
body.ko-v2 .ko-offline-snapshot[hidden]{display:none}
body.ko-v2 .ko-offline-snapshot b{color:#f2fbff;font-size:13px}
body.ko-v2 .ko-offline-snapshot span{
  color:var(--ko-aqua);font-size:11px;font-weight:700;
  padding:4px 10px;border-radius:999px;background:rgba(101,220,231,.10)}
body.ko-v2 .ko-offline-snapshot small{flex:1 1 100%;color:#7f9da8;font-size:10px;text-align:center}

/* ============================================================
   KARDUME OCEAN V47.0 — a tela de resultado do pack
   O contorno da grade e da barra; a carta e a virada vem abaixo.
   ============================================================ */
body.ko-v2 .ko-reveal-bar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-bottom:16px;padding:11px 15px;
  border:1px solid var(--ko-line);border-radius:14px;background:rgba(6,26,38,.62)}
body.ko-v2 .ko-reveal-bar[hidden]{display:none}
body.ko-v2 .ko-reveal-bar>span{color:#8fb1bc;font-size:11px;font-weight:600}
body.ko-v2 .ko-reveal-skip{
  min-height:34px;padding:0 14px;border-radius:999px;
  border:1px solid rgba(173,226,238,.20);background:rgba(255,255,255,.03);
  color:#dff6fa;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}
body.ko-v2 .ko-reveal-skip:hover{border-color:rgba(173,226,238,.36);color:#fff}

body.ko-v2 .kd-ocean-opening-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:14px}

/* o wrapper e so layout: a moldura e o fundo sao da propria carta,
   senao ficam duas bordas concentricas em volta da mesma coisa. */
body.ko-v2 .kd-ocean-opening-card{
  position:relative;display:flex;flex-direction:column;gap:9px}
body.ko-v2 .kd-ocean-opening-card>div:last-child{display:grid;gap:2px;min-width:0}
body.ko-v2 .kd-ocean-opening-card>div:last-child>b{color:#dff2f8;font-size:11px;line-height:1.25}
body.ko-v2 .kd-ocean-opening-card>div:last-child>span{
  color:#7f9da8;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
body.ko-v2 .kd-ocean-opening-card>div:last-child>small{
  color:#5f7d8a;font-size:8px;font-family:ui-monospace,Consolas,'Courier New',monospace}

@media(max-width:620px){
  body.ko-v2 .kd-ocean-opening-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.ko-v2 .ko-reveal-bar{padding:10px 12px;gap:10px}
  body.ko-v2 .ko-reveal-bar>span{font-size:10px}
}

/* ============================================================
   KARDUME OCEAN V47.0 — a carta
   kd_card_template() e o objeto que o produto inteiro vende, e
   nao tinha UMA regra no CSS do V2: .ccard, .kd-v34-card,
   .kd-v34-card-media, .rb, .nm, .vl, .buyback-range, todas orfas.
   Renderizava como imagem crua com texto solto embaixo.
   ============================================================ */

/* cor da raridade: um token so, lido por borda, brilho, selo e nome */
body.ko-v2 .ccard{--rc:#8fa9b6;--rc-soft:rgba(143,169,182,.16)}
body.ko-v2 .ccard.rarity-incomum {--rc:#5ad5a0;--rc-soft:rgba(90,213,160,.16)}
body.ko-v2 .ccard.rarity-rara    {--rc:#65dce7;--rc-soft:rgba(101,220,231,.16)}
body.ko-v2 .ccard.rarity-epica   {--rc:#a78bfa;--rc-soft:rgba(167,139,250,.18)}
body.ko-v2 .ccard.rarity-lendaria{--rc:#f3a13d;--rc-soft:rgba(243,161,61,.18)}
body.ko-v2 .ccard.rarity-mitica  {--rc:#fb7185;--rc-soft:rgba(251,113,133,.18)}
body.ko-v2 .ccard.rarity-unica   {--rc:#ffd36a;--rc-soft:rgba(255,211,106,.20)}

body.ko-v2 .ccard{
  position:relative;display:flex;flex-direction:column;overflow:hidden;
  border:1px solid var(--ko-line);border-radius:16px;
  background:linear-gradient(168deg,rgba(11,44,60,.92),rgba(4,20,30,.96));
  box-shadow:0 12px 34px rgba(0,4,10,.34);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
body.ko-v2 .ccard::before{
  content:"";position:absolute;z-index:0;inset:0;pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(120% 60% at 50% 0%,var(--rc-soft),transparent 62%)}

/* as tres raridades do topo se anunciam: borda tinta e halo */
body.ko-v2 .ccard.rarity-lendaria,
body.ko-v2 .ccard.rarity-mitica,
body.ko-v2 .ccard.rarity-unica{
  border-color:color-mix(in srgb,var(--rc) 42%,transparent);
  box-shadow:0 12px 34px rgba(0,4,10,.34),0 0 0 1px color-mix(in srgb,var(--rc) 18%,transparent)}

body.ko-v2 .kd-v34-card-media{position:relative;z-index:1;overflow:hidden}
body.ko-v2 .kd-v34-card-media img{
  display:block;width:100%;aspect-ratio:5/7;object-fit:cover;
  transition:transform .5s cubic-bezier(.2,.8,.3,1)}

/* selo de raridade e estado, sobre a arte */
body.ko-v2 .ccard .rb{
  position:absolute;z-index:3;top:10px;left:10px;
  padding:4px 9px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--rc) 46%,transparent);
  background:rgba(3,15,23,.78);backdrop-filter:blur(6px);
  color:var(--rc);font-size:8px;font-weight:800;letter-spacing:.10em}
body.ko-v2 .kd-v34-card-state{
  position:absolute;z-index:3;top:10px;right:10px;
  padding:4px 9px;border-radius:999px;
  background:rgba(3,15,23,.72);backdrop-filter:blur(6px);
  color:#a9c9d4;font-size:8px;font-weight:700;letter-spacing:.04em}

/* o brilho de foil: um passe de luz, so no toque/hover */
body.ko-v2 .kd-v3-card-shine{
  position:absolute;z-index:2;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(108deg,transparent 34%,rgba(255,255,255,.16) 46%,transparent 58%);
  transform:translateX(-70%);transition:opacity .2s ease}
@media(hover:hover) and (pointer:fine){
  body.ko-v2 .ccard:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--rc) 40%,transparent)}
  body.ko-v2 .ccard:hover .kd-v34-card-media img{transform:scale(1.045)}
  body.ko-v2 .ccard:hover .kd-v3-card-shine{opacity:1;animation:ko-foil 1.05s ease both}
}
@keyframes ko-foil{to{transform:translateX(75%)}}

body.ko-v2 .kd-v34-card-info{
  position:relative;z-index:1;display:grid;gap:4px;padding:12px 12px 13px}
body.ko-v2 .kd-v34-card-info .nm{
  color:#f4fcff;font:600 15px/1.2 var(--ko-serif);letter-spacing:-.012em}
body.ko-v2 .kd-v34-card-captain{color:#7f9da8;font-size:10px;line-height:1.35}
body.ko-v2 .kd-v34-card-info .vl{
  margin-top:3px;color:var(--rc);font-size:13px;font-weight:800;letter-spacing:.01em}
body.ko-v2 .kd-v34-card-info .buyback-range{
  color:#6d8d9b;font-size:9px;line-height:1.4}
body.ko-v2 .kd-v34-card-open{
  margin-top:8px;min-height:34px;padding:0 12px;
  border:1px solid rgba(173,226,238,.18);border-radius:10px;
  background:rgba(255,255,255,.03);color:#cfe9f1;
  font-size:10px;font-weight:700;cursor:pointer;
  transition:border-color .2s ease,color .2s ease}
body.ko-v2 .kd-v34-card-open:hover{border-color:color-mix(in srgb,var(--rc) 44%,transparent);color:#fff}

@media(max-width:620px){
  body.ko-v2 .kd-v34-card-info{padding:10px 10px 11px;gap:3px}
  body.ko-v2 .kd-v34-card-info .nm{font-size:14px}
  body.ko-v2 .ccard .rb,body.ko-v2 .kd-v34-card-state{top:8px;font-size:7px;padding:3px 7px}
  body.ko-v2 .kd-v34-card-state{right:8px}
  body.ko-v2 .ccard .rb{left:8px}
}

/* ============================================================
   V47.0 — a virada
   A grade nao "aparece": as cartas chegam de costas e viram.
   Sem imagem de verso: o verso e desenhado aqui, com a marca.
   ============================================================ */

body.ko-v2 .kd-ocean-opening-grid.ko-reveal-armed{perspective:1400px}
body.ko-v2 .kd-ocean-opening-grid.ko-reveal-armed .kd-ocean-opening-card{
  transform-style:preserve-3d;
  transform:rotateY(180deg) translateY(16px) scale(.96);
  transition:transform .62s cubic-bezier(.3,1.05,.4,1)}
body.ko-v2 .kd-ocean-opening-grid.ko-reveal-armed .kd-ocean-opening-card>*{
  backface-visibility:hidden;-webkit-backface-visibility:hidden}

/* o verso */
body.ko-v2 .kd-ocean-opening-grid.ko-reveal-armed .kd-ocean-opening-card::after{
  content:"";position:absolute;z-index:5;inset:0;border-radius:17px;
  transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;
  background:
    radial-gradient(circle at 50% 42%,rgba(53,196,216,.30),transparent 54%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.028) 0 7px,transparent 7px 14px),
    linear-gradient(168deg,#0b3a4d,#03111a);
  border:1px solid rgba(173,226,238,.16)}

body.ko-v2 .kd-ocean-opening-grid.ko-reveal-armed .kd-ocean-opening-card.is-revealed{
  transform:rotateY(0) translateY(0) scale(1)}
body.ko-v2 .kd-ocean-opening-grid.ko-reveal-armed .kd-ocean-opening-card.is-revealed::after{
  opacity:0;transition:opacity .18s ease .30s}

/* raridade alta: a virada termina com um pulso, uma vez so */
body.ko-v2 .kd-ocean-opening-card.ko-reveal-brilho{
  animation:ko-reveal-pulso 1.15s cubic-bezier(.2,.8,.3,1) .34s both}
@keyframes ko-reveal-pulso{
  0%  {box-shadow:0 12px 34px rgba(0,4,10,.34)}
  34% {box-shadow:0 0 0 4px var(--rc-soft),0 18px 52px rgba(0,4,10,.42)}
  100%{box-shadow:0 12px 34px rgba(0,4,10,.34)}
}

@media(prefers-reduced-motion:reduce){
  body.ko-v2 .kd-ocean-opening-grid.ko-reveal-armed .kd-ocean-opening-card{transform:none}
  body.ko-v2 .kd-ocean-opening-grid.ko-reveal-armed .kd-ocean-opening-card::after{display:none}
  body.ko-v2 .kd-ocean-opening-card.ko-reveal-brilho{animation:none}
  body.ko-v2 .ccard:hover .kd-v3-card-shine{animation:none}
}

/* ============================================================
   OCEAN V2 — abertura cinematografica do pack
   Camada estritamente visual: o resultado ja veio persistido.
   ============================================================ */
html.ko-cinema-lock{overflow:hidden}
body.ko-v2 .ko-pack-cinema{
  --cinema-aqua:#67dfe8;--cinema-orange:#f39a32;
  position:fixed;z-index:9999;inset:0;display:grid;grid-template-rows:auto 1fr auto;
  min-height:100dvh;padding:clamp(18px,3vw,38px);overflow:hidden;
  background:
    radial-gradient(circle at 50% 64%,rgba(25,139,164,.30),transparent 35%),
    radial-gradient(circle at 50% 12%,rgba(55,194,214,.13),transparent 34%),
    linear-gradient(180deg,#020d15 0%,#031a27 58%,#020b12 100%);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .38s ease,visibility 0s .38s}
body.ko-v2 .ko-pack-cinema.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .38s ease}
body.ko-v2 .ko-cinema-water{position:absolute;inset:0;overflow:hidden;pointer-events:none}
body.ko-v2 .ko-cinema-water::before{
  content:"";position:absolute;inset:-20%;opacity:.36;
  background:repeating-radial-gradient(ellipse at 50% 0%,transparent 0 34px,rgba(110,225,239,.055) 36px 38px,transparent 40px 72px);
  transform:perspective(500px) rotateX(58deg) translateY(-26%);animation:ko-cinema-water 9s linear infinite}
body.ko-v2 .ko-cinema-water i{
  position:absolute;left:var(--bubble-x,20%);bottom:-30px;width:var(--bubble-size,8px);height:var(--bubble-size,8px);
  border:1px solid rgba(185,240,247,.38);border-radius:50%;box-shadow:inset 0 0 7px rgba(185,240,247,.16);
  animation:ko-cinema-bubble var(--bubble-time,7s) linear infinite}
body.ko-v2 .ko-cinema-water i:nth-child(1){--bubble-x:14%;--bubble-size:10px;--bubble-time:7.5s}
body.ko-v2 .ko-cinema-water i:nth-child(2){--bubble-x:78%;--bubble-size:16px;--bubble-time:9s;animation-delay:-4s}
body.ko-v2 .ko-cinema-water i:nth-child(3){--bubble-x:60%;--bubble-size:6px;--bubble-time:6s;animation-delay:-2s}
body.ko-v2 .ko-cinema-rays{
  position:absolute;left:50%;top:57%;width:min(92vw,980px);aspect-ratio:1;border-radius:50%;opacity:.34;
  background:conic-gradient(from 0deg,transparent 0 8%,rgba(101,220,231,.13) 10% 13%,transparent 15% 28%,rgba(243,154,50,.11) 30% 34%,transparent 36% 100%);
  transform:translate(-50%,-50%) scale(.35);filter:blur(4px);transition:transform 1.4s cubic-bezier(.2,.8,.25,1),opacity .8s ease;
  animation:ko-cinema-rays 14s linear infinite}
body.ko-v2 .ko-pack-cinema.is-opening .ko-cinema-rays{transform:translate(-50%,-50%) scale(1);opacity:.78}
body.ko-v2 .ko-cinema-tools{position:relative;z-index:10;justify-self:end;display:flex;align-items:center;gap:8px}
body.ko-v2 .ko-cinema-tools button{
  min-height:38px;padding:0 16px;border:1px solid rgba(185,240,247,.18);
  border-radius:999px;background:rgba(3,22,32,.54);backdrop-filter:blur(12px);color:#a9c8d3;font:700 11px/1 var(--ko-sans);cursor:pointer}
body.ko-v2 .ko-cinema-tools [data-ko-cinema-sound]{border-color:rgba(101,220,231,.28);color:#d8f7fa}
body.ko-v2 .ko-cinema-copy{position:relative;z-index:8;align-self:start;justify-self:center;text-align:center;max-width:680px;padding-top:clamp(6px,2vh,22px)}
body.ko-v2 .ko-cinema-copy>span{color:var(--cinema-aqua);font:800 10px/1 var(--ko-sans);letter-spacing:.18em}
body.ko-v2 .ko-cinema-copy h2{margin:10px 0 7px;color:#f4fcff;font:500 clamp(34px,5vw,64px)/.98 var(--ko-serif);letter-spacing:-.035em}
body.ko-v2 .ko-cinema-copy p{margin:0;color:#91b3be;font:500 clamp(11px,1.5vw,14px)/1.5 var(--ko-sans)}
body.ko-v2 .ko-cinema-stage{position:relative;z-index:5;align-self:center;justify-self:center;width:min(100%,1080px);height:clamp(390px,58vh,590px);perspective:1500px}
body.ko-v2 .ko-cinema-aura{
  position:absolute;left:50%;bottom:2%;width:min(72vw,720px);height:38%;border-radius:50%;
  background:radial-gradient(ellipse,rgba(101,220,231,.21),rgba(17,95,119,.08) 40%,transparent 72%);filter:blur(16px);transform:translateX(-50%) scale(.55);opacity:.35;transition:1s ease}
body.ko-v2 .ko-pack-cinema.is-opening .ko-cinema-aura{transform:translateX(-50%) scale(1);opacity:1}
body.ko-v2 .ko-cinema-chest{
  position:absolute;z-index:4;left:50%;bottom:0;width:clamp(210px,25vw,350px);transform:translate(-50%,40px) scale(.78);opacity:0;
  filter:drop-shadow(0 30px 48px rgba(0,0,0,.62));transition:transform .8s cubic-bezier(.2,.95,.3,1),opacity .45s ease,filter .5s ease}
body.ko-v2 .ko-pack-cinema.is-active .ko-cinema-chest{transform:translate(-50%,0) scale(1);opacity:1}
body.ko-v2 .ko-pack-cinema.is-opening .ko-cinema-chest{transform:translate(-50%,25px) scale(.94);filter:drop-shadow(0 24px 48px rgba(0,0,0,.62)) drop-shadow(0 0 34px rgba(243,154,50,.30))}
body.ko-v2 .ko-cinema-chest::after{
  content:"";position:absolute;left:50%;top:18%;width:38%;height:18%;border-radius:50%;opacity:0;
  background:#fff8d7;transform:translateX(-50%) scale(.2);filter:blur(16px);transition:.5s ease}
body.ko-v2 .ko-pack-cinema.is-opening .ko-cinema-chest::after{opacity:.92;transform:translateX(-50%) scale(2.6)}
body.ko-v2 .ko-cinema-chest img{display:block;width:100%;max-height:250px;object-fit:contain}
body.ko-v2 .ko-cinema-cards{position:absolute;z-index:6;inset:0;pointer-events:none}
body.ko-v2 .ko-cinema-card{
  position:absolute;left:50%;bottom:70px;width:clamp(122px,13vw,174px);margin-left:calc(clamp(122px,13vw,174px) / -2);
  opacity:0;transform:translate3d(0,80px,-340px) rotateY(88deg) scale(.35);transform-origin:50% 100%;
  filter:blur(8px);transition:transform .9s cubic-bezier(.18,.9,.22,1.1),opacity .28s ease,filter .48s ease,box-shadow .4s ease}
body.ko-v2 .ko-cinema-card>div:last-child{display:none}
body.ko-v2 .ko-cinema-card.is-dealt{
  opacity:1;filter:none;transform:translate3d(var(--deal-x),-235px,0) rotate(var(--deal-rot)) rotateY(0) scale(1)}
body.ko-v2 .ko-cinema-card.is-hero{z-index:7}
body.ko-v2 .ko-cinema-card.is-hero.is-spotlight{
  transform:translate3d(0,-250px,65px) rotate(0) scale(1.15);
  filter:drop-shadow(0 0 26px color-mix(in srgb,var(--rc,#67dfe8) 65%,transparent))}
body.ko-v2 .ko-pack-cinema.is-complete .ko-cinema-card:not(.is-hero){opacity:.72;filter:saturate(.78) brightness(.78)}
body.ko-v2 .ko-cinema-finish{
  position:relative;z-index:12;align-self:end;justify-self:center;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;
  width:min(100%,680px);padding:13px 16px;border:1px solid rgba(185,240,247,.17);border-radius:18px;
  background:rgba(3,20,30,.72);backdrop-filter:blur(16px);color:#cfe8ef;opacity:0;transform:translateY(18px);transition:.42s ease}
body.ko-v2 .ko-cinema-finish[hidden]{display:none}
body.ko-v2 .ko-pack-cinema.is-complete .ko-cinema-finish{opacity:1;transform:none}
body.ko-v2 .ko-cinema-finish b{font:600 13px/1.3 var(--ko-sans)}
body.ko-v2 .ko-cinema-finish button{
  min-height:42px;padding:0 20px;border:0;border-radius:999px;background:linear-gradient(135deg,#f6a33d,#f28a24);
  box-shadow:0 12px 30px rgba(242,138,36,.24);color:#fff;font:800 12px/1 var(--ko-sans);cursor:pointer}
@keyframes ko-cinema-rays{to{rotate:360deg}}
@keyframes ko-cinema-water{to{transform:perspective(500px) rotateX(58deg) translateY(-16%) translateX(5%)}}
@keyframes ko-cinema-bubble{0%{transform:translateY(0) scale(.7);opacity:0}12%{opacity:.65}100%{transform:translateY(-110vh) translateX(24px) scale(1.15);opacity:0}}
@media(max-width:640px){
  body.ko-v2 .ko-pack-cinema{padding:16px 12px 18px}
  body.ko-v2 .ko-cinema-copy{padding-top:0}
  body.ko-v2 .ko-cinema-copy h2{font-size:36px}
  body.ko-v2 .ko-cinema-stage{height:58vh;min-height:390px}
  body.ko-v2 .ko-cinema-chest{width:220px;bottom:18px}
  body.ko-v2 .ko-cinema-card{width:92px;margin-left:-46px;bottom:78px}
  body.ko-v2 .ko-cinema-card.is-dealt{transform:translate3d(var(--deal-x),-215px,0) rotate(var(--deal-rot)) rotateY(0)}
  body.ko-v2 .ko-cinema-card.is-hero.is-spotlight{transform:translate3d(0,-238px,55px) rotate(0) scale(1.22)}
  body.ko-v2 .ko-cinema-finish{gap:10px;padding:11px 12px;text-align:center}
  body.ko-v2 .ko-cinema-finish button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  body.ko-v2 .ko-pack-cinema,body.ko-v2 .ko-cinema-chest,body.ko-v2 .ko-cinema-rays,
  body.ko-v2 .ko-cinema-aura,body.ko-v2 .ko-cinema-card,body.ko-v2 .ko-cinema-finish{animation:none!important;transition:none!important}
  body.ko-v2 .ko-cinema-water{display:none}
}

/* Forja de Pérolas — revelação posterior ao commit da transação. */
body.ko-v2 .ko-forge-cinema{
  position:fixed;z-index:10000;inset:0;display:grid;grid-template-rows:auto 1fr auto;place-items:center;
  min-height:100dvh;padding:clamp(20px,4vw,50px);overflow:hidden;opacity:0;visibility:hidden;
  background:
    radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--forge-color) 24%,transparent),transparent 29%),
    radial-gradient(circle at 50% 20%,rgba(102,220,231,.10),transparent 34%),
    linear-gradient(180deg,#020d15,#031b28 62%,#010910);
  transition:opacity .42s ease,visibility 0s .42s}
body.ko-v2 .ko-forge-cinema.is-active{opacity:1;visibility:visible;transition:opacity .42s ease}
body.ko-v2 .ko-forge-depth{position:absolute;inset:-15%;opacity:.42;background:repeating-radial-gradient(circle at 50% 58%,transparent 0 44px,rgba(105,225,235,.045) 46px 48px,transparent 50px 88px);animation:ko-forge-depth 10s linear infinite}
body.ko-v2 .ko-forge-copy{position:relative;z-index:4;max-width:720px;text-align:center}
body.ko-v2 .ko-forge-copy>span{color:var(--forge-color);font:800 10px/1 var(--ko-sans);letter-spacing:.2em}
body.ko-v2 .ko-forge-copy h2{margin:10px 0 7px;color:#f5fcff;font:500 clamp(34px,5vw,62px)/.98 var(--ko-serif);letter-spacing:-.035em}
body.ko-v2 .ko-forge-copy p{margin:0;color:#8cabb6;font:500 12px/1.5 var(--ko-sans)}
body.ko-v2 .ko-forge-stage{position:relative;width:min(92vw,650px);height:min(57vh,540px);align-self:center;perspective:1400px}
body.ko-v2 .ko-forge-orbit{position:absolute;inset:0;animation:ko-forge-orbit 18s linear infinite}
body.ko-v2 .ko-forge-orbit i{
  --angle:calc(var(--orb-i) * 25.714deg);position:absolute;left:50%;top:50%;width:clamp(9px,1.3vw,16px);height:clamp(9px,1.3vw,16px);
  border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 8%,#a7f3f5 18%,var(--forge-color) 58%,#0b6880 100%);
  box-shadow:0 0 16px color-mix(in srgb,var(--forge-color) 58%,transparent);
  transform:rotate(var(--angle)) translateX(clamp(145px,24vw,270px));transition:transform 1.25s cubic-bezier(.2,.9,.2,1),opacity .5s ease}
body.ko-v2 .ko-forge-cinema.is-forging .ko-forge-orbit i{transform:rotate(var(--angle)) translateX(24px) scale(.35);opacity:.45}
body.ko-v2 .ko-forge-core{
  position:absolute;z-index:2;left:50%;top:50%;width:90px;height:90px;border-radius:50%;
  background:radial-gradient(circle,#fff 0 5%,#b9f8fb 16%,var(--forge-color) 38%,transparent 72%);
  filter:blur(5px);opacity:.22;transform:translate(-50%,-50%) scale(.35);transition:1.1s cubic-bezier(.2,.9,.25,1)}
body.ko-v2 .ko-forge-cinema.is-forging .ko-forge-core{opacity:1;transform:translate(-50%,-50%) scale(2.2)}
body.ko-v2 .ko-forge-card{
  position:absolute;z-index:3;left:50%;top:50%;width:clamp(180px,22vw,250px);overflow:hidden;
  border:1px solid color-mix(in srgb,var(--forge-color) 48%,transparent);border-radius:20px;
  background:linear-gradient(165deg,#0a3345,#041722);box-shadow:0 28px 70px rgba(0,0,0,.52);
  opacity:0;filter:blur(16px) brightness(2);transform:translate(-50%,-42%) rotateY(90deg) scale(.32);
  transition:transform 1s cubic-bezier(.18,.92,.22,1.08),opacity .38s ease,filter .8s ease,box-shadow .8s ease}
body.ko-v2 .ko-forge-card>span{position:absolute;z-index:2;left:12px;top:12px;padding:5px 9px;border-radius:999px;background:rgba(3,18,27,.78);color:var(--forge-color);font:800 8px/1 var(--ko-sans);letter-spacing:.11em;text-transform:uppercase}
body.ko-v2 .ko-forge-card img{display:block;width:100%;aspect-ratio:5/7;object-fit:cover}
body.ko-v2 .ko-forge-card>div{display:grid;gap:4px;padding:13px 14px 15px}
body.ko-v2 .ko-forge-card b{color:#f4fcff;font:600 20px/1.08 var(--ko-serif)}
body.ko-v2 .ko-forge-card small{color:#678b97;font:600 8px/1.3 ui-monospace,Consolas,monospace}
body.ko-v2 .ko-forge-cinema.is-materializing .ko-forge-card{opacity:1;filter:none;transform:translate(-50%,-50%) rotateY(0) scale(1)}
body.ko-v2 .ko-forge-cinema.is-revealed .ko-forge-card{box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 46px color-mix(in srgb,var(--forge-color) 46%,transparent)}
body.ko-v2 .ko-forge-actions{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
body.ko-v2 .ko-forge-actions button{min-height:44px;padding:0 21px;border:0;border-radius:999px;background:linear-gradient(135deg,#f6a33d,#f28a24);box-shadow:0 12px 30px rgba(242,138,36,.23);color:#fff;font:800 12px/1 var(--ko-sans);cursor:pointer}
body.ko-v2 .ko-forge-actions button.ghost{border:1px solid rgba(167,226,235,.17);background:rgba(4,25,36,.65);box-shadow:none;color:#94b5bf}
body.ko-v2 .ko-forge-actions button:disabled{opacity:.55;cursor:wait}
@keyframes ko-forge-depth{to{transform:rotate(360deg) scale(1.05)}}
@keyframes ko-forge-orbit{to{transform:rotate(360deg)}}
@media(max-width:600px){
  body.ko-v2 .ko-forge-cinema{padding:20px 14px}
  body.ko-v2 .ko-forge-copy h2{font-size:36px}
  body.ko-v2 .ko-forge-stage{height:55vh;min-height:400px}
  body.ko-v2 .ko-forge-card{width:190px}
  body.ko-v2 .ko-forge-orbit i{transform:rotate(var(--angle)) translateX(145px)}
  body.ko-v2 .ko-forge-actions button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  body.ko-v2 .ko-forge-depth,body.ko-v2 .ko-forge-orbit{animation:none!important}
  body.ko-v2 .ko-forge-orbit i,body.ko-v2 .ko-forge-core,body.ko-v2 .ko-forge-card{transition:none!important}
}

/* ============================================================
   V48 — impacto cinematografico: explosao, choque e alquimia
   ============================================================ */
body.ko-v2 .ko-cinema-flash,body.ko-v2 .ko-alchemy-flash{
  position:absolute;z-index:30;inset:-12%;pointer-events:none;opacity:0;
  background:radial-gradient(circle at 50% 61%,#fff 0 2%,#fff3bd 5%,rgba(98,226,239,.82) 12%,rgba(18,119,150,.24) 27%,transparent 48%);
  mix-blend-mode:screen}
body.ko-v2 .ko-cinema-shockwave,body.ko-v2 .ko-alchemy-shockwave{
  position:absolute;z-index:18;left:50%;top:61%;width:80px;height:80px;border:5px solid rgba(215,252,255,.92);border-radius:50%;
  opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.1);box-shadow:0 0 28px #65dce7,inset 0 0 22px #fff}
body.ko-v2 .ko-cinema-debris,body.ko-v2 .ko-alchemy-particles{position:absolute;z-index:24;inset:0;overflow:hidden;pointer-events:none}
body.ko-v2 .ko-cinema-debris i,body.ko-v2 .ko-alchemy-particles i{
  --fx-angle:calc(var(--fx-i) * 9.473deg);position:absolute;left:50%;top:61%;width:var(--fx-size);height:calc(var(--fx-size) * 2.5);
  border-radius:999px;background:linear-gradient(#fff,#ffd27a 36%,#49d6e5);box-shadow:0 0 10px #85edf4;
  opacity:0;transform:translate(-50%,-50%) rotate(var(--fx-angle)) translateX(16px) scale(.2)}
body.ko-v2 .ko-pack-cinema.is-charge .ko-cinema-chest{animation:ko-chest-charge .28s linear infinite;filter:drop-shadow(0 28px 55px rgba(0,0,0,.68)) drop-shadow(0 0 38px rgba(101,220,231,.46))}
body.ko-v2 .ko-pack-cinema.is-charge .ko-cinema-aura{animation:ko-aura-charge .72s ease-in-out infinite alternate}
body.ko-v2 .ko-pack-cinema.is-impact .ko-cinema-flash{animation:ko-impact-flash .72s ease-out both}
body.ko-v2 .ko-pack-cinema.is-impact .ko-cinema-shockwave{animation:ko-shockwave 1.15s cubic-bezier(.12,.72,.16,1) both}
body.ko-v2 .ko-pack-cinema.is-impact .ko-cinema-debris i{animation:ko-debris-fly 1.35s cubic-bezier(.12,.72,.22,1) both;animation-delay:calc(var(--fx-i) * 7ms)}
body.ko-v2 .ko-pack-cinema.is-impact .ko-cinema-stage{animation:ko-camera-hit .54s cubic-bezier(.2,.8,.2,1) both}
body.ko-v2 .ko-cinema-card.is-dealt{animation:ko-card-arrive .72s cubic-bezier(.14,.8,.2,1) both}
body.ko-v2 .ko-cinema-card.is-dealt::before{animation:ko-card-halo .82s ease-out both}
body.ko-v2 .ko-cinema-card.is-hero.is-spotlight{animation:ko-hero-impact 1.1s cubic-bezier(.14,.85,.22,1) both;z-index:15}

@keyframes ko-chest-charge{0%,100%{translate:0 0}25%{translate:-2px 1px}50%{translate:2px -1px}75%{translate:-1px -2px}}
@keyframes ko-aura-charge{to{filter:blur(10px) brightness(1.8);transform:translateX(-50%) scale(1.18)}}
@keyframes ko-impact-flash{0%{opacity:0;transform:scale(.2)}9%{opacity:1;transform:scale(1)}32%{opacity:.76}100%{opacity:0;transform:scale(1.55)}}
@keyframes ko-shockwave{0%{opacity:1;transform:translate(-50%,-50%) scale(.08)}70%{opacity:.48}100%{opacity:0;transform:translate(-50%,-50%) scale(15)}}
@keyframes ko-debris-fly{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--fx-angle)) translateX(15px) scale(.2)}10%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--fx-angle)) translateX(min(48vw,520px)) rotate(340deg) scale(.1)}}
@keyframes ko-camera-hit{0%,100%{translate:0 0}12%{translate:-10px 4px}24%{translate:9px -5px}38%{translate:-6px -2px}55%{translate:4px 3px}72%{translate:-2px 1px}}
@keyframes ko-card-arrive{0%{box-shadow:0 0 0 transparent}46%{box-shadow:0 0 0 5px rgba(255,255,255,.8),0 0 64px var(--rc,#67dfe8)}100%{box-shadow:0 20px 55px rgba(0,0,0,.48),0 0 26px color-mix(in srgb,var(--rc,#67dfe8) 42%,transparent)}}
@keyframes ko-card-halo{0%{opacity:1;filter:brightness(4)}100%{opacity:0;filter:brightness(1)}}
@keyframes ko-hero-impact{0%{filter:brightness(4) blur(3px);scale:.72}42%{filter:brightness(1.45) drop-shadow(0 0 62px var(--rc,#67dfe8));scale:1.25}100%{filter:drop-shadow(0 0 32px color-mix(in srgb,var(--rc,#67dfe8) 74%,transparent));scale:1}}

/* Forja e dissolucao compartilham o palco, mas contam historias opostas. */
body.ko-v2 .ko-forge-orbit i{--angle:calc(var(--orb-i) * 20deg)}
body.ko-v2 .ko-alchemy-flash{background:radial-gradient(circle at 50% 56%,#fff 0 3%,#bdfbff 7%,color-mix(in srgb,var(--forge-color) 78%,white) 14%,transparent 48%)}
body.ko-v2 .ko-alchemy-shockwave{top:56%;border-color:color-mix(in srgb,var(--forge-color) 70%,white);box-shadow:0 0 34px var(--forge-color),inset 0 0 24px #fff}
body.ko-v2 .ko-alchemy-particles i{--fx-angle:calc(var(--fx-i) * 11.25deg);top:56%;border-radius:50%;height:var(--fx-size);background:radial-gradient(circle at 30% 25%,#fff,#bdfbff 24%,var(--forge-color) 64%,#075a72);box-shadow:0 0 13px var(--forge-color)}
body.ko-v2 .ko-forge-cinema.is-impact .ko-alchemy-flash{animation:ko-impact-flash .86s ease-out both}
body.ko-v2 .ko-forge-cinema.is-impact .ko-alchemy-shockwave{animation:ko-shockwave 1.2s cubic-bezier(.12,.72,.16,1) both}
body.ko-v2 .ko-forge-cinema.is-impact .ko-alchemy-particles i{animation:ko-debris-fly 1.6s cubic-bezier(.12,.76,.22,1) both;animation-delay:calc(var(--fx-i) * 8ms)}
body.ko-v2 .ko-forge-cinema.is-impact .ko-forge-stage{animation:ko-camera-hit .55s ease-out both}
body.ko-v2 .ko-forge-cinema.is-forge.is-forging .ko-forge-core{animation:ko-core-pulse .36s ease-in-out infinite alternate}
body.ko-v2 .ko-forge-cinema.is-forge.is-materializing .ko-forge-card{animation:ko-forged-birth 1.15s cubic-bezier(.12,.84,.18,1) both}
body.ko-v2 .ko-forge-cinema.is-dissolve .ko-forge-card{opacity:1;filter:none;transform:translate(-50%,-50%) rotateY(0) scale(1)}
body.ko-v2 .ko-forge-cinema.is-dissolve.is-cracking .ko-forge-card{animation:ko-card-crack .12s linear infinite}
body.ko-v2 .ko-forge-cinema.is-dissolve.is-cracking .ko-forge-card::after{
  content:"";position:absolute;z-index:8;inset:0;opacity:.9;pointer-events:none;
  background:linear-gradient(64deg,transparent 47%,#eaffff 48% 49%,transparent 50%) 48% 0/42% 55% no-repeat,
             linear-gradient(118deg,transparent 47%,#eaffff 48% 49%,transparent 50%) 63% 44%/48% 58% no-repeat,
             linear-gradient(35deg,transparent 47%,var(--forge-color) 48% 49%,transparent 50%) 15% 54%/52% 45% no-repeat;
  filter:drop-shadow(0 0 7px var(--forge-color));animation:ko-crack-grow .42s ease-out both}
body.ko-v2 .ko-forge-cinema.is-dissolve.is-impact .ko-forge-card{opacity:0;filter:brightness(4) blur(8px);transform:translate(-50%,-50%) scale(1.34);transition:.28s ease}
body.ko-v2 .ko-pearl-reward{
  position:absolute;z-index:8;left:50%;top:50%;display:flex;align-items:baseline;gap:7px;opacity:0;
  transform:translate(-50%,-42%) scale(.35);filter:blur(12px);transition:.8s cubic-bezier(.14,.9,.2,1.1)}
body.ko-v2 .ko-pearl-reward span{color:#bdfbff;font:700 32px/1 var(--ko-sans)}
body.ko-v2 .ko-pearl-reward strong{color:#fff;font:600 clamp(62px,10vw,118px)/.8 var(--ko-serif);text-shadow:0 0 38px var(--forge-color)}
body.ko-v2 .ko-pearl-reward em{color:var(--forge-color);font:800 13px/1 var(--ko-sans);font-style:normal;letter-spacing:.14em;text-transform:uppercase}
body.ko-v2 .ko-forge-cinema.is-dissolve.is-materializing .ko-pearl-reward{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1);animation:ko-reward-float 2.4s ease-in-out infinite alternate}

@keyframes ko-core-pulse{to{filter:blur(2px) brightness(1.8);transform:translate(-50%,-50%) scale(2.75)}}
@keyframes ko-forged-birth{0%{filter:brightness(5) blur(10px);scale:.42}52%{filter:brightness(1.7) blur(0);scale:1.13}100%{filter:none;scale:1}}
@keyframes ko-card-crack{0%,100%{translate:0 0}25%{translate:-3px 1px}50%{translate:3px -2px}75%{translate:-1px 3px}}
@keyframes ko-crack-grow{from{clip-path:circle(4% at 51% 48%)}to{clip-path:circle(90% at 51% 48%)}}
@keyframes ko-reward-float{to{translate:0 -10px;filter:drop-shadow(0 0 18px var(--forge-color))}}

@media(max-width:640px){
  body.ko-v2 .ko-cinema-debris i{top:58%}
  body.ko-v2 .ko-pearl-reward{flex-wrap:wrap;justify-content:center;width:90%}
  body.ko-v2 .ko-pearl-reward strong{font-size:70px}
  body.ko-v2 .ko-pearl-reward em{width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  body.ko-v2 .ko-cinema-flash,body.ko-v2 .ko-cinema-shockwave,body.ko-v2 .ko-cinema-debris,
  body.ko-v2 .ko-alchemy-flash,body.ko-v2 .ko-alchemy-shockwave,body.ko-v2 .ko-alchemy-particles{display:none!important}
  body.ko-v2 .ko-pearl-reward{animation:none!important}
}

/* ============================================================
   V51 — fundacao de formularios premium da area cliente
   Remove a aparencia nativa divergente de Android/iOS/desktop.
   ============================================================ */
body.ko-v2 :where(.kd-ocean-form,.ko-legal-form,.ko-consent-form) label{
  display:grid;gap:9px;color:#b8d1da;font:700 11px/1.25 var(--ko-sans);letter-spacing:.015em}
body.ko-v2 :where(.kd-ocean-form,.ko-legal-form,.ko-consent-form) :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea){
  width:100%;min-height:52px;margin:0;padding:0 16px;border:1px solid rgba(145,202,216,.20);border-radius:15px;
  outline:0;background:linear-gradient(180deg,rgba(9,42,57,.92),rgba(5,29,41,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 28px rgba(0,5,10,.12);
  color:#eefbff;font:600 14px/1.35 var(--ko-sans);caret-color:#65dce7;appearance:none;-webkit-appearance:none;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}
body.ko-v2 :where(.kd-ocean-form,.ko-legal-form,.ko-consent-form) textarea{min-height:118px;padding-block:15px;resize:vertical}
body.ko-v2 :where(.kd-ocean-form,.ko-legal-form,.ko-consent-form) :where(input,textarea)::placeholder{color:#668a97;opacity:1}
body.ko-v2 :where(.kd-ocean-form,.ko-legal-form,.ko-consent-form) :where(input,select,textarea):focus{
  border-color:rgba(101,220,231,.70);background:linear-gradient(180deg,rgba(10,48,64,.98),rgba(5,31,43,.98));
  box-shadow:0 0 0 4px rgba(101,220,231,.09),0 14px 36px rgba(0,5,10,.22)}
body.ko-v2 :where(.kd-ocean-form,.ko-legal-form,.ko-consent-form) select{
  padding-right:46px;background-image:linear-gradient(45deg,transparent 50%,#75dce6 50%),linear-gradient(135deg,#75dce6 50%,transparent 50%),linear-gradient(180deg,rgba(10,48,64,.98),rgba(5,31,43,.98));
  background-position:calc(100% - 20px) 23px,calc(100% - 14px) 23px,0 0;background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat}
body.ko-v2 :where(.kd-ocean-form,.ko-legal-form,.ko-consent-form) select option{background:#061d2a;color:#eaf9fc}
body.ko-v2 :where(.kd-ocean-form,.ko-legal-form,.ko-consent-form) input[type="date"]{color-scheme:dark}
body.ko-v2 :where(.kd-ocean-form,.ko-legal-form,.ko-consent-form) input[type="file"]{height:auto;min-height:58px;padding:7px 8px;color:#86a7b2}
body.ko-v2 :where(.kd-ocean-form,.ko-legal-form,.ko-consent-form) input[type="file"]::file-selector-button{
  min-height:42px;margin-right:12px;padding:0 16px;border:1px solid rgba(101,220,231,.20);border-radius:11px;background:#0b3545;color:#d9f7fa;font:800 11px/1 var(--ko-sans);cursor:pointer}
body.ko-v2 :where(.kd-ocean-form,.ko-legal-form,.ko-consent-form) .kd-ocean-action{margin-top:4px;min-height:50px}
body.ko-v2 .kd-ocean-form{gap:18px}
body.ko-v2 .kd-ocean-form-grid{column-gap:18px;row-gap:17px}
body.ko-v2 :where(.btn,.btn-primary,.btn-outline,.btn-ghost).btn-sm{
  min-height:40px!important;padding:0 15px!important;border-radius:12px!important;font:800 11px/1 var(--ko-sans)!important}

/* Onboarding refeito sem dependencia do shell v123. */
body.ko-v2 .ko-onboarding-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
body.ko-v2 .ko-onboarding-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(137,204,218,.14);border-radius:22px;overflow:hidden;background:rgba(4,27,39,.58)}
body.ko-v2 .ko-onboarding-flow article{position:relative;display:grid;grid-template-columns:auto 1fr;gap:16px;min-height:240px;padding:26px 22px;border-right:1px solid rgba(137,204,218,.12)}
body.ko-v2 .ko-onboarding-flow article:last-child{border-right:0}
body.ko-v2 .ko-onboarding-flow article>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(101,220,231,.25);border-radius:50%;background:#0a4052;color:#78e0e9;font:800 10px/1 var(--ko-sans)}
body.ko-v2 .ko-onboarding-flow article>div{align-self:end}
body.ko-v2 .ko-onboarding-flow small,body.ko-v2 .ko-onboarding-cta small{color:#65dce7;font:800 9px/1 var(--ko-sans);letter-spacing:.16em}
body.ko-v2 .ko-onboarding-flow h2{margin:10px 0 8px;color:#f0fbfe;font:600 25px/1.05 var(--ko-serif);letter-spacing:-.025em}
body.ko-v2 .ko-onboarding-flow p{margin:0;color:#86a8b3;font:500 12px/1.65 var(--ko-sans)}
body.ko-v2 .ko-onboarding-flow article::after{content:"";position:absolute;inset:auto 22px 0;height:2px;background:linear-gradient(90deg,#65dce7,transparent);opacity:.42}
body.ko-v2 .ko-onboarding-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
body.ko-v2 .ko-onboarding-trust article{display:grid;gap:6px;padding:18px;border:1px solid rgba(137,204,218,.13);border-radius:16px;background:rgba(6,34,47,.52)}
body.ko-v2 .ko-onboarding-trust b{color:#e9f8fb;font:700 13px/1.25 var(--ko-sans)}
body.ko-v2 .ko-onboarding-trust span{color:#7e9fac;font:500 11px/1.5 var(--ko-sans)}
body.ko-v2 .ko-onboarding-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:25px 27px;border:1px solid rgba(101,220,231,.18);border-radius:20px;background:radial-gradient(circle at 84% 40%,rgba(101,220,231,.12),transparent 30%),linear-gradient(135deg,#092f40,#061e2c)}
body.ko-v2 .ko-onboarding-cta h2{max-width:620px;margin:8px 0 0;color:#f2fbfd;font:600 clamp(24px,3vw,38px)/1.05 var(--ko-serif);letter-spacing:-.03em}

/* 404 editorial, ainda dentro do oceano. */
body.ko-v2 .ko-not-found-stage{display:grid;place-items:center;min-height:calc(100dvh - 82px);padding:60px 20px 90px;text-align:center}
body.ko-v2 .ko-not-found-art{display:flex;align-items:center;justify-content:center;gap:16px;height:128px;margin-bottom:18px}
body.ko-v2 .ko-not-found-art span{color:#eaf9fc;font:500 clamp(84px,11vw,138px)/1 var(--ko-serif);text-shadow:0 20px 55px rgba(0,0,0,.35)}
body.ko-v2 .ko-not-found-art i{position:relative;width:92px;height:92px;border:1px solid rgba(101,220,231,.34);border-radius:50%;background:radial-gradient(circle at 36% 32%,#7bedf2 0 5%,#168aa3 18%,#073347 56%,#02151f 58%);box-shadow:0 0 48px rgba(101,220,231,.22)}
body.ko-v2 .ko-not-found-art i::after{content:"";position:absolute;right:-19px;top:35px;border-width:11px 0 11px 22px;border-style:solid;border-color:transparent transparent transparent #0b6076}
body.ko-v2 .ko-not-found-stage>small{color:#65dce7;font:800 10px/1 var(--ko-sans);letter-spacing:.2em}
body.ko-v2 .ko-not-found-stage h1{margin:13px 0 12px;color:#f1fbfd;font:500 clamp(37px,5vw,64px)/.98 var(--ko-serif);letter-spacing:-.04em}
body.ko-v2 .ko-not-found-stage p{max-width:640px;margin:0;color:#8cacb7;font:500 13px/1.7 var(--ko-sans)}
body.ko-v2 .ko-not-found-stage code{padding:3px 7px;border-radius:7px;background:rgba(101,220,231,.08);color:#aeeaf0}
body.ko-v2 .ko-not-found-stage>div:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:24px}

/* Consentimentos: linguagem de conta, nao de painel administrativo. */
body.ko-v2 .ko-document-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
body.ko-v2 .ko-document-links a{display:grid;grid-template-columns:1fr auto;gap:5px 14px;padding:18px;border:1px solid rgba(137,204,218,.13);border-radius:16px;background:rgba(6,34,47,.55);text-decoration:none;transition:.2s ease}
body.ko-v2 .ko-document-links a:hover{transform:translateY(-2px);border-color:rgba(101,220,231,.38);background:rgba(8,45,59,.72)}
body.ko-v2 .ko-document-links span{color:#ecf9fc;font:700 13px/1.2 var(--ko-sans)}
body.ko-v2 .ko-document-links small{color:#7899a5;font:500 10px/1.45 var(--ko-sans)}
body.ko-v2 .ko-document-links b{grid-column:2;grid-row:1/3;align-self:center;color:#65dce7;font-size:18px}
body.ko-v2 .ko-consent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:15px}
body.ko-v2 .ko-consent-card{display:flex;flex-direction:column;min-height:410px;padding:22px;border:1px solid rgba(137,204,218,.15);border-radius:20px;background:linear-gradient(160deg,rgba(8,43,57,.82),rgba(3,22,32,.9));box-shadow:0 18px 45px rgba(0,7,12,.15)}
body.ko-v2 .ko-consent-card.is-accepted{border-color:rgba(92,214,166,.23)}
body.ko-v2 .ko-consent-card.is-pending{border-color:rgba(242,161,61,.34)}
body.ko-v2 .ko-consent-card header{display:flex;align-items:center;justify-content:space-between}
body.ko-v2 .ko-consent-card header span{color:#67dfe8;font:800 9px/1 var(--ko-sans);letter-spacing:.16em}
body.ko-v2 .ko-consent-card header b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(101,220,231,.10);color:#75e0e8}
body.ko-v2 .ko-consent-card h2{margin:17px 0 5px;color:#f0fbfd;font:600 28px/1.05 var(--ko-serif)}
body.ko-v2 .ko-consent-version{margin:0;color:#5fbccc;font:700 9px/1.3 ui-monospace,Consolas,monospace;text-transform:uppercase}
body.ko-v2 .ko-consent-copy{max-height:132px;margin:18px 0;color:#8eacb7;font:500 11px/1.65 var(--ko-sans);overflow:auto;scrollbar-width:thin}
body.ko-v2 .ko-consent-card details{margin-top:auto;padding-top:14px;border-top:1px solid rgba(137,204,218,.10)}
body.ko-v2 .ko-consent-card summary{color:#7e9eaa;font:700 10px/1.3 var(--ko-sans);cursor:pointer}
body.ko-v2 .ko-consent-card details code{display:block;margin-top:9px;color:#64aebb;font:600 9px/1.5 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
body.ko-v2 .ko-consent-form{display:grid;gap:11px;margin-top:16px}
body.ko-v2 .ko-consent-history{display:grid;border:1px solid rgba(137,204,218,.13);border-radius:18px;overflow:hidden;background:rgba(4,26,37,.46)}
body.ko-v2 .ko-consent-history article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:16px 18px;border-bottom:1px solid rgba(137,204,218,.09)}
body.ko-v2 .ko-consent-history article:last-child{border-bottom:0}
body.ko-v2 .ko-consent-history i{width:8px;height:8px;border-radius:50%;background:#65dce7;box-shadow:0 0 13px rgba(101,220,231,.55)}
body.ko-v2 .ko-consent-history article>div{display:grid;gap:3px}
body.ko-v2 .ko-consent-history b{color:#dceff4;font:700 12px/1.3 var(--ko-sans)}
body.ko-v2 .ko-consent-history span,body.ko-v2 .ko-consent-history small{color:#7697a3;font:500 10px/1.4 var(--ko-sans)}
body.ko-v2 .ko-consent-history code{color:#599eab;font:600 9px/1 ui-monospace,Consolas,monospace}

@media(max-width:900px){
  body.ko-v2 .ko-onboarding-flow{grid-template-columns:repeat(2,1fr)}
  body.ko-v2 .ko-onboarding-flow article:nth-child(2){border-right:0}
  body.ko-v2 .ko-onboarding-flow article{border-bottom:1px solid rgba(137,204,218,.12)}
  body.ko-v2 .ko-onboarding-flow article:nth-child(n+3){border-bottom:0}
  body.ko-v2 .ko-document-links{grid-template-columns:1fr}
}
@media(max-width:600px){
  body.ko-v2 .ko-onboarding-flow,body.ko-v2 .ko-onboarding-trust{grid-template-columns:1fr}
  body.ko-v2 .ko-onboarding-flow article{min-height:180px;border-right:0!important;border-bottom:1px solid rgba(137,204,218,.12)!important}
  body.ko-v2 .ko-onboarding-flow article:last-child{border-bottom:0!important}
  body.ko-v2 .ko-onboarding-cta{align-items:flex-start;flex-direction:column;padding:21px}
  body.ko-v2 .ko-onboarding-cta .kd-ocean-action{width:100%;text-align:center}
  body.ko-v2 .ko-not-found-stage{min-height:calc(100dvh - 70px);padding-inline:15px}
  body.ko-v2 .ko-not-found-art{gap:8px;height:96px}
  body.ko-v2 .ko-not-found-art i{width:66px;height:66px}
  body.ko-v2 .ko-not-found-stage>div:last-child,body.ko-v2 .ko-not-found-stage .kd-ocean-action{width:100%}
  body.ko-v2 .ko-consent-grid{grid-template-columns:1fr}
  body.ko-v2 .ko-consent-history article{grid-template-columns:auto 1fr}
  body.ko-v2 .ko-consent-history code{display:none}
}