:root{--ink:#f7f3e9;--gold:#edd6a3;--muted:#b6c7cc;--dark:#112a3b;--glass:rgba(15,37,52,.82);--line:rgba(239,217,173,.24);font-family:'Segoe UI',sans-serif;color:var(--ink);font-size:16px}*{box-sizing:border-box}body{margin:0;background:#112a3b;min-height:100svh}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f3cf77;outline-offset:4px}button{color:inherit}button:disabled{opacity:.55;cursor:wait}button,a{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Cambria,'Segoe UI',serif}button{border:0}a{color:inherit;text-decoration:none}.world{position:fixed;inset:0;overflow:hidden;z-index:-1;background:#305566}.scene{position:absolute;inset:-2%;background:url('art/kingdom.webp') center/cover;transition:filter 1.2s,background-image .6s;transform:scale(1.03);animation:breathe 24s ease-in-out infinite alternate}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,30,43,.68),transparent 65%),linear-gradient(0deg,rgba(7,24,35,.88),transparent 42%,rgba(8,29,43,.24))}.skyveil{position:absolute;inset:0;background:linear-gradient(150deg,rgba(255,241,187,.14),transparent 60%);mix-blend-mode:screen}.waterlight{position:absolute;left:25%;right:3%;top:52%;height:20%;background:repeating-linear-gradient(176deg,transparent 0 14px,rgba(202,244,255,.18) 15px 17px,transparent 20px 31px);filter:blur(3px);mask-image:radial-gradient(ellipse,#000,transparent 67%);animation:ripple 9s linear infinite;opacity:.5}.mist{position:absolute;width:80%;height:30%;border-radius:50%;background:radial-gradient(ellipse,rgba(233,248,252,.17),transparent 66%);filter:blur(28px);animation:drift 44s linear infinite}.mist-a{top:0;left:-15%}.mist-b{top:18%;left:40%;animation-delay:-20s;animation-duration:57s}#particles{position:absolute;inset:0;width:100%;height:100%}.topbar{height:94px;padding:24px 38px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:13px;font-weight:700;letter-spacing:3px;font-size:20px;text-shadow:0 2px 20px #18313c}.brandmark{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--gold);transform:rotate(45deg);font-family:serif;font-size:31px;letter-spacing:0;color:var(--gold);border-radius:10px}.brandmark::first-letter{transform:rotate(-45deg)}.brand small{display:block;font-size:10px;letter-spacing:2.1px;margin-top:4px;color:#e2e8e6}.demo-badge{font-size:12px;border:1px solid rgba(255,255,255,.24);padding:8px 14px;border-radius:30px;background:#17344580;backdrop-filter:blur(10px);margin-left:auto}.demo-badge span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:8px}.top-actions{display:flex;gap:8px}.iconbutton{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);background:#183548aa;border-radius:50%;font-size:23px}.iconbutton:hover{background:#335768}.nav{position:absolute;top:140px;left:32px;display:flex;flex-direction:column;gap:22px}.nav :is(button,a){background:transparent;color:#c9d8da;display:flex;flex-direction:column;align-items:center;gap:7px;width:70px}.nav :is(button,a) span{width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff30;transform:rotate(0);border-radius:14px;background:#1231446b;font-size:28px;transition:.2s}.nav b{font-weight:500;font-size:11px;white-space:nowrap}.nav .active{color:var(--gold)}.nav .active span,.nav :is(button,a):hover span{background:#f3dfad;color:#163549;box-shadow:0 0 28px #ead8ac22}.world-intro{position:absolute;left:145px;top:145px;max-width:450px;text-shadow:0 2px 28px #123c50}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.3px;color:var(--gold);line-height:1.6}h1{font-size:clamp(42px,4.5vw,72px);line-height:1.06;font-weight:400;margin:15px 0 20px;letter-spacing:-1px}.world-intro p{font-size:14px;line-height:1.9;color:#e3edea}.location{display:flex;align-items:center;gap:9px;font-size:12px;margin-top:20px;color:#d8e5e7}.location>span:first-child{color:var(--gold);font-size:20px}.weather{border-left:1px solid #ffffff50;padding-left:12px;margin-left:4px}.journal{position:absolute;right:35px;top:132px;width:270px;padding:23px 22px 12px;background:linear-gradient(135deg,#193a4bdc,#102838bb);border:1px solid var(--line);border-radius:4px 24px 4px 24px;backdrop-filter:blur(16px);box-shadow:0 12px 40px #0d24322e}.journal h2{font-size:22px;margin:11px 0}.journal p{font-size:12px;line-height:1.9;color:#bfd0d5}.steps{padding:17px 0;display:grid;gap:12px;font-size:12px;color:#d9e2e2}.steps div{display:flex;align-items:center;gap:10px}.steps i{font-style:normal;display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--line);color:var(--gold);border-radius:50%;font-size:11px}.steps .done{color:#b3ddbd}.steps .done i{background:#73a48b55}.textbutton{background:transparent;color:var(--gold);border-top:1px solid var(--line);padding:13px 0;width:100%;display:flex;justify-content:space-between;font-size:12px}.hotspot{position:absolute;background:transparent;display:flex;flex-direction:column;align-items:center;gap:8px;filter:drop-shadow(0 4px 9px #142837)}.hotspot b{font-size:12px;font-weight:500;background:#153349b3;padding:5px 12px;border-radius:20px;white-space:nowrap}.pin{display:grid;place-items:center;width:43px;height:43px;transform:rotate(45deg);border:1px solid #f5e6bc;background:#f7e9c9e8;color:#275568;font-size:26px;box-shadow:0 0 0 7px #f8edcf19;animation:float 4s ease-in-out infinite}.academy{left:51%;top:38%}.workshop{left:37%;top:57%}.harbor{left:66%;top:63%}.active-scholar{position:absolute;right:6%;bottom:140px;width:320px;height:410px;pointer-events:none}.active-scholar>img{position:absolute;inset:0;margin:auto;width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 22px #102f48);mask-image:linear-gradient(#000 85%,transparent);mix-blend-mode:normal;border-radius:28px}.scholar-glow{position:absolute;inset:15% -5% -10%;background:radial-gradient(ellipse,#b3e8e328,transparent 65%)}.scholar-info{position:absolute;left:-120px;bottom:0;text-shadow:0 2px 8px #173440;pointer-events:auto}.scholar-info small{font-size:10px;letter-spacing:2px;color:var(--gold)}.scholar-info h2{font-size:32px;margin:7px 0}.scholar-info p{font-size:12px;color:#dae9e8;margin-bottom:14px}.lightbutton{border:1px solid #ead8a67d;background:#193b4ebb;border-radius:5px;color:#f8e7bc;padding:10px 14px;font-size:12px;backdrop-filter:blur(12px)}.lightbutton span{margin-left:22px}.lightbutton:hover{background:#31576b}.bottom-bar{position:absolute;left:145px;right:38px;bottom:46px;display:flex;align-items:center;gap:24px;border-top:1px solid #d4c49945;padding-top:22px}.region-summary small{font-size:9px;color:#b2cbd0;letter-spacing:2px}.region-summary button{display:flex;gap:34px;align-items:center;background:transparent;padding:7px 0;color:#f4e4be;font-size:14px}.world-status{margin-left:auto;font-size:11px;color:#c2d5d6;display:flex;gap:16px;align-items:center}.world-status i{height:3px;width:3px;background:#c9bc94;border-radius:50%}.primary{padding:14px 24px;background:#f0e1bd;border:1px solid #fff1d1;border-radius:5px;color:#163b4d;box-shadow:0 5px 20px #0a233633;font-size:13px;font-weight:600}.primary span{margin-left:25px}.primary:hover{background:#fff0ce;transform:translateY(-1px)}.preview-note{position:absolute;bottom:13px;left:145px;font-size:10px;color:#a7bbc4}.drawer-wrap{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-end}.scrim{position:absolute;inset:0;background:#06182588;backdrop-filter:blur(5px)}.drawer{position:relative;width:min(940px,92vw);height:100%;background:linear-gradient(120deg,#193b4afc,#102637fc);border-left:1px solid var(--line);box-shadow:-20px 0 70px #07182555;overflow:auto;padding:32px 36px;animation:slidein .28s ease-out}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.drawer-head h2{font-size:38px;margin-top:7px}.drawer-head .iconbutton{flex-shrink:0}.hidden{display:none!important}.drawer-lead{font-size:14px;line-height:1.85;color:#c4d7dc;margin-bottom:25px;max-width:700px}.filterbar{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.chip{background:#ffffff09;border:1px solid #ffffff22;padding:9px 17px;border-radius:30px;font-size:12px}.chip.active{background:#ecd8a9;color:#183747;border-color:#ecd8a9}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.character-card{padding:0;background:#244858;border:1px solid #90c4c01c;border-radius:8px;overflow:hidden;text-align:left;transition:.2s}.character-card:hover,.character-card.selected{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 8px 24px #081c3350}.portrait{height:240px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#f4f4ec,#dce5e3)}.portrait img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.character-card:hover img{transform:scale(1.04)}.card-copy{padding:13px}.card-copy h3{font-size:20px;margin-bottom:4px}.card-copy small{font-size:10px;color:#aed1d5}.card-copy p{font-size:11px;line-height:1.6;color:#d8d1b9;margin-top:8px}.character-detail{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.detail-art{height:65vh;max-height:650px;background:radial-gradient(ellipse,#eff0e6,#c1d0cc);border-radius:12px}.detail-art img{width:100%;height:100%;object-fit:contain}.detail-copy h3{font-size:42px;margin:9px 0 15px}.detail-copy p{font-size:14px;line-height:1.9;color:#c4d7d9}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tags span{font-size:11px;border:1px solid var(--line);color:var(--gold);padding:6px 11px;border-radius:20px}.region-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.region-card{position:relative;text-align:left;background:linear-gradient(130deg,var(--region-color),#163746);border:1px solid #dfc99933;padding:23px;min-height:173px;overflow:hidden;border-radius:8px}.region-card:before{content:'◇';position:absolute;right:12px;top:-12px;font-size:150px;color:#ffffff09;font-family:serif}.region-card.active{outline:2px solid var(--gold);outline-offset:2px}.region-card small{font-size:10px;color:#e3d1ac;letter-spacing:1px}.region-card h3{font-size:26px;margin:10px 0}.region-card p{font-size:12px;line-height:1.8;color:#d0dce0;max-width:270px}.region-card .region-foot{display:flex;justify-content:space-between;margin-top:14px;font-size:11px;color:#f1dda7}.build-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.building{border:1px solid var(--line);background:#ffffff05;border-radius:9px;padding:24px}.building>span{font-family:serif;font-size:32px;color:#e1cf9f}.building h3{font-size:25px;margin:12px 0}.building p{color:#bbd3d9;font-size:13px;line-height:1.8;min-height:70px}.building button{margin-top:18px;width:100%}.building.built{background:#5b998920;border-color:#a3c8a577}.council-cover{width:100%;height:260px;object-fit:cover;border-radius:10px;margin-bottom:24px}.council-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:25px}.council-layout h3{font-size:25px;margin-bottom:12px}.council-layout p{font-size:13px;line-height:1.9;color:#c4d7d9}.agenda{padding:20px;border:1px solid var(--line);border-radius:8px}.agenda li{font-size:13px;line-height:1.8;margin:10px 0;color:#d0dfdd}.field{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}.field small{display:block;font-size:12px;color:#a4c1c7;margin-top:7px}.field input{width:22px;height:22px;accent-color:#c8b47e}.select{background:#224757;color:#fff;border:1px solid var(--line);padding:10px;border-radius:5px;font:inherit}.callout{padding:18px 20px;border-left:2px solid var(--gold);background:#ffffff06;color:#c6d8dc;font-size:13px;line-height:1.9;margin-top:24px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#eef0da;color:#183d48;border-radius:7px;padding:13px 20px;box-shadow:0 10px 35px #061a3350;font-size:13px;z-index:50;opacity:0;pointer-events:none;transition:.25s;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.challenge{padding:25px;background:#ffffff06;border:1px solid var(--line);border-radius:8px}.challenge h3{font-size:27px;margin-bottom:16px}.challenge p{color:#cfdddd;line-height:1.9;font-size:14px}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:23px}.answers button{padding:15px;border:1px solid var(--line);border-radius:5px;background:#284c5b}.answers button:hover{background:#40616a}.answers .correct{background:#456e54;border-color:#b2d0a4}.answers .wrong{background:#744c49}.motion-off .scene,.motion-off .mist,.motion-off .waterlight,.motion-off .pin{animation:none!important}.motion-off #particles{display:none}.motion-off *{scroll-behavior:auto!important}.low-quality .mist{display:none}.low-quality .drawer,.low-quality .journal{backdrop-filter:none}@keyframes breathe{to{transform:scale(1.065) translateX(-.5%)}}@keyframes ripple{to{background-position:100px 35px}}@keyframes drift{from{transform:translateX(-20%)}to{transform:translateX(35%)}}@keyframes float{50%{translate:0 -8px}}@keyframes slidein{from{transform:translateX(5%);opacity:.3}to{transform:translateX(0);opacity:1}}
@media(min-height:950px){.active-scholar{height:500px;width:350px;bottom:145px}}@media(max-height:760px) and (min-width:901px){.active-scholar{height:300px;bottom:120px;right:5%}.journal{top:112px;padding:17px;width:240px}.journal p{font-size:11px}.steps{gap:8px;padding:12px 0}.world-intro{top:122px}.world-intro h1{font-size:52px}.nav{top:120px;gap:15px}.academy{top:38%}.scholar-info{left:-170px}.bottom-bar{bottom:37px;padding-top:15px}}
@media(max-width:1100px){.journal{width:230px;right:24px}.active-scholar{right:2%;width:245px;height:340px}.scholar-info{left:-110px}.world-intro{left:120px}.world-status{display:none}.bottom-bar{left:120px}.bottom-bar .primary{margin-left:auto}.character-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body{min-height:100svh}.topbar{height:80px;padding:19px 18px}.brand{font-size:16px;gap:11px;letter-spacing:2px}.brandmark{width:33px;height:33px;font-size:25px}.brand small{font-size:8px;letter-spacing:1px}.demo-badge{font-size:9px;padding:6px 8px;margin-right:0}.top-actions{gap:5px}.top-actions .iconbutton{width:32px;height:32px;font-size:19px}#motion{display:none}.nav{position:absolute;top:auto;bottom:0;left:0;right:0;flex-direction:row;justify-content:space-around;gap:0;padding:9px 15px 14px;background:#102b3bec;border-top:1px solid var(--line);z-index:2}.nav :is(button,a){width:65px;gap:4px}.nav :is(button,a) span{height:31px;width:38px;font-size:22px;border:none;background:transparent}.nav .active span{background:transparent;color:var(--gold);box-shadow:none}.nav b{font-size:10px}.world-intro{top:112px;left:24px;right:20px}.eyebrow{font-size:9px;letter-spacing:1.7px}.world-intro h1{font-size:44px;margin:12px 0}.world-intro p{font-size:12px;line-height:1.8;max-width:280px}.location{font-size:10px;margin-top:12px;gap:6px}.journal{display:none}.active-scholar{width:210px;height:320px;right:-10px;bottom:165px}.scholar-info{left:-130px;bottom:25px;width:190px}.scholar-info small{font-size:8px}.scholar-info h2{font-size:28px}.scholar-info p{font-size:10px}.lightbutton{font-size:11px;padding:10px}.lightbutton span{margin-left:14px}.bottom-bar{left:24px;right:24px;bottom:93px;padding-top:13px;gap:12px}.region-summary small{font-size:8px}.region-summary button{font-size:11px;gap:12px}.bottom-bar .primary{padding:12px;font-size:11px}.primary span{margin-left:12px}.preview-note{display:none}.academy{top:43%;left:46%}.workshop{top:54%;left:18%}.harbor{display:none}.hotspot b{font-size:10px}.pin{width:28px;height:28px;font-size:19px}.scene{background-position:48% center}.vignette{background:linear-gradient(0deg,#092536e8,transparent 65%),linear-gradient(90deg,#12344980,transparent)}.drawer{padding:24px 18px;width:100vw}.drawer-head h2{font-size:30px}.drawer-lead{font-size:13px}.character-grid{grid-template-columns:repeat(2,1fr);gap:12px}.portrait{height:220px}.card-copy h3{font-size:19px}.character-detail{grid-template-columns:1fr;gap:22px}.detail-art{height:46vh;min-height:280px}.detail-copy h3{font-size:32px}.region-grid{gap:12px}.region-card{padding:17px;min-height:180px}.region-card h3{font-size:24px}.region-card p{font-size:11px}.build-grid{grid-template-columns:1fr}.building p{min-height:0}.council-layout{grid-template-columns:1fr}.council-cover{height:200px}.drawer-head{margin-bottom:20px}.toast{bottom:98px;font-size:12px;text-align:center}.field{font-size:13px}.field small{font-size:11px}}
@media(max-width:380px){.demo-badge{display:none}.active-scholar{width:180px;height:270px;bottom:160px}.scholar-info{left:-95px;width:165px}.world-intro h1{font-size:39px}.portrait{height:185px}.region-grid{grid-template-columns:1fr}.bottom-bar{left:15px;right:15px}.world-intro{left:20px}}
@media(max-height:700px) and (max-width:760px){.world-intro{top:92px}.world-intro h1{font-size:35px}.world-intro p{display:none}.active-scholar{height:230px;bottom:160px}.academy{top:40%}.workshop{top:52%}.scholar-info{bottom:0}.location{margin-top:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Readable interface text and intentional framed concept portraits. */
.active-scholar{width:220px;height:330px;right:6%;bottom:145px}.active-scholar>img{mask-image:none;border-radius:110px 110px 8px 8px;border:1px solid #e6d8b599;background:#e5e4df;box-shadow:0 14px 50px #0b27344d}.scholar-info{left:-190px;bottom:14px}.eyebrow,.nav b,.location,.journal p,.steps,.textbutton,.scholar-info small,.scholar-info p,.lightbutton,.region-summary small,.world-status,.preview-note,.chip,.card-copy small,.card-copy p,.tags span,.region-card small,.region-card p,.region-card .region-foot,.field small{font-size:12px}.world-intro p,.region-summary button,.primary,.drawer-lead,.building p,.council-layout p,.agenda li,.callout{font-size:14px}.brand small{font-size:10px}.preview-note{font-size:11px}.hotspot b{font-size:12px}.journal{width:275px}.active-scholar{pointer-events:none}.scholar-info{pointer-events:auto}
@media(max-width:1100px) and (min-width:761px){.active-scholar{right:4%;height:285px;width:190px}.scholar-info{left:-170px}.journal{width:245px}.journal p{font-size:12px}}
@media(max-width:760px){.active-scholar{width:145px;height:218px;right:20px;bottom:185px}.scholar-info{left:-185px;bottom:10px;width:175px}.scholar-info h2{font-size:27px}.scholar-info p,.scholar-info small{font-size:12px}.world-intro p{font-size:14px}.world-intro{top:105px}.world-intro h1{font-size:42px}.location{flex-wrap:wrap;font-size:12px;max-width:300px}.weather{font-size:12px}.bottom-bar{bottom:100px;align-items:center}.region-summary small{font-size:10px}.region-summary button{font-size:12px}.bottom-bar .primary{font-size:12px}.nav b{font-size:12px}.nav{padding-bottom:16px}.hotspots{display:none}.demo-badge{font-size:10px}.region-card small,.region-card p,.region-card .region-foot{font-size:12px}.portrait{height:230px}.card-copy h3{font-size:21px}.card-copy small,.card-copy p{font-size:12px}.world-intro{max-width:330px}.drawer-lead,.callout{font-size:14px}}
@media(max-width:380px){.active-scholar{width:125px;height:190px;right:14px;bottom:185px}.scholar-info{left:-167px;width:162px}.world-intro h1{font-size:38px}.location{font-size:11px}.portrait{height:200px}.bottom-bar{left:15px;right:15px}.bottom-bar .primary{padding:12px 8px}.primary span{display:none}}
@media(max-height:720px) and (max-width:760px){.active-scholar{height:180px;width:120px;bottom:172px}.world-intro{top:92px}.world-intro h1{font-size:35px}.world-intro p{display:none}.scholar-info{left:-172px}.location{margin-top:8px}}
.site-return{font-size:12px;color:#e9e5d7;border-bottom:1px solid #e1d9b76e;padding:5px 0;margin-left:auto;white-space:nowrap}.demo-badge{margin-left:0}.proof-launch{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;min-height:44px;text-align:center}.council-layout .proof-launch{margin-left:10px}.page-hidden .scene,.page-hidden .waterlight,.page-hidden .mist{animation-play-state:paused!important}.nav .mission-link{color:#ffe4ac}.nav .mission-link b{font-weight:600}@media(max-width:760px){.demo-badge{display:none}.site-return{font-size:11px}.topbar{gap:13px}.nav :is(button,a){flex:1;min-width:0;padding-inline:5px}.nav .mission-link b{font-size:11px}.council-layout .proof-launch{margin-left:0}.brand{font-size:17px}.brand small{font-size:8px;letter-spacing:1.2px}}@media(max-width:380px){.site-return{font-size:10px}.brand{font-size:15px}.brand small{font-size:7px}.topbar{padding-inline:15px;gap:9px}.brandmark{width:31px;height:31px;font-size:24px}.top-actions{gap:5px}.iconbutton{width:35px;height:35px}.nav b{font-size:10px}.nav .mission-link b{font-size:10px}}