:root{
  --bg:#05060d;
  --bg-2:#0a0e1f;
  --blue:#1b4fd9;
  --blue-soft:#4f7cff;
  --gold:#d4af37;
  --gold-soft:#f0d57a;
  --red:#e63946;
  --yellow:#ffd60a;
  --baby-blue:#00bfff;
  --text:#00bfff;
  --muted:#9aa3c0;
  --card:rgba(12,16,34,0.72);
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family: "Helvetica Neue", "Segoe UI", system-ui, -apple-system, sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
  font-size:17px;
  line-height:1.6;
}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
img{max-width:100%;display:block}

/* ============ INTRO ============ */
.intro{
  position:fixed;inset:0;z-index:100;
  background:radial-gradient(ellipse at 50% 50%, #0d0a1a 0%, #05060d 100%);
  overflow:hidden;
  transition:opacity .9s ease, visibility .9s ease;
}
.intro.is-done{opacity:0;visibility:hidden;pointer-events:none}
.intro__stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.intro__nebula{
  position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;pointer-events:none;
}
.intro__nebula--a{width:60vw;height:60vw;background:radial-gradient(circle,#1b4fd9 0%,transparent 70%);top:-10%;left:-10%}
.intro__nebula--b{width:50vw;height:50vw;background:radial-gradient(circle,#e63946 0%,transparent 70%);bottom:-15%;right:-15%;opacity:.22}

 .intro__planet-wrap{will-change:transform,opacity;
  position:absolute;left:50%;top:45%;
  transform:translate(-50%,-50%);
  width:min(70vw,380px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  z-index:2;
  transition:transform 1.6s cubic-bezier(.2,.7,.2,1), opacity .6s ease;
  will-change:transform,opacity;
}
.intro.is-approach .intro__planet-wrap{will-change:transform,opacity;
  transform:translate(-50%,-50%) scale(4.2);
  opacity:0;
}
.planet{width:min(70vw,380px);height:min(70vw,380px);object-fit:contain;border-radius:50%;animation:planetSpin 20s linear infinite;}
@keyframes planetSpin{to{transform:rotate(360deg)}}
.planet__base{
  position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #4f7cff 0%, #1b4fd9 35%, #0a1f5c 70%, #02061a 100%);
  box-shadow:inset -30px -40px 80px rgba(0,0,0,.6), 0 0 60px rgba(79,124,255,.35);
}
@keyframes spin{to{transform:rotate(360deg)}}
.planet__grid{
  position:absolute;inset:0;border-radius:50%;opacity:.55;
  background:
    repeating-linear-gradient(0deg, transparent 0 18px, rgba(212,175,55,.35) 18px 19px),
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(212,175,55,.35) 18px 19px);
  mix-blend-mode:screen;
  animation:spin 24s linear infinite;
  mask:radial-gradient(circle, black 55%, transparent 78%);
  -webkit-mask:radial-gradient(circle, black 55%, transparent 78%);
}
.planet__glow{
  position:absolute;inset:-8%;border-radius:50%;
  background:radial-gradient(circle, rgba(79,124,255,.25) 0%, transparent 60%);
  filter:blur(20px);
}
.planet__shadow{
  position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 70% 75%, rgba(0,0,0,.55) 0%, transparent 55%);
}
@keyframes spin{to{transform:rotate(360deg)}}

.intro__city{
  position:absolute;inset:0;opacity:0;pointer-events:none;
  transition:opacity 1.2s ease;
}
.intro.is-city .intro__city{opacity:1}
.city__sky{position:absolute;inset:0;background:linear-gradient(180deg,#05060d 0%,#0a0e1f 40%,#1a0a1f 100%)}
.city__glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}
.city__glow--red{width:60vw;height:40vw;background:radial-gradient(circle,#e63946 0%,transparent 70%);bottom:10%;left:10%}
.city__glow--blue{width:50vw;height:40vw;background:radial-gradient(circle,#1b4fd9 0%,transparent 70%);bottom:15%;right:5%}
.city__lights{
  position:absolute;bottom:0;left:0;right:0;height:45%;
  background:
    repeating-linear-gradient(90deg, transparent 0 14px, rgba(255,214,10,.5) 14px 15px, transparent 15px 28px),
    repeating-linear-gradient(90deg, transparent 0 40px, rgba(230,57,70,.6) 40px 41px, transparent 41px 80px);
  mask:linear-gradient(180deg, transparent 0%, black 40%, black 100%);
  -webkit-mask:linear-gradient(180deg, transparent 0%, black 40%, black 100%);
  opacity:.7;
}


/* ============ SOLAR SYSTEM ============ */
.solar{display:none;}
.orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(212,175,55,.18);border-radius:50%;transform:translate(-50%,-50%)}
.orbit--1{width:130%;height:130%;animation:orbitSpin 18s linear infinite}
.orbit--2{width:170%;height:170%;animation:orbitSpin 32s linear infinite reverse}
.orbit--3{width:210%;height:210%;animation:orbitSpin 48s linear infinite}
.satellite{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#d4af37;box-shadow:0 0 12px rgba(212,175,55,.8)}
.satellite--gold{background:#ffd60a;box-shadow:0 0 14px rgba(255,214,10,.9)}
@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}

.intro__vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,.7) 100%);pointer-events:none}

.intro__ui{
  position:absolute;left:0;right:0;bottom:12vh;text-align:center;pointer-events:none;z-index:10;
}
.intro.is-approach .intro__ui,.intro.is-city .intro__ui{opacity:0}
.intro__kicker{letter-spacing:.4em;font-size:clamp(11px,2.6vw,14px);color:var(--gold);margin-bottom:8px}
.intro__title{font-size:clamp(34px,9vw,72px);font-weight:800;letter-spacing:.12em;text-shadow:0 0 30px rgba(212,175,55,.4)}
.intro__subtitle{margin-top:10px;color:var(--muted);font-size:clamp(12px,3vw,16px)}

.intro__skip{
  position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));
  padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  font-size:13px;
}
.intro__skip:hover{background:rgba(255,255,255,.16)}
.intro__sound{
  position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));
  padding:14px 28px;border-radius:999px;background:linear-gradient(135deg,#89cff0,#a7d8ff,#bde0fe);color:#0a2a4a;
  font-weight:800;letter-spacing:.15em;font-size:14px;box-shadow:0 0 20px rgba(137,207,240,.5);border:none;
  transition:transform .2s,box-shadow .2s;cursor:pointer;}
.intro__sound:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(137,207,240,.7)}

/* ============ MAIN ============ */
.main{position:relative;min-height:100vh;overflow:hidden;opacity:0;transition:opacity 1s ease}.main.is-visible{opacity:1}
.main__bg{
  position:fixed;inset:0;
  background:url('assets/fundo.jpg') center/cover no-repeat;
  filter:brightness(.55) saturate(1.2);
  z-index:0;
}
.main__overlay{
  position:fixed;inset:0;
  background:linear-gradient(180deg,rgba(5,6,13,.35) 0%,rgba(5,6,13,.6) 60%,rgba(5,6,13,.8) 100%);
  z-index:1;
}
.main > *:not(.main__bg):not(.main__overlay){position:relative;z-index:2}

.hero{
  min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:24px 16px;gap:10px;
}
.hero__kicker{letter-spacing:.45em;font-size:12px;color:var(--gold)}
.hero__title{font-size:clamp(46px,13vw,96px);font-weight:900;letter-spacing:.14em;text-shadow:0 0 40px rgba(212,175,55,.35)}
.hero__artist{font-size:clamp(16px,4vw,22px);letter-spacing:.35em;color:var(--muted)}
.hero__tag{margin-top:6px;font-size:13px;color:var(--blue-soft)}

.hero__globe{display:block;margin:0 auto;max-width:100%}
.hero__logo{display:block;margin:0 auto;max-width:100%;animation:logoFloat 2s ease-in-out infinite}

/* ============ HERO GALLERY ============ */
.hero__gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;width:min(92vw,720px)}
.hero__gallery-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(212,175,55,.2)}
.imgviewer{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.imgviewer__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9)}
.imgviewer__img{max-width:95vw;max-height:90vh;border-radius:12px;box-shadow:0 0 40px rgba(0,0,0,.6);position:relative;z-index:1}
.imgviewer__close{position:absolute;top:16px;right:20px;font-size:28px;color:#fff;background:none;border:none;cursor:pointer;z-index:2}
@media (max-width:600px){.hero__gallery{grid-template-columns:repeat(2,1fr)}}


/* ============ GALLERY 999 ============ */
.gallery999{padding:24px 16px 120px;display:flex;justify-content:center}
.gallery999__card{width:min(92vw,560px);background:var(--card);border:1px solid rgba(212,175,55,.18);border-radius:20px;padding:22px 18px;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(10px)}
.gallery999__title{font-size:28px;letter-spacing:.3em;color:var(--gold);margin-bottom:8px}
.gallery999__intro{color:var(--muted);font-size:14px;margin-bottom:16px}
.gallery999__cover{border:none;padding:0;background:none;cursor:pointer;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.gallery999__cover img{width:100%;border-radius:12px}
.gallery999__cover:hover{transform:scale(1.02);box-shadow:0 0 24px rgba(212,175,55,.4)}

.lightbox999{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}
.lightbox999__backdrop{position:absolute;inset:0;background:rgba(5,6,13,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lightbox999__content{position:relative;width:min(96vw,900px);max-height:90vh;overflow:auto;background:rgba(12,16,34,.95);border:1px solid rgba(212,175,55,.4);border-radius:20px;padding:16px}
.lightbox999__close{position:absolute;top:10px;right:14px;font-size:22px;color:var(--gold);background:none;border:none;cursor:pointer;z-index:2}
.lightbox999__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:28px;justify-items:center}
.lightbox999__grid img{width:100%;max-width:200px;border-radius:8px;cursor:pointer;transition:transform .2s;object-fit:cover;aspect-ratio:1}
.lightbox999__grid img:hover{transform:scale(1.05)}

/* Reduced motion */
@media (max-width:600px){
  .intro__planet-wrap .solar{display:none}
  .intro__stars{opacity:.7}
  .enigma__card,.finale__card{backdrop-filter:none}
}
@media (prefers-reduced-motion: reduce){
  .intro__planet-wrap,.planet__grid,.hero__pendant{animation:none !important;transition:none !important}
  .intro.is-approach .intro__planet-wrap{will-change:transform,opacity;transform:translate(-50%,-50%) scale(1);opacity:1}
}


[hidden]{display:none !important}

@keyframes pulse{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes pulseBtn{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}

/* ============ OMIKUJI ============ */
.omikuji{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.omikuji__backdrop{position:absolute;inset:0;background:rgba(5,6,13,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.omikuji__card{position:relative;width:min(92vw,420px);background:linear-gradient(160deg,rgba(20,24,50,.95),rgba(8,10,28,.95));border:1px solid rgba(212,175,55,.4);border-radius:22px;padding:26px 22px;text-align:center;box-shadow:0 0 60px rgba(212,175,55,.25);animation:reveal .4s ease}
.omikuji__label{font-size:10px;letter-spacing:.4em;color:var(--gold);margin-bottom:8px}
.omikuji__title{font-size:20px;letter-spacing:.2em;color:var(--yellow);margin-bottom:14px}
.omikuji__msg{font-size:16px;line-height:1.7;color:var(--text);font-style:italic;min-height:60px}
.omikuji__actions{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}

.finale__row{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:6px}
.finale__art{width:min(80vw,360px);border-radius:12px;filter:saturate(1.2)}
.spotify-btn{
  display:inline-flex;align-items:center;gap:10px;padding:12px 22px;
  background:linear-gradient(135deg,#1DB954,#1aa34a);color:#fff;
  border-radius:999px;font-weight:700;letter-spacing:.12em;font-size:13px;
  text-decoration:none;box-shadow:0 0 28px rgba(29,185,84,.55);
  transition:transform .2s,box-shadow .2s;
}
.spotify-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(29,185,84,.75)}
.spotify-btn__icon{display:flex;align-items:center}
@media (min-width:600px){
  .finale__row{flex-direction:row;justify-content:center;align-items:center}
  .finale__art{width:260px}
}

/* ============ FORTUNE COOKIE ============ */
.cookie-wrap{display:flex;justify-content:center;align-items:center;margin:10px 0 16px;perspective:800px}
.cookie{position:relative;width:200px;height:200px}
.cookie__half{
  position:absolute;top:0;left:0;width:200px;height:200px;
  background:url('assets/biscoito.jpg') center/cover no-repeat;
  transition:transform .6s cubic-bezier(.2,.8,.2,1);
}
.cookie__half--left{clip-path:inset(0 50% 0 0);transform-origin:right center}
.cookie__half--right{clip-path:inset(0 0 0 50%);transform-origin:left center}
.cookie.is-broken .cookie__half--left{transform:translateX(-12px) rotate(-6deg)}
.cookie.is-broken .cookie__half--right{transform:translateX(12px) rotate(6deg)}
.cookie__paper{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);
  width:170px;min-height:70px;padding:14px 12px;background:#fffdf5;border:1px solid #e8d9a0;
  border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.25);color:#3a2a10;
  transform-origin:center center;transition:transform .5s ease .2s, opacity .4s ease .2s;
  opacity:0;z-index:3;text-align:center;
}
.cookie.is-broken .cookie__paper{transform:translate(-50%,-50%) scale(1);opacity:1}
.cookie__msg{font-size:13px;line-height:1.5;font-style:italic;margin:0}
/* ============ OMIKUJI ============ */
.omikuji{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.omikuji__backdrop{position:absolute;inset:0;background:rgba(5,6,13,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.omikuji__card{position:relative;width:min(92vw,420px);background:linear-gradient(160deg,rgba(20,24,50,.95),rgba(8,10,28,.95));border:1px solid rgba(212,175,55,.4);border-radius:22px;padding:26px 22px;text-align:center;box-shadow:0 0 60px rgba(212,175,55,.25);animation:reveal .4s ease}
.omikuji__label{font-size:10px;letter-spacing:.4em;color:var(--gold);margin-bottom:8px}
.omikuji__title{font-size:20px;letter-spacing:.2em;color:var(--yellow);margin-bottom:14px}
.omikuji__msg{font-size:16px;line-height:1.7;color:var(--text);font-style:italic;min-height:60px}
.omikuji__actions{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}

.finale__row{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:6px}
.finale__art{width:min(80vw,360px);border-radius:12px;filter:saturate(1.2)}
.spotify-btn{
  display:inline-flex;align-items:center;gap:10px;padding:12px 22px;
  background:linear-gradient(135deg,#1DB954,#1aa34a);color:#fff;
  border-radius:999px;font-weight:700;letter-spacing:.12em;font-size:13px;
  text-decoration:none;box-shadow:0 0 28px rgba(29,185,84,.55);
  transition:transform .2s,box-shadow .2s;
}
.spotify-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(29,185,84,.75)}
.spotify-btn__icon{display:flex;align-items:center}
@media (min-width:600px){
  .finale__row{flex-direction:row;justify-content:center;align-items:center}
  .finale__art{width:260px}
}

/* ============ FORTUNE COOKIE ============ */
.cookie-wrap{display:flex;justify-content:center;align-items:center;margin:10px 0 16px;perspective:800px}
.cookie{position:relative;width:200px;height:200px}
.cookie__img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:opacity .5s ease,transform .5s ease}
.cookie.is-broken .cookie__img{opacity:0;transform:scale(.85)}
.cookie__paper{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);
  width:170px;min-height:70px;padding:14px 12px;background:#fffdf5;border:1px solid #e8d9a0;
  border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.25);color:#3a2a10;
  transform-origin:center center;transition:transform .5s ease .2s, opacity .4s ease .2s;
  opacity:0;z-index:3;text-align:center;
}
.cookie.is-broken .cookie__paper{transform:translate(-50%,-50%) scale(1);opacity:1}
.cookie__msg{font-size:13px;line-height:1.5;font-style:italic;margin:0}
/* ============ OMIKUJI ============ */
.omikuji{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.omikuji__backdrop{position:absolute;inset:0;background:rgba(5,6,13,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.omikuji__card{position:relative;width:min(92vw,420px);background:linear-gradient(160deg,rgba(20,24,50,.95),rgba(8,10,28,.95));border:1px solid rgba(212,175,55,.4);border-radius:22px;padding:26px 22px;text-align:center;box-shadow:0 0 60px rgba(212,175,55,.25);animation:reveal .4s ease}
.omikuji__label{font-size:10px;letter-spacing:.4em;color:var(--gold);margin-bottom:8px}
.omikuji__title{font-size:20px;letter-spacing:.2em;color:var(--yellow);margin-bottom:14px}
.omikuji__msg{font-size:16px;line-height:1.7;color:var(--text);font-style:italic;min-height:60px}
.omikuji__actions{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}

.finale__row{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:6px}
.finale__art{width:min(80vw,360px);border-radius:12px;filter:saturate(1.2)}
.spotify-btn{
  display:inline-flex;align-items:center;gap:10px;padding:12px 22px;
  background:linear-gradient(135deg,#1DB954,#1aa34a);color:#fff;
  border-radius:999px;font-weight:700;letter-spacing:.12em;font-size:13px;
  text-decoration:none;box-shadow:0 0 28px rgba(29,185,84,.55);
  transition:transform .2s,box-shadow .2s;
}
.spotify-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(29,185,84,.75)}
.spotify-btn__icon{display:flex;align-items:center}
@media (min-width:600px){
  .finale__row{flex-direction:row;justify-content:center;align-items:center}
  .finale__art{width:260px}
}

/* ============ FORTUNE COOKIE ============ */
.cookie-wrap{display:flex;justify-content:center;align-items:center;margin:10px 0 16px;perspective:800px}
.cookie{position:relative;width:200px;height:200px}
.cookie__half{
  position:absolute;top:0;left:0;width:200px;height:200px;
  background:url('assets/biscoito.jpg') center/cover no-repeat;
  transition:transform .7s cubic-bezier(.2,.8,.2,1);
}
.cookie__half--left{clip-path:inset(0 50% 0 0);transform-origin:right center}
.cookie__half--right{clip-path:inset(0 0 0 50%);transform-origin:left center}
.cookie.is-broken .cookie__half--left{transform:translateX(-4px) rotate(-2deg)}
.cookie.is-broken .cookie__half--right{transform:translateX(4px) rotate(2deg)}
.cookie__paper{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scaleY(0);
  width:170px;min-height:70px;padding:14px 12px;background:#fffdf5;border:1px solid #e8d9a0;
  border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.25);color:#3a2a10;
  transform-origin:center center;transition:transform .5s ease .25s, opacity .3s ease .25s;
  opacity:0;z-index:3;text-align:center;
}
.cookie.is-broken .cookie__paper{transform:translate(-50%,-50%) scaleY(1);opacity:1}
.cookie__msg{font-size:13px;line-height:1.5;font-style:italic;margin:0}
/* ============ OMIKUJI ============ */
.omikuji{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.omikuji__backdrop{position:absolute;inset:0;background:rgba(5,6,13,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.omikuji__card{position:relative;width:min(92vw,420px);background:linear-gradient(160deg,rgba(20,24,50,.95),rgba(8,10,28,.95));border:1px solid rgba(212,175,55,.4);border-radius:22px;padding:26px 22px;text-align:center;box-shadow:0 0 60px rgba(212,175,55,.25);animation:reveal .4s ease}
.omikuji__label{font-size:10px;letter-spacing:.4em;color:var(--gold);margin-bottom:8px}
.omikuji__title{font-size:20px;letter-spacing:.2em;color:var(--yellow);margin-bottom:14px}
.omikuji__msg{font-size:16px;line-height:1.7;color:var(--text);font-style:italic;min-height:60px}
.omikuji__actions{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}

.finale__row{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:6px}
.finale__art{width:min(80vw,360px);border-radius:12px;filter:saturate(1.2)}
.spotify-btn{
  display:inline-flex;align-items:center;gap:10px;padding:12px 22px;
  background:linear-gradient(135deg,#1DB954,#1aa34a);color:#fff;
  border-radius:999px;font-weight:700;letter-spacing:.12em;font-size:13px;
  text-decoration:none;box-shadow:0 0 28px rgba(29,185,84,.55);
  transition:transform .2s,box-shadow .2s;
}
.spotify-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(29,185,84,.75)}
.spotify-btn__icon{display:flex;align-items:center}
@media (min-width:600px){
  .finale__row{flex-direction:row;justify-content:center;align-items:center}
  .finale__art{width:260px}
}

/* ============ FORTUNE COOKIE ============ */
.cookie-wrap{display:flex;justify-content:center;align-items:center;margin:10px 0 16px;perspective:800px}
.cookie{position:relative;width:200px;height:200px}
.cookie__half{
  position:absolute;top:0;width:100px;height:200px;
  background:url('assets/biscoito.jpg') left center / 200% 100% no-repeat;
  transition:transform .7s cubic-bezier(.2,.8,.2,1);
  backface-visibility:hidden;
}
.cookie__half--left{left:0;background-position:left center;transform-origin:right center}
.cookie__half--right{right:0;background-position:right center;transform-origin:left center}
.cookie.is-broken .cookie__half--left{transform:translateX(-4px) rotate(-2deg)}
.cookie.is-broken .cookie__half--right{transform:translateX(4px) rotate(2deg)}
.cookie__paper{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scaleY(0);
  width:170px;min-height:70px;padding:14px 12px;background:#fffdf5;border:1px solid #e8d9a0;
  border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.25);color:#3a2a10;
  transform-origin:center center;transition:transform .5s ease .25s, opacity .3s ease .25s;
  opacity:0;z-index:3;text-align:center;
}
.cookie.is-broken .cookie__paper{transform:translate(-50%,-50%) scaleY(1);opacity:1}
.cookie__msg{font-size:13px;line-height:1.5;font-style:italic;margin:0}
/* ============ OMIKUJI ============ */
.omikuji{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.omikuji__backdrop{position:absolute;inset:0;background:rgba(5,6,13,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.omikuji__card{position:relative;width:min(92vw,420px);background:linear-gradient(160deg,rgba(20,24,50,.95),rgba(8,10,28,.95));border:1px solid rgba(212,175,55,.4);border-radius:22px;padding:26px 22px;text-align:center;box-shadow:0 0 60px rgba(212,175,55,.25);animation:reveal .4s ease}
.omikuji__label{font-size:10px;letter-spacing:.4em;color:var(--gold);margin-bottom:8px}
.omikuji__title{font-size:20px;letter-spacing:.2em;color:var(--yellow);margin-bottom:14px}
.omikuji__msg{font-size:16px;line-height:1.7;color:var(--text);font-style:italic;min-height:60px}
.omikuji__actions{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}

.finale__row{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:6px}
.finale__art{width:min(80vw,360px);border-radius:12px;filter:saturate(1.2)}
.spotify-btn{
  display:inline-flex;align-items:center;gap:10px;padding:12px 22px;
  background:linear-gradient(135deg,#1DB954,#1aa34a);color:#fff;
  border-radius:999px;font-weight:700;letter-spacing:.12em;font-size:13px;
  text-decoration:none;box-shadow:0 0 28px rgba(29,185,84,.55);
  transition:transform .2s,box-shadow .2s;
}
.spotify-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(29,185,84,.75)}
.spotify-btn__icon{display:flex;align-items:center}
@media (min-width:600px){
  .finale__row{flex-direction:row;justify-content:center;align-items:center}
  .finale__art{width:260px}
}

/* ============ FORTUNE COOKIE ============ */
.cookie-wrap{display:flex;justify-content:center;align-items:center;margin:10px 0 16px;perspective:800px}
.cookie{position:relative;width:180px;height:120px}
.cookie__half{
  position:absolute;top:0;width:90px;height:120px;background:linear-gradient(135deg,#e8c98a,#c9a05a);
  border:1px solid rgba(120,80,30,.4);box-shadow:inset 0 0 12px rgba(255,255,255,.25);
  transition:transform .7s cubic-bezier(.2,.8,.2,1);
}
.cookie__half--left{left:0;border-radius:90px 0 0 90px;transform-origin:right center}
.cookie__half--right{right:0;border-radius:0 90px 90px 0;transform-origin:left center}
.cookie.is-broken .cookie__half--left{transform:rotateY(-70deg) translateX(-12px)}
.cookie.is-broken .cookie__half--right{transform:rotateY(70deg) translateX(12px)}
.cookie__paper{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scaleY(0);
  width:150px;min-height:60px;padding:12px 10px;background:#fffdf5;border:1px solid #e8d9a0;
  border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.25);color:#3a2a10;
  transform-origin:center center;transition:transform .6s ease .3s, opacity .4s ease .3s;
  opacity:0;z-index:2;
}
.cookie.is-broken .cookie__paper{transform:translate(-50%,-50%) scaleY(1);opacity:1}
.cookie__msg{font-size:13px;line-height:1.5;font-style:italic;margin:0}

.intro__logo{width:min(60vw,320px);margin:10px auto 0 auto;display:block;filter:drop-shadow(0 0 20px rgba(212,175,55,.4));animation:logoFloat 2s ease-in-out infinite}
@keyframes logoFloat{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.08) translateY(-8px)}}
.hero__logo{width:min(50vw,240px);margin-bottom:10px;filter:drop-shadow(0 0 30px rgba(212,175,55,.4))}

/* ============ COMETS ============ */
.comets{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.comet{position:absolute;width:120px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9));border-radius:2px;opacity:0}
.comet--1{top:15%;left:-120px;animation:cometFly 6s linear infinite;animation-delay:1s}
.comet--2{top:45%;left:-120px;animation:cometFly 8s linear infinite;animation-delay:3s}
.comet--3{top:70%;left:-120px;animation:cometFly 10s linear infinite;animation-delay:5s}
@keyframes cometFly{
  0%{transform:translateX(0) translateY(0) rotate(25deg);opacity:0}
  10%{opacity:1}
  90%{opacity:1}
  100%{transform:translateX(120vw) translateY(40vh) rotate(25deg);opacity:0}
}

/* ============ SOLAR SYSTEM (intro bg) ============ */
.orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(212,175,55,.12);border-radius:50%;transform:translate(-50%,-50%)}

.sun-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,480px);height:min(90vw,480px);border:2px solid rgba(212,175,55,.6);border-radius:50%;box-shadow:0 0 40px rgba(212,175,55,.4),inset 0 0 30px rgba(212,175,55,.15)}

/* ============ GALAXY BACKGROUND ============ */
.galaxy{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.nebula{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}
.nebula--a{width:75vw;height:75vw;background:radial-gradient(circle,#6a3a9a 0%,transparent 70%);top:-15%;left:-10%;opacity:.45}
.nebula--b{width:65vw;height:65vw;background:radial-gradient(circle,#1b4fd9 0%,transparent 70%);bottom:-10%;right:-5%;opacity:.4}
.nebula--c{width:55vw;height:55vw;background:radial-gradient(circle,#e63946 0%,transparent 70%);top:40%;left:30%;opacity:.25}
.milkyway{position:absolute;top:30%;left:-10%;width:120%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),rgba(212,175,55,.35),rgba(255,255,255,.25),transparent);transform:rotate(-12deg);filter:blur(3px);opacity:.75}

/* ============ STATIC PLANETS (background) ============ */
.static-planets{position:absolute;inset:0;pointer-events:none;z-index:1}
.sp{position:absolute;border-radius:50%}
.sp--1{width:14px;height:14px;background:#c1440e;box-shadow:0 0 12px #c1440e;top:18%;left:12%}
.sp--2{width:10px;height:10px;background:#e8cda2;box-shadow:0 0 10px #e8cda2;top:25%;right:15%}
.sp--3{width:18px;height:18px;background:#d8ca9d;box-shadow:0 0 14px #d8ca9d;bottom:20%;left:20%}
.sp--4{width:8px;height:8px;background:#b1b1b1;box-shadow:0 0 8px #b1b1b1;bottom:30%;right:25%}
.sp--5{width:12px;height:12px;background:#4f7cff;box-shadow:0 0 12px #4f7cff;top:60%;left:8%}

/* ============ COMETS (behind planet) ============ */
.comets{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.comet{position:absolute;width:180px;height:2px;opacity:0;filter:blur(.5px)}
.comet::before{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff,0 0 24px rgba(255,255,255,.6)}
.comet::after{content:'';position:absolute;right:8px;top:50%;transform:translateY(-50%);width:172px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9));border-radius:2px}
.comet--1{top:20%;left:-200px;animation:cometFly 7s linear infinite;animation-delay:0s}
.comet--2{top:55%;left:-200px;animation:cometFly 9s linear infinite;animation-delay:3s}
.comet--3{top:75%;left:-200px;animation:cometFly 11s linear infinite;animation-delay:6s}
@keyframes cometFly{
  0%{transform:translateX(0) translateY(0) rotate(20deg);opacity:0}
  8%{opacity:1}
  92%{opacity:1}
  100%{transform:translateX(130vw) translateY(35vh) rotate(20deg);opacity:0}
}

/* planet-wrap above comets */
.intro__planet-wrap{z-index:2 !important}
.intro__ui{z-index:3}

.intro__enter{position:relative;z-index:100;pointer-events:auto;cursor:pointer;margin-top:18px;padding:16px 40px;border-radius:999px;background:linear-gradient(135deg,#89cff0,#a7d8ff,#bde0fe);color:#0a2a4a;font-weight:800;letter-spacing:.2em;font-size:18px;box-shadow:0 0 30px rgba(137,207,240,.6),0 0 60px rgba(167,216,255,.3);transition:transform .2s,box-shadow .2s;animation:pulseBtn 1.8s ease-in-out infinite}
.intro__enter:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(212,175,55,.6)}

/* ============ ORIGAMI PAPER ============ */
.paper{position:relative;width:140px;height:140px;perspective:600px}
.paper__sheet{
  position:absolute;inset:0;background:linear-gradient(135deg,#f5f5f0,#e8e4d8);
  border:1px solid rgba(212,175,55,.3);border-radius:4px;
  box-shadow:0 4px 16px rgba(0,0,0,.3);
  transform-origin:center center;
  animation:paperFold 3s ease-in-out infinite;
}
.paper__fold{
  position:absolute;top:0;left:50%;width:50%;height:100%;
  background:linear-gradient(135deg,#e8e4d8,#d8d4c8);
  border-left:1px solid rgba(212,175,55,.2);
  transform-origin:left center;
  animation:paperCrease 3s ease-in-out infinite;
}
@keyframes paperFold{
  0%,100%{transform:rotateY(0deg)}
  50%{transform:rotateY(180deg)}
}
@keyframes paperCrease{
  0%,100%{transform:rotateY(0deg)}
  50%{transform:rotateY(-180deg)}
}

.hero__globe{width:min(50vw,220px);margin-bottom:12px;animation:heroGlobeSpin 20s linear infinite;filter:drop-shadow(0 0 30px rgba(79,124,255,.4))}
@keyframes heroGlobeSpin{to{transform:rotate(360deg)}}

/* ============ MAIN CONTROLS ============ */
.main__controls{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:50;display:flex;gap:8px}
.main__sound,.main__intro{
  padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#89cff0,#a7d8ff,#bde0fe);color:#0a2a4a;
  font-weight:800;letter-spacing:.12em;font-size:13px;box-shadow:0 0 16px rgba(137,207,240,.5);border:none;cursor:pointer;
  transition:transform .2s,box-shadow .2s}
.main__sound:hover,.main__intro:hover{transform:translateY(-2px);box-shadow:0 0 24px rgba(137,207,240,.7)}

/* ============ QUIZ ============ */
.quiz{padding:24px 16px 60px;display:flex;justify-content:center}
.quiz__card{width:min(92vw,560px);background:url('assets/quiz-fundo.png') center/cover no-repeat;border:1px solid rgba(212,175,55,.18);border-radius:20px;padding:22px 18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(10px);position:relative;overflow:hidden}
.quiz__card::before{content:'';position:absolute;inset:0;background:rgba(5,6,13,.72);z-index:0}
.quiz__card > *{position:relative;z-index:1}
.quiz__title{font-size:18px;letter-spacing:.25em;color:var(--gold);margin-bottom:8px;text-align:center;display:flex;flex-direction:column;align-items:center}
.quiz__intro{color:#fff;font-size:14px;text-align:center;margin-bottom:16px;font-weight:600}
.quiz__progress{width:100%;height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-bottom:6px}
.quiz__progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--blue-soft));transition:width .3s ease}
.quiz__progress-label{font-size:12px;color:#fff;text-align:center;margin-bottom:14px;letter-spacing:.15em;font-weight:700}
.quiz__question{font-size:16px;line-height:1.6;text-align:center;margin-bottom:16px;min-height:48px;color:#fff;font-weight:600;animation:fadeInUp .35s ease}
.quiz__question.is-entering{animation:fadeInUp .35s ease}
.quiz__options{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.quiz__option{padding:12px 16px;border-radius:12px;border:1px solid rgba(212,175,55,.4);background:rgba(10,12,30,.85);color:#fff;text-align:left;cursor:pointer;transition:background .2s,transform .15s;font-weight:600}
@media (hover: hover) and (pointer: fine) {
  .quiz__option:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);box-shadow:0 0 12px rgba(212,175,55,.2)}
}
.quiz__option.is-correct{background:linear-gradient(135deg,rgba(46,204,113,.25),rgba(26,143,74,.25));border-color:#2ecc71;animation:pulseCorrect .4s ease}
.quiz__option.is-wrong{background:linear-gradient(135deg,rgba(230,57,70,.25),rgba(166,27,46,.25));border-color:#e63946;animation:shake .4s ease}
.quiz__option:disabled{cursor:default;opacity:.85}
.quiz__feedback{padding:10px 14px;border-radius:10px;margin-bottom:12px;text-align:center;font-size:14px}
.quiz__feedback.is-correct{background:rgba(46,204,113,.15);color:#2ecc71;border:1px solid rgba(46,204,113,.3)}
.quiz__feedback.is-wrong{background:rgba(230,57,70,.15);color:#e63946;border:1px solid rgba(230,57,70,.3)}
.quiz__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.quiz__result{margin-top:18px;padding:16px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.2);text-align:center;animation:reveal .6s ease}
.quiz__result-title{font-size:18px;letter-spacing:.2em;color:var(--gold);margin-bottom:8px}
.quiz__score{font-size:24px;font-weight:800;color:var(--yellow);margin-bottom:6px}
.quiz__result-msg{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:12px}
.quiz__video{margin-top:16px}
.quiz__video-title{font-size:14px;letter-spacing:.2em;color:var(--gold);margin-bottom:6px}
.quiz__video-desc{color:var(--muted);font-size:13px;margin-bottom:10px}

.quiz__logo{width:min(40vw,180px);display:block;margin:0 auto 8px;filter:drop-shadow(0 0 16px rgba(212,175,55,.4))}

.quiz__word{display:block;font-size:14px;letter-spacing:.4em;color:#89cff0;margin-bottom:6px;text-align:center}

/* ============ INTRO EXIT TRANSITION ============ */
.intro.is-leaving{animation:introExit .7s ease forwards}
@keyframes introExit{
  0%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(1.15);filter:blur(8px)}
}

.btn, .quiz__option, .intro__enter, .main__sound, .main__intro, .intro__sound { min-height: 44px; min-width: 44px; }

/* ============ GALLERY 999 ============ */
.gallery999{padding:24px 16px 120px;display:flex;justify-content:center}
.gallery999__card{width:min(92vw,560px);background:var(--card);border:1px solid rgba(212,175,55,.18);border-radius:20px;padding:22px 18px;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(10px)}
.gallery999__title{font-size:28px;letter-spacing:.3em;color:var(--gold);margin-bottom:8px}
.gallery999__intro{color:var(--muted);font-size:14px;margin-bottom:16px}
.gallery999__cover{border:none;padding:0;background:none;cursor:pointer;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.gallery999__cover img{width:100%;border-radius:12px}
.gallery999__cover:hover{transform:scale(1.02);box-shadow:0 0 24px rgba(212,175,55,.4)}

.lightbox999{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}
.lightbox999__backdrop{position:absolute;inset:0;background:rgba(5,6,13,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lightbox999__content{position:relative;width:min(96vw,900px);max-height:90vh;overflow:auto;background:rgba(12,16,34,.95);border:1px solid rgba(212,175,55,.4);border-radius:20px;padding:16px}
.lightbox999__close{position:absolute;top:10px;right:14px;font-size:22px;color:var(--gold);background:none;border:none;cursor:pointer;z-index:2}
.lightbox999__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:28px;justify-items:center}
.lightbox999__grid img{width:100%;max-width:200px;border-radius:8px;cursor:pointer;transition:transform .2s;object-fit:cover;aspect-ratio:1}
.lightbox999__grid img:hover{transform:scale(1.05)}

.imgviewer999{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:20px}
.imgviewer999__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9)}
.imgviewer999__img{max-width:95vw;max-height:90vh;border-radius:12px;box-shadow:0 0 40px rgba(0,0,0,.6);position:relative;z-index:1}
.imgviewer999__close{position:absolute;top:16px;right:20px;font-size:28px;color:#fff;background:none;border:none;cursor:pointer;z-index:2}

/* ============ GUIDE CARD ============ */
.guide-card{padding:24px 16px 60px;display:flex;justify-content:center}
.guide-card__inner{width:min(92vw,560px);background:var(--card);border:1px solid rgba(212,175,55,.18);border-radius:20px;padding:22px 18px;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(10px)}
.guide-card__play{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 18px;border-radius:12px;border:1px solid rgba(212,175,55,.4);background:rgba(10,12,30,.85);color:#fff;cursor:pointer;transition:background .2s,transform .15s,opacity .2s;font-weight:600}
.guide-card__play:disabled{opacity:.45;cursor:not-allowed}
.guide-card__play:not(:disabled):hover{background:rgba(255,255,255,.12);transform:translateY(-2px);box-shadow:0 0 12px rgba(212,175,55,.2)}
.guide-card__icon{font-size:18px;color:var(--gold)}
.guide-card__text{letter-spacing:.1em}
.guide-card__status{margin-top:10px;font-size:13px;color:var(--muted)}
.guide-card__player{margin-top:14px}
.guide-card__controls{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.guide-card__player-status{font-size:12px;color:var(--muted);letter-spacing:.15em}

/* ============ QUIZ SCORE LIVE ============ */
.quiz__score-live{font-size:13px;color:var(--gold-soft);text-align:center;margin-bottom:12px;letter-spacing:.1em}

/* ============ QUIZ REWARD ============ */
.quiz__reward{padding:20px;text-align:center;animation:reveal .6s ease}
.quiz__reward-title{font-size:20px;letter-spacing:.2em;color:var(--gold);margin-bottom:10px}
.quiz__reward-text{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:16px;font-style:italic}
.quiz__player{background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.2);border-radius:12px;padding:14px;margin-top:10px}
.quiz__player-controls{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.quiz__player-status{font-size:12px;color:var(--muted);letter-spacing:.15em}
.quiz__volume{width:100%;accent-color:var(--gold)}
.quiz__fail{text-align:center;padding:10px}

/* ============ TEXT COLOR & ANIMATION ============ */
body{color:var(--baby-blue)}
p, h1, h2, h3, h4, h5, h6, span, li, a, label, .quiz__option, .quiz__title, .quiz__intro, .quiz__progress-label, .quiz__score-live, .quiz__feedback, .quiz__result-title, .quiz__result-msg, .quiz__reward-title, .quiz__reward-text, .quiz__player-status, .quiz__preview-link, .guide-card__status, .guide-card__text, .gallery999__title, .gallery999__intro, .omikuji__label, .omikuji__title, .omikuji__msg, .hero__kicker, .hero__artist, .hero__tag, .intro__kicker, .intro__subtitle {
  color: var(--baby-blue);
  animation: textFloat 3s ease-in-out infinite;
}
@keyframes textFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* ============ SCROLL JUSTIFICATION ============ */
.scroll-just{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.scroll-just__backdrop{position:absolute;inset:0;background:rgba(5,6,13,.7)}
.scroll-just__card{position:relative;width:min(92vw,480px);background-color:#e8d8a8;background-image:linear-gradient(160deg,rgba(230,210,150,.95),rgba(200,180,120,.95));border:1px solid rgba(212,175,55,.6);border-radius:16px;padding:24px 20px;text-align:center;box-shadow:0 0 40px rgba(212,175,55,.3);animation:reveal .4s ease;color:#3a2a10}
.scroll-just__status{font-size:16px;font-weight:800;letter-spacing:.15em;margin-bottom:10px}
.scroll-just__status.is-correct{color:#1a8f4a}
.scroll-just__status.is-wrong{color:#a61b2e}
.scroll-just__text{font-size:14px;line-height:1.6;font-style:italic;margin-bottom:14px;color:#1a3a6b}
.scroll-just__bar{width:100%;height:6px;background:rgba(0,0,0,.15);border-radius:999px;overflow:hidden}
.scroll-just__progress{height:100%;width:100%;background:linear-gradient(90deg,var(--gold),var(--blue-soft));transition:width .1s linear}

@media (max-width:600px){
  .scroll-just{padding:16px}
  .scroll-just__card{width:min(92vw,420px);padding:20px 16px;max-height:80vh;overflow:auto}
  .scroll-just__status{font-size:15px;letter-spacing:.12em}
  .scroll-just__text{font-size:13px;line-height:1.5;margin-bottom:12px;word-wrap:break-word;overflow-wrap:break-word}
}