:root{--bg:#071018;--panel:#0b151d;--panel2:#101d26;--paper:#eef2ed;--ink:#10171b;--muted:#91a0a8;--line:rgba(255,255,255,.13);--accent:#e9483f;--accent-rgb:233,72,63;--serif:Georgia,"Times New Roman",serif;--sans:"Pretendard","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:#f6f7f4;font-family:var(--sans);overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:74px;position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(5,12,17,.86);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:34px;height:34px;border:1px solid #a7b6bd;display:grid;place-items:center;font:italic 20px var(--serif);transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}.brand b,.brand small{display:block}.brand b{font-size:12px;letter-spacing:.2em}.brand small{font-size:8px;letter-spacing:.27em;color:#829099;margin-top:4px}.topbar nav{margin:auto;display:flex;gap:2.2rem}.topbar nav a,.play-link{font-size:9px;letter-spacing:.18em}.topbar nav a{color:#b7c1c6}.play-link{border:1px solid #51616b;padding:10px 14px;font-weight:800}.eyebrow,.section-title>p{font-size:9px;font-weight:800;letter-spacing:.25em;color:#aebac0}.hero{min-height:100svh;padding:115px 7vw 70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1.05fr);gap:6vw;align-items:center;background:radial-gradient(circle at 75% 30%,rgba(29,190,215,.12),transparent 28%),linear-gradient(180deg,#071018,#09151d)}.hero-copy{max-width:760px}.hero h1{font-size:clamp(64px,8vw,135px);line-height:.82;letter-spacing:-.065em;margin:25px 0 14px}.hero h1 span{font-family:var(--serif);font-style:italic;font-weight:400;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.72)}.subtitle{font:italic clamp(19px,2vw,30px)/1 var(--serif);letter-spacing:.1em;color:#3bd0dc;margin:26px 0 34px}.kuthos-talk{border-left:2px solid #3bd0dc;padding:4px 0 4px 20px;max-width:650px}.kuthos-talk span{font-size:8px;letter-spacing:.2em;color:#6fdde6;font-weight:800}.kuthos-talk p{font-size:14px;line-height:1.85;color:#d8e0e2;margin:9px 0 0}.hero-actions{display:flex;gap:10px;margin-top:32px;flex-wrap:wrap}.button{min-height:58px;display:inline-flex;align-items:center;gap:18px;padding:0 22px;border:1px solid #40515b;font-size:9px;letter-spacing:.15em;transition:.2s}.button b{font-size:12px;letter-spacing:0}.button.primary{background:#16aebd;border-color:#16aebd;color:#fff}.button.primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.button.quiet{color:#aebbc1}.media-frame{margin:0;border:1px solid rgba(255,255,255,.16);background:#050b0f;position:relative}.media-frame img{width:100%;height:100%;object-fit:contain;background:#050b0f}.hero-media{width:100%;aspect-ratio:4/3;box-shadow:0 30px 80px rgba(0,0,0,.38)}.hero-media figcaption{position:absolute;right:0;top:100%;display:flex;justify-content:space-between;width:100%;padding:10px 0;color:#71818a;font-size:9px;letter-spacing:.14em}.hero-media figcaption b{color:#3bd0dc}.section{padding:120px 8vw}.section-title{display:grid;grid-template-columns:170px 1fr;margin-bottom:56px}.section-title>p{grid-column:1;margin:8px 0}.section-title h2{grid-column:2;margin:0;font-size:clamp(42px,5vw,78px);line-height:.98;letter-spacing:-.055em}.section-title h2 em{font-family:var(--serif);font-weight:400;color:var(--accent)}.section-title small{grid-column:2;margin-top:18px;color:#7f8e96;font-size:11px;line-height:1.7}.world{background:var(--paper);color:var(--ink)}.world .section-title>p{color:#66747a}.guide-grid{margin-left:170px;display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:start}.guide-photo{aspect-ratio:4/3;background:#dce4e1;border-color:rgba(0,0,0,.15)}.guide-photo img{background:#dce4e1}.guide-copy article{padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid rgba(0,0,0,.14)}.guide-copy article:last-child{border-bottom:0}.guide-copy span{font-size:8px;letter-spacing:.2em;color:#6f7b80}.guide-copy h3{font-size:clamp(20px,2.1vw,31px);line-height:1.4;margin:10px 0 12px}.guide-copy p{font-size:13px;line-height:1.85;color:#56636a;margin:0}.factions{background:#071018}.faction-tabs{margin-left:170px;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);margin-bottom:16px}.faction-tab{border:0;border-right:1px solid var(--line);background:#0b151d;color:#778891;padding:16px 8px;cursor:pointer}.faction-tab:last-child{border-right:0}.faction-tab span{display:block;font-size:20px;margin-bottom:7px}.faction-tab b{font-size:9px}.faction-tab.active{background:rgba(var(--accent-rgb),.13);color:white;box-shadow:inset 0 -2px var(--accent)}.faction-stage{margin-left:170px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);border:1px solid var(--line);background:#0b151d}.faction-media{aspect-ratio:4/3;border:0;border-right:1px solid var(--line)}.faction-media img{transition:opacity .22s}.faction-info{padding:38px;display:flex;flex-direction:column;justify-content:center}.faction-kicker{display:flex;align-items:center;gap:10px;margin:0;color:#83939c}.faction-kicker span{font-size:22px}.faction-kicker b{font-size:8px;letter-spacing:.2em}.faction-info h3{font-size:clamp(29px,3vw,45px);margin:14px 0 12px}.faction-info>p:not(.faction-kicker){font-size:13px;line-height:1.8;color:#aeb9be}.objective{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.objective span,.kuthos-note b{font-size:8px;letter-spacing:.18em;color:#6f8089}.objective strong{font-size:14px;line-height:1.7;display:block;margin-top:8px}.kuthos-note{margin-top:25px;padding:18px;background:rgba(var(--accent-rgb),.08);border-left:2px solid var(--accent)}.kuthos-note p{margin:8px 0 0;font-size:12px!important;line-height:1.75!important;color:#cbd3d6!important}.text-button{background:none;border:0;padding:0;margin-top:25px;align-self:flex-start;color:var(--accent);font-size:10px;font-weight:800;cursor:pointer}.characters{background:#0b151d}.character-grid{margin-left:170px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.char-card{border:1px solid var(--line);background:#071018;cursor:pointer;transition:.25s;overflow:hidden}.char-card:hover{border-color:rgba(var(--accent-rgb),.65);transform:translateY(-3px)}.char-media{aspect-ratio:4/3;background:#050b0f}.char-media img{width:100%;height:100%;object-fit:contain}.char-meta{padding:15px 16px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line)}.char-meta>div{display:flex;align-items:center;gap:10px}.char-meta img{width:42px;height:42px;object-fit:contain;border:1px solid var(--line);background:#050b0f}.char-meta b{font-size:14px}.char-meta span{font-size:9px;color:#82939b}.char-meta i{font-style:normal;font-size:10px;color:var(--accent)}.guide-outro{display:grid;grid-template-columns:minmax(300px,.72fr) 1fr;align-items:center;gap:6vw;background:linear-gradient(135deg,#08131a,#0e1f29)}.outro-kuthos{aspect-ratio:4/3}.guide-outro h2{font-size:clamp(36px,4.8vw,72px);line-height:1.08;margin:20px 0}.guide-outro>div>p:not(.eyebrow){color:#9eabb1;line-height:1.8;font-size:13px}.button.huge{margin-top:25px;min-height:70px;padding:0 28px}footer{height:100px;padding:0 8vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#6f7e86}footer b{font-size:10px;letter-spacing:.2em}footer span{font:italic 12px var(--serif)}
.modal{width:min(1280px,94vw);max-height:94vh;padding:0;border:1px solid #33444e;background:#09141c;color:#f5f7f5}.modal::backdrop{background:rgba(0,5,8,.84);backdrop-filter:blur(8px)}.modal-close{position:sticky;float:right;top:12px;right:12px;z-index:10;width:42px;height:42px;border:1px solid #455761;background:#0a151c;color:white;font-size:25px;cursor:pointer}.modal-scroll{overflow:auto;max-height:calc(94vh - 2px)}.character-top{padding:56px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:46px}.profile-full{aspect-ratio:4/3}.media-toggle{width:100%;height:44px;margin-top:10px;background:#0f202a;border:1px solid #324750;color:#aab8be;font-size:10px;cursor:pointer}.modal-info .eyebrow{color:var(--accent)}.modal-info h2{font-size:clamp(42px,5vw,74px);letter-spacing:-.05em;margin:12px 0 4px}.modal-role{font-size:14px;color:#91a1a9}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.tags span{border:1px solid #364a54;padding:7px 10px;font-size:9px;color:#aebac0}.lore{border-top:1px solid var(--line);padding-top:18px}.lore p{font-size:13px;line-height:1.8;color:#bac4c8}.specs{margin:25px 0 0}.specs div{border-top:1px solid var(--line);padding:14px 0;display:grid;grid-template-columns:110px 1fr;gap:15px}.specs dt{font-size:8px;letter-spacing:.17em;color:#687c86}.specs dd{margin:0;font-size:12px;line-height:1.6}.qa-section,.scene-section{border-top:1px solid var(--line);padding:48px 56px}.qa-heading p,.scene-heading p{font-size:8px;letter-spacing:.2em;color:var(--accent);font-weight:800;margin:0}.qa-heading h3,.scene-heading h3{font-size:28px;margin:8px 0 5px}.qa-heading span,.scene-heading span{font-size:11px;color:#788991}.qa-options{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 20px}.qa-options button{padding:11px 14px;border:1px solid #344852;background:#0d1c25;color:#d1d8db;font-size:11px;cursor:pointer;transition:.2s}.qa-options button:hover,.qa-options button.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.12);color:white}.qa-answer{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;background:#071018;border:1px solid var(--line);padding:16px}.qa-answer figure{margin:0;aspect-ratio:4/3;border:1px solid var(--line);background:#050b0f}.qa-answer img{width:100%;height:100%;object-fit:contain}.qa-answer b{font-size:8px;letter-spacing:.2em;color:#3bd0dc}.qa-answer p{font-size:14px;line-height:1.8;margin:8px 0 0;color:#d2dade}.scene-main{margin-top:25px;aspect-ratio:4/3;max-width:960px}.scene-main figcaption{position:absolute;top:100%;left:0;padding-top:8px;font-size:9px;letter-spacing:.15em;color:#778991}.scene-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}.scene-tabs button{border:1px solid #344852;background:#0d1c25;color:#82949d;padding:9px 12px;font-size:9px;cursor:pointer}.scene-tabs button.active{color:white;border-color:var(--accent)}
@media(max-width:980px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:110px}.hero-media{max-width:760px}.section{padding:90px 5vw}.section-title{grid-template-columns:1fr}.section-title>p,.section-title h2,.section-title small{grid-column:1}.section-title>p{margin-bottom:14px}.guide-grid,.faction-tabs,.faction-stage,.character-grid{margin-left:0}.guide-grid{grid-template-columns:1fr}.faction-tabs{grid-template-columns:repeat(3,1fr)}.faction-stage{grid-template-columns:1fr}.faction-media{border-right:0;border-bottom:1px solid var(--line)}.character-top{grid-template-columns:1fr}.guide-outro{grid-template-columns:1fr}.outro-kuthos{max-width:720px}}
@media(max-width:650px){.topbar{padding:0 4vw;height:66px}.brand small{display:none}.play-link{padding:9px 10px}.hero{padding:95px 5vw 65px}.hero h1{font-size:56px}.hero-actions{display:grid}.button{width:100%}.section{padding:72px 5vw}.section-title{margin-bottom:35px}.section-title h2{font-size:38px}.faction-tabs{grid-template-columns:repeat(2,1fr)}.faction-info{padding:26px}.character-grid{grid-template-columns:1fr;gap:18px}.character-top{padding:50px 18px 30px}.modal{width:100vw;max-height:100vh;border-left:0;border-right:0}.modal-scroll{max-height:100vh}.qa-section,.scene-section{padding:34px 18px}.qa-answer{grid-template-columns:1fr}.qa-answer figure{max-width:220px}.specs div{grid-template-columns:80px 1fr}.guide-outro{padding-top:70px;padding-bottom:70px}footer{height:auto;padding:35px 5vw;gap:15px;align-items:flex-start;flex-direction:column}}

/* V3 — opening / BGM / visual-novel Q&A / hidden Kuthos chat */
body.opening-lock{overflow:hidden}
.opening{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(34,197,221,.11),transparent 29%),linear-gradient(180deg,#03090e 0%,#06131b 54%,#03080c 100%);transition:opacity .8s ease,visibility .8s ease}
.opening::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px);opacity:.35;pointer-events:none}
.opening.hide{opacity:0;visibility:hidden;pointer-events:none}
.opening-rings{position:absolute;width:min(70vw,760px);aspect-ratio:1;border:1px solid rgba(70,225,240,.14);border-radius:50%;animation:openingSpin 14s linear infinite}
.opening-rings::before,.opening-rings::after{content:"";position:absolute;border:1px solid rgba(70,225,240,.09);border-radius:50%}.opening-rings::before{inset:9%}.opening-rings::after{inset:22%}
.opening-glint{position:absolute;width:150vw;height:1px;background:linear-gradient(90deg,transparent,rgba(115,240,255,.85),transparent);transform:rotate(-11deg) translateX(-100%);filter:blur(.2px);animation:openingGlint 2.4s 1.1s ease both}
.opening-inner{position:relative;text-align:center;padding:34px;max-width:1000px}
.opening-kicker{margin:0 0 20px;font-size:9px;font-weight:800;letter-spacing:.42em;color:#7798a5;opacity:0;animation:openingUp .7s .25s ease forwards}
.opening-rule{height:1px;width:0;margin:0 auto 25px;background:linear-gradient(90deg,transparent,#42d8e5,transparent);animation:openingRule 1s .48s cubic-bezier(.2,.8,.2,1) forwards}
.opening h1{margin:0;font-size:clamp(54px,8.4vw,132px);line-height:.95;letter-spacing:-.07em;white-space:nowrap;text-shadow:0 0 35px rgba(43,207,226,.12);opacity:0;filter:blur(13px);transform:scale(.985);animation:openingTitle 1.15s .58s cubic-bezier(.2,.78,.2,1) forwards}
.opening-subtitle{margin:22px 0 0;font:italic clamp(17px,2vw,27px)/1 var(--serif);letter-spacing:.13em;color:#53dce8;opacity:0;animation:openingUp .75s 1.2s ease forwards}
.opening-enter{margin-top:48px;min-width:190px;height:48px;padding:0 24px;border:1px solid rgba(110,222,234,.46);background:rgba(6,20,27,.72);color:#eefcfd;font-size:9px;font-weight:800;letter-spacing:.25em;cursor:pointer;opacity:0;transform:translateY(8px);animation:openingUp .65s 1.8s ease forwards;transition:.2s}
.opening-enter:hover{background:rgba(38,190,206,.18);border-color:#52dce8;box-shadow:0 0 28px rgba(63,219,231,.13)}
.opening-inner>small{display:block;margin-top:12px;font-size:7px;letter-spacing:.22em;color:#536c77;opacity:0;animation:openingUp .65s 2s ease forwards}
@keyframes openingSpin{to{transform:rotate(360deg)}}
@keyframes openingGlint{0%{transform:rotate(-11deg) translateX(-100%);opacity:0}20%{opacity:1}100%{transform:rotate(-11deg) translateX(100%);opacity:0}}
@keyframes openingRule{to{width:min(520px,65vw)}}
@keyframes openingTitle{to{opacity:1;filter:blur(0);transform:scale(1)}}
@keyframes openingUp{to{opacity:1;transform:translateY(0)}}

.bgm-toggle{margin-left:auto;margin-right:10px;display:flex;align-items:center;gap:7px;height:36px;padding:0 10px;border:1px solid #43545e;background:#08131a;color:#d7e0e3;cursor:pointer}
.bgm-toggle b{font-size:8px;letter-spacing:.16em}.bgm-toggle small{font-size:7px;letter-spacing:.12em;color:#52dce8}.bgm-toggle[aria-pressed="false"] small{color:#6d7b82}.bgm-toggle[aria-pressed="false"] .bgm-bars i{animation-play-state:paused;opacity:.35}
.bgm-bars{height:13px;display:flex;align-items:flex-end;gap:2px}.bgm-bars i{display:block;width:2px;background:#55dce7;animation:bgmBar .8s ease-in-out infinite alternate}.bgm-bars i:nth-child(1){height:6px}.bgm-bars i:nth-child(2){height:12px;animation-delay:.18s}.bgm-bars i:nth-child(3){height:8px;animation-delay:.35s}
@keyframes bgmBar{to{height:3px}}
.site-toast{position:fixed;left:50%;bottom:24px;z-index:9800;transform:translate(-50%,12px);padding:10px 14px;border:1px solid rgba(92,220,232,.28);background:rgba(4,14,20,.9);backdrop-filter:blur(12px);color:#d9e9ec;font-size:10px;letter-spacing:.04em;opacity:0;pointer-events:none;transition:.25s}.site-toast.show{opacity:1;transform:translate(-50%,0)}
.secret-trigger{outline:none}.secret-trigger:focus-visible{box-shadow:0 0 0 2px #52dce8}

/* Visual-novel style character Q&A. Images stay in their own frames; UI never overlaps the source cards. */
.vn-qa{background:linear-gradient(180deg,#08131a,#071018)}
.vn-shell{margin-top:28px;border:1px solid #31454f;background:linear-gradient(135deg,rgba(var(--accent-rgb),.06),transparent 36%),#061018;box-shadow:0 26px 80px rgba(0,0,0,.28);overflow:hidden}
.vn-shell::before{content:"VISUAL NOVEL / CHARACTER FILE";display:block;padding:9px 14px;border-bottom:1px solid #263944;background:#0a1720;color:#607782;font-size:7px;font-weight:800;letter-spacing:.25em}
.vn-cast{display:grid;grid-template-columns:minmax(180px,1fr) 86px minmax(180px,1fr);gap:24px;align-items:center;padding:28px 36px 22px;background:radial-gradient(circle at 50% 18%,rgba(var(--accent-rgb),.13),transparent 32%)}
.vn-portrait{margin:0;min-width:0}.vn-portrait img{width:min(100%,360px);aspect-ratio:1;object-fit:contain;margin:auto;border:1px solid #314650;background:#050b0f}.vn-portrait figcaption{width:min(100%,360px);margin:9px auto 0;display:flex;justify-content:space-between;align-items:end;gap:12px}.vn-portrait figcaption b{font-size:13px}.vn-portrait figcaption span{font-size:7px;letter-spacing:.14em;color:#72858e;text-align:right}.vn-portrait.kuthos figcaption b{color:#56dce8}
.vn-versus{height:100%;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6a808a}.vn-versus span{width:38px;height:38px;border:1px solid rgba(var(--accent-rgb),.45);display:grid;place-items:center;font:italic 20px var(--serif);color:var(--accent);transform:rotate(45deg)}.vn-versus span::first-letter{transform:rotate(-45deg)}.vn-versus i{width:1px;height:62px;margin:15px 0;background:linear-gradient(transparent,#48606b,transparent)}.vn-versus small{font-size:7px;letter-spacing:.22em}
.vn-dialogue{border-top:1px solid #2c414b;background:#08131b}.vn-question{display:grid;grid-template-columns:72px 1fr;border-bottom:1px solid #263944;min-height:50px;align-items:center}.vn-question span{height:100%;display:grid;place-items:center;border-right:1px solid #263944;color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.16em}.vn-question p{padding:0 17px;margin:0;color:#91a3ab;font-size:11px}
.vn-answer{position:relative;padding:19px 48px 22px 20px;display:grid;grid-template-columns:110px 1fr;gap:22px;min-height:112px}.vn-speaker{border-right:1px solid #2b3f49;padding-right:18px}.vn-speaker b{display:block;font-size:11px;letter-spacing:.16em;color:#55dce7}.vn-speaker small{display:block;margin-top:7px;font-size:7px;letter-spacing:.13em;color:#58707a}.vn-answer>p{margin:0;align-self:center;font-size:14px;line-height:1.85;color:#e0e7e9}.vn-caret{position:absolute;right:20px;bottom:16px;width:8px;height:8px;border-right:1px solid #50d7e2;border-bottom:1px solid #50d7e2;transform:rotate(45deg);animation:vnCaret .8s ease-in-out infinite alternate}@keyframes vnCaret{to{transform:translateY(4px) rotate(45deg)}}
.vn-choices{margin:0;padding:17px 18px 20px;border-top:1px solid #263944;background:#050d13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.vn-choices button{position:relative;text-align:left;min-height:50px;padding:11px 14px 11px 35px;border-color:#314650;background:#091720}.vn-choices button::before{content:"◆";position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:7px;color:#536a74}.vn-choices button:hover::before,.vn-choices button.active::before{color:var(--accent)}

/* Hidden Kuthos Q&A easter egg */
.secret-dialog{width:min(760px,94vw);max-height:92vh;padding:0;border:1px solid #37515c;background:#061018;color:#edf5f5}.secret-dialog::backdrop{background:rgba(0,5,8,.9);backdrop-filter:blur(12px)}
.secret-shell{padding:42px}.secret-header{padding-right:48px}.secret-header>span{font-size:8px;font-weight:800;letter-spacing:.22em;color:#56dce8}.secret-header h2{font-size:clamp(31px,5vw,54px);letter-spacing:-.045em;margin:10px 0 8px}.secret-header p{margin:0;color:#81959e;font-size:12px;line-height:1.7}
.secret-vn{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:stretch;margin-top:26px;border:1px solid #304750;background:#08151d}.secret-vn figure{margin:0;padding:12px;border-right:1px solid #304750}.secret-vn img{width:100%;aspect-ratio:1;object-fit:contain;background:#050b0f}.secret-dialogue{padding:22px;display:flex;flex-direction:column;justify-content:center}.secret-dialogue b{font-size:9px;letter-spacing:.2em;color:#55dce7}.secret-dialogue p{font-size:14px;line-height:1.8;margin:8px 0 0;color:#dce5e7}
.secret-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.secret-quick button{border:1px solid #314650;background:#091720;color:#b9c6cb;padding:9px 11px;font-size:10px;cursor:pointer}.secret-quick button:hover{border-color:#55dce7;color:white}
.secret-form{margin-top:24px;padding-top:20px;border-top:1px solid #263944}.secret-form label{display:block;font-size:8px;font-weight:800;letter-spacing:.2em;color:#6d828b;margin-bottom:8px}.secret-form>div{display:grid;grid-template-columns:1fr 90px}.secret-form input{min-width:0;height:45px;border:1px solid #314650;border-right:0;background:#050d13;color:#f1f6f6;padding:0 13px;outline:none}.secret-form input:focus{border-color:#55dce7}.secret-form button{border:1px solid #55dce7;background:#103640;color:#e9ffff;font-size:9px;font-weight:800;letter-spacing:.12em;cursor:pointer}.secret-form small{display:block;margin-top:8px;font-size:8px;color:#526873;line-height:1.5}

@media(max-width:980px){.bgm-toggle{margin-left:auto}.vn-cast{padding-left:22px;padding-right:22px}.vn-choices{grid-template-columns:1fr}.vn-answer{grid-template-columns:90px 1fr}}
@media(max-width:650px){.bgm-toggle{margin-right:6px;padding:0 7px}.bgm-toggle b{display:none}.topbar .play-link{font-size:8px}.opening-inner{padding:22px 12px;max-width:100vw;width:100%}.opening h1{font-size:clamp(30px,10.2vw,48px);letter-spacing:-.065em;white-space:nowrap}.opening-subtitle{font-size:clamp(12px,4vw,16px);white-space:nowrap}.vn-cast{grid-template-columns:1fr 36px 1fr;gap:8px;padding:20px 12px 14px}.vn-versus{min-height:80px}.vn-versus span{width:28px;height:28px;font-size:14px}.vn-versus i{height:32px;margin:9px 0}.vn-portrait figcaption{display:block}.vn-portrait figcaption span{display:block;text-align:left;margin-top:4px}.vn-answer{grid-template-columns:1fr;gap:9px;padding:16px 38px 18px 16px}.vn-speaker{border-right:0;border-bottom:1px solid #283d47;padding:0 0 9px}.vn-question{grid-template-columns:52px 1fr}.secret-shell{padding:30px 18px}.secret-vn{grid-template-columns:112px 1fr}.secret-vn figure{padding:8px}.secret-dialogue{padding:14px}.secret-dialogue p{font-size:12px}.secret-form>div{grid-template-columns:1fr 70px}}
@media(prefers-reduced-motion:reduce){.opening-rings,.opening-glint,.opening-kicker,.opening-rule,.opening h1,.opening-subtitle,.opening-enter,.opening-inner>small,.bgm-bars i,.vn-caret{animation:none!important}.opening-kicker,.opening h1,.opening-subtitle,.opening-enter,.opening-inner>small{opacity:1;filter:none;transform:none}.opening-rule{width:min(520px,65vw)}}

/* V4 — Character Q&A rebuilt as a visual-novel-style guide scene.
   The character is the SUBJECT, not Kuthos' conversation partner. */
.vn-qa{position:relative;background:
  radial-gradient(circle at 82% 4%,rgba(var(--accent-rgb),.12),transparent 34%),
  linear-gradient(180deg,#08141d 0%,#061018 100%)}
.vn-stage{position:relative;margin-top:28px;padding:30px 32px 34px;overflow:hidden;isolation:isolate;
  background:
    linear-gradient(122deg,rgba(var(--accent-rgb),.10),transparent 34%),
    radial-gradient(ellipse at 14% 20%,rgba(76,211,229,.09),transparent 31%),
    #07131c;
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
  box-shadow:0 28px 90px rgba(0,0,0,.32)}
.vn-stage::before{content:"";position:absolute;inset:1px;z-index:-1;pointer-events:none;
  border:1px solid rgba(118,164,179,.28);
  clip-path:polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px)}
.vn-stage::after{content:"";position:absolute;left:-8%;right:-8%;top:112px;height:1px;z-index:-1;
  background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.5),rgba(88,221,233,.22),transparent);
  transform:rotate(-2deg)}
.vn-stage-glow{position:absolute;width:420px;height:420px;right:-180px;top:-210px;z-index:-2;border-radius:50%;
  border:1px solid rgba(94,218,230,.14);box-shadow:0 0 0 42px rgba(94,218,230,.025),0 0 0 96px rgba(var(--accent-rgb),.018)}
.vn-subject{display:inline-flex;align-items:center;gap:13px;position:relative;z-index:2;padding:6px 18px 6px 6px;
  background:linear-gradient(90deg,rgba(17,35,45,.95),rgba(11,25,34,.62));
  border:1px solid rgba(116,151,163,.28);border-radius:999px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.vn-subject::after{content:"";position:absolute;right:-30px;width:34px;height:1px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.65),transparent)}
.vn-subject figure{margin:0;width:64px;height:64px;border-radius:50%;padding:3px;
  background:linear-gradient(135deg,var(--accent),#58d7e5 55%,rgba(255,255,255,.25));box-shadow:0 0 22px rgba(var(--accent-rgb),.15)}
.vn-subject img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#050c11}
.vn-subject>div{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:end}
.vn-subject small{grid-column:1/-1;color:var(--accent);font-size:7px;font-weight:900;letter-spacing:.23em;margin-bottom:2px}
.vn-subject b{font-size:15px;letter-spacing:-.02em}.vn-subject span{align-self:center;font-size:8px;letter-spacing:.12em;color:#748993}
.vn-prompt{margin:26px 0 24px;position:relative;z-index:2}.vn-prompt>span{display:block;margin:0 0 10px 13px;font-size:7px;font-weight:900;letter-spacing:.24em;color:#627983}
.vn-choices{margin:0;padding:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:flex-start;gap:9px;counter-reset:choice}
.vn-choices button{counter-increment:choice;position:relative;width:min(760px,92%);min-height:0;margin:0;padding:12px 52px 12px 48px;
  border:1px solid rgba(110,146,158,.30);border-radius:999px;background:linear-gradient(90deg,rgba(15,34,44,.92),rgba(9,24,33,.72));
  color:#b9c8ce;font-size:12px;line-height:1.45;text-align:left;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease}
.vn-choices button:nth-child(2){margin-left:18px}.vn-choices button:nth-child(3){margin-left:36px}
.vn-choices button::before{content:"0" counter(choice);position:absolute;left:16px;top:50%;transform:translateY(-50%);font:italic 11px var(--serif);color:#536d77}
.vn-choices button::after{content:"›";position:absolute;right:17px;top:50%;transform:translateY(-52%);font-size:19px;color:#58727c;transition:.2s}
.vn-choices button:hover,.vn-choices button.active{transform:translateX(8px);border-color:rgba(var(--accent-rgb),.72);background:linear-gradient(90deg,rgba(var(--accent-rgb),.16),rgba(11,30,40,.82));color:white;box-shadow:0 10px 28px rgba(0,0,0,.20)}
.vn-choices button:hover::before,.vn-choices button.active::before,.vn-choices button:hover::after,.vn-choices button.active::after{color:var(--accent)}
.vn-dialogue{position:relative;z-index:3;margin-top:32px;padding:0;background:transparent;border:0}
.vn-question{display:flex;align-items:center;gap:12px;min-height:0;margin:0 0 11px 26px;border:0;background:transparent}
.vn-question span{display:inline-flex;height:auto;border:0;padding:6px 10px;border-radius:999px;background:rgba(var(--accent-rgb),.12);color:var(--accent);font-size:7px;font-weight:900;letter-spacing:.18em}
.vn-question p{margin:0;padding:0;font-size:12px;color:#98abb3;font-style:italic}
.vn-answer{position:relative;display:block;min-height:150px;padding:30px 58px 28px 34px;
  border:1px solid rgba(128,164,176,.36);border-radius:26px 26px 8px 26px;
  background:
    linear-gradient(115deg,rgba(18,38,49,.97),rgba(8,24,33,.95) 58%,rgba(var(--accent-rgb),.08)),
    #0a1821;
  box-shadow:0 18px 45px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025)}
.vn-answer::before{content:"";position:absolute;left:25px;right:25px;top:18px;height:1px;background:linear-gradient(90deg,var(--accent),rgba(var(--accent-rgb),.1),transparent);opacity:.6}
.vn-speaker{position:relative;display:inline-flex;align-items:center;gap:11px;margin:-56px 0 18px -12px;padding:5px 15px 5px 5px;
  border:1px solid rgba(112,164,177,.38);border-radius:999px;background:#0b1c25;box-shadow:0 10px 26px rgba(0,0,0,.28)}
.vn-speaker img{width:58px;height:58px;object-fit:cover;border-radius:50%;border:2px solid rgba(82,218,231,.45);background:#050c11}
.vn-speaker>div{padding-right:3px}.vn-speaker b{display:block;color:#63dce7;font-size:10px;font-weight:900;letter-spacing:.17em}.vn-speaker small{display:block;margin-top:3px;color:#657b84;font-size:7px;letter-spacing:.11em}
.vn-answer>p{margin:0;padding-left:4px;color:#e3eaec;font-size:14px;line-height:1.9;letter-spacing:.002em}
.vn-caret{position:absolute;right:25px;bottom:20px;width:9px;height:9px;border-right:1px solid #60dbe7;border-bottom:1px solid #60dbe7;transform:rotate(45deg);animation:vnCaret .8s ease-in-out infinite alternate}

@media(max-width:760px){
  .vn-stage{padding:24px 16px 26px}.vn-subject figure{width:54px;height:54px}.vn-subject b{font-size:13px}.vn-subject span{font-size:7px}
  .vn-choices button,.vn-choices button:nth-child(2),.vn-choices button:nth-child(3){width:100%;margin-left:0;padding-right:42px;font-size:11px}
  .vn-dialogue{margin-top:28px}.vn-question{margin-left:8px;align-items:flex-start;flex-direction:column;gap:6px}
  .vn-answer{padding:28px 25px 24px 22px;border-radius:21px 21px 7px 21px;min-height:145px}.vn-speaker{margin:-52px 0 15px -4px}.vn-speaker img{width:50px;height:50px}.vn-answer>p{font-size:13px;line-height:1.8}
}
/* Speaker hierarchy: subject portrait is a dossier marker; Kuthos is only a small speaker icon. */
.vn-subject figure{width:88px;height:88px}
.vn-speaker img{width:46px;height:46px}
@media(max-width:760px){.vn-subject figure{width:70px;height:70px}.vn-speaker img{width:42px;height:42px}}

/* V5 — hidden Kuthos dossier + expressive speaker portraits */
.secret-dialog{width:min(1120px,96vw);max-height:94vh;border:0;border-radius:30px 30px 10px 30px;overflow:hidden;background:#050d14;box-shadow:0 32px 120px rgba(0,0,0,.65)}
.secret-dialog::before{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(91,214,231,.34);border-radius:inherit;z-index:6}
.secret-shell{padding:54px 52px 58px;overflow:auto;max-height:94vh;background:
  radial-gradient(circle at 86% 2%,rgba(115,56,206,.18),transparent 29%),
  radial-gradient(circle at 8% 24%,rgba(68,211,232,.08),transparent 24%),
  linear-gradient(180deg,#07131d,#050c12 65%)}
.secret-header{position:relative;padding:0 58px 24px 0;border-bottom:1px solid rgba(91,120,132,.24)}
.secret-header::after{content:"";position:absolute;left:0;bottom:-1px;width:160px;height:1px;background:linear-gradient(90deg,#64dce8,transparent)}
.secret-header h2{font-size:clamp(38px,6vw,70px);font-family:var(--serif);font-weight:600;letter-spacing:-.055em}.secret-header p{max-width:720px}
.secret-profile{display:grid;grid-template-columns:minmax(300px,46%) 1fr;gap:38px;align-items:center;padding:38px 0 44px}
.secret-profile-card{margin:0;border-radius:24px 24px 7px 24px;overflow:hidden;background:#02070b;border:1px solid rgba(104,148,163,.30);box-shadow:0 22px 70px rgba(0,0,0,.32)}
.secret-profile-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block;background:#02070b}
.secret-profile-copy{position:relative;padding:28px 24px 28px 0}.secret-profile-copy::before{content:"";position:absolute;left:-18px;top:30px;bottom:30px;width:1px;background:linear-gradient(transparent,#5bd8e5 28%,rgba(137,80,216,.78) 72%,transparent)}
.secret-label,.secret-scenes-title>span,.secret-chat-title>span{font-size:8px;font-weight:900;letter-spacing:.22em;color:#64dce8}
.secret-profile-copy h3{font-family:var(--serif);font-size:42px;margin:8px 0 2px;letter-spacing:-.04em}.secret-profile-copy h3 small{font-family:var(--sans);font-size:10px;letter-spacing:.22em;color:#758c95;font-weight:700;margin-left:8px}.secret-role{margin:0 0 18px;color:#b5c5ca;font-size:12px}.secret-lore{color:#93a6ad;font-size:13px;line-height:1.85;margin:0 0 22px}
.secret-specs{margin:0;display:grid;gap:8px}.secret-specs div{display:grid;grid-template-columns:92px 1fr;gap:15px;align-items:start;padding:10px 0;border-bottom:1px solid rgba(83,110,121,.20)}.secret-specs dt{font-size:7px;font-weight:900;letter-spacing:.18em;color:#607983}.secret-specs dd{margin:0;color:#d6e0e3;font-size:11px;line-height:1.55}
.secret-chat{padding:40px 0 46px;border-top:1px solid rgba(83,110,121,.24);border-bottom:1px solid rgba(83,110,121,.24)}
.secret-chat-title h3,.secret-scenes-title h3{font-size:clamp(24px,4vw,40px);font-family:var(--serif);margin:7px 0 4px;letter-spacing:-.035em}.secret-chat-title p,.secret-scenes-title p{margin:0;color:#71858e;font-size:11px;line-height:1.65}
.secret-vn{position:relative;display:block;margin-top:28px;padding:32px 34px 29px 34px;border:1px solid rgba(114,157,171,.34);border-radius:25px 25px 7px 25px;background:linear-gradient(120deg,rgba(18,40,52,.98),rgba(7,20,29,.97) 68%,rgba(125,61,208,.08));box-shadow:0 18px 48px rgba(0,0,0,.26);overflow:visible}
.secret-vn::before{display:none}
.secret-speaker{position:relative;z-index:3;display:inline-flex;align-items:center;gap:11px;margin:-60px 0 17px -10px;padding:5px 15px 5px 5px;border:1px solid rgba(104,183,196,.43);border-radius:999px;background:#0a1b25;box-shadow:0 10px 30px rgba(0,0,0,.34)}
.secret-speaker img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(101,220,232,.52);background:#050c11;transition:opacity .18s ease,transform .18s ease}.secret-speaker b{display:block;color:#63dce7;font-size:10px;letter-spacing:.17em}.secret-speaker small{display:block;margin-top:3px;color:#627982;font-size:7px;letter-spacing:.11em}.secret-vn>p{margin:0;color:#e1e9eb;font-size:14px;line-height:1.9}.secret-vn>i{position:absolute;right:25px;bottom:20px;width:9px;height:9px;border-right:1px solid #60dbe7;border-bottom:1px solid #60dbe7;transform:rotate(45deg);animation:vnCaret .8s ease-in-out infinite alternate}
.secret-quick{margin-top:20px;display:flex;flex-wrap:wrap;gap:9px}.secret-quick button{position:relative;border:1px solid rgba(105,144,157,.30);border-radius:999px;background:linear-gradient(90deg,rgba(14,34,44,.9),rgba(8,22,31,.75));color:#adbec4;padding:10px 16px 10px 31px;font-size:10px;transition:.2s}.secret-quick button::before{content:"◆";position:absolute;left:13px;color:#546d77;font-size:6px}.secret-quick button:hover{transform:translateY(-2px);border-color:#61dbe6;background:rgba(69,174,194,.10);color:#fff}.secret-quick button:hover::before{color:#61dbe6}
.secret-form{margin-top:24px;padding-top:0;border-top:0}.secret-form label{margin-left:12px}.secret-form>div{grid-template-columns:1fr 104px;border-radius:999px;overflow:hidden;border:1px solid rgba(107,149,162,.34);background:#061119}.secret-form input{height:48px;border:0;background:transparent;padding-left:18px}.secret-form input:focus{border:0}.secret-form button{border:0;border-left:1px solid rgba(93,218,231,.38);background:linear-gradient(120deg,rgba(55,151,169,.24),rgba(101,55,175,.20))}.secret-form small{margin-left:12px}
.secret-scenes{padding-top:42px}.secret-scene-main{margin:25px 0 14px;border-radius:24px 24px 7px 24px;overflow:hidden;background:#02070b;border:1px solid rgba(105,148,162,.30)}.secret-scene-main img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block;background:#02070b}.secret-scene-main figcaption{padding:10px 14px;background:#07131c;border-top:1px solid rgba(89,119,131,.24);font-size:8px;font-weight:800;letter-spacing:.18em;color:#718993}.secret-scene-tabs{margin-top:0}

@media(max-width:780px){
  .secret-shell{padding:42px 18px 46px}.secret-profile{grid-template-columns:1fr;gap:22px;padding-top:28px}.secret-profile-copy{padding:0 4px 8px 14px}.secret-profile-copy::before{left:0}.secret-profile-card{border-radius:18px 18px 6px 18px}.secret-profile-copy h3{font-size:34px}.secret-specs div{grid-template-columns:78px 1fr}.secret-vn{padding:29px 22px 24px;border-radius:20px 20px 6px 20px}.secret-speaker{margin:-53px 0 14px -2px}.secret-speaker img{width:46px;height:46px}.secret-vn>p{font-size:13px}.secret-quick button{width:100%;text-align:left}.secret-form>div{grid-template-columns:1fr 76px}.secret-scene-main{border-radius:18px 18px 6px 18px}
}

/* V7 hidden question unlock */
.vn-choices button.cheeky-question,.secret-quick button.cheeky-question{border-color:rgba(232,102,174,.55);background:linear-gradient(100deg,rgba(96,27,76,.33),rgba(35,17,48,.82));color:#ffd9ed;box-shadow:inset 0 0 0 1px rgba(255,132,199,.06)}
.vn-choices button.cheeky-question::before{content:"SECRET";font:700 7px var(--sans);letter-spacing:.08em;color:#ef88bd;left:10px}
.vn-choices button.cheeky-question{padding-left:60px}
.vn-choices button.cheeky-question:hover,.vn-choices button.cheeky-question.active,.secret-quick button.cheeky-question:hover{border-color:#f18ac1;background:linear-gradient(100deg,rgba(120,31,91,.46),rgba(40,19,55,.92));color:#fff}
.secret-quick button.cheeky-question::before{content:"✦";color:#f18ac1}


/* V8 — Nereios atlas / all background cards are shown unobstructed. */
.atlas-section{background:#eef2ed;color:#10171b}
.atlas-section .section-title>p{color:#65747a}.atlas-section .section-title small{color:#6e7d83}
.atlas-shell{margin-left:170px}.atlas-feature{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);border:1px solid rgba(15,31,39,.18);background:#f8faf7;box-shadow:0 24px 70px rgba(22,45,54,.10)}
.atlas-main{border:0;border-right:1px solid rgba(15,31,39,.14);aspect-ratio:4/3;background:#e5ece9}.atlas-main img{object-fit:contain;background:#e5ece9;transition:opacity .2s ease}
.atlas-info{padding:38px;align-self:center}.atlas-category{display:inline-flex;margin:0 0 12px;padding:6px 10px;border:1px solid rgba(21,73,88,.18);border-radius:999px;color:#27879a;font-size:8px;font-weight:900;letter-spacing:.18em}
.atlas-info h3{margin:0;font-size:clamp(28px,3vw,46px);letter-spacing:-.045em}.atlas-info>span{display:block;margin-top:8px;color:#799097;font:italic 11px var(--serif);letter-spacing:.12em}.atlas-info>p:not(.atlas-category){margin:24px 0 0;color:#52636a;font-size:13px;line-height:1.85}
.atlas-kuthos{margin-top:28px;padding:17px 18px;border-left:2px solid #25a9b9;background:rgba(36,164,181,.07)}.atlas-kuthos b{font-size:7px;letter-spacing:.2em;color:#21899a}.atlas-kuthos p{margin:7px 0 0;color:#52656c;font-size:11px;line-height:1.75}
.atlas-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 16px}.atlas-filters button{border:1px solid rgba(32,62,72,.18);border-radius:999px;background:#f8faf7;color:#6a7c82;padding:9px 14px;font-size:9px;cursor:pointer;transition:.2s}.atlas-filters button:hover,.atlas-filters button.active{background:#10252e;border-color:#10252e;color:#fff}
.atlas-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.atlas-card{appearance:none;padding:0;border:1px solid rgba(28,58,68,.16);background:#f8faf7;color:#17242a;text-align:left;cursor:pointer;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.atlas-card:hover,.atlas-card.active{transform:translateY(-3px);border-color:#2a9bae;box-shadow:0 13px 30px rgba(35,73,84,.12)}
.atlas-thumb{display:block;aspect-ratio:4/3;background:#e5ece9;border-bottom:1px solid rgba(28,58,68,.12)}.atlas-thumb img{width:100%;height:100%;object-fit:contain;background:#e5ece9}.atlas-card-copy{display:block;padding:12px 13px 13px}.atlas-card-copy b{display:block;font-size:11px}.atlas-card-copy small{display:block;margin-top:5px;color:#819097;font-size:7px;letter-spacing:.08em}
.vn-speaker.direct-character{border-color:rgba(var(--accent-rgb),.62);background:linear-gradient(100deg,rgba(var(--accent-rgb),.16),#0b1c25)}.vn-speaker.direct-character img{border-color:rgba(var(--accent-rgb),.72)}.vn-speaker.direct-character b{color:var(--accent)}
@media(max-width:1180px){.atlas-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.atlas-shell{margin-left:0}.atlas-feature{grid-template-columns:1fr}.atlas-main{border-right:0;border-bottom:1px solid rgba(15,31,39,.14)}.atlas-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.atlas-info{padding:25px 20px}.atlas-cards{grid-template-columns:1fr}.atlas-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.atlas-filters button{flex:0 0 auto}}


/* V9: prompt-grounded world/background archive */
.nereios-guide{padding-top:115px}.world-guide-grid{margin-bottom:78px}.background-archive-heading{margin:0 0 28px 170px;padding-top:42px;border-top:1px solid rgba(0,0,0,.14)}.background-archive-heading>p{margin:0 0 8px;font-size:8px;font-weight:800;letter-spacing:.22em;color:#6d7a80}.background-archive-heading h3{margin:0 0 8px;font-size:clamp(26px,3vw,42px);letter-spacing:-.04em}.background-archive-heading span{font-size:11px;line-height:1.7;color:#66737a}.atlas-plain{margin-left:170px}.atlas-plain .atlas-feature{background:#e9eeeb;border-color:rgba(0,0,0,.14)}.atlas-info-plain{justify-content:center}.atlas-info-plain h3{margin-bottom:8px}.atlas-info-plain>span{font-size:8px;letter-spacing:.18em;color:#79868b}.atlas-plain .atlas-card{background:#f3f5f2;color:#172026;border-color:rgba(0,0,0,.13)}.atlas-plain .atlas-card small{color:#7b888d}.atlas-plain .atlas-filter,.atlas-plain .atlas-filters button{color:#526168;border-color:rgba(0,0,0,.16)}.atlas-plain .atlas-filters button.active{color:#111;background:rgba(0,0,0,.07)}

/* Additional harmless easter-egg effects */
.brand-mark.egg-spin{animation:eggSpin .85s cubic-bezier(.2,.8,.2,1)}@keyframes eggSpin{0%{transform:rotate(45deg) scale(1)}50%{transform:rotate(405deg) scale(1.25)}100%{transform:rotate(765deg) scale(1)}}
body.egg-resonance::after{content:"SEASTONE";position:fixed;inset:0;z-index:9998;pointer-events:none;display:grid;place-items:center;font:italic clamp(60px,14vw,210px)/1 var(--serif);letter-spacing:.08em;color:rgba(111,237,255,.05);text-shadow:0 0 25px rgba(80,230,255,.28);animation:eggRes 1.8s ease both}@keyframes eggRes{0%{opacity:0;transform:scale(.65)}25%{opacity:1}100%{opacity:0;transform:scale(1.18)}}
body.egg-footer-glint footer{box-shadow:inset 0 1px 0 rgba(70,220,235,.55),0 -12px 45px rgba(30,196,220,.12)}
45%{box-shadow:0 0 0 1px rgba(255,255,255,.22),0 0 40px rgba(var(--accent-rgb),.24)}}
@media(max-width:980px){.background-archive-heading,.atlas-plain{margin-left:0}.nereios-guide{padding-top:90px}}

.character-faction-tabs{margin-bottom:24px}.characters .character-faction-tabs{margin-left:170px}@media(max-width:980px){.characters .character-faction-tabs{margin-left:0}}

/* V11 — background cards use Kuthos personal comments instead of setting exposition. */
.atlas-info-plain .atlas-kuthos{margin-top:24px;background:rgba(36,164,181,.055)}
.atlas-info-plain .atlas-kuthos p{color:#52656c}

/* V12 — mobile background archive layout fix */
@media (max-width: 700px){
  #world.nereios-guide{padding-left:5vw;padding-right:5vw;overflow:hidden}
  #world .background-archive-heading{
    display:block;
    width:100%;
    max-width:none;
    margin:0 0 24px 0 !important;
    padding:34px 0 0;
    text-align:left;
  }
  #world .background-archive-heading>p,
  #world .background-archive-heading h3{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }
  #world .background-archive-heading h3{
    font-size:clamp(30px,10vw,40px);
    line-height:1.15;
    word-break:keep-all;
  }
  #world .atlas-shell.atlas-plain{
    display:block;
    width:100%;
    max-width:none;
    margin:0 !important;
  }
  #world .atlas-plain .atlas-feature{
    display:flex;
    flex-direction:column;
    width:100%;
    max-width:none;
    margin:0;
  }
  #world .atlas-plain .atlas-main{
    width:100%;
    max-width:none;
    border-right:0;
    border-bottom:1px solid rgba(15,31,39,.14);
  }
  #world .atlas-plain .atlas-info{
    width:100%;
    max-width:none;
    padding:22px 18px 24px;
    align-self:stretch;
    text-align:left;
  }
  #world .atlas-plain .atlas-info h3{
    font-size:clamp(27px,9vw,38px);
    line-height:1.18;
    word-break:keep-all;
  }
  #world .atlas-plain .atlas-kuthos{
    width:100%;
    margin-top:20px;
    padding:16px 16px 17px;
  }
  #world .atlas-plain .atlas-kuthos p{
    font-size:12px;
    line-height:1.8;
    word-break:keep-all;
  }
  #world .atlas-plain .atlas-filters,
  #world .atlas-plain .atlas-cards{
    width:100%;
    max-width:none;
  }
}


/* V13 — mobile-first background slider + full-screen viewer */
.atlas-mobile-controls,.atlas-mobile-thumbs{display:none}
.atlas-main{cursor:zoom-in}
.atlas-zoom-hint{position:absolute;right:12px;bottom:12px;padding:7px 9px;border:1px solid rgba(255,255,255,.38);background:rgba(5,14,19,.72);backdrop-filter:blur(8px);color:#e8f4f4;font-size:7px;font-weight:800;letter-spacing:.16em;opacity:0;transform:translateY(4px);transition:.2s;pointer-events:none}
.atlas-main:hover .atlas-zoom-hint,.atlas-main:focus-visible .atlas-zoom-hint{opacity:1;transform:none}
.atlas-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:0;background:rgba(2,7,11,.96);color:#fff;overflow:hidden}
.atlas-viewer::backdrop{background:#02070b}
.atlas-viewer-figure{width:min(1180px,88vw);height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px}
.atlas-viewer-figure img{display:block;max-width:100%;max-height:calc(100dvh - 110px);width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.atlas-viewer-figure figcaption{width:min(100%,920px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#dbe5e8}
.atlas-viewer-figure figcaption b{font-size:13px}.atlas-viewer-figure figcaption span{font:italic 12px var(--serif);color:#6fdde6}
.atlas-viewer-close{position:fixed;z-index:3;top:18px;right:20px;width:44px;height:44px;border:1px solid rgba(255,255,255,.24);background:rgba(5,15,21,.72);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.atlas-viewer-arrow{position:fixed;z-index:2;top:50%;translate:0 -50%;width:54px;height:80px;border:1px solid rgba(255,255,255,.16);background:rgba(7,20,28,.68);color:#fff;font:38px/1 var(--serif);cursor:pointer}.atlas-viewer-arrow.prev{left:18px}.atlas-viewer-arrow.next{right:18px}.atlas-viewer-arrow:hover{background:rgba(35,169,185,.2);border-color:rgba(74,213,227,.5)}

@media(max-width:700px){
  #world .atlas-shell.atlas-plain{display:flex;flex-direction:column;gap:0}
  #world .atlas-plain .atlas-filters{order:-2;margin:0 0 12px;padding:0 0 6px;scrollbar-width:none}
  #world .atlas-plain .atlas-filters::-webkit-scrollbar{display:none}
  #world .atlas-plain .atlas-feature{order:-1;border-radius:0;overflow:visible}
  #world .atlas-plain .atlas-main{border-bottom:0;aspect-ratio:4/3;cursor:zoom-in}
  #world .atlas-plain .atlas-main img{object-fit:contain}
  #world .atlas-plain .atlas-info{padding:20px 16px 22px;border-top:1px solid rgba(15,31,39,.12)}
  #world .atlas-plain .atlas-info h3{font-size:clamp(25px,8.3vw,34px)}
  #world .atlas-plain .atlas-cards{display:none}
  #world .atlas-mobile-controls{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;border-top:1px solid rgba(15,31,39,.12);border-bottom:1px solid rgba(15,31,39,.12);background:#f6f8f5}
  #world .atlas-mobile-controls button{height:46px;border:0;background:transparent;color:#14252c;font:29px/1 var(--serif);cursor:pointer}
  #world .atlas-mobile-controls button:first-child{border-right:1px solid rgba(15,31,39,.10)}
  #world .atlas-mobile-controls button:last-child{border-left:1px solid rgba(15,31,39,.10)}
  #world .atlas-mobile-controls span{text-align:center;font:italic 12px var(--serif);letter-spacing:.08em;color:#52666d}
  #world .atlas-mobile-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 10px 12px;background:#eef2ef;scroll-snap-type:x proximity;scrollbar-width:none}
  #world .atlas-mobile-thumbs::-webkit-scrollbar{display:none}
  #world .atlas-mobile-thumb{flex:0 0 82px;aspect-ratio:4/3;padding:0;border:1px solid rgba(15,31,39,.14);background:#dfe8e5;overflow:hidden;cursor:pointer;scroll-snap-align:center;opacity:.62;transition:.18s}
  #world .atlas-mobile-thumb img{width:100%;height:100%;display:block;object-fit:contain;background:#e5ece9}
  #world .atlas-mobile-thumb.active{opacity:1;border-color:#159aac;box-shadow:0 0 0 2px rgba(21,154,172,.16)}
  #world .atlas-zoom-hint{display:none}
  .atlas-viewer-figure{width:100vw;padding:56px 12px 24px;gap:12px}
  .atlas-viewer-figure img{max-width:100%;max-height:calc(100dvh - 130px)}
  .atlas-viewer-figure figcaption{padding:0 6px;font-size:11px}
  .atlas-viewer-arrow{top:auto;bottom:18px;translate:0;width:48px;height:48px;border-radius:50%;font-size:30px;background:rgba(5,15,21,.82)}
  .atlas-viewer-arrow.prev{left:18px}.atlas-viewer-arrow.next{right:18px}
  .atlas-viewer-close{top:12px;right:12px;width:42px;height:42px;border-radius:50%}
}