/* Experimento visual isolado. As regras do jogo permanecem na cópia original. */
:root {
  color-scheme: dark;
  --orange: #62c9ff;
  --muted: #99adc4;
  --line: #24384f;
  --green: #245e4b;
  --yellow: #79612a;
  --red: #823b49;
  --classic-blue: #2878bb;
  --classic-red: #ed2030;
}
body { background: #080f1b; color: #f2f5fa; background-image: radial-gradient(ellipse at 75% 0, #163e672b, transparent 50%); }
.environment-banner { min-height: 34px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px max(24px, calc((100vw - 1060px) / 2)); background:#10283e; border-bottom:1px solid #2d506c; color:#b5d9ef; font-size:9px; letter-spacing:1.2px; }
.environment-banner>span {display:flex; align-items:center; gap:9px; }
.environment-banner i {width:5px; height:5px; background:#75d5ff; border-radius:50%; box-shadow:0 0 10px #75d5ff66; }
.environment-banner b {color:#50738d; font-weight:400; }
.environment-banner a {color:#d7e8f5; text-decoration:none; letter-spacing:0; }
.environment-banner a:hover {text-decoration:underline; }
header {height:88px; border-color:#203249; }
.brand {font-size:37px; letter-spacing:-.7px; }
.brand span {color:var(--classic-red); text-shadow:2px 2px 0 #2878bb66; }
.brand small {color:#9cb2cb; letter-spacing:1.5px; font-size:8px; }
.classic-edition {display:flex; align-items:center; gap:13px; color:#9fb8d0; font-size:9px; letter-spacing:2px; }
.classic-edition b {border:1px solid #46617e; color:#c1e1f4; padding:6px 8px; font:19px serif; }
.classic-hero {min-height:420px; isolation:isolate; border-bottom:1px solid var(--line); }
.classic-hero:after {background:linear-gradient(0deg,#080f1b,transparent 24%); z-index:-1; }
.classic-hero .hero-copy {padding:30px 0 40px; width:62%; max-width:620px; }
.eyebrow {font-size:9px; letter-spacing:3px; color:#a4c6de; }
.eyebrow span {background:var(--classic-red); border-radius:0; width:18px; height:3px; vertical-align:middle; }
.classic-logo {display:block; width:min(400px, 100%); height:auto; margin:20px 0 21px; mix-blend-mode:screen; }
h1 {font-size:clamp(49px,6.5vw,72px); line-height:.96; font-weight:900; text-transform:uppercase; letter-spacing:-.8px; margin:0 0 20px; }
h1 em {color:#f5f8fc; text-shadow:3px 3px 0 #1f73b2; position:relative; }
h1 em:after {content:''; position:absolute; left:0; bottom:-3px; width:100%; height:3px; background:var(--classic-red); }
.intro {color:#adbed0; font-size:12px; line-height:1.85; }
.hero-meta {color:#7fa1bd; gap:23px; margin-top:20px; }
.classic-spirit {position:absolute; z-index:-2; inset:0 -40px 0 40%; background:linear-gradient(90deg,#080f1b 0%,#080f1b55 70%), url('assets/soul-flame-wallpaper.jpg') center/cover; opacity:.17; mask-image:linear-gradient(0deg,transparent,#000 35%); }
.classic-emblem {position:absolute; right:25px; top:48%; transform:translateY(-50%) rotate(-8deg); width:270px; display:grid; justify-items:center; mix-blend-mode:screen; }
.classic-emblem img {width:190px; height:auto; filter:invert(1); opacity:.92; position:relative; z-index:1; mask-image:linear-gradient(#fff,#fff),url('assets/bleach-skull-classic.jpg'); mask-mode:alpha,luminance; mask-size:100% 100%; mask-repeat:no-repeat; mask-composite:exclude; }
.emblem-orbit {position:absolute; top:-28px; width:276px; height:276px; border:1px solid #4781aa55; border-radius:50%; box-shadow:0 0 80px #1676ba12,inset 0 0 55px #1a82c416; }
.emblem-orbit:before {content:''; position:absolute; inset:9px; border:1px dashed #3e7eac40; border-radius:50%; }
.emblem-orbit:after {content:''; position:absolute; left:-7px; top:50%; width:14px; height:3px; background:var(--classic-red); box-shadow:276px 0 var(--classic-red); }
.emblem-caption {margin-top:24px; font:20px serif; color:#70b9eb; letter-spacing:8px; text-align:center; }
.emblem-caption b {display:block; margin-top:8px; font:8px 'DM Sans',sans-serif; letter-spacing:2.2px; color:#6e91ac; }
.hero-edition {position:absolute; bottom:23px; right:0; font-size:8px; letter-spacing:2px; color:#506c85; }
.journey-toolbar {margin:24px 0 20px; }
.journey-toolbar nav {border-color:#2b425a; background:#0c1929; border-radius:4px; }
.journey-toolbar button {border-radius:2px; color:#a3b7ca; }
.journey-toolbar button.active {background:#eaf4ff; color:#11283f; box-shadow:3px 3px 0 #2878bb; }
.journey-toolbar .player-tools {background:none; border:0; padding:0; border-radius:0; }
.journey-toolbar .player-tools button {color:#91a9bf; }
.journey-toolbar .player-tools button:hover,.journey-toolbar .player-tools button:focus-visible {background:#1c78b521; color:#b8e5ff; }
.fire-counter svg {color:#65bcf1; }
.fire-counter b {color:#e1f3ff; }
.player-tools .updates-dot {background:#ef3446; box-shadow:0 0 8px #ef344644; }
.daily-progress {color:#87a5bf; }
.stages {gap:10px; }
.stage {background:#0d1a2a; border:1px solid #263d55; border-radius:3px; color:#b8cadd; padding:16px 13px; }
.stage-icon {color:#809bb2; width:32px; height:32px; display:block; flex-shrink:0; object-fit:contain; }
.stage.active .stage-icon {filter:drop-shadow(0 0 5px #4fb9ff55); }
.seal img {width:36px; height:36px; }
.victory-seal img {width:78px; height:78px; }
.victory-stamps {display:flex; justify-content:center; align-items:center; gap:10px; }
.victory-stamps img {width:28px; height:28px; }
.stage-copy small {color:#7795af; }
.stage.active {border-color:#6ecbff; background:linear-gradient(110deg,#1a496b66,#102237); box-shadow:inset 3px 0 0 #64c8ff; }
.stage.active .stage-icon {color:#98ddff; }
.stage:disabled {opacity:.5; }
.game {background:linear-gradient(125deg,#101f32,#0c1727); border:1px solid #2e4965; border-top:3px solid var(--classic-blue); border-radius:4px; padding:28px; box-shadow:0 16px 60px #0002; }
.game:before {content:''; position:absolute; top:-3px; left:0; width:75px; height:3px; background:var(--classic-red); }
.label {color:#71c3f5; letter-spacing:2.3px; }
h2 {font-size:32px; color:#f2f7ff; }
.badge {background:#14314a; border-color:#375c7b; border-radius:2px; color:#a2d8fa; }
.description {color:#a1b3c8; }
.input-wrap {background:#070f1c; border-color:#36516e; border-radius:3px; }
input {color:#f1f7ff; }
input::placeholder {color:#7f98b0; opacity:1; }
.search-icon {color:#6e99b9; }
kbd {color:#89abc7; border-color:#2f4961; border-radius:2px; }
#suggestions {background:#10233a; border-color:#476883; border-radius:3px; }
.suggestion {color:#f1f6fb; border-color:#2b445a; }
.suggestion:hover,.suggestion:focus {background:#20598366; }
.suggestion small {color:#9fb8ce; }
.attempt-bar {color:#8ca5bc; }
.attempt-bar button {color:#a2d9fa; border-color:#3d6b8c; background:#204c6d33; border-radius:2px; }
.attempt-bar button:disabled {color:#7e95aa; border-color:#283d53; }
.seal {color:#86d3ff; border:1px solid #3b739b; border-radius:2px; background:#163f5c33; box-shadow:4px 4px 0 #14324d; }
#empty p {color:#c7d7e7; }
#empty small {color:#8ca6bf; }
.legend {color:#98b1c7; }
.legend i {border-radius:1px; }
.hint-text {color:#e1ce9f; }
#message,#share-status {color:#a5ddff; }
.actions button,.section-heading button {border-color:#365e7f; color:#acdafa; background:#1c52732b; border-radius:2px; }
#next,.home-button {background:#277fc0; border-color:#6eb7e5; color:#fff; border-radius:2px; }
.tiny-icon {color:#69c9ff; }
.below strong {color:#c9daeb; }
.below p {color:#88a4bc; }
.roster-section {border-color:var(--line); }
.roster-card {background:#102137; border-color:#2a425b; border-radius:3px; }
.roster-card small {color:#98b4cd; }
footer {border-color:var(--line); color:#88a2ba; }
.footer-logo {display:block; width:190px; max-width:65%; height:auto; margin:0 auto 12px; }
footer>span .orange {color:#ed3445; }
footer button {color:#a5c9e3; }
dialog {background:#0f1d30; border-color:#416687; border-radius:4px; color:#c8d8e8; }
dialog a {color:#88d2ff; }
dialog small {color:#9bb4cc; }
dialog::backdrop {background:#030913df; }
.stat-card {background:#091423; border-color:#2b4963; border-radius:3px; }
.stat-card strong,.streak-total strong,#streak-message {color:#8bd3ff; }
.stat-card span,.streak-rule,.release-note p,.release-note li {color:#b7cbdc; }
.release-note,.local-stats-note {border-color:#2c455e; }
.release-note small {color:#84c9f5; }
.local-stats-note,.week-legend {color:#8ba5bc; }
.day-mark {background:#0b1828; border-color:#3d5c77; }
.streak-day.completed .day-mark {background:#17456a; border-color:#6cc6ff; color:#d6f0ff; }
.streak-day {color:#9db5cb; }
.streak-total>span:last-child {color:#aac4d9; }
.player-tools .streak-active b {color:#a5e1ff; }
.quote-box,.weapon-box {background:linear-gradient(120deg,#216fa519,transparent); border-color:#365b7b; border-radius:3px; }
.weapon-name {color:#e5f3ff; }
.quote-box small {color:#99bbd5; }
.eye-scene {background:#060e19; border-color:#365b7b; border-radius:3px; }
.eye-grid {background-image:linear-gradient(#5dc8ff0d 1px,transparent 1px),linear-gradient(90deg,#5dc8ff0d 1px,transparent 1px); }
.eye-badge {color:#9bd8fc; border-color:#3d6585; background:#091729e8; }
.eye-corners {border-color:#7acbff30; }
.clue-note {color:#96aec7; }
.simple-guess {background:#112138; border-color:#654253; border-radius:3px; }
.avatar-tooltip {background:#071322; border-color:#5885a6; }
#results .avatar-button {border-color:#517795; border-radius:3px; }
#about-dialog .about-intro {color:#a4daff; }
#about-dialog .about-credits {color:#95afc8; border-color:#2b4560; }
#victory-dialog {background:radial-gradient(ellipse at 50% 20%,#194976,#0a1425 70%); border-color:#5ba6d9; box-shadow:0 0 100px #2399ed22; }
.victory-seal {color:#9ddfff; text-shadow:0 0 35px #268fda99; }
.victory-stamps {color:#98d8ff; }
.victory-content p {color:#b0c8de; }
.victory-particles i {background:#b2e9ff; box-shadow:0 0 9px #258cde; }
@media(min-width:901px) {.journey-toolbar .player-tools {left:58%;} }
@media(max-width:650px) {
  .environment-banner {padding:8px 16px; font-size:8px; letter-spacing:.7px; flex-wrap:wrap; gap:6px; }
  .environment-banner a {font-size:9px; }
  header {height:80px; }
  .brand {font-size:33px; }
  .classic-edition {font-size:8px; letter-spacing:1px; gap:7px; }
  .classic-edition b {font-size:16px; padding:4px 6px; }
  .classic-hero {min-height:420px; }
  .classic-hero .hero-copy {width:100%; max-width:none; padding:28px 0 36px; }
  .classic-logo {width:280px; max-width:85%; margin:22px 0; }
  h1 {font-size:clamp(40px,12.1vw,50px); position:relative; z-index:1; }
  .classic-emblem {width:160px; right:-55px; top:58%; opacity:.16; transform:translateY(-50%) rotate(-8deg); z-index:-1; }
  .classic-emblem img {width:160px; }
  .emblem-orbit {width:210px; height:210px; }
  .emblem-orbit:after {display:none; }
  .emblem-caption {display:none; }
  .hero-edition {font-size:7px; bottom:14px; }
  .hero-meta {font-size:8px; gap:18px; }
  .intro {font-size:12px; }
  .journey-toolbar {margin-top:20px; }
  .stage {padding:12px 5px; }
  .stage-icon {width:27px; height:27px; }
  .game {padding:24px 16px; }
  h2 {font-size:29px; }
}
@media(max-width:360px) {.classic-edition {letter-spacing:0;} .environment-banner>span {gap:6px;} }