:root{--ink:#2e2823;--paper:#f4ede0;--player:#c0462b;--brick:#c4703f;--wheat:#e0b152;--wood:#3f6b3a;--sheep:#9dbe6a;--ore:#78838f;--desert:#d9c79e;--sand:#e4cf9e;--timber:#c08b4f;--ocean:#4f87ac;--ocean-light:#6ba3c7;--ocean-deep:#3d6c8a;--dev:#8e7cb0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:focus:not(:focus-visible),.node-btn:focus{outline:none}html,body{background:var(--paper) url(/art/textures/paper.svg) repeat;height:100%;color:var(--ink);margin:0;font-family:Caveat,Patrick Hand,Segoe Print,cursive,system-ui,sans-serif;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.viewport{touch-action:none;cursor:grab;background:radial-gradient(ellipse at 50% 42%, var(--ocean-light) 0%, var(--ocean) 55%, var(--ocean-deep) 100%);-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.viewport:active{cursor:grabbing}.viewport img,.hud img,.port,.hud-btn{-webkit-user-drag:none;user-drag:none}.world{position:absolute;top:0;left:0}.board{position:absolute}.tile{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:0 0;border:0;width:140px;height:161.66px;padding:0;display:block;position:absolute;overflow:hidden}.tile img{pointer-events:none;width:106%;height:106%;margin:-3%;display:block}.tile.filler{cursor:default}.tile.content{cursor:pointer}.tile.content:hover img,.tile.content:focus-visible img{filter:brightness(1.07)}.tile.content:focus-visible{outline:3px solid var(--player);outline-offset:-3px}.tile.filler.armable{cursor:pointer;filter:drop-shadow(0 0 10px var(--player))}.tile.filler.armable.depleted{filter:grayscale(.7)brightness(.9);opacity:.55}.tile.content.pulse{animation:1.1s ease-in-out tile-pulse}@keyframes tile-pulse{0%,to{filter:drop-shadow(0 0 #0000)}35%{filter:drop-shadow(0 0 16px var(--player)) brightness(1.15)}}.tile-label{pointer-events:none;z-index:2;width:76%;position:absolute;top:27%;left:50%;transform:translate(-50%)}.tile-label-bg{width:100%;display:block}.tile-label-text{color:var(--ink);text-align:center;justify-content:center;align-items:center;padding:0 4px;font-size:1.05rem;font-weight:700;line-height:1.05;display:flex;position:absolute;inset:0}.token{pointer-events:none;z-index:3;width:46px;height:46px;position:absolute;transform:translate(-50%,-50%)}.robber{z-index:4;pointer-events:none;width:34px;position:absolute;transform:translate(-50%,-60%)}.robber-ghost{opacity:.4;filter:grayscale()brightness(1.4);z-index:6;transition:left 80ms,top 80ms}.road-layer{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:visible}.road-seg{stroke:var(--player);stroke-width:9px;stroke-linecap:round;fill:none;pointer-events:stroke}.road-seg.ghost{stroke-dasharray:12 10;opacity:.45}.node-btn{cursor:pointer;pointer-events:auto}.node-btn:hover circle:first-child,.node-btn:focus-visible circle:first-child{r:13}.node-btn image{pointer-events:none}.node-btn:focus-visible{outline:none}.coastline{pointer-events:none;position:absolute;overflow:visible}.sand-fill{fill:var(--sand)}.sand-outline{fill:none;stroke:var(--ink);stroke-width:3px;opacity:.5;stroke-linejoin:round}.ports-layer{position:absolute;top:0;left:0}.port-piers{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.port-plank{fill:var(--timber);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.port-slat{stroke:var(--ink);stroke-width:1.3px;opacity:.45}.port{color:var(--ink);text-decoration:none;position:absolute}.port-ship{width:42px;display:block;position:absolute;transform:translate(-50%,-50%)}.port-ship img{filter:drop-shadow(1px 2px #2e282326);width:100%;display:block}.port-label{background:var(--paper);border:1.5px solid var(--ink);white-space:nowrap;border-radius:4px;padding:2px 9px;font-size:1.25rem;font-weight:600;position:absolute;transform:translate(-50%,-50%)}.port:hover .port-label,.port:focus-visible .port-label{background:#fffaf0}.bonus-layer{flex-direction:column;gap:28px;width:210px;display:flex;position:absolute;transform:translateY(-50%)}.bonus-card{background:var(--paper);border:2.6px solid var(--ink);border-radius:10px;padding:10px 12px;box-shadow:3px 4px #2e28232e}.bonus-card img{width:100%;margin-bottom:6px;display:block}.bonus-card h3{margin:0 0 4px;font-size:1.3rem}.bonus-card ul{margin:0;padding-left:18px;font-family:system-ui,sans-serif;font-size:.82rem;line-height:1.4}.bonus-card p{margin:0 0 4px;font-family:system-ui,sans-serif;font-size:.82rem;line-height:1.4}.bonus-slot{display:grid}.bonus-slot>*{grid-area:1/1;transition:opacity .5s,transform .5s}.bonus-slot.locked .bonus-card{opacity:0;pointer-events:none;transform:scale(.94)}.bonus-ghost{border:2.6px dashed var(--ink);text-align:center;opacity:.42;border-radius:10px;place-items:center;min-height:118px;font-size:1.15rem;display:grid}.bonus-slot.won .bonus-card{opacity:1;pointer-events:auto;transform:none}.bonus-slot.won .bonus-ghost{opacity:0;pointer-events:none;transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.bonus-slot>*{transition:none}}.dev-layer{width:140px;position:absolute}.dev-deck{z-index:1;perspective:900px;cursor:pointer;background:0 0;border:0;width:140px;height:202px;padding:0;display:block;position:relative}.dev-pile{position:absolute;inset:0}.dev-pile i{background:var(--paper);border:3.4px solid var(--ink);border-radius:14px;transition:transform .45s;position:absolute;inset:6px}.dev-pile i:first-child{transform:translate(10px,10px)}.dev-pile i:nth-child(2){transform:translate(5px,5px)}.dev-card{width:140px;height:202px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.75,.3,1),width .55s cubic-bezier(.2,.75,.3,1),height .55s cubic-bezier(.2,.75,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateY(0)}.dev-face{backface-visibility:hidden;border-radius:9px;position:absolute;inset:0;overflow:hidden}.dev-front{transform:rotateY(0)}.dev-front img{object-fit:contain;width:100%;height:100%;display:block}.dev-deck:hover .dev-card,.dev-deck:focus-visible .dev-card{transform:translate(-50%,-54%)rotateY(0)}.dev-deck:hover .dev-pile i:first-child{transform:translate(13px,13px)}.dev-deck.flipped:hover .dev-card,.dev-deck.flipped:focus-visible .dev-card{transform:translate(-50%,-50%)rotateY(180deg)}.dev-caption{z-index:0;text-align:center;opacity:.7;margin:12px 0 0;font-size:1rem;line-height:1.2;position:relative}.dev-deck.spent{cursor:default;opacity:.5}.dev-deck.spent .dev-card,.dev-deck.spent:hover .dev-card{transform:translate(-50%,-50%)rotateY(0)}.dev-deck.flipped .dev-card{width:330px;height:250px;transform:translate(-50%,-50%)rotateY(180deg)}.dev-back,.dev-open-face{--accent:var(--dev);text-align:left;border-width:2.6px;border-radius:9px;align-items:stretch;display:flex;overflow:hidden;box-shadow:3px 4px #2e282333}.dev-back{transform:rotateY(180deg)}.dev-art{border-right:2.2px solid var(--ink);background:color-mix(in srgb, var(--accent) var(--panel-tint), var(--paper));flex:none;place-items:center;width:108px;padding:8px 6px;display:grid}.dev-art img{width:100%;height:auto;display:block}.dev-text{flex-direction:column;flex:auto;min-width:0;display:flex}.dev-head{border-bottom:2.2px solid var(--ink);background:color-mix(in srgb, var(--accent) var(--panel-tint), var(--paper));flex:none;padding:8px 12px 7px;display:block}.dev-banner{font-family:var(--panel-title-font);color:var(--player);margin-top:3px;font-size:1rem;font-weight:700;display:block}.dev-eyebrow{background:var(--paper);border:1.5px solid var(--ink);font-family:var(--panel-prose-font);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;margin-bottom:2px;padding:0 7px;font-size:.58rem;line-height:1.7;display:inline-block}.dev-type{font-family:var(--panel-title-font);font-size:1.5rem;font-weight:700;line-height:1.1;display:block}.dev-body{min-height:0;font-family:var(--panel-prose-font);flex:auto;padding:10px 12px;font-size:.82rem;line-height:1.5;overflow-y:auto}.dev-body p{margin:0 0 8px}.dev-body>:last-child{margin-bottom:0}.dev-foot{font-family:var(--panel-prose-font);letter-spacing:.05em;text-transform:uppercase;opacity:.6;border-top:1.5px dashed #2e282366;flex:none;padding:5px 12px 7px;font-size:.62rem}@media (prefers-reduced-motion:reduce){.dev-card,.dev-pile i{transition:none}}.dev-played{flex-wrap:wrap;justify-content:center;align-items:flex-start;row-gap:10px;width:280px;margin:18px 0 0 -70px;display:flex}.dev-played-card{cursor:pointer;background:0 0;border:0;margin-left:7px;padding:0;transition:transform .2s,filter .2s;position:relative}.dev-played-card:first-child{margin-left:0}.dev-played-card.same-type{margin-left:-42px}.dev-played-card img{filter:drop-shadow(2px 3px #2e282338);width:56px;display:block}.dev-played-card:hover,.dev-played-card:focus-visible{z-index:5;transform:translateY(-12px)}.dev-played-card.dealt{animation:1.4s ease-out hand-deal}.dev-played-card:hover .hand-tip,.dev-played-card:focus-visible .hand-tip{opacity:1;transform:translate(-50%)}.dev-played-card.is-open .hand-tip{display:none}.dev-played-card.is-open{z-index:30}.dev-open-face{cursor:default;width:330px;height:250px;animation:.28s cubic-bezier(.2,.75,.3,1) dev-open;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes dev-open{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.dev-played-card,.dev-open-face{transition:none;animation:none}}.build-layer{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:visible}.built-road{stroke:var(--player);stroke-width:9px;stroke-linecap:round;fill:none}.built-road.fresh{animation:.4s cubic-bezier(.2,.75,.3,1) road-drop}@keyframes road-drop{0%{stroke-width:2px;opacity:.3}to{stroke-width:9px;opacity:1}}.ghost-road{cursor:pointer;pointer-events:auto}.ghost-road-line{stroke:var(--player);stroke-width:5px;stroke-linecap:round;stroke-dasharray:9 8;opacity:.38;transition:opacity .12s,stroke-width .12s}.ghost-road-hit{stroke:#0000}.ghost-road:hover .ghost-road-line{opacity:1;stroke-width:9px;stroke-dasharray:none}.hand-layer{position:absolute;transform:translate(-50%)}.hand-caption{text-align:center;opacity:.7;white-space:nowrap;margin:0 0 6px;font-size:1rem}.hand{justify-content:center;display:flex}.hand-card{cursor:pointer;background:0 0;border:0;margin-left:6px;padding:0;transition:transform .2s,margin .2s,filter .2s;position:relative}.hand-card:first-child{margin-left:0}.hand-card.same-resource{margin-left:-30px}.hand-card img{filter:drop-shadow(2px 3px #2e282338);height:108px;display:block}.hand-card:hover,.hand-card:focus-visible{z-index:5;transform:translateY(-14px)}.hand-card:hover img,.hand-card:focus-visible img{filter:drop-shadow(3px 5px #2e282347)}.hand-card.is-lifted{visibility:hidden}.hand-tip{background:var(--ink);color:var(--paper);white-space:nowrap;pointer-events:none;opacity:0;border-radius:5px;padding:4px 10px;font-size:.95rem;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,4px)}.hand-tip:after{content:"";border:5px solid #0000;border-top-color:var(--ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}.hand-card:hover .hand-tip,.hand-card:focus-visible .hand-tip{opacity:1;transform:translate(-50%)}.hand-card.dealt{animation:1.4s ease-out hand-deal}@keyframes hand-deal{0%{opacity:0;transform:translateY(-90px)rotate(-14deg)}35%{opacity:1;transform:translateY(0)rotate(0)}35%,85%{filter:drop-shadow(0 0 12px var(--player))}to{filter:none}}:root{--panel-border:3px;--panel-radius:12px;--panel-shadow:5px 7px 0 #14100c42, 0 18px 44px #00000057;--panel-tint:26%;--panel-title-font:"Caveat", "Patrick Hand", "Segoe Print", cursive, system-ui, sans-serif;--panel-prose-font:system-ui, -apple-system, "Segoe UI", sans-serif;--panel-heading-font:"Patrick Hand", system-ui, sans-serif}.panel{background:var(--paper) url(/art/textures/paper.svg) repeat;color:var(--ink);border:var(--panel-border) solid var(--ink);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow)}.panel-head{align-items:flex-start;gap:calc(11px * var(--type-scale,1));padding:calc(13px * var(--type-scale,1)) calc(52px * var(--type-scale,1)) calc(11px * var(--type-scale,1)) calc(16px * var(--type-scale,1));border-bottom:2.4px solid var(--ink);background:color-mix(in srgb, var(--accent,var(--paper)) var(--panel-tint), var(--paper));border-radius:calc(var(--panel-radius) - var(--panel-border)) calc(var(--panel-radius) - var(--panel-border)) 0 0;flex:none;display:flex;position:relative}.panel-icons{flex:none;align-items:center;gap:5px;display:flex}.panel-icon{width:calc(40px * var(--type-scale,1));display:block}.panel-icon.hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.panel-token{width:calc(27px * var(--type-scale,1));display:block}.panel-icon[hidden],.panel-token[hidden]{display:none}.panel-icons:not(:has(img:not([hidden]))){display:none}.panel-head-text{flex:auto;min-width:0}.panel-eyebrow{margin-bottom:calc(3px * var(--type-scale,1));background:var(--paper);border:1.5px solid var(--ink);max-width:100%;font-family:var(--panel-prose-font);font-size:calc(.64rem * var(--type-scale,1));letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:0 8px;line-height:1.7;display:inline-block;overflow:hidden}.panel-eyebrow:empty{display:none}.panel-head h2,.panel-head h3{font-family:var(--panel-title-font);font-weight:700;font-size:calc(1.7rem * var(--type-scale,1));margin:0;line-height:1.14}.panel-sub{margin:calc(2px * var(--type-scale,1)) 0 0;font-size:calc(1rem * var(--type-scale,1));opacity:.78;line-height:1.25}.panel-sub:empty,.panel-sub[hidden]{display:none}.panel-close{background:var(--paper);border:2px solid var(--ink);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:50%;padding:0;font-size:1.3rem;line-height:1;position:absolute;top:10px;right:12px}.panel-body{min-height:0;padding:calc(14px * var(--type-scale,1)) calc(18px * var(--type-scale,1)) calc(16px * var(--type-scale,1));font-family:var(--panel-prose-font);font-size:calc(.92rem * var(--type-scale,1));flex:auto;line-height:1.55;overflow-y:auto}.panel-body>:first-child{margin-top:0}.panel-body>:last-child{margin-bottom:0}.panel-body p{margin:0 0 10px}.panel-body .summary{font-size:calc(1rem * var(--type-scale,1))}.panel-body h1,.panel-body h2,.panel-body h3,.panel-body h4{font-family:var(--panel-heading-font);margin:16px 0 5px;font-weight:400;line-height:1.2}.panel-body h1{font-size:calc(1.4rem * var(--type-scale,1))}.panel-body h2{font-size:calc(1.26rem * var(--type-scale,1))}.panel-body h3{font-size:calc(1.12rem * var(--type-scale,1))}.panel-body h4{font-size:calc(1.02rem * var(--type-scale,1))}.panel-body ul,.panel-body ol{padding-left:calc(20px * var(--type-scale,1));margin:0 0 10px}.panel-body li{margin-bottom:4px}.panel-body a{color:var(--player)}.panel-body hr{border:0;border-top:1.5px dashed #2e282366;margin:14px 0}.panel-body code{background:#2e282314;border-radius:3px;padding:1px 4px;font-size:.87em}.panel-body pre{background:#2e282312;border:1.5px solid #2e282340;border-radius:6px;padding:10px 12px;overflow-x:auto}.panel-body pre code{background:0 0;padding:0}.panel-body blockquote{border-left:3px solid var(--accent,var(--ink));opacity:.85;margin:0 0 10px;padding:2px 0 2px 12px}.panel-body img{border:2px solid var(--ink);background:#fff;border-radius:7px;width:100%;display:block}.panel-body table{border-collapse:collapse;width:100%;font-size:calc(.86rem * var(--type-scale,1));margin:0 0 10px}.panel-body th,.panel-body td{text-align:left;border:1.4px solid #2e282366;padding:5px 8px}ul.ranked{margin:10px 0 0;padding:0;list-style:none}ul.ranked>li{margin:0 0 11px;padding:0}.ranked-label{font-family:var(--panel-prose-font);font-weight:600;font-size:calc(.68rem * var(--type-scale,1));letter-spacing:.08em;text-transform:uppercase;opacity:.58;line-height:1.5;display:block}.ranked-items{counter-reset:rank;display:block}.ranked-items>span{counter-increment:rank}.ranked-items>span:before{content:counter(rank);vertical-align:.32em;color:var(--accent,var(--ink));opacity:.8;margin-right:.22em;font-size:.72em;font-weight:700}.ranked-items>span+span{margin-left:.8em}.chips{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.chip{border:1.4px solid var(--ink);font-size:calc(.78rem * var(--type-scale,1));border-radius:4px;padding:1px 8px;line-height:1.5}.links{margin:10px 0 0}.links a{color:var(--player)}.panel-foot{padding:calc(8px * var(--type-scale,1)) calc(18px * var(--type-scale,1)) calc(9px * var(--type-scale,1));font-family:var(--panel-prose-font);font-size:calc(.78rem * var(--type-scale,1));border-top:1.5px dashed #2e28236b;flex:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-foot:empty{display:none}.panel-foot button{font:inherit;color:var(--player);cursor:pointer;background:0 0;border:0;padding:0}.panel-foot button:hover{text-decoration:underline}.photo-stack{--print-w:150px;--print-h:130px;height:calc((var(--print-h) + 60px) * var(--type-scale,1));margin:16px 0 12px;position:relative}.photo{--x:0px;--y:0px;--r:0deg;--z:1;--lie:translate(-50%, -50%) translate(var(--x), var(--y)) rotate(var(--r));--fanned:translate(-50%, -50%) translate(calc(var(--x) * 2.15), calc(var(--y) * 1.5)) rotate(calc(var(--r) * 1.35));z-index:var(--z);width:calc(var(--print-w) * var(--type-scale,1));height:calc(var(--print-h) * var(--type-scale,1));padding:calc(6px * var(--type-scale,1));border:2px solid var(--ink);cursor:pointer;transform:var(--lie);background:#fbf6ea;border-radius:5px;transition:transform .3s cubic-bezier(.21,.72,.29,1),box-shadow .3s,z-index;position:absolute;top:50%;left:50%;box-shadow:3px 4px #14100c3d}.photo img{object-fit:cover;background:0 0;border:0;border-radius:2px;width:100%;height:100%;display:block}.photo img[src$=\.svg]{object-fit:contain;padding:calc(10px * var(--type-scale,1))}.photo:first-child:after{content:"";top:calc(-8px * var(--type-scale,1));width:calc(44px * var(--type-scale,1));height:calc(16px * var(--type-scale,1));background:#e0b1529e;border:1px solid #2e282338;position:absolute;left:50%;transform:translate(-50%)rotate(-4deg)}.photo-stack:hover .photo,.photo-stack:focus-within .photo{transform:var(--fanned)}.photo-stack .photo:hover,.photo-stack .photo:focus-visible{z-index:20;transform:var(--fanned) scale(1.07);box-shadow:5px 7px #14100c4d}.photo-stack .photo:hover{transition-delay:.15s}.photo:focus-visible{outline:3px solid var(--player);outline-offset:3px}.photo-count{z-index:30;pointer-events:none;background:var(--paper);border:1.5px solid var(--ink);font-family:var(--panel-prose-font);font-size:calc(.62rem * var(--type-scale,1));letter-spacing:.06em;text-transform:uppercase;opacity:.8;border-radius:4px;padding:0 8px;line-height:1.7;position:absolute;bottom:0;left:50%;transform:translate(-50%)}dialog.pv{--peek:clamp(26px, 6.5vw, 78px);background:0 0;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}dialog.pv::backdrop{background:#1c1713d6}.pv-stage{position:absolute;inset:0}.pv-slide{--r:0deg;--nudge:0px;border:2.5px solid var(--ink);cursor:pointer;background:#fbf6ea;border-radius:6px;padding:10px 10px 12px;transition:transform .44s cubic-bezier(.21,.72,.29,1),opacity .44s;position:absolute;top:50%;left:50%;box-shadow:6px 8px #14100c52,0 22px 60px #00000073}.pv-slide img{background-position:50%;background-size:cover;border-radius:3px;width:auto;max-width:min(70vw,880px);height:auto;max-height:68dvh;display:block}.pv-slide[data-pos="0"]{z-index:3;opacity:1;cursor:default;transform:translate(-50%, -50%) rotate(var(--r))}.pv-slide[data-pos="-1"],.pv-slide[data-pos="-2"]{z-index:2;transform:translate(-50%, -50%) translateX(-50%) translateX(calc(-50vw + var(--peek) + var(--nudge))) rotate(calc(var(--r) - 5.5deg)) scale(.93)}.pv-slide[data-pos="1"],.pv-slide[data-pos="2"]{z-index:2;transform:translate(-50%, -50%) translateX(50%) translateX(calc(50vw - var(--peek) - var(--nudge))) rotate(calc(var(--r) + 5.5deg)) scale(.93)}.pv-slide[data-pos="-1"],.pv-slide[data-pos="1"]{opacity:.42}.pv-slide[data-pos="-2"],.pv-slide[data-pos="2"]{opacity:0;pointer-events:none;--nudge:-80px}.pv-slide[data-pos="-1"]:hover,.pv-slide[data-pos="1"]:hover,.pv-slide[data-pos="-1"]:focus-visible,.pv-slide[data-pos="1"]:focus-visible{opacity:.85;--nudge:24px}.pv-slide:focus-visible{outline:3px solid var(--player);outline-offset:4px}.pv-slide img[src$=\.svg]{object-fit:contain;background:0 0;width:min(52vw,360px);height:min(52vw,360px);padding:7%}.pv-slide[data-pos="0"]:before,.pv-slide[data-pos="0"]:after{content:"";background:#e0b15299;border:1px solid #2e282333;width:84px;height:25px;position:absolute;top:-13px}.pv-slide[data-pos="0"]:before{left:-20px;transform:rotate(-34deg)}.pv-slide[data-pos="0"]:after{right:-20px;transform:rotate(34deg)}.pv-count{z-index:5;pointer-events:none;background:var(--paper);border:2px solid var(--ink);border-radius:999px;margin:0;padding:1px 15px;font-size:1.15rem;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:3px 4px #14100c42}.pv-count:empty{display:none}.pv-close{z-index:6}@keyframes pv-fade{0%{opacity:0}to{opacity:1}}@keyframes pv-lay-out{0%{opacity:0;transform:scale(.88)translateY(18px)}to{opacity:1;transform:none}}dialog.pv[open],dialog.pv[open]::backdrop{animation:.26s pv-fade}dialog.pv[open] .pv-stage{animation:.36s cubic-bezier(.21,.72,.29,1) pv-lay-out}dialog.pv.closing,dialog.pv.closing::backdrop{animation:.2s reverse forwards pv-fade}dialog.pv.closing{pointer-events:none}.rc-overlay{z-index:46;perspective:1800px;position:fixed;inset:0}.rc-overlay[hidden]{display:none}.rc-scrim{opacity:0;background:#2e2823a8;transition:opacity .5s;position:absolute;inset:0}.rc-overlay.open .rc-scrim{opacity:1}.rc-flip{transform-style:preserve-3d;will-change:transform, left, top, width, height;transition:transform .5s cubic-bezier(.55,.05,.3,1),left .44s cubic-bezier(.33,0,.2,1) .26s,top .44s cubic-bezier(.33,0,.2,1) .26s,width .44s cubic-bezier(.33,0,.2,1) .26s,height .44s cubic-bezier(.33,0,.2,1) .26s;position:absolute;transform:rotateY(0)}.rc-overlay.open .rc-flip{transform:rotateY(180deg)}.rc-flip.closing{transition:transform .44s cubic-bezier(.55,.05,.3,1) .24s,left .42s cubic-bezier(.33,0,.2,1),top .42s cubic-bezier(.33,0,.2,1),width .42s cubic-bezier(.33,0,.2,1),height .42s cubic-bezier(.33,0,.2,1)}.rc-flip.instant{transition:none}.rc-overlay.landed .rc-flip{will-change:auto}.rc-face{backface-visibility:hidden;border-radius:var(--panel-radius);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.rc-front img{object-fit:fill;width:100%;height:100%}.rc-back{transform:rotateY(180deg)}.rc-overlay[data-resource=wood]{--accent:var(--wood)}.rc-overlay[data-resource=wheat]{--accent:var(--wheat)}.rc-overlay[data-resource=brick]{--accent:var(--brick)}.rc-overlay[data-resource=ore]{--accent:var(--ore)}.rc-overlay[data-resource=sheep]{--accent:var(--sheep)}.rc-panel{opacity:0;flex-direction:column;flex:none;transition:opacity .3s .3s;display:flex}.rc-overlay.open .rc-panel{opacity:1}.rc-flip.closing .rc-panel{opacity:0;transition:opacity .18s}.rc-deck{opacity:.66;letter-spacing:.03em;justify-content:flex-start}.rc-toast{z-index:60;background:var(--ink);max-width:min(560px,100vw - 280px);color:var(--paper);text-align:center;opacity:0;pointer-events:none;border-radius:8px;padding:9px 16px;font-size:1.05rem;transition:opacity .3s,transform .3s;position:fixed;top:14px;left:50%;transform:translate(-50%,-10px);box-shadow:0 6px 20px #0000004d}.rc-toast.up{opacity:1;transform:translate(-50%)}body.toast-up .hud-header{opacity:0}.hud-header,.hud,.home-btn{-webkit-user-select:none;user-select:none}.hud-header{text-align:center;z-index:30;pointer-events:none;transition:opacity .3s;position:fixed;top:10px;left:50%;transform:translate(-50%)}.hud-header h1{margin:0;font-size:1.7rem}.hud-header .tagline{opacity:.72;margin:0;font-size:.95rem}.hud{pointer-events:none;z-index:40;position:fixed;inset:0}.hud-btn{background:var(--paper);border:2px solid var(--ink);color:var(--ink);font:inherit;cursor:pointer;pointer-events:auto;border-radius:6px;padding:7px 13px;font-size:1.05rem;text-decoration:none;position:absolute}.trade{top:14px;left:14px}.resume-corner{top:14px;right:14px}.dice-hud{pointer-events:auto;position:absolute;top:60px;right:14px}.vp-hud{z-index:40;-webkit-user-select:none;user-select:none;position:fixed;bottom:14px;left:14px}.vp-chip{background:var(--paper);border:2px solid var(--ink);font:inherit;color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:5px 13px 5px 11px;display:flex;box-shadow:3px 4px #2e28232e}.vp-count{text-align:center;min-width:1.1em;font-size:1.9rem;line-height:1}.vp-label{text-align:left;opacity:.72;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;line-height:1.15}.vp-chip.bump{animation:.7s ease-out vp-bump}@keyframes vp-bump{0%{transform:scale(1)}30%{box-shadow:0 0 16px var(--player), 3px 4px 0 #2e28232e;transform:scale(1.14)}to{transform:scale(1)}}.vp-hud.is-won .vp-chip{background:color-mix(in srgb, var(--wheat) 42%, var(--paper))}.vp-hud.is-won .vp-count:after{content:" 🏆";font-size:.9rem}.vp-breakdown{background:var(--paper);border:2px solid var(--ink);width:232px;font-family:var(--panel-prose-font);border-radius:8px;padding:8px 11px;font-size:.78rem;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:3px 4px #2e28232e}.vp-breakdown p{justify-content:space-between;gap:12px;margin:0 0 3px;display:flex}.vp-breakdown p.none{opacity:.4}.vp-breakdown .vp-total{border-top:1.5px dashed #2e282366;margin:6px 0 0;padding-top:5px}.pick-overlay{z-index:70;place-items:center;display:grid;position:fixed;inset:0}.pick-overlay[hidden]{display:none}.pick-scrim{opacity:0;background:#2e28238c;transition:opacity .25s;position:absolute;inset:0}.pick-overlay.open .pick-scrim{opacity:1}.pick-box{--accent:var(--dev);z-index:1;text-align:center;opacity:0;width:min(560px,100vw - 32px);padding:16px 18px 14px;transition:opacity .25s,transform .25s cubic-bezier(.2,.75,.3,1);position:relative;transform:scale(.94)}.pick-overlay.open .pick-box{opacity:1;transform:none}.pick-title{font-family:var(--panel-title-font);margin:0;font-size:1.7rem}.pick-sub{font-family:var(--panel-prose-font);opacity:.8;margin:2px 0 12px;font-size:.84rem}.pick-grid{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pick-card{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:4px;transition:transform .15s;display:flex}.pick-card img{filter:drop-shadow(2px 3px #2e282338);width:74px;display:block}.pick-name{font-size:.95rem}.pick-left{font-family:var(--panel-prose-font);opacity:.65;font-size:.68rem}.pick-card:hover:not(:disabled),.pick-card:focus-visible{transform:translateY(-6px)}.pick-card.out{opacity:.34;cursor:not-allowed}.pick-cancel{font:inherit;cursor:pointer;color:var(--ink);opacity:.6;background:0 0;border:0;margin-top:12px;font-size:.95rem;text-decoration:underline}.win-overlay{z-index:80;place-items:center;display:grid;position:fixed;inset:0}.win-overlay[hidden]{display:none}.win-scrim{opacity:0;background:#2e282399;transition:opacity .3s;position:absolute;inset:0}.win-overlay.open .win-scrim{opacity:1}.win-card{--accent:var(--wheat);z-index:2;text-align:center;background:color-mix(in srgb, var(--wheat) 14%, var(--paper));opacity:0;width:min(440px,100vw - 32px);padding:22px 26px 20px;transition:opacity .3s;position:relative}.win-overlay.open .win-card{opacity:1;animation:.6s cubic-bezier(.21,.72,.29,1) panel-rise}.win-eyebrow{font-family:var(--panel-prose-font);letter-spacing:.22em;text-transform:uppercase;opacity:.65;margin:0;font-size:.7rem}.win-score{color:var(--player);margin:2px 0 -8px;font-size:5rem;line-height:1}.win-card h2{font-family:var(--panel-title-font);margin:0 0 8px;font-size:1.5rem}.win-sub{font-family:var(--panel-prose-font);opacity:.85;margin:0 0 16px;font-size:.84rem;line-height:1.5}.win-close{font:inherit;cursor:pointer;background:var(--player);color:var(--paper);border:0;border-radius:6px;padding:8px 18px;font-size:1.05rem}.win-confetti{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.win-confetti i{background:var(--c);opacity:.9;width:13px;height:15px;animation:linear forwards win-fall;position:absolute;top:-6vh}.win-confetti i.hex{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.win-confetti i.card{border-radius:2px;width:11px;height:16px}@keyframes win-fall{0%{opacity:.95;transform:translate(0)rotate(0)}to{transform:translate(var(--drift), 112vh) rotate(var(--spin));opacity:.5}}@media (prefers-reduced-motion:reduce){.vp-chip,.pick-box,.pick-card,.win-card{transition:none;animation:none}.win-overlay.open .win-card{animation:none}}.home-btn{z-index:40;background:var(--paper);border:2px solid var(--ink);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:50%;font-size:1.3rem;position:fixed;bottom:14px;right:14px}.dice{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.dice-roll{background:var(--paper);border:2px solid var(--ink);cursor:pointer;border-radius:8px;padding:6px 8px}.dice-faces{gap:4px;display:flex}.die{background:var(--paper);border:1.6px solid var(--ink);border-radius:4px;grid-template-columns:repeat(3,1fr);gap:2px;width:34px;height:34px;padding:4px;display:grid}.die i{width:100%;display:block}.die i.pip{background:var(--ink);border-radius:50%}.dice-count{background:var(--paper);border:1.5px solid var(--ink);border-radius:4px;padding:1px 8px;font-size:.82rem}dialog#modal{width:92vw;max-width:580px;max-height:86vh;padding:0;overflow:visible}dialog#modal[open]{flex-direction:column;display:flex}dialog#modal::backdrop{background:#2e282394}@keyframes panel-rise{0%{opacity:0;transform:perspective(1400px) translate(var(--from-x,0px), var(--from-y,0px)) scale(var(--from-scale,.3)) rotateX(26deg)}to{opacity:1;transform:perspective(1400px)translate(0)scale(1)rotateX(0)}}@keyframes panel-fade{0%{opacity:0}to{opacity:1}}@keyframes panel-swap{0%{opacity:.25;transform:perspective(1400px)translateY(9px)scale(.975)}to{opacity:1;transform:none}}dialog#modal.opening{animation:.56s cubic-bezier(.21,.72,.29,1) panel-rise}dialog#modal.opening::backdrop{animation:.42s panel-fade}dialog#modal.swapping{animation:.26s ease-out panel-swap}dialog#modal.closing{pointer-events:none;animation:.3s cubic-bezier(.5,0,.75,.4) reverse forwards panel-rise}dialog#modal.closing::backdrop{animation:.3s reverse forwards panel-fade}.cv-section{margin:0 0 4px}.cv-heading{font-size:calc(.8rem * var(--type-scale,1));font-family:var(--panel-prose-font);letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--accent,var(--ink));margin:18px 0 8px;padding-bottom:3px;font-weight:700}.cv-section:first-of-type .cv-heading{margin-top:4px}.cv-entry{margin:0 0 12px}.cv-entry:last-child{margin-bottom:0}.cv-line{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.cv-line h4{font-family:var(--panel-heading-font);font-weight:700;font-size:calc(1.02rem * var(--type-scale,1));margin:0;line-height:1.25}.cv-when,.cv-where{font-size:calc(.78rem * var(--type-scale,1));opacity:.7;font-variant-numeric:tabular-nums;flex:none}.cv-sub{font-size:calc(.86rem * var(--type-scale,1));opacity:.9;font-style:italic}.cv-sub .cv-stack{opacity:.8;font-style:normal}.cv-where{font-style:normal}.cv-rows{font-size:calc(.85rem * var(--type-scale,1));grid-template-columns:auto 1fr;gap:2px 10px;margin:5px 0 0;display:grid}.cv-rows dt{opacity:.75;font-weight:700}.cv-rows dd{margin:0}@media (width<=460px){.cv-rows{grid-template-columns:1fr;gap:0}.cv-rows dt{margin-top:5px}}.cv-entry ul{padding-left:calc(17px * var(--type-scale,1));margin:4px 0 0}.cv-entry li{margin-bottom:2px}.resume-file{border-top:1.5px dashed #2e282366;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:18px;padding-top:14px;display:flex}.resume-sheet{--print-w:128px;--print-h:calc(var(--print-w) * (2200 / 1700));height:calc(var(--print-h) * var(--type-scale,1) + 26px);width:calc(var(--print-w) * var(--type-scale,1) + 30px);flex:none;margin:0}.resume-sheet .photo img{object-fit:contain}.resume-sheet .photo:hover,.resume-sheet .photo:focus-visible{transform:translate(-50%, -50%) translate(var(--x), calc(var(--y) - 4px)) rotate(0deg) scale(1.06)}.resume-get{margin:0}.resume-get a{font-family:var(--panel-prose-font);font-size:calc(.82rem * var(--type-scale,1));color:var(--ink);background:var(--paper);border:1.6px solid var(--ink);border-radius:6px;padding:6px 15px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:2px 3px #14100c38}.resume-get a:hover{transform:translate(-1px,-2px);box-shadow:3px 4px #14100c47}.card-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.card-grid-item{text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:var(--paper);border:1.6px solid var(--ink);border-radius:8px;padding:9px 11px;transition:transform .15s,box-shadow .15s}.card-grid-item:hover{transform:translate(-1px,-2px);box-shadow:3px 4px #14100c38}.card-grid-item h4{font-family:var(--panel-title-font);margin:0 0 3px;font-size:1.15rem;font-weight:700}.card-grid-item p{font-family:var(--panel-prose-font);opacity:.85;margin:0;font-size:.78rem}.embed-fallback{opacity:.75;font-size:.8rem}.contact-form{flex-direction:column;gap:8px;margin:12px 0;display:flex}.contact-form label{flex-direction:column;gap:3px;font-size:.82rem;display:flex}.contact-form input,.contact-form textarea{font:inherit;font-family:var(--panel-prose-font);border:1.5px solid var(--ink);border-radius:5px;padding:6px 8px}.contact-form textarea{resize:vertical}.contact-form button{font:inherit;cursor:pointer;background:var(--player);color:var(--paper);border:0;border-radius:6px;padding:7px 16px}.contact-form button:disabled{cursor:default;opacity:.6}.contact-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.contact-status{opacity:.8;font-size:.78rem}.contact-status.bad{opacity:1;color:var(--player)}.contact-status a{color:inherit}.contact-sent{border:1.5px dashed var(--ink);font-family:var(--panel-title-font);border-radius:7px;margin:12px 0;padding:10px 12px;font-size:1.05rem}.contact-form .hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.m-nav .nav-back{margin-right:auto}.exp-overlay{z-index:45;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.exp-overlay[hidden]{display:none}body.exp-open .hud-header,body.exp-open .hud,body.exp-open .vp-hud,body.exp-open .home-btn{opacity:0;pointer-events:none;transition:opacity .35s}.exp-scrim{opacity:0;background:#2e2823a8;transition:opacity .55s;position:absolute;inset:0}.exp-overlay.lit .exp-scrim{opacity:1}.exp-stage{transform-origin:0 0;pointer-events:none;will-change:transform;transition:opacity .4s;position:absolute;top:0;left:0}.exp-stage .exp-road .road-seg,.exp-stage .exp-road image{filter:drop-shadow(0 3px 6px #00000073)}.exp-overlay.focused .exp-stage{opacity:.16}.exp-head{text-align:center;color:var(--paper);pointer-events:none;opacity:0;transition:opacity .5s .15s;position:absolute;top:18px;left:50%;transform:translate(-50%)}.exp-overlay.lit .exp-head{opacity:1}.exp-head h2{margin:0;font-size:2rem}.exp-head p{opacity:.8;margin:2px 0 0;font-size:1.05rem}.exp-overlay.compact .exp-head h2{font-size:1.6rem}.exp-overlay.compact .exp-head p{display:none}.exp-close{background:var(--paper);border:2px solid var(--ink);width:40px;height:40px;color:var(--ink);cursor:pointer;opacity:0;z-index:3;border-radius:50%;font-size:1.5rem;line-height:1;transition:opacity .5s .15s;position:absolute;top:14px;right:16px}.exp-overlay.lit .exp-close{opacity:1}.exp-cards{pointer-events:none;position:absolute;inset:0}.exp-card{opacity:0;pointer-events:auto;cursor:pointer;--accent:var(--player);flex-direction:column;padding:0;transition:opacity .45s,transform .45s cubic-bezier(.215,.61,.355,1),left .42s cubic-bezier(.215,.61,.355,1),bottom .42s cubic-bezier(.215,.61,.355,1),width .42s cubic-bezier(.215,.61,.355,1),height .42s cubic-bezier(.215,.61,.355,1);display:flex;position:absolute;transform:translate(-50%,14px)}.exp-overlay.landed .exp-card{opacity:1;transition-delay:calc(var(--i) * var(--stagger,70ms));transform:translate(-50%)}.exp-card:after{content:"";left:50%;bottom:calc(-1 * var(--stem,22px));width:0;height:var(--stem,22px);border-left:2px dashed var(--player);opacity:.85;position:absolute}.exp-card.ghost{opacity:0;border-style:dashed}.exp-overlay.landed .exp-card.ghost{opacity:.82}.exp-card-scroll{overflow:hidden}.exp-card.is-focused.is-settled.is-capped .exp-card-scroll{overscroll-behavior:contain;overflow-y:auto}.exp-card:not(.is-focused).is-clipped .exp-card-scroll{-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 26px),#0000 100%)}.exp-overlay.tight .exp-card:not(.is-focused) ul,.exp-overlay.tight .exp-card:not(.is-focused) .panel-sub{display:none}.exp-card:not(.is-focused) .panel-head{gap:7px;padding:7px 10px 6px}.exp-card:not(.is-focused) .panel-close{display:none}.exp-card:not(.is-focused) .panel-icon{width:calc(30px * var(--type-scale,1))}.exp-card:not(.is-focused) .panel-eyebrow{font-size:calc(.92rem * var(--type-scale,1))}.exp-card:not(.is-focused) .panel-body{padding:8px 11px}.exp-card:not(.is-focused) .exp-card-more{padding:4px 11px 5px}.exp-card .panel-body:empty{display:none}.exp-card-more{cursor:pointer;width:100%;font:inherit;font-family:var(--panel-prose-font);font-size:calc(.76rem * var(--type-scale,1));color:var(--player);text-align:left;background:0 0;border:0;border-top:1.5px dashed #2e28236b}.exp-card-more:hover{text-decoration:underline}.exp-more-close,.exp-card.is-focused .exp-more-open{display:none}.exp-card.is-focused .exp-more-close{display:inline}.exp-card:not(.is-focused) .exp-extra{display:none}.exp-card.is-focused{z-index:4;cursor:default;-webkit-user-select:text;user-select:text;box-shadow:7px 10px #14100c4d,0 22px 52px #0006}.exp-card.is-focused:after{display:none}.exp-overlay.landed .exp-card.is-focused.ghost{opacity:1}.exp-overlay.focused .exp-card:not(.is-focused){opacity:0;pointer-events:none}.exp-extra{border-top:1.5px dashed #2e282359;margin-top:12px;padding-top:12px}.stack{display:none}@media (width<=780px){html,body{height:auto;overflow:visible}.viewport,.hud,.hud-header,.home-btn,.vp-hud{display:none}.stack{max-width:480px;margin:0 auto;padding:16px 14px 48px;display:block}.m-ports{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.m-ports a{background:var(--paper);border:1.5px solid var(--ink);color:var(--ink);border-radius:5px;padding:4px 9px;font-size:.85rem;text-decoration:none}.m-trade{width:100%;font:inherit;background:var(--paper);border:2px solid var(--ink);color:var(--ink);cursor:pointer;border-radius:8px;margin-bottom:14px;padding:10px;font-size:1.15rem;display:block}body.rc-open{overflow:hidden}.rc-toast{max-width:calc(100vw - 32px)}.m-hand-group{border-left-color:var(--player)}.m-hand-note{opacity:.75;margin:0 0 10px;font-family:system-ui,sans-serif;font-size:.8rem}.m-hand .hand{-webkit-overflow-scrolling:touch;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.m-hand .hand-card{flex:none;margin-left:0}.m-hand .hand-card.same-resource{margin-left:0}.m-hand .hand-card img{height:104px}.m-hand .hand-tip{display:none}.m-dev{width:100%;font:inherit;background:var(--paper);border:2px dashed var(--ink);color:var(--ink);cursor:pointer;border-radius:8px;margin-bottom:4px;padding:10px;font-size:1.05rem;display:block}.m-dev-card{--accent:var(--dev);border-width:2.4px;border-radius:9px;margin:8px 0 18px;overflow:hidden;box-shadow:3px 4px #2e282333}.m-dev-art{width:90px;margin:10px auto 0;display:block}.m-group{border-left:4px solid var(--accent,var(--ink));margin-bottom:20px;padding-left:10px}.m-group h2{margin:0 0 8px;font-size:1.2rem}.m-tile{border:2px solid var(--ink);width:100%;font:inherit;color:var(--ink);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:8px 12px;font-size:1.15rem;display:flex}.m-tile img{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:44px}.m-tile.m-filler{opacity:.55;border-style:dashed;font-size:.95rem}.m-milestone.city img{filter:drop-shadow(0 0 4px var(--player))}.m-milestone small{opacity:.7;font-family:system-ui,sans-serif;font-size:.75rem;display:block}.m-timeline{scroll-margin-top:12px}.m-timeline.flash{animation:1.4s ease-out m-flash}@keyframes m-flash{0%,to{border-left-color:var(--accent,var(--ink))}25%{border-left-color:var(--player);background:#c0462b17}}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}