:root{--ink:#172434;--night:#101a27;--paper:#f3efe6;--surface:#fffdf8;--gold:#d3a651;--line:#d3cbbc;--muted:#657285}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Malgun Gothic",sans-serif}button{font:inherit}h1,h2,h3,h4{font-family:Georgia,"Batang",serif;font-weight:500}.hero{min-height:450px;padding:100px max(7vw,28px) 64px;display:flex;flex-direction:column;justify-content:flex-end;color:#fbf6ea;background:radial-gradient(ellipse at 77% 35%,rgba(195,154,80,.24),transparent 19%),radial-gradient(ellipse at 16% 20%,rgba(108,145,156,.22),transparent 25%),linear-gradient(125deg,#0f1b28,#24394a 53%,#182536);position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;inset:auto -7% -95px auto;width:62vw;height:260px;border:1px solid rgba(230,210,160,.18);border-radius:50%;transform:rotate(-11deg)}.hero:after{right:20%;bottom:-155px;width:42vw;height:230px;border-color:rgba(230,210,160,.1)}.hero p{z-index:1;margin:0 0 17px;color:#e5b75e;font-size:.72rem;font-weight:bold;letter-spacing:.25em}.hero h1{z-index:1;margin:0 0 16px;font-size:clamp(3.2rem,8vw,7rem);letter-spacing:.04em}.hero strong{z-index:1;max-width:680px;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:400;line-height:1.8;color:#e7edf0}.tabs{position:sticky;top:0;z-index:10;display:flex;justify-content:center;gap:5px;padding:11px;background:rgba(243,239,230,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.tabs button{min-width:155px;padding:10px 16px;border:0;background:transparent;color:var(--muted);font-size:.82rem;font-weight:bold;letter-spacing:.14em;cursor:pointer}.tabs button.active{color:var(--ink);background:#eadcc0;box-shadow:inset 0 -2px var(--gold)}.panel{display:none}.panel.active{display:block}.page{width:min(1180px,92vw);min-height:630px;margin:auto;padding:74px 0 95px}.heading{margin-bottom:34px}.heading>p,.lore-card>p{margin:0 0 11px;color:#af7d2a;font-size:.72rem;font-weight:bold;letter-spacing:.2em}.heading h2{margin:0 0 12px;font-size:clamp(2.4rem,5vw,4.25rem);letter-spacing:.02em}.heading span{color:var(--muted);line-height:1.7}.region-explorer{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:18px;align-items:stretch}.region-feature{position:relative;min-height:620px;overflow:hidden;background:var(--night);color:#f9f4e9;box-shadow:0 18px 40px rgba(19,31,44,.15)}.region-feature figure{position:absolute;inset:0;margin:0}.region-feature figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,22,32,.04),rgba(12,22,32,.9) 90%)}.region-feature img{width:100%;height:100%;object-fit:cover;opacity:.85}.region-copy{position:absolute;z-index:1;right:0;bottom:0;left:0;padding:45px 42px 40px}.region-copy>p{margin:0 0 11px;color:#efc974;font-size:.72rem;font-weight:bold;letter-spacing:.2em}.region-copy h3{margin:0 0 14px;font-size:clamp(2.25rem,4vw,4rem)}.region-copy span{display:block;max-width:680px;color:#e3e9e7;line-height:1.8}.region-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}.region-card{position:relative;min-height:143px;padding:0;border:1px solid var(--line);overflow:hidden;background:#273d4d;color:#fff;text-align:left;cursor:pointer}.region-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48;transition:transform .35s,opacity .35s}.region-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(10,19,28,.82))}.region-card span{position:absolute;z-index:1;right:15px;bottom:14px;left:15px;font:1.25rem Georgia,"Batang",serif;text-shadow:0 2px 9px #000}.region-card:hover img,.region-card:focus img{opacity:.72;transform:scale(1.08)}.region-card.active{border:2px solid var(--gold);box-shadow:0 0 0 3px rgba(211,166,81,.2)}.lore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.lore-card{min-height:220px;padding:27px;background:var(--surface);border:1px solid var(--line)}.lore-card li,.lore-card>span{display:block;color:#586475;font-size:.9rem;line-height:1.75}.lore-card ul{display:grid;gap:5px;margin:0;padding-left:17px}.lore-card b,.lore-card strong{color:#27394b}.lore-card em{display:block;margin-top:23px;color:#3d4e61;font-size:.77rem;font-style:normal;font-weight:bold;line-height:1.7}.lore-card strong{display:block;line-height:1.8}.faction{border-top:2px solid var(--ink);padding-top:16px;margin-top:40px}.faction h3{margin:0 0 17px;font-size:1.5rem}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.character{display:flex;min-height:150px;background:var(--surface);border:1px solid var(--line)}.portrait{position:relative;display:grid;place-items:center;flex:0 0 92px;color:#f3d47d;background:linear-gradient(145deg,#3a4e60,#1a2836);font:2.6rem Georgia,"Batang",serif}.portrait:after{content:"";position:absolute;inset:10px;border:1px solid rgba(242,209,119,.43)}.portrait small{position:absolute;right:9px;bottom:8px;z-index:1;color:#dce5e6;font:.6rem Arial}.character>span{padding:18px 13px}.character i{display:block;margin-bottom:5px;color:#ad7d2b;font-size:.66rem;font-style:normal;font-weight:bold;line-height:1.4}.character h4{margin:0 0 8px;font-size:1.35rem}.character p{margin:0;color:#667181;font-size:.8rem;line-height:1.55}footer{padding:30px;background:var(--night);color:#d3dadd;text-align:center;font-size:.7rem;letter-spacing:.22em}@media(max-width:780px){.hero{min-height:390px;padding-top:70px;padding-bottom:48px}.tabs{gap:0}.tabs button{min-width:0;flex:1;padding:11px 3px;font-size:.73rem}.page{width:min(92vw,620px);padding-top:48px}.region-explorer,.lore-grid,.character-grid{grid-template-columns:1fr}.region-feature{min-height:420px}.region-copy{padding:32px 25px}.region-list{grid-template-columns:repeat(2,minmax(0,1fr))}.region-card{min-height:125px}.lore-card{min-height:0}.faction{margin-top:32px}}