/* Visual refresh only. Purchase screens and eligibility rules keep their source styles. */
:root{--v1976-ink:#09111c;--v1976-gold:#e8c47a;--v1976-line:rgba(232,196,122,.28)}
#gate .titleOnlyLogo{color:#fff0c9;text-shadow:0 3px 2px #1b1321,0 0 32px rgba(232,196,122,.25);letter-spacing:.045em}
#gate .eduTagline{color:#ebd59f;letter-spacing:.23em}
#gate .eduTaglineKr{color:#c5d4e4;font-weight:500;letter-spacing:.03em}
#gate .gateHeroCard{border:1px solid rgba(232,196,122,.35);box-shadow:0 20px 34px rgba(0,0,0,.38),inset 0 0 0 4px rgba(255,232,187,.025);border-radius:14px}
#gate .gateHeroCard.warrior{--class-glow:#e6bc78}#gate .gateHeroCard.mage{--class-glow:#bc9af6}#gate .gateHeroCard.ranger{--class-glow:#89cbb0}
#gate .gateHeroCard:hover{border-color:var(--class-glow);box-shadow:0 0 25px color-mix(in srgb,var(--class-glow) 30%,transparent);transform:translateY(-3px)}
#gate .gateHeroText{padding:28px 16px 17px;background:linear-gradient(0deg,rgba(4,9,17,.95),transparent)}
#gate .gateHeroText b{font-size:clamp(16px,2.25vw,30px);color:#fff0d1;letter-spacing:.045em}
#gate .gateHeroText span{font-size:10px;letter-spacing:.17em;color:#d8e1ec}
#gate .gateEnter{animation:none!important;background:linear-gradient(125deg,#fff0be,#d8ad58 60%,#bb8834);box-shadow:0 8px 28px rgba(7,8,11,.48),inset 0 1px rgba(255,255,255,.7);border:1px solid #f8dfa7;border-radius:10px;min-height:54px}
#gate .rankingEntry{background:rgba(7,13,23,.73);border-color:rgba(219,206,176,.22);font-size:12px;color:#d8e1ee;letter-spacing:.025em;backdrop-filter:blur(10px)}
#gate .titleOnlyVersion{font-size:10px;letter-spacing:.2em;color:#98acc3}
body.v1958TitleWorld #sceneBg{filter:saturate(.85) brightness(.84);background-position:center center!important}
#startMenu .menuCard{background:linear-gradient(155deg,rgba(9,20,33,.94),rgba(6,11,20,.89));border:1px solid var(--v1976-line);box-shadow:0 28px 100px #0009,inset 0 0 0 5px #ffdfaa03;border-radius:20px;padding:30px 32px}
#startMenu .eyebrow{color:#91b3bb;font-size:10px;letter-spacing:.24em}
#startMenu .menuLogo{color:#fff0d1;font-size:clamp(28px,4vw,43px);letter-spacing:.055em;line-height:1.2;margin:8px 0}
#startMenu .menuEduLine{color:#a7bbce;font-size:10px;letter-spacing:.16em;margin-bottom:20px}
#startMenu .menuBtns{gap:8px}
#startMenu #btnNewGame{min-height:54px;color:#241807;background:linear-gradient(110deg,#f4dfa6,#d5af64);border-color:#f1d8a4;letter-spacing:.03em;border-radius:10px;box-shadow:0 8px 22px #0004}
#startMenu .ghostBtn,#startMenu .menuBtn2{min-height:45px;border-radius:10px;border-color:#a6bfd126;background:#a9c5ed05;color:#dbe6f2;letter-spacing:.01em;font-size:12px}
#startMenu .ghostBtn:hover,#startMenu .menuBtn2:hover{border-color:#e5c38270;background:#efcd8710}
#startMenu .menuNote{font-size:11px;line-height:1.65;color:#9fb3c7}
#startMenu .v1935Hall{border-radius:12px;background:#080f19aa;border-color:#d7b36b26;padding:13px}
#startMenu .v1935HallHead{display:flex;flex-direction:column;gap:7px;align-items:flex-start;text-align:left}#startMenu .v1935HallHead b{font-size:17px;line-height:1.4}
#startMenu #v1935Hall:after{position:static;display:block;text-align:right;margin-top:10px;font-size:10px}
#startMenu .v1935HallHead span{line-height:1.5}
.v1976UiIcon{display:inline-block;width:18px;height:18px;object-fit:contain;vertical-align:-4px;margin-right:6px;color:#e8cf91}
.v1976UiIcon svg{display:block;width:100%;height:100%}
#btnStats .v1976UiIcon,#btnPause .v1976UiIcon,#btnSpeak .v1976UiIcon{margin-right:0;vertical-align:middle}
#startMenu .v1935HallEmpty{font-size:11px;color:#b0c3d7;line-height:1.6}
#setup .setupWrap{background:linear-gradient(140deg,rgba(9,21,33,.94),rgba(5,10,19,.96));border:1px solid var(--v1976-line);border-radius:20px;box-shadow:0 30px 80px #0007}
#setup .diff{background:#18253a6b;border-color:#9bb5ce20;border-radius:10px;transition:background .15s,border-color .15s}
#setup .diff:hover{background:#3346687d;border-color:#c7a6697a}#setup .diff.active{background:#efd58c13;outline:1px solid #e8c47a;box-shadow:0 0 0 3px #e8c47a0a}
#setup .diff b{font-size:19px;color:#f4e6c8}#setup .diff span{color:#a6b9cd;font-size:11px;line-height:1.45}
#setup .heroPick{border-radius:14px;background:linear-gradient(180deg,#172133,#08111e);border-color:#c9b88d2b}
#setup .heroPick.selected{outline:1px solid #efcf87;box-shadow:0 0 0 4px #d9b77612,0 16px 40px #0005}
#setup .heroArt img{transition:transform .35s ease}#setup .heroPick:hover .heroArt img{transform:scale(1.035)}
#setup .heroInfo{padding:14px 16px}#setup .heroName{color:#fff0d1}#setup .heroDesc{font-size:12px;line-height:1.65;color:#b9ccdf}
#game .question{background:linear-gradient(150deg,rgba(9,22,33,.98),rgba(6,13,22,.97));border:1px solid rgba(199,219,232,.24);box-shadow:0 -5px 50px #0007,inset 0 1px rgba(255,255,255,.04);border-radius:18px;isolation:isolate;overflow:hidden}
#game .question:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#071522eb,#071522a6),url('forest-battle.png') center 64%/cover;opacity:.29}
#game .qtop{color:#b0c7d9;font-size:11px}#game #qText{color:#f6f3e8;text-shadow:0 1px 1px #0006;line-height:1.45}
#game .ans{background:linear-gradient(150deg,#172a3d,#0c1929);border:1px solid #aac7e735;border-radius:11px;min-height:44px;color:#edf4fa;box-shadow:inset 0 1px #ffffff05;transition:border-color .16s,background .16s}
#game .ans:hover:not(:disabled){background:#2a3d55;border-color:#efcf8990}
#game .ans.good{background:#143b31!important;border-color:#82c9a7!important;color:#c6ffe4}
#game .ans.bad{background:#411f2d!important;border-color:#d77f83!important;color:#ffd4d2}
#game .chip{background:#182a3f;border:1px solid #9ec4e537;min-height:42px;border-radius:10px;line-height:1.45}
#game .hud,#game .equipIcon{backdrop-filter:blur(12px);border-color:#a8c4e032;background:#071423da}
#game .iconBtn{border-radius:9px;min-width:36px;min-height:36px}
#btnInventory{font-size:0!important}#btnInventory:before{content:"";display:block;width:25px;height:25px;background:url('items/backpack.png') center/contain no-repeat}
#btnInventory .pip{font-size:9px}
#game .stopBtn{border-radius:9px;border-color:#bcd0e141;background:#081422dc;letter-spacing:.02em}
#invModal .modalCard{border-radius:19px;background:linear-gradient(140deg,#122030,#080f1a);border-color:#d3b4774f}
#invModal .equipSlot{background:#07121e;border-color:#a1bbd32c;border-radius:12px}
#invModal .itemCard{background:linear-gradient(150deg,#172538,#0a131f);border-radius:12px;box-shadow:inset 0 1px #ffffff05}
#invModal .itemCard .nm{font-size:12px}#invModal .itemCard .st{font-size:11px;line-height:1.5}
.v1976ItemArt{object-fit:contain;filter:drop-shadow(0 3px 5px #0007)}
.v1976ItemArt.grade-common{filter:drop-shadow(0 0 5px #55ad8270)}
.v1976ItemArt.grade-rare{filter:drop-shadow(0 0 7px #63b2ee80)}
.v1976ItemArt.grade-hero{filter:drop-shadow(0 0 9px #b28bf68c)}
.v1976ItemArt.grade-legend{filter:drop-shadow(0 0 10px #e9c46a9c)}
.v1976ItemArt.grade-myth{filter:drop-shadow(0 0 10px #ea90dda6)}
#startMenu .v1976Credits{display:block;width:max-content;margin:14px auto 0;color:#8ca3b9;background:none;border:0;padding:4px 8px;font-size:10px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.v1976CreditDialog{color:#dae6f2;background:#0d1927;border:1px solid #e7c48150;border-radius:16px;max-width:min(430px,90vw);padding:22px;line-height:1.6;box-shadow:0 24px 80px #0009}
.v1976CreditDialog::backdrop{background:#020713c9;backdrop-filter:blur(5px)}
.v1976CreditDialog h2{font-size:17px;color:#f2d89d;margin:0 0 13px}.v1976CreditDialog p{font-size:12px;margin:8px 0}.v1976CreditDialog a{color:#9ecedc}.v1976CreditDialog button{margin-top:12px;border:1px solid #9eb6cd40;background:#15273b;border-radius:8px;padding:8px 18px;color:#edf4fc}
@media(max-width:700px){
 #gate .gateHeroCards{gap:9px;max-width:94vw}
 #gate .gateHeroText{padding:22px 9px 10px}#gate .gateHeroText span{font-size:8px;letter-spacing:.08em}
 #gate .eduTagline{font-size:10px;letter-spacing:.13em}#gate .eduTaglineKr{font-size:12px}
 #gate .rankingEntry{min-height:42px}#gate .gateEnter{min-height:50px}
 #startMenu .menuCard{padding:24px 19px;width:min(94vw,510px);margin:14px auto;border-radius:16px}
 #startMenu .menuLogo{font-size:29px}#startMenu .menuEduLine{font-size:8px;letter-spacing:.09em}
 #startMenu .v1935HallHead{flex-wrap:wrap}#startMenu .v1935HallHead span{font-size:9px}
 #setup .setupWrap{padding:16px;border-radius:15px}#setup .heroInfo{padding:11px 12px}
 #game .question{border-radius:14px}#game .ans{font-size:14px;min-height:44px}
 #game .qtop{font-size:10px}#game .iconBtn{min-height:34px;min-width:34px}
}
@media(prefers-reduced-motion:reduce){#gate .gateHeroCard,#setup .heroArt img{transition:none}#gate .gateHeroCard:hover{transform:none}}