/* Reworked special modes: lore / neurovision / voice */
.homeModes{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.homeModeCard{min-height:136px;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.homeModeCard:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.homeModeCard:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.9}
.homeModeCard.lore{border-color:#6a4b2a;background:linear-gradient(145deg,rgba(24,18,14,.98),rgba(8,15,22,.92))}
.homeModeCard.lore:before{background:radial-gradient(circle at 0% 0%,rgba(220,152,78,.18),transparent 44%)}
.homeModeCard.lore .modeIcon{background:#2b1d10;color:#efbf7f}.homeModeCard.lore .modeArrow{color:#e1b16f}
.homeModeCard.voice{border-color:#5c3c74;background:linear-gradient(145deg,rgba(24,13,31,.98),rgba(8,15,22,.92))}
.homeModeCard.voice:before{background:radial-gradient(circle at 0% 0%,rgba(202,120,255,.17),transparent 44%)}
.homeModeCard.voice .modeIcon{background:#25142e;color:#e5a0ff}.homeModeCard.voice .modeArrow{color:#dd91ff}
.modePill{display:inline-flex;margin-top:9px;border:1px solid #34414b;border-radius:999px;padding:4px 8px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#9aa9b4;background:#081018}
.lore .modePill{border-color:#6a4b2a;color:#efbf7f;background:#1d140c}.aiMode .modePill{border-color:#2f6072;color:#86e6ff;background:#0a1c24}.voice .modePill{border-color:#5c3c74;color:#e3abff;background:#1b1021}

#game.specialMode{position:relative;overflow:clip}
#game.specialMode:before{content:"";position:absolute;inset:0 -40px;pointer-events:none;z-index:-1;opacity:.72;filter:blur(2px)}
#game.specialLore:before{background:radial-gradient(circle at 15% 12%,rgba(220,152,78,.13),transparent 34%),radial-gradient(circle at 85% 78%,rgba(100,62,23,.12),transparent 28%)}
#game.specialVoice:before{background:radial-gradient(circle at 15% 12%,rgba(202,120,255,.12),transparent 34%),radial-gradient(circle at 85% 78%,rgba(95,36,132,.12),transparent 28%)}
#game.specialMode .gameTop{margin-bottom:14px}
#game.specialMode .mysteryPanel{position:relative;border-width:1px;background:linear-gradient(180deg,#0d1318,#091017);box-shadow:0 18px 45px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03)}
#game.specialMode .cluePanel{background:linear-gradient(180deg,rgba(9,16,24,.97),rgba(8,14,21,.96));border:1px solid #202d37;box-shadow:0 18px 45px rgba(0,0,0,.22)}
#game.specialMode .gameMeta{color:#91a0ab}
#game.specialMode .clueHeader{align-items:flex-start;gap:12px}
#game.specialMode .clueHeader h2{font-size:19px;letter-spacing:-.01em}
#game.specialMode .levelBadge{border:1px solid #293743;background:#0b141d;color:#c6d0d8;padding:10px 14px;border-radius:999px;font-size:11px;line-height:1.35;max-width:360px}
#game.specialMode .guessBox{padding-top:18px;border-top:1px solid #1b2730}
#game.specialMode .guessRow input{background:#071019;border-color:#243340}
#game.specialMode .guessRow input:focus{border-color:#566b7b;box-shadow:0 0 0 4px rgba(91,116,138,.12)}

#game.specialLore .mysteryPanel{border-color:#5a4025}
#game.specialVoice .mysteryPanel{border-color:#57386a}
#game.specialLore .letter{color:#efbf7f;text-shadow:0 10px 40px rgba(220,152,78,.24)}
#game.specialVoice .letter{color:#e5a0ff;text-shadow:0 10px 40px rgba(202,120,255,.24)}
#game.specialMode .letterLabel{color:#93a1ab}

.specialCard{position:relative;overflow:hidden;border:1px solid #22303a;border-radius:18px;background:linear-gradient(180deg,#0c151d,#0a1117);padding:22px 22px 20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.specialCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.35),transparent);opacity:.35}
#game.specialLore .specialCard{border-color:#4f3720;background:linear-gradient(180deg,#14100d,#0b1117)}
#game.specialVoice .specialCard{border-color:#4b305d;background:linear-gradient(180deg,#120d16,#0a1117)}
.specialLead{margin-bottom:14px;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#9aa7b1}
.storyBody{font-size:18px;line-height:1.76;color:#edf2f5;letter-spacing:-.01em}
.archiveCard .storyBody{color:#f6f1ea}
.diaryCard .storyBody{color:#ecfbff}
.storyBody br+br{content:"";display:block;margin-top:12px}
.modeSource{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #1b2730;color:#73808b;font-size:12px;line-height:1.5}
.modeSource span{opacity:.92}
.loadingCard{min-height:108px;display:flex;align-items:center}
.loadingCard .specialLead{margin:0}
.loadingCard:after{content:"";margin-left:12px;width:16px;height:16px;border:2px solid #37434c;border-top-color:#cf7d58;border-radius:50%;animation:modeSpin .8s linear infinite}
@keyframes modeSpin{to{transform:rotate(360deg)}}

.voicePlayer{padding:24px}
.voiceControls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.voicePlayBtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #5c3c74;border-radius:14px;background:linear-gradient(180deg,#2a1733,#1a0f20);color:#fff;padding:14px 18px;font-size:16px;font-weight:800;cursor:pointer;min-width:216px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.voicePlayBtn:hover{transform:translateY(-1px);border-color:#8453a6;box-shadow:0 8px 22px rgba(117,63,153,.25)}
.voiceBtnIcon{font-size:16px;line-height:1}
.voiceWave{display:flex;align-items:flex-end;gap:5px;height:32px;padding:0 6px}
.voiceWave span{display:block;width:6px;height:10px;border-radius:999px;background:linear-gradient(180deg,#efb4ff,#8c54af);opacity:.55;transform-origin:center bottom}
.voicePlayer.playing .voiceWave span{animation:voiceBounce 1s ease-in-out infinite}
.voicePlayer.playing .voiceWave span:nth-child(2){animation-delay:.08s}.voicePlayer.playing .voiceWave span:nth-child(3){animation-delay:.16s}.voicePlayer.playing .voiceWave span:nth-child(4){animation-delay:.24s}.voicePlayer.playing .voiceWave span:nth-child(5){animation-delay:.32s}.voicePlayer.playing .voiceWave span:nth-child(6){animation-delay:.4s}.voicePlayer.playing .voiceWave span:nth-child(7){animation-delay:.48s}.voicePlayer.playing .voiceWave span:nth-child(8){animation-delay:.56s}
@keyframes voiceBounce{0%,100%{transform:scaleY(.55);opacity:.48}50%{transform:scaleY(1.9);opacity:1}}
.voiceHint{margin-bottom:14px;color:#98a3ad;font-size:13px;line-height:1.5}
.voicePlayer audio{width:100%;display:block;accent-color:#a764d7;filter:drop-shadow(0 8px 20px rgba(0,0,0,.15))}

#game.specialVoice .mysteryPanel:after{content:"";position:absolute;left:15%;right:15%;top:50%;height:64px;transform:translateY(-50%);opacity:.19;background:linear-gradient(90deg,transparent 0 3%,#d17be6 3% 4%,transparent 4% 8%,#d17be6 8% 10%,transparent 10% 18%,#d17be6 18% 19%,transparent 19% 24%,#d17be6 24% 29%,transparent 29% 34%,#d17be6 34% 36%,transparent 36% 43%,#d17be6 43% 49%,transparent 49% 55%,#d17be6 55% 57%,transparent 57% 64%,#d17be6 64% 70%,transparent 70% 76%,#d17be6 76% 79%,transparent 79% 88%,#d17be6 88% 90%,transparent 90%)}

@media(max-width:980px){.homeModes{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.homeModes{grid-template-columns:1fr!important}.homeModeCard{min-height:112px}.homeModeCard.daily{grid-column:auto}}
@media(max-width:640px){
  #game.specialMode .gameTop{align-items:flex-start;flex-direction:column}
  #game.specialMode .gameGrid,#game.specialMode .cluePanel,#game.specialMode .clues,#game.specialMode .guessBox{min-width:0}
  #game.specialMode .guessRow{grid-template-columns:1fr}
  #game.specialMode .guessRow .btn{width:100%}
  #game.specialMode .gameActions{display:grid;grid-template-columns:1fr}
  #game.specialMode .gameActions .mini{width:100%;text-align:center}
  #game.specialMode .cluePanel{padding:18px}
  #game.specialMode .levelBadge{max-width:100%;white-space:normal;text-align:center}
  .specialCard{padding:18px}
  .storyBody{font-size:16px;line-height:1.72}
  .voiceControls{align-items:flex-start}
  .voicePlayBtn{width:100%;min-width:0}
}


/* polish v12 */
#home .homeStage{padding-top:6px}
#home .homeCenter{max-width:820px}
#home .homeLogoTitle{filter:drop-shadow(0 18px 40px rgba(0,0,0,.28))}
#home .homePitch{max-width:700px;margin-inline:auto;text-shadow:0 2px 10px rgba(0,0,0,.32)}
#home .homeMainActions .btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#home .homeModeCard{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03)}
#home .homeModeCard .modeCopy small{max-width:34ch;display:block}
#home .homeFacts{box-shadow:0 10px 30px rgba(0,0,0,.18)}
#game.specialMode .clueHeader h2{font-size:30px;line-height:1.1}
#game.specialMode .levelBadge{font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.storyBody{font-size:19px;line-height:1.84}
.voicePlayer audio{margin-top:6px}
.voiceHint,.modeSource{display:none!important}
@media(max-width:720px){#game.specialMode .clueHeader h2{font-size:24px}.storyBody{font-size:17px;line-height:1.75}}


/* layout rebuild v13 */
#game.specialMode .gameGrid{grid-template-columns:1fr!important;gap:18px}
#game.specialMode .mysteryPanel{display:none!important}
#game.specialMode .cluePanel{min-height:auto;border-radius:24px;padding:28px;background:linear-gradient(180deg,rgba(10,17,24,.97),rgba(8,13,19,.98));border:1px solid rgba(79,95,108,.32);box-shadow:0 24px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.03)}
#game.specialMode .clueHeader{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(79,95,108,.18);margin-bottom:18px}
#game.specialMode .clueHeader h2{font-size:34px;line-height:1.08;margin:0}
#game.specialMode .levelBadge{padding:12px 16px;border-radius:999px;background:rgba(8,16,24,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#game.specialMode .clues{padding-left:0}
#game.specialMode .clues:before,#game.specialMode .clue:before{display:none!important}
#game.specialMode .specialCard{border-radius:22px;padding:28px 28px 24px;box-shadow:0 18px 50px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03)}
#game.specialMode .specialLead{font-size:12px;letter-spacing:.22em;color:#aab4bd;margin-bottom:16px}
#game.specialMode .storyBody{font-size:20px;line-height:1.88;max-width:980px}
#game.specialMode .guessBox{margin-top:24px;padding-top:22px}
#game.specialMode .guessRow{grid-template-columns:minmax(0,1fr) auto;gap:12px}
#game.specialMode .guessRow input{height:58px;border-radius:16px;font-size:17px;padding:0 18px;background:#07111a;border:1px solid rgba(83,99,113,.42)}
#game.specialMode #guessBtn{height:58px;padding:0 22px;border-radius:16px;font-size:16px}
#game.specialMode .gameActions{margin-top:14px}
#game.specialMode .mini{height:46px;padding:0 16px;border-radius:14px}
#game.specialMode .feedback{margin-top:12px;font-size:14px}
#game.specialVoice .specialCard{background:linear-gradient(180deg,#120d17,#0c1017);border-color:#5a3b72}
#game.specialLore .specialCard{background:linear-gradient(180deg,#14100c,#0c1117);border-color:#5a4128}
#game.specialVoice .voicePlayer{padding:30px}
#game.specialVoice .voiceControls{margin-bottom:18px}
#game.specialVoice .voicePlayBtn{min-width:240px;height:58px;border-radius:16px;font-size:17px}
#game.specialVoice audio{width:100%;height:58px;border-radius:16px;background:#0a1017}
#game.specialMode .attemptHint{display:none}
@media(max-width:900px){
  #game.specialMode .cluePanel{padding:22px;border-radius:20px}
  #game.specialMode .clueHeader{flex-direction:column;gap:12px}
  #game.specialMode .clueHeader h2{font-size:28px}
  #game.specialMode .specialCard{padding:22px 20px 20px}
  #game.specialMode .storyBody{font-size:18px;line-height:1.78}
}
@media(max-width:640px){
  #game.specialMode .cluePanel{padding:16px;border-radius:18px}
  #game.specialMode .specialCard{padding:18px}
  #game.specialMode .clueHeader h2{font-size:24px}
  #game.specialMode .storyBody{font-size:17px;line-height:1.7}
  #game.specialMode .guessRow{grid-template-columns:1fr}
  #game.specialMode .guessRow input,#game.specialMode #guessBtn{height:52px}
  #game.specialVoice .voicePlayBtn{width:100%;min-width:0}
}

/* Account security + history v28 */
.accountSecurityGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.securityPanel{border:1px solid #29343e;background:linear-gradient(180deg,#0b1117,#080d12);border-radius:14px;padding:15px;min-width:0}
.securityPanel h3{margin:6px 0 12px;font-size:17px}
.securityPanel .field{margin-top:9px}
.securityPanel>.btn{margin-top:12px;width:100%}
.securityMini{color:#7f8b96;font-size:11px;line-height:1.5;margin:8px 0}
.recoveryReveal{margin-top:12px;border:1px solid #385447;background:#0a1510;border-radius:12px;padding:12px}
.recoveryReveal small{display:block;color:#8da89a;font-size:10px;line-height:1.45;margin-bottom:8px}
.recoveryReveal code{display:block;overflow-wrap:anywhere;color:#8ce5b1;font-size:13px;font-weight:900;letter-spacing:.04em;background:#07100c;border:1px solid #244435;border-radius:9px;padding:10px;margin-bottom:9px}
.historyPanel{margin-top:24px;border:1px solid #27323b;background:linear-gradient(180deg,#0e151b,#090f14);border-radius:18px;padding:20px}
.historyHead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.historyHead h3{margin:5px 0 0;font-size:24px}
.historySummary{color:#82909c;font-size:11px;margin:10px 0 14px}
.gameHistoryList{display:grid;gap:8px}
.historyRow{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #25313a;background:#0a1117;border-radius:12px;padding:12px 14px}
.historyMain,.historyMeta{display:flex;flex-direction:column;gap:3px;min-width:0}
.historyMain b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.historyMain span,.historyMeta span{color:#788590;font-size:10px}
.historyMeta{text-align:right;flex:0 0 auto}.historyMeta b{font-size:11px}.historyWin{color:#72d69a}.historyLoss{color:#e88383}
.historyEmpty{padding:18px;border:1px dashed #29343e;border-radius:12px;color:#707d88;text-align:center;font-size:11px}
#recoveryBox h3{margin:7px 0 10px}
#recoveryBox .formGrid{margin-top:14px}
@media(max-width:1000px){.accountSecurityGrid{grid-template-columns:1fr}.securityPanel>.btn{width:auto}}
@media(max-width:640px){.historyRow{align-items:flex-start;flex-direction:column}.historyMeta{text-align:left}.authTabs{flex-wrap:wrap}.authTabs button{min-width:30%}}
.mfaSecretRow{display:flex;gap:8px;align-items:center;margin:10px 0 13px}.mfaSecretRow code{flex:1;min-width:0;overflow-wrap:anywhere;border:1px solid #303943;background:#080d12;border-radius:9px;padding:9px 10px;color:#a9c8b7;font-size:11px}
@media(max-width:520px){.mfaSecretRow{align-items:stretch;flex-direction:column}}

/* Lore Journal v32 — unlimited lore textbook */
.loreJournalPage{padding-top:28px;position:relative}
.loreJournalPage:before{content:"";position:absolute;inset:0 -40px auto;height:420px;pointer-events:none;z-index:-1;background:radial-gradient(circle at 18% 10%,rgba(211,155,88,.11),transparent 35%),radial-gradient(circle at 86% 18%,rgba(101,71,38,.10),transparent 31%)}
.loreJournalHeroHead{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:end;margin-bottom:24px}
.loreJournalTitle{font-size:clamp(42px,6vw,76px);line-height:.92;margin:6px 0 12px;letter-spacing:-.045em}
.loreJournalTitle span{color:#d9a25f;text-shadow:0 0 28px rgba(217,162,95,.22)}
.loreJournalLead{max-width:760px;color:#9da6ad;font-size:15px;line-height:1.65}
.loreJournalProgressCard{border:1px solid #5a4229;background:radial-gradient(circle at 100% 0,rgba(195,132,62,.14),transparent 44%),linear-gradient(180deg,#17120d,#0b1117);border-radius:18px;padding:20px;box-shadow:0 18px 45px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)}
.loreJournalProgressCard small{display:block;color:#9e9589;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.loreJournalProgressCard>b{display:block;color:#f2d3a3;font-size:31px;line-height:1;margin:7px 0 12px}
.loreJournalProgress{height:7px;background:#2a2118;border-radius:999px;overflow:hidden;border:1px solid #3a2d20}
.loreJournalProgress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9d6633,#e2ad69);transition:width .35s ease}
.loreJournalProgressCard>span{display:block;color:#817a72;font-size:10px;margin:8px 0 15px}
.loreJournalProgressCard .btn{width:100%;min-height:44px;background:linear-gradient(180deg,#7c4c28,#59331c);border-color:#a36e3d}

.loreBookIntro{display:grid;grid-template-columns:1fr 1fr;position:relative;border:1px solid #584329;border-radius:20px;background:#100d0a;box-shadow:0 24px 70px rgba(0,0,0,.34);overflow:hidden;margin-bottom:30px}
.loreBookIntro:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(180deg,transparent,#604c35 10%,#7b6040 50%,#604c35 90%,transparent);box-shadow:0 0 20px rgba(0,0,0,.8)}
.loreBookPage{min-height:305px;padding:30px 34px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(39,29,19,.94),rgba(17,15,12,.98))}
.loreBookPage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 28px,rgba(222,190,144,.11) 29px 30px)}
.loreBookPageLeft{box-shadow:inset -24px 0 40px rgba(0,0,0,.19)}
.loreBookPageRight{box-shadow:inset 24px 0 40px rgba(0,0,0,.19)}
.loreBookPage>*{position:relative;z-index:1}
.loreBookPage h3{font-family:Georgia,'Times New Roman',serif;font-size:29px;line-height:1.1;color:#f2ddbc;margin:8px 0 14px;font-weight:700}
.loreBookPage p{color:#c7b79f;font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.72;max-width:620px;margin:0 0 19px}
.loreBookStamp{display:inline-flex;border:1px solid #77553a;color:#b98d5d;padding:5px 8px;border-radius:3px;font-size:8px;letter-spacing:.18em;transform:rotate(-1.5deg);margin-bottom:14px}
.loreMarginNote{font-size:9px;letter-spacing:.18em;color:#c38d53;margin-bottom:13px;font-weight:900}
.loreBookRule{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:9px 0;border-top:1px solid rgba(177,137,92,.16);color:#b9aa96;font-size:12px;line-height:1.45}
.loreBookRule b{font-family:Georgia,'Times New Roman',serif;color:#d9a25f;font-size:18px}

.loreJournalSectionHead{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}
.loreJournalSectionHead h2{margin:5px 0 0;font-size:28px}
.loreJournalSectionHead>span{color:#77828b;font-size:11px;text-align:right;max-width:360px;line-height:1.45}
.loreJournalGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px}
.loreJournalEntry{appearance:none;position:relative;min-width:0;border:1px solid #40372d;background:linear-gradient(155deg,#16120e,#0a1015);border-radius:13px;padding:12px 9px 13px;color:#e6e2db;cursor:pointer;text-align:center;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.loreJournalEntry:hover{transform:translateY(-2px);border-color:#805a34;box-shadow:0 13px 28px rgba(0,0,0,.24)}
.loreJournalEntry.done{border-color:#4d6d54;background:radial-gradient(circle at 50% 30%,rgba(70,142,91,.12),transparent 52%),linear-gradient(155deg,#111811,#09100d)}
.loreJournalEntry.current{border-color:#ad7540;box-shadow:0 0 0 1px rgba(214,155,91,.18),0 0 28px rgba(178,112,50,.12)}
.loreJournalEntryTop{display:flex;align-items:center;justify-content:center;gap:6px;color:#a49889;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:9px}
.loreJournalEntry.done .loreJournalEntryTop{color:#82b58f}
.loreJournalEntryVisual{aspect-ratio:1/1;border:1px solid #403529;background:radial-gradient(circle,#282016,#0d1012 68%);border-radius:9px;display:grid;place-items:center;overflow:hidden;max-width:120px;margin:auto;position:relative}
.loreJournalEntryVisual img{display:block;width:100%;height:100%;object-fit:cover}
.loreJournalQuestion{font-family:Georgia,'Times New Roman',serif;color:#d9a25f;font-size:42px;text-shadow:0 0 24px rgba(217,162,95,.22)}
.loreJournalEntryFoot{font-size:10px;color:#877e73;line-height:1.3;margin-top:9px;min-height:26px;display:flex;align-items:center;justify-content:center}
.loreJournalEntry.done .loreJournalEntryFoot{color:#8ec09a}
.loreJournalSeal{position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#326844;color:#c8f1d2;border:1px solid #4f9566;font-size:11px;font-weight:1000;z-index:2;box-shadow:0 4px 10px rgba(0,0,0,.35)}
.loreJournalBottom{text-align:center;margin-top:24px}

/* Turn the lore round itself into a handwritten textbook page. */
#game.specialLore .cluePanel{border-color:#5d452d;background:radial-gradient(circle at 100% 0,rgba(196,134,66,.08),transparent 30%),linear-gradient(180deg,#17130f,#0b1015)}
#game.specialLore .clueHeader{border-color:rgba(168,126,78,.20)}
#game.specialLore .levelBadge{border-color:#5f472f;background:#1a140e;color:#e5be8a}
#game.specialLore .archiveCard{position:relative;border-color:#674a2e;background:linear-gradient(145deg,#241a11,#15120e);padding:34px 36px 31px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 22px 48px rgba(0,0,0,.24)}
#game.specialLore .archiveCard:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.17;background:repeating-linear-gradient(0deg,transparent 0 32px,rgba(226,191,141,.12) 33px 34px)}
#game.specialLore .archiveCard>*{position:relative;z-index:1}
#game.specialLore .archiveCard .specialLead{font-family:Georgia,'Times New Roman',serif;color:#ddb176;letter-spacing:.16em}
#game.specialLore .archiveCard .storyBody{font-family:Georgia,'Times New Roman',serif;color:#f1e1c8;font-size:20px;line-height:1.9}
.loreRoundMeta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(190,145,91,.18);color:#a68f73;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.loreRoundMeta b{color:#d8aa70;font-weight:900}
.loreRoundFooter{margin-top:19px;padding-top:12px;border-top:1px solid rgba(190,145,91,.18);color:#8e7f6b;font-size:10px;line-height:1.45;font-style:italic}

@media(max-width:1100px){.loreJournalGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.loreJournalHeroHead{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:820px){.loreJournalHeroHead{grid-template-columns:1fr}.loreJournalGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.loreBookIntro{grid-template-columns:1fr}.loreBookIntro:after{display:none}.loreBookPageLeft,.loreBookPageRight{box-shadow:none}.loreBookPageRight{border-top:1px solid #584329}}
@media(max-width:600px){.loreJournalTitle{font-size:46px}.loreJournalLead{font-size:13px}.loreJournalGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.loreJournalSectionHead{align-items:flex-start;flex-direction:column}.loreJournalSectionHead>span{text-align:left}.loreBookPage{padding:24px 20px;min-height:0}.loreBookPage h3{font-size:25px}#game.specialLore .archiveCard{padding:22px 19px}#game.specialLore .archiveCard .storyBody{font-size:17px;line-height:1.76}.loreRoundMeta{align-items:flex-start;flex-direction:column;gap:5px}}