@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Libre+Baskerville:wght@400;700&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#ede8da;font-synthesis:none;background:#111315;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}:root{--panel:#1d2021;--line:#f0e8ce1f;--paper:#ece5d3;--muted:#aaa493;--gold:#c9a563;--green:#8fae7a}.onboarding{background:radial-gradient(circle at 16% 78%,#373124 0,#0000 30%),linear-gradient(125deg,#111517,#171a1b);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.onboarding-copy{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:clamp(3rem,10vw,10rem);display:flex}.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;margin:0 0 14px;font:500 11px DM Mono,monospace}h1,h2,h3{margin:0;font-family:Libre Baskerville,serif;font-weight:400}.onboarding h1{letter-spacing:-.05em;max-width:620px;font-size:clamp(2.8rem,5vw,5.3rem);line-height:1.08}.onboarding-copy>p:not(.kicker){color:#bdb7a8;max-width:535px;margin:28px 0;line-height:1.8}.canon-note{color:#9d9686;border-left:1px solid var(--gold);max-width:490px;padding:12px 15px;font-size:13px;line-height:1.6}.canon-note span{color:var(--gold);margin-right:8px}.onboarding-panel{width:100%;max-width:680px;margin:auto;padding:clamp(2rem,6vw,6rem)}.onboarding label{color:#c1baab;text-transform:uppercase;letter-spacing:.13em;gap:9px;font-size:12px;display:grid}.onboarding input{border:1px solid var(--line);color:var(--paper);background:#101213;outline:none;padding:16px;font-size:16px}.race-heading{color:#c1baab;text-transform:uppercase;letter-spacing:.13em;justify-content:space-between;margin:35px 0 12px;font-size:12px;display:flex}.race-heading small{color:#7e796d;text-transform:none;letter-spacing:0;font-size:12px}.race-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.race-card{border:1px solid var(--line);color:#ded7c6;text-align:left;background:#191b1c;gap:12px;padding:12px;transition:all .2s;display:flex}.race-card:hover,.race-card.selected{border-color:var(--gold);background:#25251f}.race-card b{width:30px;height:30px;color:var(--gold);border:1px solid #c9a56359;place-items:center;font-family:Libre Baskerville;display:grid}.race-card span{font-size:13px;font-weight:600}.race-card small{color:#898477;margin-top:2px;font-size:11px;font-weight:400;display:block}.primary{background:var(--gold);color:#1d1a13;border:0;justify-content:space-between;width:100%;margin-top:24px;padding:15px 18px;font-weight:700;display:flex}.primary:disabled{color:#aaa493;cursor:not-allowed;background:#504b40}.game-shell{background:#121516;min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#171a1a;justify-content:space-between;align-items:center;height:74px;padding:0 28px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand>span{color:var(--gold);font-size:24px}.brand b{font-family:Libre Baskerville;font-size:17px;display:block}.brand small{color:#868174;font-size:11px}.resources{gap:24px;display:flex}.resource{grid-template-columns:12px auto;align-items:center;column-gap:6px;display:grid}.resource i{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--gold);width:9px;height:9px;display:block}.resource i.food{background:#8eaf70}.resource i.timber{background:#a37954}.resource i.stone{background:#a5a59d}.resource i.iron{background:#78838a}.resource span{font:500 14px DM Mono}.resource small{color:#777367;text-transform:uppercase;grid-column:2;font-size:9px}.profile{border:1px solid var(--gold);width:34px;height:34px;color:var(--gold);background:#2c281c;border-radius:50%}.game-layout{grid-template-columns:180px minmax(400px,1fr) 340px;min-height:calc(100vh - 74px);display:grid}.game-layout nav{border-right:1px solid var(--line);flex-direction:column;gap:5px;padding:24px 14px;display:flex}.game-layout nav button{color:#8d897c;text-align:left;background:0 0;border:0;border-left:2px solid #0000;padding:12px;font-size:13px}.game-layout nav button.active{color:var(--paper);border-left-color:var(--gold);background:#c9a56312}.city-area{min-width:0;padding:28px}.city-title{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.city-title h2{font-size:30px}.city-tier{color:#888173;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;display:flex}.city-tier b{border:1px solid var(--gold);width:28px;height:28px;color:var(--gold);border-radius:50%;place-items:center;font:14px DM Mono;display:grid}.city-scene{border:1px solid var(--line);background:linear-gradient(#252c2d 0%,#4c554c 47%,#28271f 48%,#191b18 100%);height:min(62vh,640px);position:relative;overflow:hidden}.moon{background:#d9c69c;border-radius:50%;width:95px;height:95px;position:absolute;top:10%;right:18%;box-shadow:0 0 80px #d9c69c4d}.mountains{background:linear-gradient(135deg,#0000 38%,#313b3a 39% 50%,#0000 51%) 0 0/280px 160px;position:absolute;inset:0 0 48%}.fog{filter:blur(25px);background:#cdd3c021;border-radius:50%;width:75%;height:80px;position:absolute}.fog-one{top:38%;left:-16%}.fog-two{top:53%;right:-20%}.road{clip-path:polygon(47% 0,62% 0,100% 100%,0 100%);background:#4b4331;width:24%;height:70%;position:absolute;bottom:-10%;left:43%}.building{color:#e8dfc9;z-index:2;background:0 0;border:0;position:absolute}.building span{white-space:nowrap;text-transform:uppercase;font-size:10px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.keep-building{width:145px;height:150px;bottom:29%;left:43%}.keep-hall{clip-path:polygon(7% 25%,93% 25%,100% 100%,0 100%);background:#797365;border:7px solid #4e4c45;width:105px;height:70px;position:absolute;bottom:0;left:20px}.keep-tower{background:#777269;border:6px solid #4e4c45;width:45px;height:93px;position:absolute;bottom:45px;left:50px}.keep-tower:before{content:"";border-bottom:28px solid #322e2b;border-left:30px solid #0000;border-right:30px solid #0000;position:absolute;top:-27px;left:-13px}.building:not(.keep-building){width:90px;height:90px}.building .house{background:#6e6253;border:4px solid #403c34;width:61px;height:47px;position:absolute;bottom:0;left:15px}.building .roof{z-index:1;border-bottom:38px solid #302c29;border-left:39px solid #0000;border-right:39px solid #0000;position:absolute;top:14px;left:6px}.farm-building{bottom:19%;left:19%}.lumber-building{bottom:33%;right:20%}.quarry-building{bottom:18%;right:31%}.gate{border-top:9px solid #514f47;border-left:9px solid #514f47;border-right:9px solid #514f47;width:27%;height:95px;position:absolute;bottom:8%;left:37%}.gate i{border-right:3px solid #36342e;width:49%;height:100%;display:inline-block}.embers{color:#dca54b;letter-spacing:24px;position:absolute;bottom:17%;left:50%}.city-footer{border:1px solid var(--line);color:#a8a292;border-top:0;align-items:center;gap:8px;padding:13px 15px;font-size:12px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px}.production{color:#8fae7a;gap:12px;margin-left:auto;font:10px DM Mono;display:flex}.detail-panel{border-left:1px solid var(--line);background:#191c1c}.panel-tabs{border-bottom:1px solid var(--line);display:flex}.panel-tabs button{color:#777367;text-transform:uppercase;background:0 0;border:0;flex:1;padding:18px 0;font-size:12px}.panel-tabs button.active{color:var(--paper);box-shadow:inset 0 -2px var(--gold)}.building-list{border-bottom:1px solid var(--line);gap:5px;padding:12px;display:grid}.building-list>button{text-align:left;color:#bdb7a8;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:9px;display:flex}.building-list>button.selected{border-color:var(--line);background:#242624}.building-list b,.building-list small{display:block}.building-list b{color:#ddd6c5;font-size:12px}.building-list small{color:#777367;margin-top:3px;font-size:10px}.building-list em{color:var(--gold);margin-left:auto;font-style:normal}.mini{clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%);background:#625b4e;width:28px;height:28px}.building-detail{padding:26px}.building-detail h3{margin-bottom:12px;font-size:25px}.building-detail>p:not(.kicker){color:#a8a292;font-size:13px;line-height:1.7}.costs{flex-wrap:wrap;gap:6px;margin:20px 0;display:flex}.costs span{color:#b6b09f;text-transform:capitalize;background:#242623;padding:6px 8px;font:10px DM Mono}.costs .insufficient{color:#d27b68}.building-detail .primary{margin-top:10px}.helper{color:#817b6d;margin-top:10px;font-size:10px;line-height:1.5;display:block}.construction{color:#bfb8a6;margin-top:18px;font-size:12px}.construction>b{float:right;color:var(--gold);font-family:DM Mono}.construction>div{background:#383a35;height:4px;margin-top:12px}.construction i{background:var(--gold);height:100%;transition:width .2s;display:block}@media (width<=900px){.resources{gap:10px}.resource small{display:none}.game-layout{grid-template-columns:68px 1fr}.detail-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}.game-layout nav span{display:none}.game-layout nav button{text-align:center}.city-area{padding:18px}.city-scene{height:460px}.onboarding{grid-template-columns:1fr}.onboarding-copy{border-right:0;border-bottom:1px solid var(--line);padding:3rem}}@media (width<=560px){.topbar{height:60px;padding:0 14px}.resources{gap:7px}.resource i{display:none}.resource span{font-size:11px}.game-layout{min-height:calc(100vh - 60px)}.city-title h2{font-size:24px}.city-tier span{display:none}.city-scene{height:390px}.keep-building{left:37%}.farm-building{left:7%}.lumber-building{right:4%}.quarry-building{right:18%}.production{display:none}.onboarding-panel{padding:2rem 1.25rem}.race-grid{grid-template-columns:1fr}.onboarding h1{font-size:2.6rem}}.login-copy{color:#aaa493;margin-top:14px;line-height:1.7}.login-button{margin-top:26px;text-decoration:none}.city-scene{isolation:isolate;background:#151817;height:min(66vh,690px);min-height:500px}.settlement-art{object-fit:cover;object-position:center 56%;filter:saturate(.72)contrast(1.05)brightness(.78);width:100%;height:100%;transition:filter .4s,transform 1.2s;position:absolute;inset:0;transform:scale(1.012)}.city-scene:hover .settlement-art{filter:saturate(.84)contrast(1.05)brightness(.86);transform:scale(1.025)}.scene-vignette{pointer-events:none;background:linear-gradient(90deg,#0a0d0e8a,#0000 32% 68%,#0a0d0e5c),linear-gradient(#090c0c38,#0000 64%,#090c0c94);position:absolute;inset:0}.scene-copy{z-index:1;text-shadow:0 2px 9px #000;gap:4px;display:grid;position:absolute;top:22px;left:24px}.scene-copy span{color:#eee6d7;letter-spacing:.16em;text-transform:uppercase;font:600 11px DM Mono}.scene-copy small{color:#c6bda9;font-size:11px}.scene-marker{z-index:2;color:#f2eadb;text-align:left;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111413d1;border:1px solid #e7dab94d;grid-template-rows:auto auto;grid-template-columns:9px max-content;align-items:center;column-gap:7px;padding:7px 10px;transition:all .18s;display:grid;position:absolute;box-shadow:0 5px 18px #00000054}.scene-marker:hover,.scene-marker.selected{border-color:var(--gold);background:#1c1d17f0;transform:translateY(-2px);box-shadow:0 8px 22px #0000007a}.scene-marker i{background:#e2b15b;grid-row:1/-1;width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 0 3px #e2b15b29}.scene-marker span{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.scene-marker small{color:#b4aa97;font-size:10px}.keep-marker{top:29%;left:53%}.farm-marker{bottom:22%;right:12%}.lumber-marker{bottom:35%;left:10%}.quarry-marker{top:33%;left:8%}.scene-key{z-index:1;color:#ded4c3;text-shadow:0 1px 5px #000;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:18px;left:20px}.scene-key i{background:var(--gold);width:7px;height:7px;transform:rotate(45deg)}.status-dot{box-shadow:0 0 8px #8fae7a73}@media (width<=900px){.city-scene{height:560px;min-height:0}.keep-marker{left:51%}.farm-marker{right:8%}.lumber-marker{left:7%}.quarry-marker{left:5%}}@media (width<=560px){.city-scene{height:430px}.scene-copy{top:16px;left:16px}.scene-marker{padding:5px 7px}.scene-marker span{font-size:9px}.scene-marker small{display:none}.keep-marker{top:28%;left:49%}.farm-marker{bottom:25%;right:5%}.lumber-marker{bottom:38%;left:5%}.quarry-marker{top:38%;left:4%}.scene-key{font-size:10px;bottom:13px;left:15px}}@media (width<=900px){.resources{flex:1;justify-content:flex-end;gap:3px}.resource{border-left:1px solid #f0e8ce1a;align-items:baseline;gap:4px;padding:3px 5px;display:flex}.resource i{display:none}.resource small{color:#a7a092;letter-spacing:.04em;text-transform:uppercase;order:-1;grid-column:auto;font:600 9px DM Mono;display:block}.resource span{color:#eee6d7;font-size:12px}}@media (width<=700px){.topbar{grid-template-columns:1fr auto;row-gap:7px;height:auto;min-height:0;padding:9px 14px 0;display:grid}.brand{grid-area:1/1}.profile{grid-area:1/2}.resources{border-top:1px solid var(--line);grid-area:2/1/auto/-1;grid-template-columns:repeat(5,minmax(0,1fr));justify-content:normal;gap:0;width:100%;display:grid}.resource{text-align:center;grid-template-columns:1fr;gap:2px;padding:7px 2px 9px;display:grid}.resource:first-child{border-left:0}.resource small{color:#aaa392;grid-row:1;font-size:8px}.resource span{color:#f1e9da;grid-row:2;font:600 12px/1 DM Mono}.game-layout{min-height:calc(100vh - 112px)}}.map-area{flex-direction:column;display:flex}.map-area .city-title{margin-bottom:18px}.map-count{color:#918a7a;text-transform:uppercase;align-items:center;gap:7px;font:11px DM Mono;display:flex}.map-count b{color:#dfb360;border:1px solid #c9a563b3;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.frontier-map{border:1px solid var(--line);isolation:isolate;background:radial-gradient(at 78% 25%,#81774a33,#0000 34%),radial-gradient(at 12% 78%,#2b493d61,#0000 41%),linear-gradient(125deg,#182522,#29362d 47%,#3a3a2b);flex:1;min-height:530px;position:relative;overflow:hidden}.frontier-map:before{content:"";opacity:.3;mix-blend-mode:screen;background:repeating-linear-gradient(17deg,#0000 0 34px,#d8c38d1a 35px 36px),repeating-linear-gradient(104deg,#0000 0 64px,#0f151347 65px 66px);position:absolute;inset:0}.map-contours{border:1px solid #cbb78333;border-radius:44% 56% 49% 51%;position:absolute;inset:-15%;transform:rotate(-12deg);box-shadow:0 0 0 40px #cbb7830f,0 0 0 82px #cbb7830d,0 0 0 126px #cbb7830a,0 0 0 174px #cbb7830a}.map-road{z-index:1;filter:blur(1px);opacity:.62;transform-origin:50%;background:linear-gradient(#b5965a,#9a773b66);width:12px;height:126%;position:absolute;top:-8%;left:19%;transform:rotate(38deg)}.map-river{z-index:1;opacity:.75;background:#526e70;width:18px;height:130%;position:absolute;top:-9%;right:24%;transform:rotate(-26deg);box-shadow:0 0 14px #769c9a4d}.map-home{z-index:3;color:#f0e6ce;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 4px #080d0b;font:600 10px DM Mono;position:absolute;top:54%;left:48%;transform:translate(-50%,-50%)}.map-home i{clip-path:polygon(50% 0,100% 42%,82% 100%,18% 100%,0 42%);background:#e0b157;width:26px;height:26px;margin:0 auto 6px;display:block;box-shadow:0 0 0 5px #e0b15726}.map-site{z-index:4;color:#e7dbc2;text-shadow:0 1px 5px #07100d;background:0 0;border:0;justify-items:center;gap:5px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.map-site>i{color:#d6aa55;background:#1e2c29;border:1px solid #e1d2b0bf;border-radius:50%;place-items:center;width:30px;height:30px;font:700 13px DM Mono;transition:all .18s;display:grid;box-shadow:0 0 0 5px #101c174d}.map-site>span{white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;font:600 10px DM Mono}.map-site.unexplored>i{color:#c7bd9f;border-style:dashed}.map-site.discovered>i{background:#26342d;border-color:#dfb45e}.map-site:hover>i,.map-site.selected>i{color:#ffce71;border-color:#ffce71;transform:scale(1.16);box-shadow:0 0 0 5px #101c175c,0 0 22px #e1ae5061}.map-site.selected>span{color:#ffe0a0}.map-legend{z-index:4;color:#d3c7ad;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101814b3;border:1px solid #e6daba2e;gap:13px;padding:9px 11px;font:9px DM Mono;display:flex;position:absolute;bottom:15px;left:18px}.map-legend span{align-items:center;gap:5px;display:flex}.map-legend i{border:1px dashed #c7bd9f;border-radius:50%;width:7px;height:7px}.map-legend i.known{background:#26342d;border-style:solid;border-color:#dfb45e}.map-legend i.realm{background:#dfb45e;border:0;border-radius:0;transform:rotate(45deg)}.map-detail .panel-tabs button{font-size:11px}.site-detail{padding:28px}.site-detail h3{margin-bottom:13px;font-size:27px}.site-detail>p:not(.kicker),.known-site p{color:#aaa493;font-size:13px;line-height:1.75}.scout-cost{border:1px solid var(--line);color:#b8b09f;background:#232825;justify-content:space-between;align-items:center;margin:23px 0 0;padding:12px;font-size:11px;display:flex}.scout-cost b{color:#deb666;font:11px DM Mono}.site-detail .primary{margin-top:10px}.known-site{border-left:2px solid var(--green);background:#202622;margin-top:25px;padding:15px}.known-site>span{color:#9dbd82;text-transform:uppercase;letter-spacing:.1em;font:10px DM Mono}.known-site p{margin:8px 0 0}@media (width<=900px){.frontier-map{min-height:470px}.map-detail{grid-column:1/-1}.site-detail{padding:22px}.map-road{left:24%}.map-river{right:18%}}@media (width<=700px){.map-area .city-title{margin-top:2px}.map-area .city-title h2{max-width:260px;font-size:24px}.frontier-map{min-height:430px}.map-site>span{font-size:8px}.map-site>i{width:27px;height:27px}.map-legend{gap:7px;padding:7px;bottom:10px;left:10px}.map-legend span{gap:4px}.map-count span{display:none}.map-road{left:21%}.map-river{right:14%}}.map-site.en-route>i{background:#343327;border-style:solid;border-color:#e4b45d;animation:1.5s ease-in-out infinite scout-pulse}.scouting-mission{color:#cbc2a8;background:#2a2b22;border-left:2px solid #e1b461;margin-top:24px;padding:17px;position:relative}.scouting-mission>span{color:#e4b45d;text-transform:uppercase;letter-spacing:.12em;font:10px DM Mono;display:block}.scouting-mission>b{color:#f3d98e;font:16px DM Mono;position:absolute;top:15px;right:15px}.scouting-mission p{color:#bdb59f;margin:10px 0 0;font-size:12px;line-height:1.55}@keyframes scout-pulse{50%{box-shadow:0 0 0 7px #101c175c,0 0 22px #e1ae506b}}.frontier-map{aspect-ratio:1;background:#111716;flex:none;align-self:center;width:min(100%,780px);min-height:0}.frontier-map:before{display:none}.frontier-map-art{object-fit:contain;filter:saturate(.76)contrast(1.07)brightness(.76);width:100%;height:100%;position:absolute;inset:0}.map-vignette{z-index:1;pointer-events:none;background:linear-gradient(#080d0c2e,#0000 64%,#080d0c85),linear-gradient(90deg,#060a0938,#0000 30%,#060a0929);position:absolute;inset:0}.map-home{z-index:3}.map-site{z-index:4}.map-legend{z-index:5;background:#0a100ecc}@media (width<=900px){.frontier-map{width:100%;min-height:0}}@media (width<=700px){.frontier-map{aspect-ratio:1;min-height:0}.map-site>span{text-overflow:ellipsis;max-width:74px;font-size:7px;overflow:hidden}.map-legend{font-size:8px}}.map-site>span{line-height:1.2;position:absolute;top:39px;left:50%;transform:translate(-50%)}.map-site{min-width:30px;min-height:30px}.map-site>i{z-index:1;position:relative}.map-site>span{white-space:normal;text-overflow:clip;text-align:center;width:112px;max-width:none;overflow:visible}.world-area{flex-direction:column;display:flex}.world-area .city-title{margin-bottom:18px}.world-map{aspect-ratio:16/9;border:1px solid var(--line);isolation:isolate;background:#101816;width:100%;position:relative;overflow:hidden}.world-map-art{object-fit:cover;filter:saturate(.76)contrast(1.08)brightness(.75);width:100%;height:100%;position:absolute;inset:0}.world-map-vignette{z-index:1;pointer-events:none;background:linear-gradient(#060a0924,#0000 69%,#060a09a8),linear-gradient(90deg,#060a0942,#0000 28%,#060a0933);position:absolute;inset:0}.world-realm{z-index:3;color:#f1e5ca;text-shadow:0 2px 5px #060a08;background:0 0;border:0;justify-items:center;gap:4px;min-width:38px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.world-realm>i{color:#e2b35a;background:#16241ee0;border:1px solid #dfb45ed1;border-radius:50%;place-items:center;width:34px;height:34px;font:700 14px DM Mono;transition:all .18s;display:grid;box-shadow:0 0 0 5px #09100d57}.world-realm>span{letter-spacing:.06em;text-transform:uppercase;text-align:center;width:130px;font:600 10px/1.2 DM Mono}.world-realm>small{color:#cbc0a6;letter-spacing:.04em;font:9px DM Mono}.world-realm:hover>i,.world-realm.selected>i{color:#ffcf71;border-color:#ffcf71;transform:scale(1.16);box-shadow:0 0 0 5px #09100d61,0 0 25px #ddac4785}.world-realm.selected>span{color:#ffe1a3}.world-realm.yours>i{background:#3c3827;border-radius:3px;transform:rotate(45deg)}.world-realm.yours>i:first-letter{transform:rotate(-45deg)}.world-realm.yours>span,.world-realm.yours>small{position:relative}.world-empty{z-index:2;color:#d3c7ad;letter-spacing:.04em;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a100ec7;border:1px solid #e6daba2e;padding:9px 12px;font:10px DM Mono;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.world-facts{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.world-facts span{border:1px solid var(--line);background:#202622;gap:5px;padding:12px;display:grid}.world-facts small{color:#918a7a;letter-spacing:.08em;text-transform:uppercase;font:9px DM Mono}.world-facts b{color:#e4d5b8;font-size:12px}@media (width<=900px){.world-detail{grid-column:1/-1}}@media (width<=700px){.world-area .city-title h2{font-size:24px}.world-map{aspect-ratio:16/10}.world-realm>i{width:28px;height:28px;font-size:12px}.world-realm>span{width:92px;font-size:8px}.world-realm>small{font-size:8px}.world-empty{white-space:normal;text-align:center;max-width:calc(100% - 18px);font-size:8px;bottom:9px}.world-facts{margin-top:20px}}.world-realm.yours>i{clip-path:polygon(50% 0,100% 42%,82% 100%,18% 100%,0 42%);border-radius:0;transform:none}.world-realm.yours:hover>i,.world-realm.yours.selected>i{transform:scale(1.16)}.world-realm{--emblem:#d9ad58}.realm-emblem{border:1px solid color-mix(in srgb,var(--emblem) 84%,#f5e2ab);clip-path:polygon(50% 0,92% 13%,92% 67%,50% 100%,8% 67%,8% 13%);min-width:42px;height:46px;color:var(--emblem);background:linear-gradient(145deg,#334234fa,#0d1813fa);place-items:center;transition:transform .18s,filter .18s;position:relative;box-shadow:0 0 0 4px #050b096b,0 5px 13px #0000008c;width:42px!important;padding:0!important;display:grid!important}.realm-emblem:after{content:"";border:1px solid color-mix(in srgb,var(--emblem) 36%,transparent);clip-path:inherit;pointer-events:none;position:absolute;inset:3px}.realm-emblem svg{z-index:1;filter:drop-shadow(0 1px 2px #000c);width:26px;height:26px;position:relative}.world-realm>.realm-label{white-space:normal;color:#f1e5ca;letter-spacing:.06em;text-transform:uppercase;text-align:center;width:134px;max-width:none;font:600 10px/1.2 DM Mono;position:relative;top:auto;left:auto;overflow:visible;transform:none}.world-realm>.realm-house{color:#cbc0a6;letter-spacing:.04em;font:9px DM Mono;position:relative}.world-realm:hover>.realm-emblem,.world-realm.selected>.realm-emblem{filter:brightness(1.16);box-shadow:0 0 0 4px #050b097a,0 0 22px color-mix(in srgb,var(--emblem) 52%,transparent),0 7px 15px #0000008c;transform:translateY(-3px)scale(1.12)}.world-realm.selected>.realm-label{color:#ffe1a3}.world-realm.yours>.realm-emblem{background:linear-gradient(145deg,#5c4b2a,#201f17);border-color:#f1c464}.world-realm[data-race=human]{--emblem:#d6b26a}.world-realm[data-race=elf]{--emblem:#94c68c}.world-realm[data-race=dwarf]{--emblem:#d4935d}.world-realm[data-race=draconid]{--emblem:#c87361}.world-realm[data-race=avian]{--emblem:#9fbfd2}.world-realm[data-race=orc]{--emblem:#bbbe73}.world-realm[data-race=halfling]{--emblem:#d6a86f}.world-realm[data-race=undead]{--emblem:#a996c9}@media (width<=700px){.realm-emblem{min-width:34px;height:38px;width:34px!important}.realm-emblem svg{width:22px;height:22px}.world-realm>.realm-label{width:96px;font-size:8px}.world-realm>.realm-house{font-size:8px}}.house-area{flex-direction:column;display:flex}.house-tag{border:1px solid var(--gold);color:#e6bd67;letter-spacing:.04em;clip-path:polygon(50% 0,100% 24%,85% 100%,15% 100%,0 24%);background:#2d2a20;place-items:center;width:48px;height:48px;font:700 13px DM Mono;display:grid}.house-foundation{border:1px solid var(--line);background:linear-gradient(145deg,#242724,#181b1b);width:min(100%,660px);padding:clamp(26px,5vw,54px);box-shadow:inset 0 1px #f4e6bf0a}.house-foundation h3{margin-bottom:15px;font-size:clamp(28px,4vw,40px)}.house-foundation>p:not(.kicker){color:#aaa493;max-width:460px;margin:0 0 28px;font-size:14px;line-height:1.7}.house-foundation label{color:#c1baab;letter-spacing:.11em;text-transform:uppercase;gap:8px;margin-top:15px;font:10px DM Mono;display:grid}.house-foundation input{box-sizing:border-box;border:1px solid var(--line);color:#eee4d0;text-transform:none;background:#111414;outline:none;width:100%;padding:14px;font:14px DM Mono}.house-foundation input:focus{border-color:var(--gold)}.house-foundation>small{color:#817b6d;margin-top:11px;font-size:11px;display:block}.house-banner{box-sizing:border-box;border:1px solid var(--line);background:radial-gradient(circle at 18% 28%,#bd974c21,#0000 28%),linear-gradient(135deg,#222722,#171a1a);align-items:center;gap:30px;width:min(100%,720px);min-height:190px;padding:30px 38px;display:flex;position:relative;overflow:hidden}.house-banner:after{content:"";background:#c9a5630d;height:160%;position:absolute;inset:auto -20% -56% 34%;transform:rotate(-18deg)}.house-standard{z-index:1;color:#f1c86f;clip-path:polygon(50% 0,100% 15%,88% 78%,50% 100%,12% 78%,0 15%);text-shadow:0 2px 3px #16120a;background:linear-gradient(145deg,#4e3c1e,#242319);border:1px solid #d2aa58;place-items:center;width:104px;height:128px;font:700 21px DM Mono;display:grid;position:relative}.house-banner>div:last-child{z-index:1;position:relative}.house-banner h3{margin-bottom:10px;font-size:32px}.house-banner p:not(.kicker){color:#aaa493;max-width:390px;font-size:13px;line-height:1.7}@media (width<=700px){.house-banner{gap:19px;min-height:160px;padding:24px}.house-standard{width:76px;height:98px;font-size:15px}.house-banner h3{font-size:25px}.house-banner p:not(.kicker){font-size:12px}.house-foundation{padding:25px 21px}}.house-overview{border-bottom:1px solid var(--line);color:#c9c1af;letter-spacing:.1em;text-transform:uppercase;padding:18px 28px;font:10px DM Mono}.house-tag{color:#f8e3a5;clip-path:polygon(50% 0,94% 13%,88% 67%,50% 100%,12% 67%,6% 13%);filter:drop-shadow(0 4px 8px #0000008c);text-shadow:0 2px 3px #191206;background:linear-gradient(145deg,#f3d37d,#8a5b1e 54%,#e6bf63);border:0;width:54px;height:63px;position:relative}.house-tag:after{content:"";clip-path:inherit;z-index:-1;background:linear-gradient(145deg,#5f4523,#211d18 70%);position:absolute;inset:4px}.house-standard{clip-path:polygon(50% 0,94% 12%,89% 64%,50% 100%,11% 64%,6% 12%);filter:drop-shadow(0 10px 14px #0000009e);isolation:isolate;background:linear-gradient(135deg,#f5de8e 0%,#91601f 43%,#e1b852 72%,#7f501a 100%);border:0;width:132px;height:164px}.house-standard:before{content:"";z-index:-1;clip-path:polygon(50% 0,94% 12%,89% 64%,50% 100%,11% 64%,6% 12%);background:radial-gradient(circle at 32% 22%,#ffe69a47,#0000 24%),linear-gradient(145deg,#5a4023,#20211d 61%,#49351e);position:absolute;inset:5px}.house-standard:after{content:"";z-index:0;background:linear-gradient(105deg,#0000 18%,#ffecae52 50%,#0000 74%);animation:5.5s ease-in-out infinite house-glint;position:absolute;inset:-18% 42% -13% -14%;transform:rotate(14deg)}.house-standard span{z-index:1;color:#f3ce73;letter-spacing:.04em;text-shadow:0 2px 2px #151008;background:linear-gradient(#5b3c20,#2b2117);border:1px solid #fade91b8;place-items:center;min-width:64px;padding:8px 9px;font:700 20px DM Mono;display:grid;position:relative;box-shadow:inset 0 1px #ffeaa938,0 3px 5px #0006}.house-banner h3{margin:0}.house-foundation{padding-top:42px}.house-foundation h3{margin-bottom:28px}@keyframes house-glint{0%,68%,to{opacity:0;transform:translate(-24%)rotate(14deg)}78%{opacity:1}88%{opacity:0;transform:translate(170%)rotate(14deg)}}@media (width<=700px){.house-standard{width:94px;height:120px}.house-standard span{min-width:48px;padding:6px;font-size:14px}.house-tag{width:42px;height:50px}}.house-tag:after{display:none}.house-standard:before{z-index:0}.market-marker{top:37%;right:13%}.mini.market{background:linear-gradient(135deg,#c3a159,#65502a)}.trade-panel{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.trade-panel>span{color:#c9c1af;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px;font:10px DM Mono;display:block}.trade-panel>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.trade-panel button{border:1px solid var(--line);color:#d7cdb7;text-align:left;background:#232723;justify-content:space-between;gap:6px;padding:10px;font:10px DM Mono;display:flex}.trade-panel button:hover:not(:disabled){border-color:var(--gold);background:#2b2b23}.trade-panel button:disabled{color:#706d62}.trade-panel button b{color:#e0b258;font-weight:500}@media (width<=560px){.market-marker{top:45%;right:5%}.trade-panel>div{grid-template-columns:1fr}.trade-panel button{font-size:9px}}