:root{--bg:#2b1d0e;--panel:#f4e4bc;--panel-strong:#e6d5a7;--text:#3e2723;--muted:#5d4037;--border:#8d6e63;--shadow:0 18px 60px rgba(0,0,0,0.6);--shadow-soft:0 8px 30px rgba(0,0,0,0.4);--accent:#8d6e63;--accent-2:#6d4c41;--danger:#b71c1c;--radius:6px;--font-heading:"Cinzel",serif;--font-body:"Lato",sans-serif}body,html{margin:0;padding:0;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);background-color:#2b1d0e;background-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,0) 40%,rgba(0,0,0,.6) 100%),repeating-linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.6) 1px,rgba(255,255,255,.05) 2px,transparent 3px,transparent 119px,rgba(0,0,0,.4) 120px),repeating-radial-gradient(ellipse at 50% -20%,transparent 0,rgba(0,0,0,.1) 10%,transparent 20%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(180deg,#5d4037,#3e2723 40%,#2b1d0e);background-attachment:fixed;background-size:100% 100%,auto,100% 100%,200px 200px,100% 100%;color:var(--text);font-family:var(--font-body);overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#f4e4bc;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:1px}h1{font-size:36px}h1,h2{padding-bottom:0;font-weight:700;margin-bottom:0}h2{font-size:32px}.links{padding-bottom:0;float:center;font-size:18px;margin-bottom:0;color:#deb887;text-decoration:none;border-bottom:1px dotted #deb887;transition:color .2s}.links:hover{color:#fff}.newTitle{text-align:center;top:0;padding:20px 16px 8px}.myNav{width:100%}.myNav ul{list-style:none;display:inline;text-align:center;margin:0;padding:0}.myLi{display:inline;margin:0 2px}.myLi p{color:#e6d5a7;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.description{color:#c5a059;font-size:16px;line-height:1.4}#status,.description{max-width:860px;margin:10px auto 0;font-family:var(--font-heading);text-shadow:1px 1px 2px rgba(0,0,0,.8)}#status{min-height:22px;font-size:14px;color:#e6d5a7}.status--ok{color:#81c784}.status--busy{color:#64b5f6}.status--error{color:#e57373}.commonOpsbutton,.commonShuffle{position:relative;font-family:var(--font-heading);font-size:16px;padding:12px 24px;border-radius:4px;border:1px solid #3e2723;background:linear-gradient(180deg,#8d6e63,#5d4037);color:#f4e4bc;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 6px rgba(0,0,0,.4),0 0 0 2px #3e2723;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.commonOpsbutton:hover,.commonShuffle:hover{transform:translateY(-2px);background:linear-gradient(180deg,#a1887f,#6d4c41);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 6px 12px rgba(0,0,0,.5),0 0 0 2px #4e342e;color:#fff}.commonOpsbutton:active,.commonShuffle:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.3),0 0 0 2px #3e2723}.commonShuffle:disabled{cursor:not-allowed;background:#4e342e;color:#8d6e63;box-shadow:none;border-color:#3e2723}#btnBuild.is-loading:after{content:"";width:14px;height:14px;margin-left:10px;border-radius:999px;border:2px solid rgba(255,255,255,.55);border-top-color:rgba(255,255,255,.98);display:inline-block;vertical-align:-2px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#popmenu{width:min(420px,calc(100vw - 24px));height:auto;max-height:85vh;overflow-y:auto;padding:24px 20px 80px;text-align:center;background:var(--panel);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");position:fixed;left:50%;transform:translate(-50%);top:10%;font-size:1.05rem;box-shadow:0 0 0 8px #5d4037,0 0 0 10px #3e2723,0 20px 50px rgba(0,0,0,.7);z-index:30;border-radius:4px;border:1px solid #8d6e63;transition:opacity .2s ease,transform .24s ease,visibility .2s ease;color:#3e2723}#popmenu h2{color:#3e2723;border-bottom:2px solid #8d6e63;padding-bottom:10px;margin-bottom:15px;text-shadow:none;position:-webkit-sticky;position:sticky;top:0;background:inherit;z-index:2}#popmenu.menuToggle{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-20px) scale(.95)}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.backdrop.is-open{opacity:1;pointer-events:auto}#inline-options{width:100%;position:relative;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:20px}.settingswrap{text-align:right;position:relative;width:100%;height:auto;padding-bottom:10px}.menu-group{border-bottom:1px dashed #8d6e63;padding:10px 0;text-align:left}.menu-row{height:auto;justify-content:space-between;padding:4px 0}.menu-row,.row-right{display:flex;align-items:center;gap:12px}.info-btn{background:#5d4037;color:#f4e4bc;border:none;border-radius:50%;width:24px;height:24px;font-size:14px;font-weight:700;font-family:var(--font-heading);cursor:pointer;display:grid;place-items:center;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.3)}.info-btn:hover{background:#3e2723;transform:scale(1.1)}.info-text{display:none;background:rgba(62,39,35,.1);padding:10px;border-radius:4px;margin-top:8px;font-size:.9em;color:#3e2723;line-height:1.4;border-left:3px solid #5d4037;font-family:var(--font-body)}.info-text.show{display:block;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.mylabel{float:none;text-align:left;font-size:16px;line-height:1.2}.mySelect,.mylabel{color:#3e2723;font-weight:700;font-family:var(--font-body)}.mySelect{height:34px;text-align:center;border-radius:4px;border:2px solid #5d4037;background:#e6d5a7;cursor:pointer}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#e6d5a7;margin:0;font:inherit;color:currentColor;width:24px;height:24px;border:2px solid #5d4037;border-radius:3px;display:grid;place-content:center;cursor:pointer}input[type=checkbox]:before{content:"";width:14px;height:14px;transform:scale(0);transition:transform .12s ease-in-out;box-shadow:inset 1em 1em #3e2723;transform-origin:center;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}input[type=checkbox]:checked:before{transform:scale(1)}.menuclosebutton{position:relative;width:100%;margin-top:14px;height:40px;font-size:15px;border-radius:4px;border:2px solid #5d4037;background:#e6d5a7;color:#3e2723;font-weight:700;cursor:pointer;font-family:var(--font-heading);transition:all .2s;box-shadow:0 4px 8px rgba(0,0,0,.2)}.menuclosebutton:hover{background:#d7c28d;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.25)}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(20,10,5,.78);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topnav__inner{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:10px}.topnav__link{font-family:var(--font-heading);font-size:14px;letter-spacing:1px;text-transform:uppercase;color:#f4e4bc;text-decoration:none;padding:8px 12px;border-radius:4px;border:1px solid transparent;transition:background .2s ease,border-color .2s ease,transform .2s ease}.topnav__link:hover{background:rgba(93,64,55,.35);border-color:rgba(244,228,188,.38);transform:translateY(-1px)}.topnav__link[aria-current=page]{background:rgba(93,64,55,.55);border-color:rgba(244,228,188,.35);transform:none}.content-wrap{max-width:1100px;margin:0 auto;padding:18px 16px 60px}.content-card{background-color:#5d4037;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 1px,transparent 0,transparent 12px),linear-gradient(180deg,#795548,#4e342e);color:#efebe9;border:4px solid #d7ccc8;border-radius:10px;padding:24px;box-shadow:0 6px 12px rgba(0,0,0,.4)}.content-card h1,.content-card h2,.content-card h3{color:#ffffff;text-shadow:1px 1px 2px rgba(0,0,0,.6);border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px;margin-bottom:16px}.content-card p{color:#efebe9;line-height:1.65;margin:10px 0}.content-card strong{color:#ffcc80}.seo-section{max-width:1100px;margin:28px auto 80px;padding:0 16px}.seo-section__grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}.seo-qa{margin:10px 0 0;padding:0;list-style:none}.seo-qa li{margin:10px 0;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(0,0,0,.2)}.seo-qa h3{margin:0;font-size:18px;color:#fff}.seo-qa p{margin:8px 0 0}.rules-sheet{max-width:900px;margin:0 auto;background-color:var(--panel);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"),radial-gradient(circle at 50% 50%,transparent 50%,rgba(141,110,99,.1) 100%),linear-gradient(135deg,rgba(255,255,255,.2),transparent 50%,rgba(62,39,35,.05));color:var(--text);padding:40px;border-radius:2px;box-shadow:inset 0 0 30px rgba(93,64,55,.15),0 0 0 1px #8d6e63,0 0 0 5px #5d4037,0 20px 50px rgba(0,0,0,.5);position:relative}.rules-sheet .markdown-body{font-family:var(--font-body);color:var(--text);line-height:1.6}.rules-sheet h1,.rules-sheet h2,.rules-sheet h3,.rules-sheet h4{font-family:var(--font-heading);color:#3e2723;text-shadow:none;border-bottom-color:rgba(62,39,35,.2)}.rules-sheet h1{font-size:2.5em;text-align:center;margin-bottom:1.5em;padding-bottom:.5em;border-bottom:2px solid #3e2723}.rules-sheet h2{margin-top:1.5em;font-size:1.8em}.rules-sheet a{color:#b71c1c;text-decoration:none;font-weight:700;border-bottom:1px dotted #b71c1c}.rules-sheet a:hover{color:#d32f2f;border-bottom-style:solid}.rules-sheet hr{border:0;border-top:1px solid rgba(62,39,35,.2);margin:30px 0}.rules-sheet strong{color:#2b1d0e;font-weight:700}.rules-sheet table{border:1px solid rgba(62,39,35,.4);background:rgba(255,255,255,.3);color:#3e2723;width:100%;border-collapse:collapse;margin:20px 0}.rules-sheet td,.rules-sheet th{border-bottom:1px solid rgba(62,39,35,.2);padding:12px 16px}.rules-sheet th{background:rgba(93,64,55,.15);color:#2b1d0e;font-weight:700;text-align:left;font-family:var(--font-heading)}.rules-sheet tr:nth-child(2n) td{background:rgba(93,64,55,.05)}.rules-sheet code{background:rgba(62,39,35,.1);color:#2b1d0e;border:1px solid rgba(62,39,35,.15);font-family:Courier New,Courier,monospace;padding:2px 6px;border-radius:4px}.rules-sheet pre{background:rgba(62,39,35,.08);border:1px solid rgba(62,39,35,.2);border-radius:6px;padding:16px;overflow-x:auto}.rules-sheet pre code{background:transparent;border:none;padding:0;color:#3e2723}.rules-sheet ol,.rules-sheet ul{padding-left:24px}.rules-sheet li{margin:8px 0}.rules-sheet blockquote{margin:20px 0;padding-left:20px;border-left:4px solid #8d6e63;color:#5d4037;font-style:italic}.normalBorderCommon-ORIGINAL-LOCATION{overflow:hidden;overflow-x:hidden;background-size:100% 100%;background-repeat:no-repeat}.chit-number-base,.normalBorderCommon-ORIGINAL-LOCATION{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.chit-number-base{display:block;font-weight:700;font-size:1.25em;padding:0;font-family:var(--font-heading);color:#2b1d0e}.prob-dots-base{margin:0;letter-spacing:-1px;padding:0 1px 0 0;position:absolute;left:50%;top:75%;transform:translate(-50%,-50%);font-size:.8em;color:#2b1d0e}.hex-normal{height:17.5%;width:calc(17.5% * .866);background:transparent;position:absolute;--tile-scale:1;--tile-y:0px;--tile-opacity:1;transform:translate(-50%,-50%) translateY(var(--tile-y)) scale(var(--tile-scale));opacity:var(--tile-opacity);background-size:auto 100%;background-repeat:no-repeat;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.hex-base{-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hex-expanded{height:16%;width:calc(16% * .866);background:transparent;position:absolute;transform-origin:50% 50%;--tile-scale:1;--tile-y:0px;--tile-opacity:1;transform:translate(-50%,-50%) translateY(var(--tile-y)) rotate(90deg) scale(var(--tile-scale));opacity:var(--tile-opacity);background-size:auto 100%;background-repeat:no-repeat;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.hex-tile{transition:transform .52s cubic-bezier(.2,.75,.25,1),opacity .52s ease,filter .52s ease;will-change:transform,opacity;filter:saturate(1) brightness(1) drop-shadow(0 4px 6px rgba(0,0,0,.5))}.hex-tile:hover{filter:saturate(1.1) brightness(1.1) drop-shadow(0 8px 12px rgba(0,0,0,.6));z-index:10}.tile-hidden{--tile-scale:0.62;--tile-y:10px;--tile-opacity:0;filter:blur(1.5px) saturate(.7) brightness(1.05)}.high-prob,.high-prob .chit-number-base,.high-prob .prob-dots-base{color:#b71c1c}.circle-base{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:calc(40% * 1.73205 / 2);width:40%;border:1px solid #d7c28d;background:linear-gradient(135deg,#fdfbf7,#e6d5a7);border-radius:50%;box-shadow:inset 0 1px 2px rgba(255,255,255,.8),0 2px 4px rgba(0,0,0,.4)}.circle-expanded{transform:translate(-50%,-50%) rotate(-90deg)}.high-prob-normal{color:var(--danger)}.normalBorderCommon{position:absolute;left:50%;overflow:hidden;top:50%;transform:translate(-50%,-50%);overflow-x:hidden;background-repeat:no-repeat;background-size:100% 100%}.brick,.desert,.ore,.sheep,.wheat,.wood{background-repeat:no-repeat;background-position:50%;background-size:99% 99%}.desert-chit{background:transparent;border:transparent;box-shadow:none}@media (orientation:landscape){.hero{position:relative;min-height:100vh}#board{width:100vh;height:100vh;right:0;top:0;position:absolute}#title{min-height:35%;width:calc((100vw - 100vh) * .9);left:0;position:relative;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(20,10,5,.85),rgba(43,29,14,.7));box-shadow:5px 0 20px rgba(0,0,0,.6);border-right:1px solid rgba(255,255,255,.05);z-index:10;height:100vh;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.font-size-wrap{font-size:4.5vh}.small-font-size-wrap{font-size:3vh}.border-normal{width:99vh;height:calc(99vh * 1.732050808 / 2);filter:drop-shadow(0 30px 60px rgba(0,0,0,.7))}}@media (orientation:portrait){#board,.hero{position:relative}#board{width:100vw;height:100vw;left:50%;transform:translate(-50%);margin-top:20px}#classic-options{position:relative;width:100%}#title{min-height:15%;position:relative;padding-bottom:20px;background:linear-gradient(180deg,rgba(20,10,5,.85),rgba(43,29,14,.7));box-shadow:0 5px 20px rgba(0,0,0,.6);border-bottom:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.font-size-wrap{font-size:4.5vw}.small-font-size-wrap{font-size:3vw}.border-normal{width:99vw;height:calc(99vw * 1.732050808 / 2);filter:drop-shadow(0 20px 40px rgba(0,0,0,.7))}}.settingViewToggle{visibility:hidden}@media (prefers-reduced-motion:reduce){.hex-tile{transition:none;filter:none}#btnBuild.is-loading:after{animation:none}#popmenu,.backdrop{transition:none}.info-text.show{animation:none}input[type=checkbox]:before{transition:none}.commonOpsbutton:hover,.commonShuffle:hover,.info-btn:hover,.menuclosebutton:hover{transform:none}}