@import url('/fonts.css');
:root{--ink:#382d21;--paper:#e5d8b9;--gold:#c8a66a;--muted:#786950;--line:#bbaa85;--night:#211d18;--light:#e9dec5;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--night);color:var(--ink);font:16px/1.65 Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:14px/1.5 system-ui,sans-serif}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button,a{transition:color .16s,background-color .16s,border-color .16s}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #b38a45;outline-offset:4px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}[aria-disabled=true]{opacity:.55;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:absolute;top:-80px;left:20px;z-index:10;background:var(--paper);padding:10px 20px}.skip-link:focus{top:10px}header{min-height:100px;display:flex;align-items:center;gap:40px;padding:22px max(5%,calc((100% - 1300px)/2));color:var(--light);background:linear-gradient(#302921,#201b17);border-bottom:1px solid #c8a66a75;box-shadow:0 3px 12px #0006;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-rune{font-size:48px;color:var(--gold);line-height:1}.brand-name{font-size:26px;letter-spacing:3px;line-height:1.1;text-shadow:0 2px 2px #0008}.brand small{display:block;font:9px/1.5 Georgia,serif;letter-spacing:2px;text-align:center;color:var(--gold);margin-top:8px}header nav{display:flex;align-items:center;gap:34px;margin-left:auto;font-size:15px;white-space:nowrap}header nav a{position:relative;padding:8px 0;color:#c9bda6}header nav a:hover,header nav a[aria-current]{color:#f2d393}header nav a[aria-current]:after{content:'◆';position:absolute;left:calc(50% - 3px);bottom:-13px;color:var(--gold);font-size:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 28px;border:1px solid #dbbc7d;box-shadow:inset 0 0 0 3px #6c482d35,0 3px 8px #0003;background:linear-gradient(#d5b879,#ad834b);color:#251d15;font:bold 14px/1.5 Georgia,serif;text-shadow:0 1px #e9d6a366;letter-spacing:.4px}.button:hover{background:linear-gradient(#e4c78b,#c29959);border-color:#f0d496}.button span{font-size:20px;line-height:1}.nav-play{padding:12px 19px;font-size:13px;gap:18px;white-space:nowrap}.text-link{display:inline-block;width:fit-content;padding:7px 0;border-bottom:1px solid #b49a65;font-size:13px;font-weight:bold}.text-link:hover{color:#a57631}.eyebrow{font:10px/1.6 system-ui,sans-serif;letter-spacing:2.3px;color:var(--muted);margin:0 0 17px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1{font-size:clamp(50px,5.2vw,76px);line-height:1.08;letter-spacing:-1.5px;margin-bottom:24px}h2{font-size:36px;line-height:1.18;margin-bottom:20px}h3{font-size:21px;line-height:1.25;margin-bottom:9px}p{margin-bottom:20px}
/* Each banner plane remains a separate element. Its own depth is driven by banner.js. */
.hero{--night-amount:0;--scene-brightness:1;--scene-saturation:1;--scene-tint:transparent;position:relative;isolation:isolate;min-height:650px;display:flex;align-items:center;padding:70px max(7%,calc((100% - 1240px)/2)) 110px;color:var(--light);background:#29342a;border-bottom:1px solid #a58851;overflow:hidden}.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#111b16ec 0%,#152019c4 26%,#15201960 47%,transparent 69%),linear-gradient(0deg,#172017a6,transparent 35%)}.banner-scene{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.banner-sky{position:absolute;inset:0;background:linear-gradient(var(--sky-top,#87b7e3),var(--sky-bottom,#dccfa5) 60%)}.banner-world{position:absolute;inset:-4% -3%;filter:brightness(var(--scene-brightness)) saturate(var(--scene-saturation));mask-image:linear-gradient(transparent,transparent 6%,#000 24%)}.banner-world img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}.banner-clouds{position:absolute;top:1%;left:-5%;width:110%;height:24%;opacity:.62;filter:brightness(var(--cloud-brightness,1))}.cloud-drift{height:100%;animation:cloud-drift 140s linear infinite alternate}.cloud-drift img{width:100%;height:100%;object-fit:fill;display:block}.banner-traveller{position:absolute;bottom:-2%;right:1%;width:min(65%,1050px);height:94%}.banner-traveller img,.banner-traveller canvas{position:absolute;right:0;bottom:0;width:100%;height:100%;object-fit:contain;object-position:bottom right}.banner-traveller img{filter:brightness(var(--scene-brightness)) saturate(var(--scene-saturation))}.banner-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 35%,#ffe3a522,transparent 60%);mix-blend-mode:screen;opacity:var(--haze-opacity,1)}.banner-night{position:absolute;inset:0;background:var(--scene-tint);mix-blend-mode:color;opacity:.5}.banner-orb{position:absolute;width:65px;height:65px;right:27%;top:10%;border-radius:50%;background:var(--orb-color,#fff3bf);box-shadow:0 0 60px 15px var(--orb-glow,#ffe9a666);opacity:.8}.banner-stars{position:absolute;inset:0 0 55%;opacity:var(--night-amount);background-image:radial-gradient(1px 1px at 11% 16%,#fff,transparent),radial-gradient(1px 1px at 27% 35%,#fff,transparent),radial-gradient(1px 1px at 41% 9%,#fff,transparent),radial-gradient(2px 2px at 58% 21%,#fff,transparent),radial-gradient(1px 1px at 75% 35%,#fff,transparent),radial-gradient(1px 1px at 89% 8%,#fff,transparent);background-size:320px 170px}.hero-copy{position:relative;max-width:600px}.hero .eyebrow{color:#d6b97a;letter-spacing:2.8px;display:flex;gap:13px;align-items:center}.hero .eyebrow span{font-size:14px}.hero h1{text-shadow:0 3px 18px #0005}.hero h1 em{font-weight:400;font-style:italic;color:#dec492}.hero-copy>p:not(.eyebrow):not(.hero-note){max-width:425px;font-size:16px;line-height:1.85;color:#dfd7c5;text-shadow:0 1px 5px #0007}.hero-actions{display:flex;align-items:center;gap:30px;margin:29px 0 24px}.hero .text-link{color:#e0cda5}.hero .text-link:hover{color:#fff0c7}.hero-note{font:10px/1.8 system-ui,sans-serif;color:#bebca7;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:0}.banner-controls{position:absolute;right:5%;bottom:65px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.banner-controls button{background:#20251cd9;color:#dfcfac;border:1px solid #b39a675c;font:10px/1.5 system-ui,sans-serif;letter-spacing:.3px;padding:8px 12px;min-height:36px}.banner-controls button:hover{background:#423a29}.banner-controls button span{margin-left:8px}.banner-controls small{font:8px/1.5 system-ui,sans-serif;color:#cfcaaf;width:100%;text-align:right;text-shadow:0 1px 4px #000}.scene-paused .cloud-drift{animation-play-state:paused}@keyframes cloud-drift{from{transform:translateX(-7%)}to{transform:translateX(10%)}}
#home-content{background:radial-gradient(ellipse at 10% 10%,#efe3c955,transparent 60%),repeating-linear-gradient(110deg,#79634305 0 1px,transparent 1px 5px),var(--paper);border-bottom:1px solid var(--line);padding:0 max(5%,calc((100% - 1300px)/2)) 65px}.portal-links{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:-45px}.portal-links>a{min-height:131px;display:flex;align-items:center;gap:18px;padding:24px 23px;color:var(--light);background:linear-gradient(135deg,#3e3a2e,#26281f);border:1px solid #ac925c;box-shadow:inset 0 0 0 5px #211d1955,0 5px 14px #201b1733;position:relative}.portal-links>a:before,.portal-links>a:after{content:'◆';position:absolute;color:#a1844e;font-size:8px;top:5px;left:8px}.portal-links>a:after{inset:auto 8px 5px auto}.portal-links>a:hover{background:linear-gradient(135deg,#514834,#323329);border-color:#d7bc7e}.portal-links img{object-fit:contain;filter:drop-shadow(0 3px 4px #0005);width:60px;height:60px}.portal-links a>span{display:flex;flex-direction:column}.portal-links small{font:8px/1.7 system-ui,sans-serif;letter-spacing:1.8px;color:#c8ae78}.portal-links strong{font-weight:400;font-size:26px;line-height:1.3;margin:3px 0}.portal-links a>span>span{font:10px/1.6 system-ui,sans-serif;color:#bdb7a2}.portal-links b{font-weight:400;color:#c8ae78;margin-left:auto;font-size:23px}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:75px;padding-top:65px}.game-intro h2{font-size:43px}.intro-copy{max-width:500px;color:#72624b;font-size:16px}.game-features{display:grid;gap:23px;margin:33px 0}.game-features article{display:flex;gap:20px;max-width:570px;align-items:start}.game-features img{object-fit:contain;filter:drop-shadow(0 2px 2px #533b3425)}.game-features p{font:13px/1.8 system-ui,sans-serif;color:#73634d;margin:0}.skill-disclosure{border-top:1px solid #b4a178;border-bottom:1px solid #b4a178;margin-top:35px}.skill-disclosure summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:14px;padding:17px 0;color:#6b5130}.skill-disclosure summary::-webkit-details-marker{display:none}.skill-disclosure[open] summary span{transform:rotate(45deg)}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:22px}.skill-card{padding:15px 12px;border:1px solid #b9a98177;background:#f1e7d055;display:flex;gap:12px;align-items:start}.skill-card img{width:42px;height:42px;object-fit:contain}.skill-card h3{font-size:17px;margin-bottom:6px}.skill-card p{font:11px/1.7 system-ui,sans-serif;color:var(--muted);margin:0}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 23px}.tabs button{font-size:11px;padding:8px 12px}.download-bar{margin-top:40px;padding:35px;background:linear-gradient(120deg,#eee4ca88,#d1bb8988);border:1px solid #b29b6b;box-shadow:inset 0 0 0 4px #e8dbc655;scroll-margin-top:30px}.download-bar .eyebrow{margin-bottom:12px}.download-bar h2{font-size:30px}.download-bar>p:not(.eyebrow){font-size:14px;max-width:540px;color:#6f5f46}.download-actions{display:flex;gap:13px 24px;align-items:center;flex-wrap:wrap}.download-actions .button{font-size:12px;padding:13px 20px;gap:14px}.download-actions small{flex-basis:100%}.account-invite{display:inline-block;margin-top:18px;font:11px/1.7 system-ui,sans-serif;color:#6a5032;text-decoration:underline;text-underline-offset:3px}.notice-board{padding-top:5px}.release-notes{position:relative;background:linear-gradient(130deg,#f4ecd7,#dac9a1);padding:32px 28px;border:1px solid #b09a6d;box-shadow:0 6px 16px #56442d15,inset 0 0 0 5px #e6d8b766}.release-notes:before{content:'◆';position:absolute;top:-15px;left:calc(50% - 7px);font-size:24px;color:#937a49;text-shadow:0 2px 3px #0003}.release-notes h2{font-size:28px}.release-notes .eyebrow{font-size:9px;letter-spacing:1.8px}.notice-tag{display:block;border-top:1px solid #bba87f;border-bottom:1px solid #bba87f;padding:10px 0;font:8px system-ui,sans-serif;letter-spacing:1.5px;color:#816238}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.85 system-ui,sans-serif;color:#726045;margin:18px 0 25px}.playtest-note{text-align:center;margin:35px 10px 0;color:#7a6344}.playtest-note>span{font-size:43px;color:#9b7b45}.playtest-note h3{font-size:22px}.playtest-note p{font:12px/1.9 system-ui,sans-serif}
.page-section{background:radial-gradient(ellipse at top,#efe4cd66,transparent 65%),repeating-linear-gradient(110deg,#79634305 0 1px,transparent 1px 5px),var(--paper);padding:60px max(6%,calc((100% - 1240px)/2)) 75px;min-height:650px}.section-title{margin:0 0 38px;text-align:center}.section-title h1{font-size:54px;margin-bottom:17px}.section-title>p:last-child{max-width:650px;margin:0 auto;color:var(--muted);font-size:15px}.section-title .eyebrow{color:#8e6e3c}.parchment{border:1px solid #b7a17a;box-shadow:inset 0 0 0 4px #e0d1b066;background:linear-gradient(120deg,#f4ead3,#e3d4af);padding:28px}.dark-panel{background:linear-gradient(135deg,#3b3a2e,#262a21);color:var(--light);padding:28px;border:1px solid #a68a52;box-shadow:inset 0 0 0 4px #211d1944}.dark-panel h2{font-size:24px}.dark-panel label,.dark-panel p,.dark-panel small{color:#c2b79b}.dark-panel .quiet{font-size:11px}.dark-panel .text-link{margin-top:20px;color:#d3b77f}.panel-icon{object-fit:contain;display:block;margin:0 auto 20px;filter:drop-shadow(0 3px 5px #0004)}small,.quiet{font:12px/1.8 system-ui,sans-serif;color:var(--muted)}button{border:1px solid #b7a17a;background:#ede1c655;padding:10px 16px;color:var(--ink)}button:hover,button.active{background:#423d2c;color:#f1dfb9;border-color:#766644}.dark-panel button{color:var(--light);border-color:#9a875e;background:#514a3433}.dark-panel button:hover{background:#736040}label{display:block;font:11px/1.7 system-ui,sans-serif;margin:13px 0 7px}input,select,textarea{width:100%;min-width:0;border:1px solid #b39b70;background:#f5ecd8;color:var(--ink);padding:12px;border-radius:0}textarea{resize:vertical}#auth-status,#friend-status,#chat-status,#score-status,#forum-status{font:12px/1.8 system-ui,sans-serif;color:#89612f}#friend-status{color:#e0c79c}.score-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}.score-layout aside p{font-size:14px;margin:18px 0}.score-table{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}th{font:10px/1.7 system-ui,sans-serif;letter-spacing:1px;color:var(--muted);text-align:left;padding:14px 16px;border-bottom:1px solid #bba477}td{padding:17px 16px;border-bottom:1px solid #c7b48a66}th:nth-child(n+3),td:nth-child(n+3){text-align:right}td:first-child{color:#9f7c3a;width:70px}tbody tr:first-child{background:#c6ab6c22}#score-status{text-align:center;margin:24px 0}.pagination{display:flex;justify-content:end;align-items:center;gap:16px;margin-top:24px;font:11px system-ui,sans-serif}.pagination button{font-size:11px;padding:8px 12px}.atlas-controls{display:flex;align-items:center;gap:12px;margin-bottom:22px}.atlas-controls label{margin:0}.atlas-controls select{width:170px}.atlas-controls span{margin-left:auto;font:11px system-ui,sans-serif;color:var(--muted)}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:22px}.map-frame{background:#3d4030;border:1px solid #9e8350;padding:10px;box-shadow:inset 0 0 0 4px #201b1733}.map-layout canvas{display:block;width:100%;aspect-ratio:1024/650;cursor:grab;touch-action:none;background:#29483d}.map-layout canvas:active{cursor:grabbing}#map-caption{font:10px/1.7 system-ui,sans-serif;color:#d0c7ad;margin:12px 8px 3px}.map-layout aside button{margin-top:8px}.friend{border-bottom:1px solid #9a875e55;padding:12px 0;font:12px/1.7 system-ui,sans-serif}.friend strong{display:block}.friend button{font-size:10px;padding:5px 7px;margin-right:5px}#friends{font:12px/1.8 system-ui,sans-serif;color:#c2b79b}.account-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:80px;max-width:1040px;margin:auto}.account-layout h1{font-size:57px}.account-layout>div>p:not(.eyebrow){max-width:420px;color:var(--muted);font-size:15px}.account-panel .tabs{margin-top:0}.account-panel button.button{width:100%;margin:18px 0}.account-panel h2{font-size:28px}#community{min-height:0;border-top:1px solid var(--line)}#community .section-title h2{font-size:35px}.chat-panel{max-width:1100px;margin:auto}#chat-messages{height:240px;overflow:auto;font:13px/1.8 system-ui,sans-serif}#chat-messages p{margin:8px 0;border-bottom:1px solid #bba47755;padding-bottom:7px}#chat-messages strong{color:#736342}#chat-form{display:flex;gap:12px;margin-top:20px}#chat-form select{width:150px}#chat-text{flex:1}
.forum-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px}.forum-categories{display:flex;flex-direction:column;gap:8px}.forum-categories button{text-align:left;font-size:12px}.forum-categories button.active{background:#c9ae73;color:#29241c;border-color:#e1c68d}.forum-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #bba477;padding-bottom:18px;margin-bottom:15px}.forum-toolbar h2{font-size:25px;margin:0}.forum-toolbar button{font-size:11px;white-space:nowrap}#forum-auth-note{font:11px/1.7 system-ui,sans-serif;color:var(--muted)}#forum-auth-note a{text-decoration:underline;text-underline-offset:3px}.forum-topic{display:block;width:100%;text-align:left;padding:18px 0;border:0;border-bottom:1px solid #bba47777;background:transparent}.forum-topic strong{display:block;font:18px/1.5 Georgia,serif;color:#604822;overflow-wrap:anywhere}.forum-topic span{display:block;margin-top:5px;font:10px/1.7 system-ui,sans-serif;color:var(--muted)}.forum-topic:hover{background:#c2a87822;color:var(--ink)}.forum-empty{padding:40px 15px;text-align:center;font-size:22px;color:#89704b}.forum-empty small{display:block;margin-top:10px}.forum-post{padding:20px 0;border-bottom:1px solid #bba47777}.forum-post small{display:block;margin-bottom:12px}.forum-post p{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.9 system-ui,sans-serif;margin:0}.forum-post strong{color:#775527;margin-right:10px}.form-actions{display:flex;gap:12px;margin-top:16px}#forum-topic-form{border-top:1px solid #bba477;margin-top:25px;padding-top:25px}#forum-thread h2{margin-top:25px;overflow-wrap:anywhere}#forum-reply-form{margin-top:24px}#forum-reply-form button{margin-top:15px}.noscript-note{background:var(--paper);margin:0;padding:25px;text-align:center}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px max(5%,calc((100% - 1300px)/2));background:linear-gradient(#29241c,#1c1915);color:#c5b594;border-top:1px solid #c8a66a55}footer .brand-name{font-size:22px}footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 20px;font:11px system-ui,sans-serif}footer nav a:hover{color:#e7c886}footer p{font:10px/1.9 system-ui,sans-serif;text-align:right;color:#998c73;margin:0}
@media(min-width:1600px){.hero{min-height:710px}}
@media(max-width:1120px){header{gap:25px}header nav{gap:23px}.brand-name{font-size:22px}.brand-rune{font-size:40px}.nav-play{font-size:11px;padding:12px}.portal-links>a{padding:22px 17px;gap:12px}.portal-links img{width:45px;height:45px}.portal-links strong{font-size:23px}.portal-links small{font-size:7px;letter-spacing:1.2px}.home-columns{gap:40px;grid-template-columns:minmax(0,1fr) 300px}.account-layout{gap:40px}.hero h1{font-size:64px}.banner-traveller{right:0;width:80%}}
@media(max-width:860px){header{flex-wrap:wrap;padding:20px 5%;gap:18px;justify-content:space-between}header nav{order:3;width:100%;justify-content:center;margin:0;gap:35px;font-size:14px}.hero{min-height:620px;padding-top:60px}.hero h1{font-size:60px}.hero-copy{max-width:520px}.banner-traveller{right:-2%;width:100%}.banner-world img{object-position:60% center}.portal-links{gap:10px}.portal-links>a{flex-direction:column;text-align:center;gap:10px;padding:22px 10px}.portal-links b{display:none}.portal-links strong{font-size:24px}.portal-links a>span>span{font-size:9px}.portal-links img{width:52px;height:52px}.home-columns{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:45px}.notice-board{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.playtest-note{margin:10px}.game-intro h2 br{display:none}.game-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-features article{flex-direction:column;gap:15px}.game-features h3{font-size:19px}.game-features p{font-size:12px}.score-layout,.forum-layout{grid-template-columns:200px minmax(0,1fr);gap:15px}.dark-panel{padding:22px}.map-layout{grid-template-columns:1fr}.account-layout{grid-template-columns:1fr 360px;gap:30px}.account-layout h1{font-size:45px}.section-title h1{font-size:45px}.page-section{padding:45px 5% 55px}footer{flex-wrap:wrap}footer p{text-align:left}}
@media(max-width:580px){.brand-rune{font-size:34px}.brand-name{font-size:20px;letter-spacing:2px}.brand small{font-size:8px}.nav-play{font-size:10px;padding:11px 10px;gap:10px}header nav{gap:25px;font-size:12px}.hero{min-height:720px;align-items:start;padding:42px 7% 240px}.hero:after{background:linear-gradient(90deg,#152019e3,#152019a8 65%,#15201955),linear-gradient(0deg,#171c1699,transparent 40%)}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;gap:9px}.hero h1{font-size:48px;letter-spacing:-1px;line-height:1.13}.hero-copy>p:not(.eyebrow):not(.hero-note){font-size:14px;line-height:1.85;max-width:340px}.hero-actions{gap:16px;align-items:start;flex-direction:column;margin:25px 0 20px}.hero-actions .button{font-size:13px;padding:14px 24px}.hero-actions .text-link{font-size:12px}.hero-note{font-size:9px;max-width:290px;gap:6px}.banner-world img{object-position:68% center}.banner-traveller{width:150%;height:62%;right:-4%;bottom:-1%;opacity:1}.banner-controls{right:auto;left:7%;bottom:65px;max-width:180px}.banner-controls small{text-align:left}.banner-clouds{width:170%;height:17%;left:-35%}.banner-orb{width:38px;height:38px;right:17%;top:8%}.portal-links{gap:0;grid-template-columns:1fr;margin-top:-27px}.portal-links>a{flex-direction:row;text-align:left;min-height:97px;padding:18px 25px;gap:20px}.portal-links>a+ a{border-top:0}.portal-links img{width:46px;height:46px}.portal-links strong{font-size:25px}.portal-links b{display:block}.portal-links small{font-size:7px;letter-spacing:1.7px}.portal-links a>span>span{font-size:10px}.home-columns{padding-top:40px}.game-intro h2{font-size:34px}.intro-copy{font-size:14px}.game-features{grid-template-columns:1fr;gap:24px}.game-features article{flex-direction:row;gap:18px}.game-features img{width:48px;height:48px}.game-features h3{font-size:21px}.skill-grid{grid-template-columns:1fr}.download-bar{padding:27px 22px}.download-bar h2{font-size:28px}.download-actions{flex-direction:column;align-items:start;gap:12px}.download-actions .button{font-size:11px;max-width:100%}.notice-board{display:block}.release-notes{padding:30px 25px}.playtest-note{margin:35px 15px 0}.score-layout,.forum-layout,.account-layout{grid-template-columns:1fr}.score-layout .panel-icon,.forum-layout .panel-icon{display:none}.dark-panel h2{font-size:24px}.score-layout aside p{margin:12px 0}.score-layout aside small{display:none}.score-layout aside .text-link{margin-top:0}.score-table,.forum-content{padding:20px 16px}th,td{padding:13px 8px;font-size:12px}th{font-size:8px}.section-title h1{font-size:37px;letter-spacing:-.5px}.section-title>p:last-child{font-size:14px}.forum-categories{flex-direction:row;flex-wrap:wrap;gap:6px}.forum-categories button{font-size:10px;padding:8px}.forum-layout .dark-panel .quiet{display:none}.forum-toolbar h2{font-size:23px}.forum-toolbar{gap:10px}.forum-toolbar button{padding:8px}.atlas-controls{flex-wrap:wrap;gap:10px}.atlas-controls select{width:140px}.atlas-controls button{font-size:11px;padding:10px}.atlas-controls span{width:100%;margin:5px 0 0}.map-frame{padding:6px}.map-layout canvas{min-height:300px}#map-caption{font-size:9px}.account-layout h1{font-size:44px}.account-panel{padding:25px}.pagination{gap:10px;justify-content:space-between}.pagination button{font-size:10px;padding:8px 10px}#chat-form{flex-wrap:wrap}#chat-form select{width:calc(50% - 6px)}#chat-form input{flex-basis:100%}footer{flex-direction:column;align-items:center;gap:25px;padding:35px 7%}footer p{text-align:center}footer nav{font-size:10px;gap:15px}.page-section{min-height:0}.form-actions .button{padding:12px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,a{transition:none}.cloud-drift{animation:none}}
@media(max-width:360px){header{gap:12px}.brand-rune{display:none}header .brand-name{font-size:17px;letter-spacing:1.5px}header .brand small{font-size:7px;letter-spacing:1px}.nav-play{font-size:9px;padding:10px 9px;gap:7px}header nav{gap:18px}}

/* The imagegen wordmark sits at the top of the banner. */
.hero{padding-top:20px;align-items:flex-start}
.hero-logo{display:block;width:100%;max-width:100%;height:auto;margin:0;filter:drop-shadow(0 3px 5px #0008)}
.hero-copy{width:390px;max-width:100%}
.hero .hero-wordmark{margin:0;line-height:0}
@media(max-width:860px){.hero-copy{width:335px}}
@media(max-width:580px){.hero-copy{width:280px}.hero{padding-top:18px}}
/* Full-page atlas and development roadmap. */
header nav{gap:27px}
.atlas-page{background:#d3c39e;color:#302b21}
.atlas-toolbar{display:flex;align-items:center;gap:12px;position:relative;z-index:2;padding:12px 24px;background:linear-gradient(#38362b,#25271f);border-bottom:1px solid #b69b64;color:#eedcb7;box-shadow:0 4px 12px #0003}
.atlas-toolbar h1{font-size:25px;margin:0 10px 0 0;letter-spacing:0}
.atlas-toolbar select{width:145px;padding:9px;background:#e9ddbf;font-size:12px}
.atlas-toolbar button,.map-zoom button{color:#efdcad;border-color:#9a845a;background:#514a36;font-size:12px;padding:10px 14px;white-space:nowrap}
.atlas-toolbar button:hover,.map-zoom button:hover{background:#75603c}
#map-search-form{display:flex;max-width:340px;flex:1;gap:0;margin-right:auto}
#map-search{padding:9px 12px;font:12px system-ui,sans-serif;background:#f0e7d0}
.map-key{font:12px system-ui,sans-serif;position:relative;padding:10px;cursor:pointer}
.map-key>div{position:absolute;right:0;top:36px;width:235px;background:#292b22;border:1px solid #a68a52;padding:20px;box-shadow:0 5px 15px #0004;display:grid;gap:12px}
.map-key small{color:#bcb294;font-size:10px}.river-key{color:#83c5c5}
.atlas-stage{position:relative;height:calc(100dvh - 195px);min-height:560px;overflow:hidden;background:#d3c39e}
#world-map{display:block;width:100%;height:100%;touch-action:none;cursor:grab;background:#d3c39e}
#world-map:active{cursor:grabbing}
#world-map:focus-visible{outline:3px solid #b7832f;outline-offset:-4px}
.map-compass{position:absolute;top:30px;right:35px;text-align:center;font-size:65px;line-height:.9;color:#77633e;pointer-events:none}
.map-compass span{display:block;font:11px Georgia;letter-spacing:3px}.map-compass small{display:block;font:10px Georgia;color:#77633e;margin:4px 0}
.map-zoom{position:absolute;right:24px;bottom:50px;display:flex;flex-direction:column;border:1px solid #a08755;box-shadow:0 3px 10px #0002;background:#e5d7b5}
.map-zoom button{font-size:23px;border:0;padding:7px 15px}.map-zoom output{text-align:center;font:11px system-ui;padding:8px 3px}
#map-caption{position:absolute;bottom:0;left:0;margin:0;padding:11px 24px;max-width:calc(100% - 70px);font:11px/1.6 system-ui;color:#493f29;background:#e7dcbbe8;border-top:1px solid #99815755}
.map-open footer{display:none}
.account-friends{max-width:1100px;margin:0 auto 40px}.account-friends .panel-icon{display:none}
.roadmap-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1250px;margin:45px auto 25px}
.roadmap-chapter{position:relative;padding:32px;background:linear-gradient(135deg,#f4ead2,#e0cfaa);border:1px solid #ad925e;box-shadow:inset 0 0 0 5px #d4bd872f,0 8px 20px #41351c15}
.roadmap-chapter:before{content:'◆';display:block;color:#9d7a3e;font-size:24px;margin-bottom:23px}
.roadmap-status{display:inline-block;font:9px system-ui;letter-spacing:1.5px;color:#f4e4bb;background:#495038;padding:7px 10px;margin-bottom:20px}
.roadmap-status.proposed{background:#776143}
.roadmap-chapter h2{font-size:28px}.roadmap-chapter p{font-size:14px;color:#72644b;min-height:65px}.roadmap-chapter ul{padding-left:18px;font:13px/2.2 system-ui;color:#4f4939}.roadmap-chapter li{padding-left:4px;margin-bottom:8px}
.roadmap-note{font:12px/1.8 system-ui;color:#766748;text-align:center;margin:28px auto;max-width:700px}.roadmap-page>.button{display:table;margin:0 auto}
@media(max-width:860px){header nav{gap:25px}.atlas-toolbar{flex-wrap:wrap;padding:12px 16px;gap:8px}.atlas-toolbar h1{font-size:22px}.atlas-toolbar select{width:120px}.atlas-stage{height:calc(100dvh - 270px);min-height:520px}.roadmap-track{grid-template-columns:1fr;max-width:650px}.roadmap-chapter p{min-height:0}}
@media(max-width:580px){header nav{gap:0;justify-content:space-between;font-size:11px}.atlas-toolbar{gap:7px}.atlas-toolbar h1{font-size:20px;margin-right:auto}.atlas-toolbar select{width:140px}.atlas-toolbar #map-search-form{order:2;flex-basis:100%;max-width:none}.atlas-toolbar #map-home,.atlas-toolbar #map-self{order:3}.map-key{order:3;margin-left:auto}.atlas-toolbar button{font-size:10px;padding:8px 12px}.atlas-stage{height:calc(100dvh - 320px);min-height:480px}.map-compass{right:15px;top:20px;font-size:44px}.map-zoom{right:12px;bottom:60px}.map-zoom button{padding:5px 11px}#map-caption{padding:9px 12px;font-size:9px}.roadmap-chapter{padding:25px}}
header .brand{flex-shrink:0}header .nav-logo{display:block;width:255px;height:auto;filter:drop-shadow(0 2px 3px #0009)}
@media(max-width:1120px){header .nav-logo{width:210px}}
@media(max-width:580px){header .nav-logo{width:175px}}
@media(max-width:360px){header .nav-logo{width:125px}}
.map-compass,.map-compass small{color:#c4c4a3}.map-compass{opacity:.8}

/* Compact, functional home sections without promotional cards or status strips. */
.home-columns{padding-top:36px;align-items:start}
.download-bar{margin-top:0}
.game-intro{margin-top:28px}
.notice-board{display:block}
.release-notes h2{margin-top:0}
.roadmap-chapter p{min-height:0}
.atlas-stage{height:calc(100dvh - 165px)}
@media(max-width:860px){.atlas-stage{height:calc(100dvh - 240px)}}
@media(max-width:580px){.home-columns{padding-top:24px}.atlas-stage{height:calc(100dvh - 290px)}}