:root{--ink:#171410;--paper:#e8ddc5;--paper2:#cbbd9e;--muted:#9c927e;--red:#7b201a;--red2:#a13a30;--panel:#211d18;--line:rgba(232,221,197,.17);--gold:#bda66f;--shadow:0 24px 90px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Pretendard","Noto Sans KR",system-ui,-apple-system,sans-serif;overflow-x:hidden}button,input{font:inherit}a{color:inherit}::selection{background:var(--red);color:white}
html.skip-splash #splash{display:none!important}html.skip-splash #app{display:block!important;visibility:visible!important;opacity:1!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:soft-light;z-index:20}
.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:15;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(23,20,16,.87);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;cursor:pointer}.brand-mark{width:34px;height:34px;border:1px solid var(--paper2);display:grid;place-items:center;font-family:serif;font-weight:900;color:var(--red2);transform:rotate(-2deg)}.brand b{display:block;font-family:Georgia,"Noto Serif KR",serif;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.top-actions{display:flex;gap:8px}.icon-btn,.ghost-btn,.primary-btn{border:1px solid var(--line);background:transparent;color:var(--paper);padding:10px 14px;cursor:pointer;transition:.2s}.icon-btn:hover,.ghost-btn:hover{border-color:var(--paper2);background:rgba(255,255,255,.04)}.primary-btn{background:var(--red);border-color:var(--red);font-weight:800}.primary-btn:hover{background:var(--red2)}
.hero{min-height:76vh;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:72px max(5vw,28px);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(123,32,26,.4);border-radius:50%;right:-120px;top:40px;box-shadow:0 0 0 40px rgba(123,32,26,.04),0 0 0 120px rgba(123,32,26,.025)}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:12px}.eyebrow:before{content:"";width:38px;height:1px;background:var(--gold)}h1{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(50px,7vw,108px);line-height:.95;margin:20px 0 28px;letter-spacing:-.06em}.hero p{max-width:720px;color:#cbbfa7;font-size:clamp(17px,1.5vw,21px);line-height:1.8}.hero-cta{display:flex;gap:10px;margin-top:32px;flex-wrap:wrap}.dossier{position:relative;z-index:2;background:#d9cbaa;color:#211d18;padding:30px;transform:rotate(2deg);box-shadow:var(--shadow);max-width:430px;margin:auto;border:1px solid #aa9b7c}.dossier:before{content:"機密";position:absolute;right:30px;top:30px;border:4px solid rgba(123,32,26,.75);color:var(--red);padding:9px 14px;font-weight:900;font-size:28px;transform:rotate(-12deg)}.dossier h3{font-family:serif;font-size:25px;margin:50px 0 18px}.dossier-line{border-top:1px solid rgba(33,29,24,.25);padding:12px 0;font-family:monospace;font-size:13px}.dossier small{display:block;margin-top:18px;color:#655b48}.section{padding:84px max(5vw,28px);border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head h2{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(36px,5vw,66px);margin:8px 0}.section-head p{max-width:540px;color:var(--muted);line-height:1.7}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.stat{background:var(--ink);padding:28px}.stat strong{display:block;font-family:Georgia,serif;font-size:38px;color:var(--paper)}.stat span{font-size:13px;color:var(--muted)}
.exhibit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ex-card{position:relative;min-height:260px;border:1px solid var(--line);padding:25px;background:linear-gradient(155deg,rgba(255,255,255,.035),transparent);cursor:pointer;transition:.25s;overflow:hidden}.ex-card:hover{transform:translateY(-4px);border-color:rgba(232,221,197,.45);box-shadow:0 18px 50px rgba(0,0,0,.2)}.ex-card.critical{background:linear-gradient(155deg,rgba(123,32,26,.28),rgba(33,29,24,.6));border-color:rgba(161,58,48,.45)}.ex-no{font:700 12px monospace;color:var(--gold)}.ex-card h3{font-family:Georgia,"Noto Serif KR",serif;font-size:27px;margin:52px 0 8px}.ex-card p{color:var(--muted);line-height:1.65;font-size:14px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:6px 8px;border:1px solid var(--line);color:#cfc4ae}.ex-card .badge{position:absolute;right:18px;top:18px}.ex-arrow{position:absolute;bottom:22px;right:22px;font-size:24px;color:var(--paper2)}
.timeline{position:relative;margin-top:30px}.timeline:before{content:"";position:absolute;left:108px;top:0;bottom:0;width:1px;background:var(--line)}.t-item{display:grid;grid-template-columns:90px 1fr;gap:36px;padding:0 0 38px;position:relative}.t-item:after{content:"";position:absolute;left:103px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--paper2);box-shadow:0 0 0 7px var(--ink)}.t-item.critical:after{background:var(--red2);box-shadow:0 0 0 7px var(--ink),0 0 0 9px rgba(161,58,48,.25)}.t-year{font:700 12px monospace;color:var(--gold);padding-top:4px;text-align:right}.t-content{border-bottom:1px solid var(--line);padding:0 0 30px}.t-content h3{font-family:Georgia,"Noto Serif KR",serif;font-size:25px;margin:0 0 10px}.t-content p{color:var(--muted);line-height:1.7;max-width:800px}.source-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.source-chip{font-size:11px;border:1px solid var(--line);padding:7px 9px;color:#beb39f;text-decoration:none}.source-chip:hover{border-color:var(--gold);color:var(--paper)}
.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.why-card{border:1px solid var(--line);min-height:290px;padding:22px;background:rgba(255,255,255,.02)}.why-card b{display:block;color:var(--red2);font:700 12px monospace}.why-card h3{font-family:Georgia,"Noto Serif KR",serif;font-size:23px;margin:48px 0 12px}.why-card p{color:var(--muted);font-size:14px;line-height:1.7}
.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fact-card{border:1px solid var(--line);padding:24px;min-height:240px}.verdict{display:inline-block;padding:6px 10px;background:var(--red);font-weight:900;font-size:12px}.fact-card h3{font-size:20px;line-height:1.55;margin:22px 0}.fact-card p{color:var(--muted);line-height:1.7}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.video-card{border:1px solid var(--line);overflow:hidden;background:#0e0c0a}.video-thumb{aspect-ratio:16/9;width:100%;object-fit:cover;display:block;filter:grayscale(.25) sepia(.12);transition:.2s}.video-card:hover .video-thumb{filter:none}.video-meta{padding:18px}.video-meta small{color:var(--gold)}.video-meta h3{margin:8px 0 10px;font-size:19px}.video-meta p{color:var(--muted);font-size:13px;line-height:1.6}.video-actions{display:flex;gap:8px;margin-top:14px}
.archive-toolbar{display:flex;gap:10px;margin-bottom:18px}.search{flex:1;background:rgba(255,255,255,.025);border:1px solid var(--line);color:var(--paper);padding:14px 16px;outline:none}.search:focus{border-color:var(--paper2)}.source-list{display:grid;gap:8px}.source-item{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:16px;border:1px solid var(--line);padding:16px}.grade{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font-family:serif;font-weight:900}.source-item h4{margin:0 0 6px}.source-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.source-item a{text-decoration:none;font-size:12px;border:1px solid var(--line);padding:9px 11px}
.modal{position:fixed;inset:0;z-index:50;background:rgba(7,6,5,.86);backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-box{width:min(960px,100%);max-height:90vh;overflow:auto;background:#1d1915;border:1px solid rgba(232,221,197,.25);box-shadow:var(--shadow)}.modal-head{position:sticky;top:0;z-index:2;background:#1d1915;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.modal-head button{background:none;border:0;color:var(--paper);font-size:24px;cursor:pointer}.modal-body{padding:34px}.modal-body h2{font-family:Georgia,"Noto Serif KR",serif;font-size:43px;margin:6px 0 10px}.modal-body .lead{color:#c8bda8;font-size:18px;line-height:1.8}.evidence-box{margin-top:28px;border-left:3px solid var(--red);padding:18px 20px;background:rgba(123,32,26,.12)}.evidence-box h4{margin:0 0 8px}.evidence-box p{color:var(--muted);line-height:1.65}.modal-sources{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.simulator{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.sim-list{display:grid;gap:8px}.sim-tab{border:1px solid var(--line);padding:15px;background:none;color:var(--paper);text-align:left;cursor:pointer}.sim-tab.active{border-color:var(--red2);background:rgba(123,32,26,.18)}.sim-stage{border:1px solid var(--line);padding:28px;min-height:390px;background:rgba(255,255,255,.02)}.sim-year{font:700 12px monospace;color:var(--gold)}.sim-stage h3{font-family:Georgia,"Noto Serif KR",serif;font-size:30px}.choices{display:grid;gap:8px;margin-top:20px}.choice{border:1px solid var(--line);padding:15px;background:none;color:var(--paper);text-align:left;cursor:pointer}.choice:hover{border-color:var(--paper2)}.choice-result{margin-top:14px;padding:16px;background:rgba(189,166,111,.08);border-left:2px solid var(--gold);color:#cfc4ae;line-height:1.6}
.footer{padding:50px max(5vw,28px);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.notice{max-width:760px;line-height:1.7}.mobile-nav{display:none}
@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:auto}.dossier{margin-top:20px}.exhibit-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:1fr}.simulator{grid-template-columns:1fr}}
@media(max-width:680px){.topbar{padding:0 14px}.brand small{display:none}.top-actions .ghost-btn{display:none}.hero{padding:52px 18px}.hero h1{font-size:56px}.section{padding:64px 18px}.section-head{display:block}.exhibit-grid,.fact-grid,.why-grid{grid-template-columns:1fr}.ex-card{min-height:230px}.timeline:before{left:19px}.t-item{grid-template-columns:1fr;gap:10px;padding-left:48px}.t-item:after{left:14px}.t-year{text-align:left}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:29px}.source-item{grid-template-columns:50px 1fr}.source-item a{grid-column:2}.modal-body{padding:24px 18px}.modal-body h2{font-size:34px}.footer{display:block}.footer .notice{margin-bottom:20px}}
.ex-card-meta{position:absolute;left:24px;bottom:22px;display:flex;gap:8px}.ex-card-meta span{font-size:10px;color:var(--paper2);border:1px solid var(--line);padding:5px 7px}.museum-intro{font-size:16px;line-height:1.85;color:#d0c5af;max-width:820px;margin:18px 0 0}.highlight-strip{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 8px}.highlight-strip span{padding:8px 10px;border:1px solid rgba(189,166,111,.35);background:rgba(189,166,111,.06);color:#d7c9a8;font-size:12px}.chapter-list{display:grid;gap:12px;margin-top:28px}.chapter-panel{display:grid;grid-template-columns:56px 1fr;gap:20px;border:1px solid var(--line);padding:24px;background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,255,255,.008))}.chapter-index{font:700 13px monospace;color:var(--red2);padding-top:5px}.chapter-panel h3{font-family:Georgia,"Noto Serif KR",serif;font-size:25px;margin:0 0 12px}.chapter-panel p{margin:0;color:#b9ae99;line-height:1.85;font-size:15px}.interpretation-note{margin:24px 0 0;padding:20px;border:1px solid rgba(189,166,111,.25);background:rgba(189,166,111,.06)}.interpretation-note b{color:var(--gold)}.interpretation-note p{margin:8px 0 0;color:var(--muted);line-height:1.7}.modal-subsection{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.modal-subsection>h3{font-family:Georgia,"Noto Serif KR",serif;font-size:28px;margin:0 0 18px}.people-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.person-card{border:1px solid var(--line);padding:18px;min-height:190px}.person-card small{color:var(--gold)}.person-card h4{font-size:21px;margin:8px 0 10px}.person-card p{color:var(--muted);font-size:13px;line-height:1.65}.person-card.subject{border-left:3px solid var(--red)}.person-card.investigator,.person-card.resistance{border-left:3px solid var(--gold)}.modal-video-list{display:grid;gap:10px}.modal-video-item{display:grid;grid-template-columns:180px 1fr;gap:16px;text-align:left;border:1px solid var(--line);background:#12100d;color:var(--paper);padding:0;cursor:pointer;overflow:hidden}.modal-video-item img{width:100%;height:100%;object-fit:cover;min-height:105px}.modal-video-item span{padding:15px 15px 15px 0;display:flex;flex-direction:column;justify-content:center}.modal-video-item small{color:var(--gold);font-style:normal}.modal-video-item b{margin-top:5px;font-size:16px}.modal-video-item em{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.5;font-style:normal}.people-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.person-large{border:1px solid var(--line);padding:24px;min-height:260px;background:rgba(255,255,255,.018)}.person-large>span{font-size:11px;color:var(--gold);letter-spacing:.04em}.person-large h3{font-family:Georgia,"Noto Serif KR",serif;font-size:30px;margin:30px 0 10px}.person-large p{color:var(--muted);line-height:1.75;font-size:14px}.person-large.subject{background:linear-gradient(145deg,rgba(123,32,26,.16),rgba(255,255,255,.01))}.person-large.investigator,.person-large.resistance{border-top-color:rgba(189,166,111,.45)}
@media(max-width:900px){.people-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.chapter-panel{grid-template-columns:36px 1fr;padding:18px 14px;gap:10px}.chapter-panel h3{font-size:21px}.chapter-panel p{font-size:14px}.people-grid,.people-gallery{grid-template-columns:1fr}.modal-video-item{grid-template-columns:120px 1fr}.modal-video-item span{padding:10px 10px 10px 0}.modal-video-item em{display:none}.ex-card-meta{left:18px;bottom:18px}}
.archive-note{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:18px;border:1px solid var(--line);padding:20px;margin-bottom:16px;background:rgba(255,255,255,.018)}.archive-note strong{font-family:Georgia,serif;font-size:48px;color:var(--gold)}.archive-note span{color:#c8bda8}.archive-note a{border:1px solid var(--line);padding:10px 12px;text-decoration:none;font-size:12px}.archive-select{background:#171410;border:1px solid var(--line);color:var(--paper);padding:0 14px;min-width:150px}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.case-card{display:grid;grid-template-columns:38px 1fr;gap:10px;border:1px solid var(--line);padding:16px;min-height:150px;background:rgba(255,255,255,.015)}.case-no{font:700 10px monospace;color:var(--red2);padding-top:3px}.case-card small{color:var(--gold);font-size:10px}.case-card h3{font-family:Georgia,"Noto Serif KR",serif;font-size:23px;margin:12px 0 8px}.case-card p{font-size:11px;color:var(--muted);line-height:1.5}.case-card a{font-size:11px;color:var(--paper2);text-decoration:none}.decision-hero{display:grid;grid-template-columns:.65fr 1.35fr;gap:12px;margin-bottom:12px}.decision-hero>div:first-child{border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;justify-content:center}.decision-hero>div:first-child strong{font:700 68px Georgia,serif;color:var(--paper2)}.decision-hero>div:first-child span{color:var(--muted)}.decision-periods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.decision-periods span{border:1px solid var(--line);padding:20px;display:flex;flex-direction:column}.decision-periods b{font:700 34px Georgia,serif;color:var(--gold)}.decision-periods small{margin-top:9px;color:var(--muted)}.sector-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.sector-grid div{border:1px solid var(--line);padding:17px}.sector-grid b{display:block;font:700 25px Georgia,serif}.sector-grid span{font-size:11px;color:var(--muted)}.decision-list{display:grid;gap:7px}.decision-count{font-size:12px;color:var(--muted);padding:8px 0}.decision-row{display:grid;grid-template-columns:1fr .8fr .9fr;gap:16px;align-items:center;border:1px solid var(--line);padding:14px 16px}.decision-row h3{margin:5px 0 0;font-size:18px}.decision-row>div{display:flex;flex-direction:column;gap:4px}.decision-row span,.decision-row small,.decision-row em{font-size:11px;color:var(--muted);font-style:normal}.decision-badge{color:var(--gold)!important}.decision-row>div:nth-child(2)b{font-size:12px}.decision-row>div:nth-child(3){text-align:right}.decision-row>div:nth-child(3)em{color:#c7bca7}
@media(max-width:1000px){.case-grid{grid-template-columns:repeat(2,1fr)}.sector-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.archive-note{grid-template-columns:70px 1fr}.archive-note a{grid-column:1/-1}.case-grid{grid-template-columns:1fr}.decision-hero{grid-template-columns:1fr}.decision-periods{grid-template-columns:1fr 1fr 1fr}.sector-grid{grid-template-columns:1fr 1fr}.decision-row{grid-template-columns:1fr 1fr}.decision-row>div:nth-child(3){grid-column:1/-1;text-align:left}.archive-toolbar{flex-direction:column}.archive-select{padding:13px 14px}}
.sync-panel{margin:14px 0 18px}.sync-state{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--line);padding:18px;background:rgba(255,255,255,.018)}.sync-state.ready{border-color:rgba(189,166,111,.45);background:rgba(189,166,111,.055)}.sync-state.loading{border-color:rgba(161,58,48,.5);background:rgba(123,32,26,.08)}.sync-state.error{border-color:rgba(161,58,48,.65)}.sync-state small{display:block;color:var(--gold);font-size:10px;letter-spacing:.08em}.sync-state b{display:block;font-size:20px;margin:5px 0}.sync-state span{display:block;color:var(--muted);font-size:12px;line-height:1.5}.sync-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sync-actions button:disabled{opacity:.35;cursor:not-allowed}.decision-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(145px,.3fr))}.decision-click{width:100%;background:rgba(255,255,255,.012);color:var(--paper);text-align:left;cursor:pointer;transition:.18s}.decision-click:hover{border-color:rgba(232,221,197,.4);background:rgba(255,255,255,.035)}.decision-row h3 small{font-size:12px;color:var(--muted);font-weight:400}.record-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.record-facts>div{border:1px solid var(--line);padding:16px;min-height:90px}.record-facts small{display:block;color:var(--gold);font-size:10px;margin-bottom:10px}.record-facts b{font-size:14px;line-height:1.5}.detail-section{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.detail-section h3{font-family:Georgia,"Noto Serif KR",serif;font-size:24px;margin:0 0 12px}.detail-section p{color:var(--muted);line-height:1.8}.hanja{font-size:.45em;color:var(--muted);font-weight:400}
@media(max-width:900px){.decision-toolbar{grid-template-columns:1fr 1fr}.decision-toolbar .search{grid-column:1/-1}.record-facts{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.sync-state{display:block}.sync-actions{margin-top:14px;justify-content:flex-start}.decision-toolbar{grid-template-columns:1fr}.decision-toolbar .search{grid-column:auto}.record-facts{grid-template-columns:1fr 1fr}}
.clause-status{display:inline-block;margin:0 0 12px;padding:6px 9px;border:1px solid var(--line);font-size:11px}.clause-status.verified{color:#d8c58e;border-color:rgba(189,166,111,.55);background:rgba(189,166,111,.07)}.clause-status.reference{color:#cf9b92;border-color:rgba(161,58,48,.55);background:rgba(123,32,26,.08)}.clause-list{display:grid;gap:8px}.clause-card{border:1px solid var(--line);padding:16px;background:rgba(255,255,255,.012)}.clause-card b{display:block;color:var(--gold);font-size:12px}.clause-card span{display:block;font-weight:700;margin:7px 0 4px}.clause-card p{margin:0!important;font-size:13px!important;line-height:1.65!important}.legal-caution{font-size:11px!important;color:#a89882!important;margin-top:12px!important}.decision-row:hover h3{color:var(--paper2)}

/* ===== Museum splash ===== */
.museum-splash{position:fixed;inset:0;z-index:9999;background:#0a0907;color:#efe5cf;display:grid;place-items:center;overflow:auto;transition:opacity .8s ease,visibility .8s ease;padding:12px}.museum-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-grain{position:absolute;inset:-50%;opacity:.1;pointer-events:none;background-image:repeating-radial-gradient(circle at 0 0,transparent 0,#fff 1px,transparent 2px);background-size:6px 6px;animation:splashNoise .3s steps(2) infinite}.museum-splash:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(120,28,16,.2),transparent 28%),linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.025) 50%,transparent 50.3%)}.splash-frame{position:relative;width:min(900px,92vw);min-height:auto;max-height:min(94vh,900px);border:1px solid rgba(224,202,163,.25);padding:clamp(20px,4vw,44px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 90px rgba(0,0,0,.55);gap:8px;overflow:hidden}.splash-frame:before,.splash-frame:after{content:"";position:absolute;width:72px;height:72px;border-color:rgba(169,44,26,.65)}.splash-frame:before{left:18px;top:18px;border-left:2px solid;border-top:2px solid}.splash-frame:after{right:18px;bottom:18px;border-right:2px solid;border-bottom:2px solid}.splash-kicker{font-size:11px;letter-spacing:.24em;color:#9f927a;margin-bottom:10px}.splash-seal{width:74px;height:74px;border:3px double #9e3222;color:#b73c29;display:grid;place-items:center;font-weight:900;font-size:22px;transform:rotate(-7deg);margin-bottom:10px;box-shadow:0 0 0 5px rgba(158,50,34,.08);animation:sealDrop 1s cubic-bezier(.2,.8,.2,1) both}.splash-frame h1{font-family:serif;font-size:clamp(54px,9vw,104px);line-height:.9;letter-spacing:-.06em;margin:0}.splash-sub{font-size:clamp(15px,2vw,21px);line-height:1.5;color:#bdb099;margin:10px 0 16px}.splash-sub strong{color:#efe5cf;font-weight:700}.splash-timeline{display:flex;align-items:center;gap:12px;width:100%;max-width:690px;margin:4px auto 28px;color:#978a75;font-size:11px}.splash-timeline span{white-space:nowrap;display:flex;flex-direction:column;gap:4px}.splash-timeline b{font-size:13px;color:#d6c7ab}.splash-timeline .critical b{color:#c94a34}.splash-timeline i{height:1px;background:linear-gradient(90deg,#635948,#ad9e82);flex:1;position:relative;overflow:hidden}.splash-timeline i:after{content:"";position:absolute;inset:0;background:#d3c19e;transform:translateX(-100%);animation:scanLine 2.8s ease-in-out infinite}.splash-file{border-top:1px solid rgba(218,198,161,.18);border-bottom:1px solid rgba(218,198,161,.18);padding:12px 20px;margin-bottom:12px;display:grid;gap:4px;min-width:min(480px,90%)}.splash-file span{font-size:9px;letter-spacing:.3em;color:#8f8069}.splash-file b{font-size:14px;letter-spacing:.08em}.splash-file em{font-size:11px;font-style:normal;color:#9d907a}.splash-enter{border:1px solid #8d3428;background:rgba(119,34,25,.14);color:#efe5cf;padding:14px 22px;cursor:pointer;font-weight:700;letter-spacing:.04em;transition:.2s}.splash-enter:hover{background:#7f2d22;transform:translateY(-2px)}.splash-enter span{margin-left:18px}.splash-note{margin-top:8px;color:#776e60;font-size:10px}.verification-meter{margin:18px 0;padding:16px;border:1px solid rgba(215,194,157,.16);background:rgba(255,255,255,.02)}.verification-meter .meter-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}.verification-meter .meter-bar{height:7px;background:#27231d;overflow:hidden}.verification-meter .meter-bar i{display:block;height:100%;background:#9b3b2d}.verification-meter small{display:block;margin-top:9px;color:#9e927d;line-height:1.5}.verify-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;border:1px solid #493e32;padding:5px 8px;margin-top:6px}.verify-badge.ok{border-color:#536b4a;color:#a9c09d}.verify-badge.pending{border-color:#684f38;color:#c5a277}
@keyframes sealDrop{0%{opacity:0;transform:scale(1.7) rotate(-18deg)}70%{opacity:1;transform:scale(.94) rotate(-7deg)}100%{transform:scale(1) rotate(-7deg)}}@keyframes scanLine{50%,100%{transform:translateX(100%)}}@keyframes splashNoise{0%{transform:translate(0)}25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(.5%,.5%)}}@media(max-width:700px){.splash-frame{min-height:88vh;padding:34px 22px}.splash-timeline{gap:7px}.splash-timeline span{font-size:8px}.splash-timeline b{font-size:10px}.splash-file{min-width:0;width:100%}}

.activity-lines{line-height:1.9;white-space:normal}
.record-facts>div{min-width:0}
.record-facts b{overflow-wrap:anywhere}
.decision-row h3 small{font-weight:500;opacity:.72}

/* ===== Aftermath splash revision ===== */
.aftermath-splash{background:linear-gradient(180deg,#070707 0%,#120d0b 38%,#0b0908 100%)}
.aftermath-splash .splash-flag-echo{position:absolute;inset:0;pointer-events:none;opacity:.22;background:
  radial-gradient(circle at 50% 20%, rgba(152,30,20,.35) 0 10%, transparent 11%),
  repeating-linear-gradient(180deg, transparent 0 12px, rgba(255,255,255,.03) 12px 13px, transparent 13px 26px),
  linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.55));mask-image:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.35) 60%, transparent)}
.splash-era{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(181,72,52,.35);padding:8px 14px;margin:0 0 16px;color:#d9b9a0;font-size:12px;letter-spacing:.08em;background:rgba(117,29,19,.12)}
.splash-era:before{content:"";width:8px;height:8px;border-radius:50%;background:#b43b29;box-shadow:0 0 18px rgba(180,59,41,.45)}
.splash-phase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:760px;margin:0 auto 24px}
.phase-card{border:1px solid rgba(216,196,161,.15);background:rgba(255,255,255,.025);padding:14px 12px;text-align:left;min-height:92px;display:flex;flex-direction:column;justify-content:flex-start;gap:6px}
.phase-card b{font-size:12px;color:#c84831;letter-spacing:.14em}
.phase-card span{font-size:14px;color:#efe5cf;font-weight:700}
.phase-card small{font-size:11px;color:#988c79;line-height:1.45}
.phase-card.critical{border-color:rgba(190,63,43,.35);background:rgba(121,31,22,.13)}
.aftermath-splash .splash-file{margin-top:2px}
@media(max-width:860px){.splash-phase-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.aftermath-splash .splash-kicker{margin-bottom:16px}.splash-era{font-size:10px;padding:7px 10px}.aftermath-splash .splash-frame h1{font-size:clamp(42px,12vw,76px)}.aftermath-splash .splash-timeline{flex-wrap:wrap;row-gap:10px;justify-content:center}.aftermath-splash .splash-timeline i{display:none}.splash-phase-grid{grid-template-columns:1fr;gap:8px}}


/* ===== Cinematic war-end splash ===== */
.cinematic-splash{background:radial-gradient(circle at 50% 14%, rgba(145,25,18,.22), transparent 20%), linear-gradient(180deg,#050505 0%,#100c0a 40%,#090807 100%)}
.cinematic-backdrop{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg, rgba(255,255,255,.02), transparent 24%), repeating-linear-gradient(180deg, transparent 0 10px, rgba(255,255,255,.02) 10px 11px, transparent 11px 21px);opacity:.28}
.cinematic-frame{overflow:hidden}
.scene-stage{position:relative;width:min(820px,92%);height:160px;margin:0 auto 18px;border-top:1px solid rgba(219,196,160,.14);border-bottom:1px solid rgba(219,196,160,.14);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));overflow:hidden;isolation:isolate}
.scene-track{position:absolute;left:10%;right:10%;top:56%;display:flex;justify-content:space-between;transform:translateY(-50%);z-index:2}
.scene-track .pellet{width:8px;height:8px;border-radius:50%;background:#d8c49a;opacity:0;animation:pelletFade .8s linear forwards;animation-delay:calc(var(--i,0) * .2s)}
.scene-track .pellet:nth-child(1){--i:1}.scene-track .pellet:nth-child(2){--i:2}.scene-track .pellet:nth-child(3){--i:3}.scene-track .pellet:nth-child(4){--i:4}.scene-track .pellet:nth-child(5){--i:5}.scene-track .pellet:nth-child(6){--i:6}.scene-track .pellet:nth-child(7){--i:7}.scene-track .pellet:nth-child(8){--i:8}
.pacman{position:absolute;left:-70px;top:56%;width:54px;height:54px;transform:translateY(-50%);animation:pacRun 2.8s ease-in-out .2s forwards;z-index:3}
.pacman:before,.pacman:after{content:"";position:absolute;inset:0;border-radius:50%;background:#f0c534}
.pacman:before{clip-path:polygon(50% 50%,100% 15%,100% 0,0 0,0 100%,100% 100%,100% 85%)}
.pacman i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 35deg, #f0c534 0 140deg, transparent 140deg 220deg, #f0c534 220deg 360deg);animation:pacChomp .28s linear infinite}
.pacman:after{width:6px;height:6px;inset:14px 0 0 31px;background:#111}
.little-boy{position:absolute;left:50%;top:-128px;width:42px;height:124px;border-radius:20px 20px 12px 12px;background:linear-gradient(180deg,#f1eadb,#beb5a8 55%,#8a8176 100%);box-shadow:0 0 0 1px rgba(0,0,0,.6), 0 0 26px rgba(255,237,185,.18), inset 0 -16px 18px rgba(0,0,0,.18);transform:translateX(-50%) rotate(8deg);animation:bombDrop 2.25s cubic-bezier(.2,.85,.25,1) 1.35s forwards;z-index:7}
.little-boy:before{content:"";position:absolute;left:6px;right:6px;top:10px;height:14px;border-radius:12px;background:#d8cfbe}
.little-boy:after{content:"";position:absolute;left:15px;bottom:-14px;width:12px;height:22px;background:#70695f;clip-path:polygon(50% 100%,0 0,100% 0)}
.little-boy span{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-90deg);font-size:9px;letter-spacing:.16em;color:#1d1a18;white-space:nowrap;opacity:.88;font-weight:700}
.flash-ring{position:absolute;left:50%;top:66%;width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,238,197,.95);box-shadow:0 0 22px rgba(255,210,120,.35);transform:translate(-50%,-50%) scale(.2);opacity:0;animation:flashBlast 1.4s ease-out 3.1s forwards;z-index:6}
.flash-ring:before,.flash-ring:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,215,132,.5)}
.flash-ring:before{transform:scale(1.8)}.flash-ring:after{transform:scale(2.8)}
.cinematic-splash .splash-seal{animation-delay:3.9s;opacity:0;animation-fill-mode:forwards}
.cinematic-splash .splash-era,.cinematic-splash h1,.cinematic-splash .splash-sub,.cinematic-splash .splash-timeline,.cinematic-splash .splash-phase-grid,.cinematic-splash .splash-file,.cinematic-splash .splash-enter,.cinematic-splash .splash-note{opacity:0;transform:translateY(18px);animation:storyReveal .8s ease forwards}
.cinematic-splash .splash-era{animation-delay:4.05s}.cinematic-splash h1{animation-delay:4.2s}.cinematic-splash .splash-sub{animation-delay:4.45s}.cinematic-splash .splash-timeline{animation-delay:4.7s}.cinematic-splash .splash-phase-grid{animation-delay:4.95s}.cinematic-splash .splash-file{animation-delay:5.2s}.cinematic-splash .splash-enter{animation-delay:5.45s}.cinematic-splash .splash-note{animation-delay:5.7s}
@keyframes pacRun{0%{left:-70px}100%{left:58%}}
@keyframes pacChomp{0%,100%{transform:rotate(0deg)}50%{transform:rotate(10deg)}}
@keyframes pelletFade{0%{opacity:.95}100%{opacity:.25}}
@keyframes bombDrop{0%{top:-128px;transform:translateX(-50%) rotate(8deg) scale(.96)}78%{top:20px;transform:translateX(-50%) rotate(4deg) scale(1)}100%{top:30px;transform:translateX(-50%) rotate(4deg) scale(1)}}
@keyframes flashBlast{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(18)}}
@keyframes storyReveal{to{opacity:1;transform:none}}
@media(max-width:700px){.scene-stage{height:120px}.pacman{width:42px;height:42px}.little-boy{left:50%;width:34px;height:98px}.cinematic-splash .splash-timeline{flex-wrap:wrap;justify-content:center;row-gap:10px}.cinematic-splash .splash-timeline i{display:none}}

.scene-stage:after{content:"";position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:120px;height:22px;border-radius:50%;background:radial-gradient(ellipse at center, rgba(255,202,118,.22) 0%, rgba(161,56,35,.20) 40%, rgba(0,0,0,0) 72%);z-index:1}


/* ===== Story splash: more intuitive ===== */
.story-splash{background:linear-gradient(180deg,#050505 0%,#120d0a 38%,#0a0908 100%)}
.story-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 18%, rgba(167,42,29,.18), transparent 20%), linear-gradient(180deg, rgba(255,255,255,.02), transparent 25%), repeating-linear-gradient(180deg, transparent 0 12px, rgba(255,255,255,.02) 12px 13px, transparent 13px 26px);opacity:.3}
.story-frame{overflow:hidden}
.story-stage{position:relative;width:min(860px,94%);height:150px;margin:0 auto 10px;border:1px solid rgba(217,194,157,.14);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));overflow:hidden;isolation:isolate}
.story-ground{position:absolute;left:0;right:0;bottom:0;height:46px;background:linear-gradient(180deg, rgba(93,40,27,.1), rgba(0,0,0,.35));z-index:1}
.story-ground:before{content:"";position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:150px;height:28px;border-radius:50%;background:radial-gradient(ellipse at center, rgba(255,181,85,.18) 0%, rgba(145,42,23,.16) 42%, transparent 75%)}
.story-bomb{position:absolute;left:50%;top:-120px;width:38px;height:118px;border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,#d8d0c1 0%,#bdb3a2 40%,#a09584 70%,#8a7e70 100%);border:1px solid rgba(0,0,0,.45);box-shadow:0 0 0 1px rgba(255,255,255,.05) inset, 0 0 24px rgba(255,228,170,.12);transform:translateX(-50%) rotate(8deg);z-index:6;animation:storyBombDrop 1.65s cubic-bezier(.22,.9,.22,1) .15s forwards}
.story-bomb:before{content:"";position:absolute;left:5px;right:5px;bottom:-16px;height:22px;background:#81776b;clip-path:polygon(0 0,100% 0,86% 48%,100% 48%,72% 100%,50% 56%,28% 100%,0 48%,14% 48%)}
.story-bomb:after{content:"";position:absolute;left:6px;right:6px;top:12px;height:8px;border-top:1px solid rgba(65,56,48,.8);border-bottom:1px solid rgba(65,56,48,.45);background:rgba(255,255,255,.06)}
.story-bomb span{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%) rotate(-90deg);font-size:8px;letter-spacing:.18em;color:#1c1815;white-space:nowrap;font-weight:700;opacity:.92}
.story-flash{position:absolute;left:50%;top:60%;width:30px;height:30px;border-radius:50%;transform:translate(-50%,-50%) scale(.2);opacity:0;z-index:7;background:radial-gradient(circle, rgba(255,246,216,.98) 0%, rgba(255,215,138,.82) 30%, rgba(255,169,80,.25) 58%, transparent 72%);box-shadow:0 0 50px rgba(255,215,130,.25);animation:storyFlash 1.2s ease-out 1.6s forwards}
.story-caption{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;z-index:8;color:#f3ead2;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.story-caption strong{display:block;font-size:30px;letter-spacing:-.03em}
.story-caption small{display:block;margin-top:6px;font-size:14px;color:#d3c4a6}
.story-caption.cap1{font-size:20px;animation:storyCaption 1.1s ease .2s forwards}
.story-caption.cap2{animation:storyCaption 1.1s ease 1.95s forwards}
.story-caption.cap3{animation:storyCaption 1.1s ease 3.15s forwards}
.story-caption.cap4{animation:storyCaption 1.2s ease 4.4s forwards}
.story-splash .splash-seal{animation-delay:5.55s;opacity:0;animation-fill-mode:forwards}
.story-splash .splash-era,.story-splash h1,.story-splash .splash-sub,.story-splash .story-steps,.story-splash .splash-file,.story-splash .splash-enter,.story-splash .splash-note{opacity:0;transform:translateY(14px);animation:storyReveal2 .7s ease forwards}
.story-splash .splash-era{animation-delay:5.7s}.story-splash h1{animation-delay:5.88s}.story-splash .splash-sub{animation-delay:6.05s}.story-splash .story-steps{animation-delay:6.22s}.story-splash .splash-file{animation-delay:6.4s}.story-splash .splash-enter{animation-delay:6.58s}.story-splash .splash-note{animation-delay:6.78s}
.story-steps{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;width:100%;max-width:840px;margin:0 auto 12px}
.story-steps .step{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(218,196,161,.16);background:rgba(255,255,255,.03)}
.story-steps .step b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#7d2f23;color:#efe5cf;font-size:12px}
.story-steps .step span{font-size:14px;font-weight:700;color:#efe5cf}
.story-steps .step.critical{border-color:rgba(189,63,43,.35);background:rgba(121,31,22,.14)}
.story-steps .arrow{width:18px;height:1px;background:linear-gradient(90deg,#645845,#d2be97);position:relative}
.story-steps .arrow:after{content:"";position:absolute;right:-1px;top:-3px;border-left:6px solid #d2be97;border-top:3px solid transparent;border-bottom:3px solid transparent}
@keyframes storyBombDrop{0%{top:-120px;transform:translateX(-50%) rotate(8deg) scale(.96)}78%{top:18px;transform:translateX(-50%) rotate(3deg) scale(1)}100%{top:26px;transform:translateX(-50%) rotate(3deg) scale(1)}}
@keyframes storyFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(15)}}
@keyframes storyCaption{0%{opacity:0;transform:translate(-50%,-42%)}18%{opacity:1;transform:translate(-50%,-50%)}72%{opacity:1;transform:translate(-50%,-50%)}100%{opacity:0;transform:translate(-50%,-56%)}}
@keyframes storyReveal2{to{opacity:1;transform:none}}
@media(max-width:760px){.story-stage{height:136px}.story-bomb{width:34px;height:104px}.story-caption strong{font-size:24px}.story-caption small{font-size:12px}.story-steps{gap:8px}.story-steps .step{padding:8px 11px}.story-steps .step span{font-size:12px}}
@media(max-width:700px){.splash-frame{max-height:95vh;padding:18px 18px}.story-stage{height:126px}.story-bomb{width:30px;height:92px}.story-caption strong{font-size:21px}.story-caption.cap1{font-size:17px}.story-steps{display:grid;grid-template-columns:1fr 1fr;max-width:520px}.story-steps .arrow{display:none}}
@media(max-width:480px){.splash-frame{padding:16px 14px}.story-stage{height:118px}.story-bomb{width:28px;height:84px}.story-steps{grid-template-columns:1fr}.story-caption strong{font-size:18px}.story-caption small{font-size:11px}}

@media(max-height:900px){.splash-frame{max-height:95vh;padding:18px 20px}.story-stage{height:126px;margin-bottom:6px}.splash-frame h1{font-size:clamp(42px,7vw,74px)}.splash-sub{font-size:clamp(14px,1.8vw,18px);margin:8px 0 12px}.story-steps{margin-bottom:10px}.splash-file{padding:10px 16px;margin-bottom:10px}.splash-note{display:none}}


/* ===== v10.2 center-first splash sequence ===== */
.story-frame{justify-content:center}
.intro-kicker{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:100%;z-index:10;opacity:.82}
.story-stage-center{width:min(900px,94%);height:min(44vh,360px);min-height:260px;margin:0 auto;position:relative;top:0;display:block;flex:0 0 auto;transition:height .7s ease,margin .7s ease}
.story-stage-center .story-bomb{width:52px;height:150px;top:-160px}
.story-stage-center .story-caption strong{font-size:clamp(34px,5vw,54px)}
.story-stage-center .story-caption small{font-size:clamp(16px,2vw,22px)}
.story-stage-center .story-caption.cap1{font-size:clamp(22px,3vw,32px)}
.story-content-reveal{width:100%;display:flex;flex-direction:column;align-items:center;max-height:0;overflow:hidden;opacity:0;transform:translateY(22px);animation:contentPanelReveal .9s ease 5.55s forwards}
.story-content-reveal .splash-seal{margin-top:4px}
.story-splash .splash-seal,.story-splash .splash-era,.story-splash h1,.story-splash .splash-sub,.story-splash .story-steps,.story-splash .splash-file,.story-splash .splash-enter,.story-splash .splash-note{opacity:1!important;transform:none!important;animation:none!important}
@keyframes contentPanelReveal{0%{max-height:0;opacity:0;transform:translateY(22px)}100%{max-height:650px;opacity:1;transform:none}}
@keyframes stageCompact{0%{height:min(44vh,360px);min-height:260px;margin-bottom:0}100%{height:150px;min-height:150px;margin-bottom:8px}}
.story-stage-center{animation:stageCompact .8s ease 5.45s forwards}
@media(max-height:900px){.story-stage-center{height:min(42vh,300px);min-height:220px}.story-stage-center{animation-name:stageCompactShort}@keyframes stageCompactShort{0%{height:min(42vh,300px);min-height:220px}100%{height:130px;min-height:130px}}.story-content-reveal{animation-delay:5.45s}.story-content-reveal h1{font-size:clamp(34px,5vw,62px)}}
@media(max-width:700px){.intro-kicker{top:12px;font-size:9px;letter-spacing:.14em}.story-stage-center{height:42vh;min-height:220px;width:96%}.story-stage-center .story-bomb{width:40px;height:118px}.story-stage-center .story-caption strong{font-size:clamp(28px,8vw,40px)}.story-stage-center .story-caption small{font-size:14px}.story-content-reveal{width:100%;padding:0 4px}}


/* ===== v10.3 two bombs, correct nose-down orientation ===== */
.story-stage-center{overflow:hidden}
.bomb-drop{position:absolute;top:-185px;width:70px;height:170px;z-index:9;filter:drop-shadow(0 10px 16px rgba(0,0,0,.4))}
.bomb-drop .bomb-body{position:absolute;left:50%;top:34px;transform:translateX(-50%);width:44px;height:126px;background:linear-gradient(90deg,#8f887c 0%,#d9d1c2 28%,#b8ae9e 62%,#777064 100%);border:1px solid rgba(20,18,15,.75);border-radius:9px 9px 22px 22px;box-shadow:inset 6px 0 8px rgba(255,255,255,.12),inset -7px 0 10px rgba(0,0,0,.2)}
.bomb-drop .bomb-body:before{content:"";position:absolute;left:5px;right:5px;top:20px;height:7px;border-top:1px solid rgba(50,44,37,.75);border-bottom:1px solid rgba(50,44,37,.45)}
.bomb-drop .bomb-body:after{content:"";position:absolute;left:7px;right:7px;bottom:8px;height:22px;border-radius:0 0 50% 50%;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(70,63,55,.24))}
.bomb-drop .bomb-body span{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-90deg);font-size:8px;letter-spacing:.12em;color:#211d19;font-weight:800;white-space:nowrap}
.bomb-fins{position:absolute;left:50%;top:0;transform:translateX(-50%);width:68px;height:55px;background:#777066;clip-path:polygon(39% 100%,39% 47%,0 0,34% 10%,50% 0,66% 10%,100% 0,61% 47%,61% 100%)}
.bomb-little{left:35%;animation:dropLittle 2.1s cubic-bezier(.22,.84,.25,1) .25s forwards}
.bomb-little .bomb-body{width:40px;height:128px;border-radius:7px 7px 20px 20px}
.bomb-little .bomb-fins{width:62px;height:52px}
.bomb-fat{left:65%;animation:dropFat 2.1s cubic-bezier(.22,.84,.25,1) 1.2s forwards}
.bomb-fat .bomb-body{width:62px;height:112px;top:40px;border-radius:22px 22px 30px 30px;background:linear-gradient(90deg,#80796f 0%,#cec6b7 26%,#aaa091 60%,#6f685f 100%)}
.bomb-fat .bomb-fins{width:72px;height:54px}
.story-flash.flash-little{left:35%;top:72%;animation:storyFlash 1.1s ease-out 2.05s forwards}
.story-flash.flash-fat{left:65%;top:72%;animation:storyFlash 1.1s ease-out 3.0s forwards}
.story-stage-center>.story-bomb,.story-stage-center>.story-flash:not(.flash-little):not(.flash-fat){display:none!important}
@keyframes dropLittle{0%{top:-185px;transform:rotate(-4deg)}84%{top:38px;transform:rotate(1deg)}100%{top:52px;transform:rotate(0)}}
@keyframes dropFat{0%{top:-185px;transform:rotate(4deg)}84%{top:38px;transform:rotate(-1deg)}100%{top:52px;transform:rotate(0)}}
/* push narrative captions after the two impacts */
.story-stage-center .cap1{animation-delay:3.55s!important}.story-stage-center .cap2{animation-delay:4.7s!important}.story-stage-center .cap3{animation-delay:5.85s!important}.story-stage-center .cap4{animation-delay:7.0s!important}
.story-content-reveal{animation-delay:8.1s!important}
.story-stage-center{animation-delay:8.05s!important}
.museum-entered #app{display:block!important;visibility:visible!important;opacity:1!important}
@media(max-width:700px){.bomb-drop{transform:scale(.78);transform-origin:top center}.bomb-little{left:32%}.bomb-fat{left:68%}.story-flash.flash-little{left:32%}.story-flash.flash-fat{left:68%}}
@media(max-width:480px){.bomb-drop{transform:scale(.66);transform-origin:top center}.bomb-little{left:30%}.bomb-fat{left:70%}.story-flash.flash-little{left:30%}.story-flash.flash-fat{left:70%}}


/* ===== v10.4 plane + japan map splash refinements ===== */
.story-stage{height:178px;margin:0 auto 10px;background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.008));}
.story-sky{position:absolute;inset:0;background:linear-gradient(180deg, rgba(87,66,54,.14) 0%, rgba(28,23,20,.10) 55%, rgba(0,0,0,0) 100%);z-index:0}
.story-map-wrap{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:250px;height:94px;z-index:1;opacity:.88}
.story-map-japan{position:relative;width:100%;height:100%;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}
.story-map-japan span{position:absolute;display:block;background:linear-gradient(180deg,#d7ccb7,#a99b82);opacity:.9}
.story-map-japan .jp-main{left:84px;top:6px;width:54px;height:78px;clip-path:polygon(45% 0,63% 6%,74% 14%,70% 23%,82% 30%,77% 42%,87% 55%,75% 62%,70% 75%,58% 86%,49% 100%,36% 94%,28% 82%,24% 68%,13% 58%,18% 45%,8% 34%,17% 24%,23% 14%,33% 7%)}
.story-map-japan .jp-hokkaido{left:128px;top:0;width:38px;height:22px;clip-path:polygon(15% 16%,62% 0,100% 20%,82% 100%,28% 90%,0 50%)}
.story-map-japan .jp-shikoku{left:74px;top:58px;width:32px;height:12px;clip-path:polygon(0 55%,18% 10%,77% 0,100% 40%,74% 100%,16% 95%)}
.story-map-japan .jp-kyushu{left:42px;top:48px;width:32px;height:28px;clip-path:polygon(48% 0,76% 15%,100% 44%,86% 76%,56% 100%,20% 94%,0 65%,12% 30%)}
.story-map-japan .target{width:12px;height:12px;border-radius:50%;background:#bf3527;box-shadow:0 0 0 3px rgba(191,53,39,.18),0 0 16px rgba(191,53,39,.45);z-index:3}
.story-map-japan .target-a{left:115px;top:44px}
.story-map-japan .target-b{left:62px;top:60px}
.story-plane{position:absolute;left:-120px;top:20px;width:98px;height:28px;z-index:5;animation:planeFlyA 1.7s linear .08s forwards, vanishAfter 0s linear 3.6s forwards}
.story-plane:before,.story-plane:after,.story-plane span{content:"";position:absolute}
.story-plane:before{left:18px;top:9px;width:54px;height:10px;background:#a89a81;border-radius:8px}
.story-plane:after{left:0;top:11px;width:20px;height:6px;background:#a89a81;clip-path:polygon(100% 0,0 50%,100% 100%)}
.story-plane span{left:20px;top:-2px;font-size:7px;letter-spacing:.14em;color:#d8ccb4;white-space:nowrap}
.story-plane .wings,.story-plane .tail{display:none}
.story-plane::marker{content:''}
.story-plane i,.story-plane b{display:none}
.story-plane:empty::before{}
.story-plane:empty::after{}
.story-plane:has(span)::before{}
.story-plane:has(span)::after{}
.story-plane::before{box-shadow:22px -8px 0 0 #a89a81, 22px 8px 0 0 #a89a81, 4px -6px 0 0 #a89a81}
.story-plane.plane-b{top:40px;left:-150px;transform:scale(.96);animation:planeFlyB 1.85s linear .65s forwards, vanishAfter 0s linear 4.05s forwards}
.story-bomb{z-index:6;opacity:0;animation:storyBombDropA 1.05s cubic-bezier(.22,.9,.22,1) 1.05s forwards, vanishAfter 0s linear 3.6s forwards}
.story-bomb.bomb-b{animation:storyBombDropB 1.05s cubic-bezier(.22,.9,.22,1) 1.6s forwards, vanishAfter 0s linear 4.0s forwards}
.story-bomb.bomb-a{left:50%;margin-left:7px;top:-110px;width:32px;height:96px}
.story-bomb.bomb-b{left:50%;margin-left:-62px;top:-110px;width:36px;height:86px;border-radius:18px;background:linear-gradient(180deg,#d7cec0 0%,#bdb09d 42%,#9d8e7c 76%,#857666 100%)}
.story-bomb.fatman:after{top:10px;height:7px}
.story-bomb.fatman:before{left:4px;right:4px;bottom:-14px;height:18px}
.story-flash{z-index:7;opacity:0;animation:storyFlashA 1.1s ease-out 2.06s forwards, vanishAfter 0s linear 3.7s forwards}
.story-flash.flash-a{left:50%;margin-left:23px;top:64%}
.story-flash.flash-b{left:50%;margin-left:-48px;top:70%;animation:storyFlashB 1.1s ease-out 2.56s forwards, vanishAfter 0s linear 4.05s forwards}
.story-caption{z-index:8}
.story-caption.cap1{animation:storyCaption 1.05s ease 3.2s forwards}
.story-caption.cap2{animation:storyCaption 1.05s ease 4.15s forwards}
.story-caption.cap3{animation:storyCaption 1.05s ease 5.1s forwards}
.story-caption.cap4{animation:storyCaption 1.2s ease 6.1s forwards}
.story-splash .splash-seal{animation-delay:7.35s}
.story-splash .splash-era{animation-delay:7.45s}.story-splash h1{animation-delay:7.62s}.story-splash .splash-sub{animation-delay:7.8s}.story-splash .story-steps{animation-delay:7.96s}.story-splash .splash-file{animation-delay:8.14s}.story-splash .splash-enter{animation-delay:8.32s}.story-splash .splash-note{animation-delay:8.48s}
@keyframes planeFlyA{0%{left:-120px;top:20px}100%{left:calc(50% + 40px);top:28px}}
@keyframes planeFlyB{0%{left:-150px;top:40px}100%{left:calc(50% - 86px);top:46px}}
@keyframes storyBombDropA{0%{opacity:0;top:26px;transform:translateX(-50%) rotate(0deg) scale(.96)}5%{opacity:1}78%{opacity:1;top:64px;transform:translateX(-50%) rotate(0deg) scale(1)}100%{opacity:1;top:74px;transform:translateX(-50%) rotate(0deg) scale(1)}}
@keyframes storyBombDropB{0%{opacity:0;top:44px;transform:translateX(-50%) rotate(0deg) scale(.96)}5%{opacity:1}78%{opacity:1;top:82px;transform:translateX(-50%) rotate(0deg) scale(1)}100%{opacity:1;top:88px;transform:translateX(-50%) rotate(0deg) scale(1)}}
@keyframes storyFlashA{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(12)}}
@keyframes storyFlashB{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(12)}}
@keyframes vanishAfter{to{opacity:0;visibility:hidden}}
@media(max-width:760px){.story-stage{height:160px}.story-map-wrap{width:212px;height:82px}.story-plane{transform:scale(.9)}.story-plane.plane-b{transform:scale(.84)}.story-bomb.bomb-a{margin-left:4px;width:28px;height:84px}.story-bomb.bomb-b{margin-left:-52px;width:31px;height:76px}}
@media(max-width:480px){.story-stage{height:148px}.story-map-wrap{width:186px;height:72px}.story-plane{transform:scale(.78)}.story-plane.plane-b{transform:scale(.72)}.story-bomb.bomb-a{margin-left:3px;width:24px;height:72px}.story-bomb.bomb-b{margin-left:-44px;width:27px;height:66px}}


/* ===== v10.5 visibility fix: large plane + japan map ===== */
.story-stage{height:210px!important;background:linear-gradient(180deg,#17110e 0%,#0e0b09 62%,#090807 100%)!important;border-color:rgba(228,205,168,.32)!important;box-shadow:inset 0 0 55px rgba(0,0,0,.45)}
.story-sky{opacity:1!important;background:radial-gradient(circle at 50% 15%,rgba(195,118,64,.12),transparent 28%),linear-gradient(180deg,rgba(80,64,52,.24),rgba(20,17,15,.04))!important}
.story-map-wrap{left:50%!important;bottom:12px!important;width:340px!important;height:138px!important;opacity:1!important;z-index:2!important;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}
.story-map-japan span{background:#d9c9ad!important;opacity:1!important;outline:1px solid rgba(79,55,37,.36)}
.story-map-japan .jp-main{left:122px!important;top:8px!important;width:74px!important;height:112px!important}
.story-map-japan .jp-hokkaido{left:178px!important;top:0!important;width:54px!important;height:32px!important}
.story-map-japan .jp-shikoku{left:106px!important;top:85px!important;width:44px!important;height:18px!important}
.story-map-japan .jp-kyushu{left:58px!important;top:72px!important;width:46px!important;height:42px!important}
.story-map-japan .target{width:15px!important;height:15px!important;background:#d6422f!important;box-shadow:0 0 0 4px rgba(214,66,47,.22),0 0 20px rgba(214,66,47,.6)!important}
.story-map-japan .target-a{left:163px!important;top:66px!important}
.story-map-japan .target-b{left:86px!important;top:89px!important}
.story-plane{top:22px!important;width:150px!important;height:42px!important;z-index:8!important;filter:drop-shadow(0 5px 6px rgba(0,0,0,.55));animation:planeFlyA2 2s linear .15s forwards, vanishAfter 0s linear 4.15s forwards!important}
.story-plane:before{left:28px!important;top:14px!important;width:82px!important;height:14px!important;background:#e4d5bc!important;border-radius:10px!important;box-shadow:34px -12px 0 -1px #c9b89b,34px 12px 0 -1px #c9b89b,7px -9px 0 -2px #c9b89b!important}
.story-plane:after{left:0!important;top:17px!important;width:32px!important;height:8px!important;background:#e4d5bc!important}
.story-plane span{left:38px!important;top:-4px!important;font-size:10px!important;letter-spacing:.1em!important;color:#fff0cf!important;font-weight:700!important;text-shadow:0 2px 5px rgba(0,0,0,.7)}
.story-plane.plane-b{top:54px!important;width:142px!important;height:40px!important;animation:planeFlyB2 2.05s linear .8s forwards, vanishAfter 0s linear 4.45s forwards!important}
.story-plane.plane-b:before{background:#dac9ac!important}
.story-plane.plane-b:after{background:#dac9ac!important}
.story-bomb.bomb-a{margin-left:34px!important;top:-120px!important;width:34px!important;height:102px!important;animation:storyBombDropA2 1.1s cubic-bezier(.22,.9,.22,1) 1.55s forwards, vanishAfter 0s linear 4.1s forwards!important}
.story-bomb.bomb-b{margin-left:-72px!important;top:-120px!important;width:38px!important;height:92px!important;animation:storyBombDropB2 1.1s cubic-bezier(.22,.9,.22,1) 2.1s forwards, vanishAfter 0s linear 4.4s forwards!important}
.story-flash.flash-a{margin-left:54px!important;top:68%!important;animation:storyFlashA 1.1s ease-out 2.57s forwards, vanishAfter 0s linear 4.15s forwards!important}
.story-flash.flash-b{margin-left:-60px!important;top:76%!important;animation:storyFlashB 1.1s ease-out 3.08s forwards, vanishAfter 0s linear 4.45s forwards!important}
.story-caption.cap1{animation:storyCaption 1.05s ease 4.3s forwards!important}
.story-caption.cap2{animation:storyCaption 1.05s ease 5.25s forwards!important}
.story-caption.cap3{animation:storyCaption 1.05s ease 6.2s forwards!important}
.story-caption.cap4{animation:storyCaption 1.2s ease 7.15s forwards!important}
.story-splash .splash-seal{animation-delay:8.35s!important}
.story-splash .splash-era{animation-delay:8.45s!important}.story-splash h1{animation-delay:8.62s!important}.story-splash .splash-sub{animation-delay:8.8s!important}.story-splash .story-steps{animation-delay:8.96s!important}.story-splash .splash-file{animation-delay:9.14s!important}.story-splash .splash-enter{animation-delay:9.32s!important}.story-splash .splash-note{animation-delay:9.48s!important}
@keyframes planeFlyA2{0%{left:-170px;top:22px}100%{left:calc(50% + 12px);top:32px}}
@keyframes planeFlyB2{0%{left:-180px;top:54px}100%{left:calc(50% - 108px);top:62px}}
@keyframes storyBombDropA2{0%{opacity:0;top:42px;transform:translateX(-50%) rotate(0deg) scale(.96)}5%{opacity:1}78%{opacity:1;top:92px;transform:translateX(-50%) rotate(0deg) scale(1)}100%{opacity:1;top:106px;transform:translateX(-50%) rotate(0deg) scale(1)}}
@keyframes storyBombDropB2{0%{opacity:0;top:70px;transform:translateX(-50%) rotate(0deg) scale(.96)}5%{opacity:1}78%{opacity:1;top:115px;transform:translateX(-50%) rotate(0deg) scale(1)}100%{opacity:1;top:125px;transform:translateX(-50%) rotate(0deg) scale(1)}}
@media(max-width:760px){.story-stage{height:184px!important}.story-map-wrap{width:290px!important;height:118px!important}.story-plane{transform:scale(.9)!important}.story-plane.plane-b{transform:scale(.84)!important}.story-bomb.bomb-a{margin-left:28px!important}.story-bomb.bomb-b{margin-left:-62px!important}}
@media(max-width:480px){.story-stage{height:170px!important}.story-map-wrap{width:245px!important;height:100px!important}.story-plane{transform:scale(.76)!important}.story-plane.plane-b{transform:scale(.72)!important}.story-bomb.bomb-a{margin-left:22px!important;width:28px!important;height:84px!important}.story-bomb.bomb-b{margin-left:-52px!important;width:31px!important;height:76px!important}}


/* ===== v10.6 consolidated splash fixes ===== */
.story-splash .story-frame{max-height:96vh;overflow:hidden}
.sequence-v106{height:min(46vh,380px)!important;min-height:270px!important;width:min(920px,95%)!important;background:linear-gradient(180deg,#17110e 0%,#0d0b09 64%,#070706 100%)!important;border:1px solid rgba(226,204,168,.3)!important;position:relative!important;overflow:hidden!important;isolation:isolate!important;animation:stageCompactV106 .75s ease 8.25s forwards!important}
.sequence-v106 .story-sky{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 12%,rgba(183,112,68,.14),transparent 30%),linear-gradient(180deg,rgba(100,82,66,.18),transparent 58%)}
.sequence-v106 .japan-map{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:min(430px,58vw);height:auto;z-index:2;opacity:1;filter:drop-shadow(0 7px 12px rgba(0,0,0,.38));animation:mapFadeV106 .35s ease 7.95s forwards}
.sequence-v106 .japan-map svg{display:block;width:100%;height:auto;overflow:visible}
.sequence-v106 .japan-map .islands path{fill:#d9c9ad;stroke:#5f4f3e;stroke-width:2}
.sequence-v106 .japan-map .targets circle{fill:#cf3c2c;stroke:#f2b29f;stroke-width:2;filter:drop-shadow(0 0 5px rgba(207,60,44,.8))}
.sequence-v106 .japan-map .targets text{fill:#f0dfc3;font-size:11px;font-weight:700;text-shadow:0 1px 4px #000}
.sequence-v106 .map-label{position:absolute;right:4px;bottom:4px;font-size:10px;letter-spacing:.22em;color:#aa9a82}
.sequence-v106 .plane{position:absolute;left:-190px;width:170px;height:52px;z-index:7;filter:drop-shadow(0 5px 6px rgba(0,0,0,.6));opacity:1}
.sequence-v106 .plane:before{content:"";position:absolute;left:30px;top:20px;width:94px;height:14px;border-radius:10px;background:#e5d6bd;box-shadow:38px -14px 0 -2px #c9b79a,38px 14px 0 -2px #c9b79a,8px -10px 0 -3px #c9b79a}
.sequence-v106 .plane:after{content:"";position:absolute;left:0;top:23px;width:34px;height:8px;background:#e5d6bd;clip-path:polygon(100% 0,0 50%,100% 100%)}
.sequence-v106 .plane span{position:absolute;left:42px;top:1px;color:#fff0d0;font-size:10px;font-weight:700;letter-spacing:.1em;text-shadow:0 2px 5px #000;white-space:nowrap}
.sequence-v106 .plane-enola{top:40px;animation:flyEnolaV106 2.05s linear .25s forwards,hideV106 .01s linear 4.45s forwards}
.sequence-v106 .plane-bockscar{top:92px;transform:scale(.92);animation:flyBockV106 2.15s linear .95s forwards,hideV106 .01s linear 4.8s forwards}
.sequence-v106 .bomb-drop{z-index:9;opacity:0;visibility:visible!important}
.sequence-v106 .bomb-little{left:52%;animation:dropLittleV106 1.25s cubic-bezier(.22,.84,.25,1) 1.75s forwards,hideV106 .01s linear 4.4s forwards!important}
.sequence-v106 .bomb-fat{left:36%;animation:dropFatV106 1.25s cubic-bezier(.22,.84,.25,1) 2.35s forwards,hideV106 .01s linear 4.75s forwards!important}
.sequence-v106 .bomb-little .bomb-body{border-radius:7px 7px 20px 20px}
.sequence-v106 .bomb-fat .bomb-body{border-radius:24px 24px 34px 34px}
.sequence-v106 .story-flash.flash-little{left:52%;top:72%;animation:flashV106 1.05s ease-out 2.86s forwards,hideV106 .01s linear 4.45s forwards!important}
.sequence-v106 .story-flash.flash-fat{left:36%;top:78%;animation:flashV106 1.05s ease-out 3.42s forwards,hideV106 .01s linear 4.8s forwards!important}
.sequence-v106 .story-caption{z-index:12}
.sequence-v106 .cap1{animation:storyCaption 1.0s ease 4.55s forwards!important}
.sequence-v106 .cap2{animation:storyCaption 1.0s ease 5.52s forwards!important}
.sequence-v106 .cap3{animation:storyCaption 1.0s ease 6.49s forwards!important}
.sequence-v106 .cap4{animation:storyCaption 1.15s ease 7.46s forwards!important}
.story-content-reveal{animation:contentPanelReveal .9s ease 8.35s forwards!important}
.story-splash .splash-seal,.story-splash .splash-era,.story-splash h1,.story-splash .splash-sub,.story-splash .story-steps,.story-splash .splash-file,.story-splash .splash-enter,.story-splash .splash-note{opacity:1!important;transform:none!important;animation:none!important}
@keyframes flyEnolaV106{0%{left:-190px;top:40px}100%{left:calc(50% + 65px);top:52px}}
@keyframes flyBockV106{0%{left:-200px;top:92px}100%{left:calc(50% - 150px);top:102px}}
@keyframes dropLittleV106{0%{opacity:0;top:78px;transform:rotate(0)}7%{opacity:1}85%{opacity:1;top:188px;transform:rotate(0)}100%{opacity:1;top:205px;transform:rotate(0)}}
@keyframes dropFatV106{0%{opacity:0;top:120px;transform:rotate(0)}7%{opacity:1}85%{opacity:1;top:205px;transform:rotate(0)}100%{opacity:1;top:220px;transform:rotate(0)}}
@keyframes flashV106{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(14)}}
@keyframes hideV106{to{opacity:0;visibility:hidden}}
@keyframes mapFadeV106{to{opacity:.24}}
@keyframes stageCompactV106{0%{height:min(46vh,380px);min-height:270px}100%{height:126px;min-height:126px}}
@media(max-height:900px){.sequence-v106{height:min(42vh,320px)!important;min-height:245px!important}.sequence-v106{animation-name:stageCompactShortV106!important}.story-content-reveal h1{font-size:clamp(34px,5vw,58px)}@keyframes stageCompactShortV106{0%{height:min(42vh,320px);min-height:245px}100%{height:112px;min-height:112px}}}
@media(max-width:700px){.sequence-v106{width:97%!important;height:39vh!important;min-height:235px!important}.sequence-v106 .japan-map{width:min(360px,85vw)}.sequence-v106 .plane{transform:scale(.76);transform-origin:left center}.sequence-v106 .plane-bockscar{transform:scale(.72)}.sequence-v106 .bomb-drop{transform:scale(.72);transform-origin:top center}.sequence-v106 .cap1 strong,.sequence-v106 .cap2 strong,.sequence-v106 .cap3 strong,.sequence-v106 .cap4 strong{font-size:clamp(25px,8vw,36px)}}
@media(max-width:480px){.sequence-v106{height:36vh!important;min-height:210px!important}.sequence-v106 .japan-map{width:min(310px,90vw)}.sequence-v106 .plane{transform:scale(.65)}.sequence-v106 .plane-bockscar{transform:scale(.62)}.sequence-v106 .bomb-drop{transform:scale(.62)}}


/* ===== v10.6 final audit corrections ===== */
.sequence-v106 .plane:before{left:0!important;top:6px!important;width:170px!important;height:40px!important;background:#e2d3b9!important;box-shadow:none!important;border-radius:0!important;clip-path:polygon(0 45%,28% 39%,42% 34%,47% 4%,53% 4%,58% 34%,82% 39%,100% 45%,100% 55%,58% 52%,54% 96%,46% 96%,42% 52%,0 55%)!important}
.sequence-v106 .plane:after{display:none!important}
.sequence-v106 .plane span{left:50%!important;top:-5px!important;transform:translateX(-50%)!important}
.sequence-v106 .japan-map{animation:mapHideV106 .45s ease 8.0s forwards!important}
.sequence-v106{animation:stageCollapseV106 .65s ease 8.05s forwards!important}
.story-content-reveal{animation:contentPanelReveal .8s ease 8.2s forwards!important}
@keyframes mapHideV106{to{opacity:0;visibility:hidden}}
@keyframes stageCollapseV106{0%{height:min(46vh,380px);min-height:270px;margin-bottom:8px;opacity:1}100%{height:0;min-height:0;margin-bottom:0;border-width:0;opacity:0}}
@media(max-height:900px){.sequence-v106{animation-name:stageCollapseShortV106!important}@keyframes stageCollapseShortV106{0%{height:min(42vh,320px);min-height:245px;margin-bottom:6px;opacity:1}100%{height:0;min-height:0;margin-bottom:0;border-width:0;opacity:0}}.story-content-reveal{animation-delay:8.2s!important}.story-content-reveal .splash-seal{width:58px;height:58px;font-size:18px;margin-bottom:4px}.story-content-reveal .splash-era{margin-bottom:4px}.story-content-reveal h1{font-size:clamp(32px,4.4vw,54px);line-height:1}.story-content-reveal .splash-sub{margin:6px 0 10px}.story-content-reveal .story-steps{margin-bottom:8px}.story-content-reveal .splash-file{padding:8px 14px;margin-bottom:8px}.story-content-reveal .splash-enter{padding:11px 18px}.story-content-reveal .splash-note{display:none}}
@media(max-width:700px){.story-content-reveal h1{font-size:clamp(30px,9vw,48px)}.story-content-reveal .splash-sub br{display:none}.story-content-reveal .splash-file{width:100%;min-width:0}.story-content-reveal .story-steps{grid-template-columns:1fr 1fr}.story-content-reveal .splash-enter{margin-bottom:8px}}
@media(max-width:480px){.story-content-reveal .story-steps{grid-template-columns:1fr}.story-content-reveal .step{justify-content:center}.story-content-reveal .splash-file em{display:none}}

@media(max-width:480px){
  .story-content-reveal .splash-era{font-size:9px;padding:6px 8px;line-height:1.35}
  .story-content-reveal h1{font-size:32px!important;line-height:1.02}
  .story-content-reveal .splash-sub{font-size:13px;line-height:1.45;margin:5px 0 7px}
  .story-content-reveal .story-steps{gap:5px;margin-bottom:5px}
  .story-content-reveal .story-steps .step{padding:6px 8px;min-height:0}
  .story-content-reveal .story-steps .step b{width:20px;height:20px;font-size:10px}
  .story-content-reveal .story-steps .step span{font-size:11px}
  .story-content-reveal .splash-file{padding:5px 8px;margin-bottom:5px}
  .story-content-reveal .splash-file span{font-size:8px}
  .story-content-reveal .splash-file b{font-size:12px;line-height:1.25}
  .story-content-reveal .splash-enter{padding:9px 15px;font-size:13px}
}

/* ===== multilingual + home ===== */
.topbar-left{display:flex;align-items:center;gap:10px}.home-link{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(215,194,157,.25);color:var(--paper2,#efe5cf);text-decoration:none;background:rgba(255,255,255,.03);font-size:22px;line-height:1;transition:.2s}.home-link:hover{background:rgba(141,52,40,.28);border-color:#8d3428}.lang-select{height:38px;border:1px solid rgba(215,194,157,.25);background:#171410;color:#efe5cf;padding:0 10px;font:inherit;font-size:12px}.splash-controls{position:absolute;right:16px;top:16px;z-index:20;display:flex;gap:8px;align-items:center}.splash-controls .home-link{background:rgba(10,9,7,.74)}.archive-language-note{margin:0 0 18px;padding:10px 12px;border-left:3px solid #8d3428;background:rgba(141,52,40,.08);font-size:12px;color:#c4b69e;line-height:1.6}.top-actions{flex-wrap:wrap}@media(max-width:900px){.topbar{align-items:flex-start}.top-actions{justify-content:flex-end}.top-home{width:34px;height:34px}.lang-select{height:34px}}@media(max-width:680px){.topbar{gap:8px}.topbar-left{width:100%}.top-actions{width:100%;justify-content:flex-start}.splash-controls{right:8px;top:8px}.splash-controls .home-link{width:34px;height:34px}.splash-controls .lang-select{max-width:108px}}


/* ===== v12 definitive responsive layer ===== */
html,body{max-width:100%;min-width:0}
img,svg,iframe,video{max-width:100%}
button,a,select,input{touch-action:manipulation}
button,.ghost-btn,.primary-btn,.icon-btn,.home-link,.source-item a,.archive-note a{min-height:44px}
.app-shell,.section,.hero,.topbar,.footer,.modal-body,.modal-box{min-width:0}
.section-head>*,.hero>*,.decision-row>*,.source-item>*,.archive-note>*{min-width:0}
.section-head h2,.hero h1,.ex-card h3,.person-large h3,.modal-body h2,.decision-row h3,.source-item h4,.splash-file b,.story-content-reveal h1{overflow-wrap:anywhere;word-break:keep-all}

@media(max-width:900px){
  .topbar{height:auto;min-height:64px;padding:10px 16px;gap:10px;flex-wrap:wrap;align-items:center}
  .topbar-left{min-width:0;flex:1 1 260px}
  .brand{min-width:0}.brand>div:last-child{min-width:0}.brand b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top-actions{flex:1 1 100%;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 0 4px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;justify-content:flex-start}
  .top-actions::-webkit-scrollbar{display:none}
  .top-actions .ghost-btn,.top-actions .icon-btn{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;padding:9px 12px}
  .top-actions .lang-select{flex:0 0 auto;min-width:108px;font-size:14px}
  .hero{grid-template-columns:1fr;gap:26px;min-height:auto;padding:48px 24px 56px}
  .hero:after{width:360px;height:360px;right:-190px;top:80px}
  .dossier{width:min(100%,520px);max-width:none;transform:none;margin:6px auto 0;padding:26px}
  .section{padding:68px 24px}
  .section-head{display:grid;grid-template-columns:1fr;align-items:start;gap:10px;margin-bottom:26px}
  .section-head p{max-width:none;margin:0}
  .exhibit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .people-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sector-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .decision-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .decision-toolbar .search{grid-column:1/-1}
  .record-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer{padding:42px 24px}
}

@media(max-width:680px){
  body{font-size:15px}
  .topbar{padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));gap:7px}
  .topbar-left{flex-basis:100%;display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px}
  .top-home{width:38px!important;height:38px!important}
  .brand-mark{width:32px;height:32px}
  .brand{gap:9px}.brand b{font-size:14px}.brand small{display:none}
  .top-actions{width:100%;margin:0 -2px;padding-bottom:3px}
  .top-actions .ghost-btn,.top-actions .icon-btn{font-size:12px;padding:8px 11px;min-height:40px}
  .top-actions .lang-select{height:40px;min-height:40px;font-size:13px;padding:0 8px}

  .hero{padding:34px 16px 44px;gap:22px}
  .hero h1{font-size:clamp(42px,13vw,58px);line-height:.98;margin:16px 0 20px}
  .hero p{font-size:15px;line-height:1.7}
  .hero-cta{display:grid;grid-template-columns:1fr;gap:8px;margin-top:22px}
  .hero-cta button{width:100%;min-height:46px}
  .dossier{padding:22px 18px;width:100%}.dossier:before{right:18px;top:18px;font-size:21px;padding:7px 10px}.dossier h3{font-size:22px;margin:44px 0 14px}.dossier-line{font-size:11px;padding:10px 0}

  .section{padding:54px 16px}
  .section-head{margin-bottom:22px}.section-head h2{font-size:clamp(34px,10vw,48px);line-height:1.04}.section-head p{font-size:14px;line-height:1.65}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:20px 16px}.stat strong{font-size:28px}.stat span{font-size:11px;line-height:1.35}
  .exhibit-grid,.fact-grid,.why-grid,.people-gallery,.case-grid,.video-grid{grid-template-columns:1fr}
  .ex-card{min-height:220px;padding:20px}.ex-card h3{font-size:24px;margin:44px 0 8px}.ex-card p{font-size:13px}.ex-card .badge{right:14px;top:14px}.ex-card-meta{left:20px!important;bottom:18px!important;right:58px;flex-wrap:wrap}
  .why-card,.person-large{min-height:0;padding:20px}.why-card h3{margin:32px 0 10px}.person-large h3{font-size:26px;margin:22px 0 8px}

  .timeline:before{left:14px}.t-item{grid-template-columns:1fr;gap:7px;padding:0 0 30px 38px}.t-item:after{left:9px;top:6px}.t-year{text-align:left;padding:0}.t-content{padding-bottom:22px}.t-content h3{font-size:21px}.t-content p{font-size:13px;line-height:1.65}

  .simulator{grid-template-columns:1fr}.sim-list{grid-template-columns:1fr 1fr;gap:7px}.sim-tab{min-height:44px;padding:11px;font-size:12px}.sim-stage{padding:20px 16px;min-height:0}.sim-stage h3{font-size:25px}.choice{min-height:48px;padding:13px}

  .archive-note{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:16px}.archive-note strong{font-size:36px}.archive-note a{grid-column:1/-1;width:100%;display:flex;align-items:center;justify-content:center}
  .archive-toolbar,.decision-toolbar{display:grid;grid-template-columns:1fr;gap:8px}.decision-toolbar .search{grid-column:auto}
  .search,.archive-select{width:100%;min-width:0;min-height:46px;padding:12px 13px;font-size:16px}
  .case-card{min-height:0;padding:14px}.case-card h3{font-size:21px;margin:9px 0 7px}

  .decision-hero{grid-template-columns:1fr}.decision-hero>div:first-child{padding:22px}.decision-hero>div:first-child strong{font-size:52px}
  .decision-periods{grid-template-columns:1fr}.decision-periods span{padding:16px}.decision-periods b{font-size:28px}
  .sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sector-grid div{padding:14px}.sector-grid b{font-size:22px}
  .sync-state{display:block;padding:16px}.sync-actions{justify-content:stretch;margin-top:12px}.sync-actions>*{flex:1 1 100%;width:100%}
  .verification-meter{padding:14px}.verification-meter .meter-top{display:grid;gap:5px}
  .decision-row{grid-template-columns:1fr!important;gap:8px;padding:14px}.decision-row>div:nth-child(3){grid-column:auto!important;text-align:left!important}.decision-row h3{font-size:18px}.decision-click{min-height:0}
  .record-facts{grid-template-columns:1fr}.record-facts>div{min-height:0;padding:13px}.detail-section{margin-top:20px;padding-top:18px}.detail-section h3{font-size:21px}.clause-card{padding:14px}

  .source-item{grid-template-columns:44px minmax(0,1fr);gap:11px;padding:14px}.source-item .grade{width:38px;height:38px}.source-item a{grid-column:1/-1;width:100%;display:flex;align-items:center;justify-content:center}.source-item h4{font-size:15px}.source-item p{font-size:12px}
  .video-actions{display:grid;grid-template-columns:1fr;gap:7px}.video-actions>*{width:100%;display:flex;align-items:center;justify-content:center}.video-meta{padding:16px}

  .modal{padding:0;align-items:stretch}.modal-box{width:100%;height:100dvh;max-height:none;border:0}.modal-head{padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));min-height:56px}.modal-head button{width:44px;height:44px}.modal-body{padding:22px 16px max(28px,env(safe-area-inset-bottom))}.modal-body h2{font-size:clamp(30px,9vw,40px);line-height:1.08}.modal-body .lead{font-size:16px}.chapter-panel{grid-template-columns:30px minmax(0,1fr);padding:15px 12px}.modal-video-item{grid-template-columns:105px minmax(0,1fr)}.modal-video-item img{min-height:90px}.modal-video-item b{font-size:14px}
  .people-grid{grid-template-columns:1fr}

  .footer{display:block;padding:38px 16px max(38px,env(safe-area-inset-bottom))}.footer .notice{margin-bottom:18px}

  /* Splash on phones */
  .museum-splash{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overflow:auto}
  .splash-frame{width:100%;max-height:none;min-height:calc(100dvh - 16px);padding:54px 12px 14px!important;overflow:hidden;justify-content:flex-start}
  .splash-controls{position:absolute;top:8px!important;right:8px!important;left:8px;display:flex;justify-content:flex-end;gap:6px}.splash-controls .home-link{width:36px;height:36px;min-height:36px}.splash-controls .lang-select{height:36px;min-height:36px;max-width:116px;font-size:12px}
  .intro-kicker{position:static!important;max-width:100%;font-size:8px!important;letter-spacing:.08em!important;line-height:1.35;margin:0 0 6px!important;white-space:normal}
  .sequence-v106{width:100%!important;height:36dvh!important;min-height:210px!important;max-height:280px!important;margin:0 auto 5px!important}
  .sequence-v106 .japan-map{width:min(310px,88vw)!important;bottom:8px!important}.sequence-v106 .japan-map .targets text{font-size:10px}
  .sequence-v106 .plane{transform:scale(.62)!important;transform-origin:left center!important}.sequence-v106 .plane-bockscar{transform:scale(.58)!important}
  .sequence-v106 .bomb-drop{transform:scale(.62)!important;transform-origin:top center!important}
  .sequence-v106 .cap1 strong,.sequence-v106 .cap2 strong,.sequence-v106 .cap3 strong,.sequence-v106 .cap4 strong{font-size:clamp(24px,8vw,32px)!important}.sequence-v106 .story-caption small{font-size:12px!important}
  .story-content-reveal{width:100%;padding:0 2px}.story-content-reveal .splash-seal{width:52px!important;height:52px!important;font-size:16px!important;margin:2px auto 4px!important}.story-content-reveal .splash-era{font-size:9px!important;line-height:1.35;padding:6px 8px;margin:0 0 4px!important}.story-content-reveal h1{font-size:clamp(28px,8.5vw,38px)!important;line-height:1.04!important;margin:3px 0 4px!important}.story-content-reveal .splash-sub{font-size:12.5px!important;line-height:1.42!important;margin:4px 0 6px!important}.story-content-reveal .splash-sub br{display:none}.story-content-reveal .story-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin-bottom:5px!important}.story-content-reveal .story-steps .step{padding:6px 7px!important;min-height:36px;justify-content:flex-start}.story-content-reveal .story-steps .step span{font-size:10.5px!important}.story-content-reveal .story-steps .step b{width:19px;height:19px;font-size:10px}.story-content-reveal .story-steps .arrow{display:none}.story-content-reveal .splash-file{width:100%;min-width:0;padding:5px 7px!important;margin-bottom:5px!important}.story-content-reveal .splash-file span{font-size:7px!important}.story-content-reveal .splash-file b{font-size:11.5px!important;line-height:1.3!important}.story-content-reveal .splash-file em{display:none}.story-content-reveal .splash-enter{width:100%;min-height:44px;padding:9px 12px!important;font-size:13px;margin:0}.story-content-reveal .splash-note{display:none!important}
}

@media(max-width:420px){
  .section{padding-left:14px;padding-right:14px}.hero{padding-left:14px;padding-right:14px}
  .stats{grid-template-columns:1fr 1fr}.stat{padding:17px 12px}.stat strong{font-size:25px}
  .sector-grid{grid-template-columns:1fr 1fr}.sector-grid div{padding:12px}
  .sim-list{grid-template-columns:1fr}
  .modal-video-item{grid-template-columns:92px minmax(0,1fr)}
  .sequence-v106{height:34dvh!important;min-height:195px!important}.sequence-v106 .japan-map{width:min(280px,90vw)!important}.sequence-v106 .plane{transform:scale(.56)!important}.sequence-v106 .plane-bockscar{transform:scale(.52)!important}.sequence-v106 .bomb-drop{transform:scale(.56)!important}
  .story-content-reveal .story-steps{grid-template-columns:1fr 1fr!important}
}

@media(max-width:360px){
  .top-actions .ghost-btn,.top-actions .icon-btn{padding:8px 9px;font-size:11px}.top-actions .lang-select{min-width:100px}
  .hero h1{font-size:40px}.section-head h2{font-size:32px}.stats{grid-template-columns:1fr 1fr}
  .story-content-reveal h1{font-size:27px!important}.story-content-reveal .splash-sub{font-size:11.5px!important}.story-content-reveal .story-steps .step span{font-size:10px!important}
}

@media(orientation:landscape) and (max-height:520px){
  .topbar{position:relative}
  .museum-splash{align-items:start}.splash-frame{min-height:auto;padding-top:48px!important}.sequence-v106{height:48dvh!important;min-height:160px!important}.story-content-reveal .splash-seal,.story-content-reveal .splash-file,.story-content-reveal .splash-note{display:none!important}.story-content-reveal h1{font-size:28px!important}.story-content-reveal .splash-sub{font-size:11px!important}.story-content-reveal .story-steps{margin-bottom:4px!important}
}


/* ===== v13 viral record scanner ===== */
.scanner-nav-btn,.scanner-hero-btn{border:1px solid rgba(170,66,50,.72);background:linear-gradient(180deg,rgba(148,47,36,.22),rgba(83,27,22,.14));color:var(--paper,#efe5cf);padding:10px 14px;cursor:pointer;font-weight:800;letter-spacing:.02em}
.scanner-nav-btn:hover,.scanner-hero-btn:hover{background:#7d3025}.scanner-hero-btn{padding:13px 18px}
.scanner-section{scroll-margin-top:78px}.scanner-wrap{display:grid;grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);gap:26px;padding:clamp(24px,4vw,48px);border:1px solid rgba(202,176,134,.18);background:radial-gradient(circle at 9% 5%,rgba(151,52,39,.13),transparent 27%),linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));position:relative;overflow:hidden}
.scanner-wrap:after{content:"SCAN / OFFICIAL RECORD / 1006";position:absolute;right:-35px;bottom:14px;font-size:11px;letter-spacing:.24em;color:rgba(203,183,147,.12);transform:rotate(-5deg)}
.scanner-copy h2{font-size:clamp(38px,5vw,68px);line-height:.98;margin:10px 0 18px;letter-spacing:-.055em}.scanner-copy p{color:#c4b69d;line-height:1.8;max-width:650px}.scanner-copy b{color:#efe5cf}.scanner-metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.scanner-metrics span{min-width:120px;border-top:1px solid rgba(205,181,142,.18);padding-top:10px;color:#a89a82;font-size:11px}.scanner-metrics b{display:block;font-size:24px;color:#d8c6a6;margin-bottom:4px}
.scanner-console{align-self:center;padding:22px;border:1px solid rgba(202,176,134,.18);background:#100e0c;box-shadow:0 22px 55px rgba(0,0,0,.22)}.scanner-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:1px solid rgba(205,181,142,.25);background:#181411;padding:6px;gap:8px}.scan-icon{display:grid;place-items:center;width:42px;height:42px;color:#c9b996;font-size:23px}.scanner-search input{min-width:0;border:0;background:transparent;color:#f0e5cf;font-size:17px;padding:12px 8px;outline:none}.scanner-search input::placeholder{color:#71685c}.scanner-examples{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.scanner-examples small{color:#786f62;margin-right:3px}.scanner-example,.scan-suggestions button{border:1px solid rgba(197,174,137,.18);background:rgba(255,255,255,.025);color:#c8baa1;padding:8px 11px;cursor:pointer}.scanner-example:hover,.scan-suggestions button:hover{border-color:#8f3a2d;color:#f0e5cf}.scanner-hint,.scanner-ethics{font-size:11px;color:#8e8270;line-height:1.7}.scanner-hint{margin-top:14px}.scanner-ethics{padding:14px 18px;border:1px dashed rgba(192,165,125,.16);border-top:0}
.scanner-result{margin-top:18px}.scan-result-shell{border:1px solid rgba(206,182,144,.18);background:linear-gradient(180deg,#12100e,#0e0d0b);padding:clamp(20px,3vw,34px)}.scan-result-shell.no-match{border-color:rgba(131,117,95,.22)}.scan-result-title{display:flex;align-items:flex-start;gap:15px;padding-bottom:18px;border-bottom:1px solid rgba(202,177,137,.13)}.scan-result-title>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #8e3a2d;color:#d8c39f;flex:0 0 auto}.scan-result-title small{color:#9a8b75}.scan-result-title h3{font-size:28px;margin:4px 0 5px}.scan-result-title p{margin:0;color:#c7b89e}.scan-pulse{animation:scanPulse 1.8s ease-in-out infinite}.scan-record{margin-top:16px;padding:20px;border:1px solid rgba(207,183,144,.14);background:rgba(255,255,255,.015)}.scan-record.official-record{border-left:3px solid #9f392b}.scan-record.banmin-record{border-left:3px solid #9f855a}.scan-record-head{display:flex;gap:14px;align-items:flex-start}.scan-status{font-size:10px;letter-spacing:.05em;padding:6px 8px;border:1px solid currentColor;white-space:nowrap}.scan-status.official{color:#d08776}.scan-status.banmin{color:#c5af7b}.scan-record h3{margin:0 0 5px;font-size:24px}.scan-record h3 small{font-size:14px;color:#938570}.scan-record-head p{margin:0;color:#938570;font-size:12px}.scan-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.scan-facts>div{padding:12px;border:1px solid rgba(205,181,142,.11)}.scan-facts small,.scan-activity small{display:block;color:#8d806e;margin-bottom:6px}.scan-facts b{font-size:13px;color:#d4c3a5}.scan-activity{padding:16px;background:rgba(0,0,0,.16)}.scan-activity p{margin:0;line-height:1.8;color:#c1b298;font-size:13px}.scan-warning{margin-top:14px;padding:12px 14px;border:1px solid rgba(168,130,73,.24);background:rgba(98,71,32,.10);color:#c7b38b;font-size:12px;line-height:1.7}.scan-actions,.scan-share-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.scan-share-row{padding-top:18px;border-top:1px solid rgba(205,181,142,.11)}.scan-suggestions{margin-top:18px;padding:15px;border:1px solid rgba(205,181,142,.12)}.scan-suggestions>b,.scan-suggestions>small{display:block;margin-bottom:8px}.scan-suggestions>small{color:#8b806f}.scan-suggestions>div{display:flex;gap:7px;flex-wrap:wrap}.scan-suggestions button small{opacity:.7}.scanner-section .primary-btn,.scanner-section .ghost-btn{min-height:44px}
@keyframes scanPulse{0%,100%{box-shadow:0 0 0 0 rgba(159,57,43,.0)}50%{box-shadow:0 0 0 9px rgba(159,57,43,.10)}}
@media(max-width:900px){.scanner-wrap{grid-template-columns:1fr}.scanner-console{width:100%}.scanner-copy h2{font-size:clamp(38px,9vw,60px)}}
@media(max-width:620px){.scanner-wrap{padding:20px 14px}.scanner-search{grid-template-columns:auto 1fr}.scanner-search .primary-btn{grid-column:1/-1;width:100%}.scanner-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scanner-metrics span{min-width:0}.scan-record-head{display:grid}.scan-facts{grid-template-columns:1fr}.scan-share-row>*{flex:1 1 100%}.scanner-wrap:after{display:none}}

.seo-prerender{min-height:100vh;background:#111;color:#e8dcc4;padding:64px max(24px,7vw);display:grid;place-items:center}.seo-prerender section{max-width:900px}.seo-prerender h1{font-size:clamp(36px,6vw,72px);line-height:1.05;letter-spacing:-.05em}.seo-prerender p{color:#b8aa91;line-height:1.9;font-size:16px}
:root{--chinil-ad-gap:18px}
.kakao-ad-side{position:fixed;z-index:30;top:50%;right:10px;transform:translateY(-50%);width:160px;min-height:600px;display:flex;align-items:center;justify-content:center}
.kakao-ad-side .kakao_ad_area{width:160px;height:600px}
.visitor-inline{display:flex;justify-content:center;align-items:stretch;gap:12px;flex-wrap:wrap;padding:22px max(5vw,28px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(123,32,26,.08),rgba(23,20,16,.2));text-align:center}.visitor-inline>div{min-width:180px;padding:14px 22px;border:1px solid rgba(189,166,111,.3);border-radius:2px;background:rgba(33,29,24,.72);box-shadow:inset 0 1px 0 rgba(232,221,197,.05)}.visitor-inline small{display:block;color:var(--gold);font-size:11px;letter-spacing:.08em}.visitor-inline b{display:block;margin-top:5px;color:var(--paper);font-family:Georgia,"Noto Serif KR",serif;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}.visitor-inline p{flex-basis:100%;margin:0;color:var(--muted);font-size:11px;letter-spacing:.02em}
.kakao-ad-mobile,.kakao-ad-slot{display:none}
@media(min-width:1241px){.app-shell{margin-right:190px}}
@media(max-width:1240px){.kakao-ad-side{display:none}}
@media(max-width:700px){.kakao-ad-mobile{display:grid;gap:var(--chinil-ad-gap);justify-items:center;padding:18px 0}.kakao-ad-mobile .kakao-ad-slot{display:block;width:320px;min-height:50px}.inline-ad{display:block;width:320px;min-height:50px;margin:22px auto}.inline-ad .kakao_ad_area{width:320px;height:50px}}
.summary-page{padding-top:64px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-card{position:relative;min-height:190px;padding:22px;text-align:left;color:var(--paper);border:1px solid var(--line);background:linear-gradient(145deg,rgba(123,32,26,.18),rgba(255,255,255,.02));cursor:pointer;transition:.22s}.summary-card:hover{transform:translateY(-4px);border-color:rgba(189,166,111,.65);box-shadow:0 16px 40px rgba(0,0,0,.2)}.summary-card>span{color:var(--gold);font:700 12px monospace;letter-spacing:.08em}.summary-card h3{font-family:Georgia,"Noto Serif KR",serif;font-size:24px;margin:28px 0 10px}.summary-card p{color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 20px}.summary-card b{position:absolute;right:20px;bottom:18px;color:var(--paper2);font-size:12px}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px max(5vw,28px);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.detail-toolbar a{color:var(--paper2);text-decoration:none}.detail-toolbar a:hover{color:var(--gold)}
@media(max-width:900px){.summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.summary-grid{grid-template-columns:1fr}.summary-card{min-height:160px}}