:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f7f2e8;background:#17221b;--hex:min(11vw,90px);--regenerate-height:42px}
*{box-sizing:border-box} body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 10%,#344b36 0,#17221b 52%,#101712 100%)}
.hero,main,footer{width:min(1180px,calc(100% - 32px));margin:auto}.hero{display:flex;align-items:flex-end;justify-content:space-between;padding:40px 0 24px;gap:24px}.hero-main{display:flex;align-items:center;gap:18px}.home-link{display:grid;place-items:center;flex:none;width:58px;height:58px;border:1px solid #637866;border-radius:17px;background:#26382b;color:#f7f2e8;box-shadow:0 7px 20px #0003;transition:background .18s,transform .18s}.home-link:hover{background:#3f7247;transform:translateY(-2px)}.home-link:focus-visible{outline:3px solid #e8b858;outline-offset:3px}.home-link svg{width:38px;height:38px}.home-link svg path:first-child{fill:#e8b858}.home-link svg path:last-child{fill:#26382b}.home-link:hover svg path:last-child{fill:#3f7247}.eyebrow{color:#e8b858;text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:.75rem;margin:0 0 6px}.hero h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);margin:0}.hero p:not(.eyebrow){color:#bdcabb;margin:8px 0 0}.language{display:grid;gap:5px;color:#bdcabb;font-size:.8rem}.language select{background:#26382b;color:white;border:1px solid #536653;border-radius:10px;padding:9px 30px 9px 10px}
main{display:grid;gap:20px}.controls,.board-card{background:rgba(247,242,232,.96);color:#253126;border-radius:20px;box-shadow:0 18px 50px #0005}.controls{display:grid;grid-template-columns:1.1fr repeat(3,1fr) 1.25fr;align-items:center;padding:18px 22px;gap:24px}.controls h2,.board-card h2{font-family:Georgia,serif;margin:0}.hint,.board-heading p{color:#718071;margin:4px 0 0;font-size:.86rem}.randomness-row{display:grid;gap:8px}.randomness-row>span:first-child{display:grid}.randomness-row small{color:#718071;margin-top:3px}.range-control{display:grid;grid-template-columns:auto 1fr auto 28px;align-items:center;gap:7px;color:#718071;font-size:.7rem}.range-control input{width:100%;accent-color:#bd672d}.range-control output{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#bd672d;color:white;font-weight:800;font-size:.8rem}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}.switch-row span{display:grid}.switch-row small{color:#718071;margin-top:3px}.switch-row input{position:absolute;opacity:0}.switch-row i{width:46px;height:26px;border-radius:20px;background:#a8aea8;position:relative;flex:none;transition:.2s}.switch-row i:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:white;transition:.2s;box-shadow:0 1px 4px #0004}.switch-row input:checked+i{background:#3f7247}.switch-row input:checked+i:after{transform:translateX(20px)}button{border:0;border-radius:12px;padding:13px 18px;background:#bd672d;color:white;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 5px 0 #86421f}button:hover{background:#ce7538}button:active{transform:translateY(3px);box-shadow:0 2px 0 #86421f}
.board-card{padding:22px;overflow:hidden}.board-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.legend span{font-size:.72rem;padding:5px 8px;border-radius:20px;background:#e1ded3}.legend b{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}.board{display:flex;align-items:center;justify-content:center;padding:calc(var(--hex)*.35) 0;min-height:560px;filter:none}.board:not(.with-frame){--hex:min(14vw,115px)}.board.expanded:not(.with-frame){--hex:min(13vw,105px)}.board-grid{display:flex;flex-direction:column;align-items:center}.hex-row{display:flex;margin-bottom:calc(var(--hex)*-.295226)}.hex-row:last-child{margin-bottom:0}.hex{width:var(--hex);height:calc(var(--hex)*1.138191);flex:none;clip-path:polygon(50% 0,100% 25.94%,100% 74.06%,50% 100%,0 74.06%,0 25.94%);display:grid;place-items:center;position:relative;background:var(--color);isolation:isolate}.terrain-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:0}.land-hex.image-loaded{background:transparent}.land-hex.image-loaded>.icon{display:none}.icon{z-index:1;font-size:calc(var(--hex)*.27);filter:none}.token{z-index:3;position:absolute;width:calc(var(--hex)*.38);height:calc(var(--hex)*.38);border-radius:50%;display:grid;place-items:center;background:#f3e7ca;border:.25px solid #171717;color:#171717;font-weight:900;font-size:calc(var(--hex)*.22);line-height:1;box-shadow:none}.token.hot{color:#b32c22}.sea-hex.image-loaded{background:transparent}.sea-hex.image-loaded>.wave,.sea-hex.image-loaded>.port-icon,.sea-hex.image-loaded>strong{display:none}.sea-hex.image-loaded:after{display:none}.sea-hex{--color:#3f91ae;background:linear-gradient(145deg,#58aec6,#277994);color:#dff8ff;text-shadow:none}.wave{font-family:Georgia,serif;font-size:calc(var(--hex)*.36);opacity:.72}.sea-hex.has-port:after{content:"";position:absolute;width:70%;height:70%;border-radius:50%;background:#e5c98e;box-shadow:none;z-index:-1}.port-icon{font-size:calc(var(--hex)*.23)}.sea-hex strong{display:block;padding:2px 5px;border-radius:10px;background:#f8edcf;color:#273527;text-shadow:none;font-size:calc(var(--hex)*.14)}
footer{text-align:center;color:#94a292;font-size:.8rem;padding:20px 0 34px}
.fullscreen-settings{display:none}.board-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.icon-button{display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;background:#3f7247;box-shadow:0 4px 0 #28522f;font-size:1.35rem}.icon-button:hover{background:#4c8455}.icon-button:active{box-shadow:0 1px 0 #28522f}.control-icon{display:block;width:24px;height:24px;object-fit:contain}.icon-button .control-icon,.compact-setting .control-icon,.regenerate-bar .control-icon{filter:brightness(0) invert(1)}.regenerate-bar{display:grid;place-items:center;width:100%;height:var(--regenerate-height);margin:14px 0 0;padding:0;background:#bd672d;box-shadow:0 4px 0 #86421f}.regenerate-bar:hover{background:#ce7538}.regenerate-bar:active{box-shadow:0 1px 0 #86421f}.regenerate-bar.spinning .control-icon{animation:regenerate-spin .4s ease-in-out}.fullscreen-toggle .exit-icon{display:none}.fullscreen-toggle[aria-pressed="true"] .enter-icon{display:none}.fullscreen-toggle[aria-pressed="true"] .exit-icon{display:block}.map-lock-toggle{position:relative;overflow:hidden;background:#9aa09a;box-shadow:0 4px 0 #747974}.map-lock-toggle:hover{background:#a9aea9}.map-lock-toggle .control-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.map-lock-toggle[aria-pressed="false"]:after{content:"";position:absolute;width:50px;height:3px;border-radius:2px;background:#c7352c;transform:rotate(-45deg);box-shadow:0 0 0 1px #fff8}.map-lock-toggle[aria-pressed="true"]{background:#b32c22;box-shadow:0 4px 0 #7f211b}.map-lock-toggle[aria-pressed="true"]:hover{background:#c63b31}.map-lock-toggle[aria-pressed="true"] .control-icon{filter:brightness(0) invert(1)}.map-lock-toggle.lock-attention{animation:setting-attention .48s ease-in-out}:is(.board-card:fullscreen,.board-card:-webkit-full-screen,.board-card.fullscreen-fallback) .map-lock-toggle .control-icon{width:20px;height:20px}
:is(.board-card:fullscreen,.board-card:-webkit-full-screen),.board-card.fullscreen-fallback{--hex:min(calc(98vw/5),calc((100vh - 200px)/4.62),120px);width:100vw;height:100vh;max-width:none;border-radius:0;padding:18px 1vw;background:#f7f2e8;display:flex;flex-direction:column}:is(.board-card:fullscreen,.board-card:-webkit-full-screen) .board-heading,.board-card.fullscreen-fallback .board-heading{display:flex;flex-flow:row wrap;align-items:center;width:100%}:is(.board-card:fullscreen,.board-card:-webkit-full-screen) .board-title-group,.board-card.fullscreen-fallback .board-title-group{display:contents}:is(.board-card:fullscreen,.board-card:-webkit-full-screen) .board-title-group h2,.board-card.fullscreen-fallback .board-title-group h2{order:1}:is(.board-card:fullscreen,.board-card:-webkit-full-screen) .board-actions,.board-card.fullscreen-fallback .board-actions{order:2;justify-content:flex-end;margin-left:auto}:is(.board-card:fullscreen,.board-card:-webkit-full-screen) .icon-button,.board-card.fullscreen-fallback .icon-button{width:36px;height:36px;font-size:1.15rem}:is(.board-card:fullscreen,.board-card:-webkit-full-screen) .icon-button .control-icon,.board-card.fullscreen-fallback .icon-button .control-icon{width:20px;height:20px}:is(.board-card:fullscreen,.board-card:-webkit-full-screen) .fullscreen-settings,.board-card.fullscreen-fallback .fullscreen-settings{order:3;display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;margin-top:10px}.compact-setting{position:relative;overflow:hidden;display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:9px;background:#3f7247;box-shadow:none}.compact-setting:hover,.compact-setting[aria-pressed="true"]{background:#3f7247}.compact-setting[aria-pressed="false"]{background:#9aa09a;color:#e5e5e5}.compact-setting[aria-pressed="false"]:after{content:"";position:absolute;width:42px;height:3px;border-radius:2px;background:#c7352c;transform:rotate(-45deg);box-shadow:0 0 0 1px #fff8}.compact-setting:active{box-shadow:none}.compact-setting .control-icon,.compact-randomness .control-icon{width:19px;height:19px}.compact-randomness{height:34px;display:flex;align-items:center;flex:1;gap:8px;padding:0 10px;border-radius:9px;background:#e1ded3;color:#3f7247}.compact-randomness input{flex:1;width:auto;accent-color:#bd672d}.compact-randomness output{min-width:13px;color:#253126;font-size:.75rem;font-weight:800}:is(.board-card:fullscreen,.board-card:-webkit-full-screen) .legend,.board-card.fullscreen-fallback .legend{display:none}:is(.board-card:fullscreen,.board-card:-webkit-full-screen) .board,.board-card.fullscreen-fallback .board{flex:1;min-height:0;align-items:flex-start;justify-content:center;padding:var(--regenerate-height) 0 0}:is(.board-card:fullscreen,.board-card:-webkit-full-screen) .board:not(.with-frame),.board-card.fullscreen-fallback .board:not(.with-frame){--hex:min(calc(98vw/5),calc((100vh - 200px)/4.62),120px)}:is(.board-card:fullscreen,.board-card:-webkit-full-screen) .board.with-frame,.board-card.fullscreen-fallback .board.with-frame{--hex:min(calc(98vw/7),calc((100vh - 200px)/6.35),120px)}:is(.board-card:fullscreen,.board-card:-webkit-full-screen) .board.expanded:not(.with-frame),.board-card.fullscreen-fallback .board.expanded:not(.with-frame){--hex:min(calc(98vw/6),calc((100vh - 200px)/6.35),120px)}:is(.board-card:fullscreen,.board-card:-webkit-full-screen) .board.expanded.with-frame,.board-card.fullscreen-fallback .board.expanded.with-frame{--hex:min(calc(98vw/8),calc((100vh - 200px)/8.1),120px)}.board-card.fullscreen-fallback{position:fixed;inset:0;z-index:1000}.fullscreen-open{position:fixed;inset:calc(var(--fullscreen-scroll-y,0px)*-1) 0 0;overflow:hidden;width:100%;overscroll-behavior:none}:is(.board-card:fullscreen,.board-card:-webkit-full-screen,.board-card.fullscreen-fallback){touch-action:none;overscroll-behavior:none}:is(.board-card:fullscreen,.board-card:-webkit-full-screen,.board-card.fullscreen-fallback) input[type="range"]{touch-action:pan-x}
@media(max-width:850px){.controls{grid-template-columns:1fr 1fr}.controls>div,.randomness-row{grid-column:1/-1}.legend{display:none}}
@media(max-width:560px){:root{--hex:11.5vw}.hero{align-items:flex-start;padding-top:24px}.hero-main{gap:10px}.home-link{width:44px;height:44px;border-radius:13px}.home-link svg{width:29px;height:29px}.hero h1{font-size:1.8rem}.hero p:not(.eyebrow){font-size:.85rem}.language span{display:none}.controls{grid-template-columns:1fr;padding:18px}.controls>div{grid-column:auto}.switch-row{padding:5px 0}.board-card{padding:16px 4px}.board-heading{padding:0 12px}.legend{display:none}.board{padding:calc(var(--hex)*.35) 0;min-height:390px}}
.dependent-off{opacity:.62}.settings-notice{position:fixed;z-index:1100;left:50%;bottom:24px;max-width:min(90vw,520px);padding:11px 16px;border-radius:12px;background:#253126;color:#fff;text-align:center;font-weight:700;box-shadow:0 8px 28px #0005;opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity .2s,transform .2s}.settings-notice.visible{opacity:1;transform:translate(-50%,0)}
@keyframes regenerate-spin{to{transform:rotate(360deg)}}
@keyframes setting-attention{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.attention{animation:setting-attention .48s ease-in-out}
@media(prefers-reduced-motion:reduce){.attention,.map-lock-toggle.lock-attention,.regenerate-bar.spinning .control-icon{animation:none}.settings-notice{transition:none}}
.statistics-toggle{position:relative;overflow:hidden}.statistics-toggle[aria-pressed="false"]{background:#9aa09a;box-shadow:0 4px 0 #747974}.statistics-toggle[aria-pressed="false"]:after{content:"";position:absolute;width:50px;height:3px;border-radius:2px;background:#c7352c;transform:rotate(-45deg);box-shadow:0 0 0 1px #fff8}.statistics-icon,.general-statistics-icon{font-size:1.4rem;line-height:1}.statistics{min-height:560px;padding:22px max(8px,6vw) 10px}.statistics-tabs{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0 24px}.statistics-tab{display:grid;place-items:center;width:52px;height:52px;padding:0;border-radius:12px;background:#9aa09a;box-shadow:0 3px 0 #747974;filter:saturate(.55);line-height:0;transition:transform .15s,filter .15s,background .15s}.statistics-tab:hover{background:#718071}.statistics-tab.active{background:#3f7247;filter:none;transform:scale(1.08);box-shadow:0 3px 0 #28522f}.statistics-tab img{display:block;width:46px;height:46px;object-fit:contain;clip-path:none;transform:translateY(-1px)}.statistics-content{max-width:850px;margin:auto}.statistics-table{width:100%;border-collapse:collapse;font-size:.94rem}.statistics-table tr{border-bottom:1px solid #d7d6cd}.statistics-table tr:last-child{border-bottom:0}.statistics-table th,.statistics-table td{padding:9px 5px}.statistics-table th{text-align:left;font-weight:650}.statistics-table td{text-align:right;font-weight:800;color:#3f7247}.statistics-conclusion{margin:22px 4px 0;padding-top:16px;border-top:1px solid #cbc9bf;color:#536653;font-weight:650;line-height:1.55}.statistics-mode .regenerate-bar,.statistics-mode .fullscreen-settings,.statistics-mode .legend{display:none}:is(.board-card:fullscreen,.board-card:-webkit-full-screen,.board-card.fullscreen-fallback).statistics-mode .statistics{display:block;flex:1;min-height:0;overflow:auto;width:100%}
@media(max-width:560px){.statistics{min-height:390px;padding:18px 8px}.statistics-tabs{gap:6px;margin-bottom:16px}.statistics-tab{width:43px;height:43px}.statistics-tab img{width:40px;height:40px}.statistics-table{font-size:.82rem}.statistics-table th,.statistics-table td{padding:8px 3px}.statistics-table th{width:58%}}
[hidden]{display:none!important}.statistics-tab{--tab-active:#3f7247;--tab-shadow:#28522f}.statistics-tab-general{--tab-active:#3f7247;--tab-shadow:#28522f}.statistics-tab-forest{--tab-active:#287047;--tab-shadow:#1b4e31}.statistics-tab-hills{--tab-active:#a84c32;--tab-shadow:#743421}.statistics-tab-fields{--tab-active:#b88920;--tab-shadow:#7f5e15}.statistics-tab-pasture{--tab-active:#6d993d;--tab-shadow:#4b6a2a}.statistics-tab-mountains{--tab-active:#596a78;--tab-shadow:#3d4953}.statistics-tab.active{background:var(--tab-active);box-shadow:0 3px 0 var(--tab-shadow)}.statistics-tab .general-statistics-icon{width:32px;height:32px;object-fit:contain;clip-path:none;filter:brightness(0) invert(1)}.statistics-tab .resource-tab-icon{width:46px;height:46px;object-fit:contain;clip-path:none}.statistics-table th{position:relative}.metric-label{display:inline-flex;align-items:center;gap:7px;max-width:100%}.metric-label>span{min-width:0}.metric-help{position:relative;display:inline-grid;place-items:center;flex:none;width:21px;height:21px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none}.metric-help>img{width:19px;height:19px;filter:brightness(0) saturate(100%) invert(16%) sepia(10%) saturate(1121%) hue-rotate(75deg) brightness(92%) contrast(89%)}.metric-help:focus-visible,.metric-help[aria-expanded="true"]{background:#3f7247;box-shadow:none;transform:none}.metric-help:focus-visible>img,.metric-help[aria-expanded="true"]>img{filter:brightness(0) invert(1)}.metric-tooltip{position:fixed;z-index:1200;display:none;width:min(280px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:auto;padding:10px 12px;border-radius:9px;background:#253126;color:#fff;text-align:left;font-size:.76rem;font-weight:600;line-height:1.4;box-shadow:0 7px 22px #0005;pointer-events:none}.metric-help[aria-expanded="true"] .metric-tooltip{display:block}.statistics-mode #board{display:none!important}.statistics-mode .fullscreen-settings,.statistics-mode .regenerate-bar{display:none!important}:is(.board-card:fullscreen,.board-card:-webkit-full-screen,.board-card.fullscreen-fallback).statistics-mode .statistics{padding-top:10px}
@media(max-width:560px){.statistics-tab .general-statistics-icon{width:29px;height:29px}.statistics-tab .resource-tab-icon{width:40px;height:40px}}

.starting-positions{display:flex;align-items:center;justify-content:flex-start;gap:8px;max-width:100%;padding:2px 2px 5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.starting-position-button{position:relative;display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border-radius:50%;background:#3f7247;box-shadow:0 3px 0 #28522f}.starting-position-button:hover{background:#4c8455}.starting-position-button[aria-expanded="true"]{background:#bd672d;box-shadow:0 3px 0 #86421f;transform:none}.starting-position-rank{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;color:#fff;font-size:.82rem;font-weight:900}.starting-position-tooltip{position:fixed;z-index:1250;display:none;width:min(340px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:auto;padding:12px;border-radius:12px;background:#253126;color:#fff;text-align:center;box-shadow:0 9px 30px #0007;white-space:normal}.starting-position-button[aria-expanded="true"] .starting-position-tooltip{display:block}.starting-position-tooltip>strong{display:block;font-size:.9rem}.starting-position-map{--hex:76px;position:relative;display:block;width:100%;height:170px;margin:4px 0}.starting-position-hex{position:absolute;left:calc(50% + var(--position-x));top:calc(50% + var(--position-y));transform:translate(-50%,-50%);filter:none}.starting-position-hex .token{font-size:calc(var(--hex)*.22)}.starting-position-caption{display:block;color:#d8e1d7;font-size:.72rem;line-height:1.4}.starting-positions-row th{width:42%}.starting-positions-row td{width:58%;max-width:0}
@media(max-width:700px){.starting-position-map{--hex:70px;height:155px}.starting-positions-row th{width:48%}.starting-positions-row td{width:52%}}