*{box-sizing:border-box}html,body{height:100%}body{color:#2f2513;background-color:#d0ba8e;background-image:radial-gradient(120% 90% at 50% 0,#fff6de73,#0000 60%),radial-gradient(140% 120% at 50% 100%,#3c220e59,#0000 65%),url(/assets/parchment-C9Rivjl6.png);background-repeat:no-repeat,no-repeat,repeat;margin:0;font:12px/1.45 Verdana,Geneva,sans-serif;overflow:hidden}#root{height:100%}.wrap{flex-direction:column;gap:0;width:100%;max-width:1440px;height:100%;margin:0 auto;padding:4px 6px 6px;display:flex}.wrap>nav,.wrap>.bar,.wrap>.err{flex:none}h2{margin:0 0 4px;font-size:12px}h3{margin:0 0 5px;font-size:12px}.topnav{background:linear-gradient(#7d2b21,#5e1d16);border:1px solid #3f120d;border-radius:3px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 8px;display:flex}.topnav button{color:#f3dfb8;font:inherit;text-shadow:0 1px 1px #00000080;background:linear-gradient(#5c231b,#35110c);border:1px solid #8a5544;border-radius:12px;padding:4px 14px;font-weight:700;box-shadow:inset 0 1px #ffdcbe47,0 1px 3px #14080473}.topnav button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #14080499}.topnav button:hover{color:#fff3d4;background:linear-gradient(#63241b,#451612)}.topnav button.on{color:#3b2a12;background:linear-gradient(#e8d6a8,#cdb582);border-color:#8a6a3a}.sandbox{color:#d8c3a0;font:inherit;background:linear-gradient(#4a1a14,#35110c);border:1px solid #7a4a3a;border-radius:12px;padding:4px 12px;font-weight:700}.sandbox.on{color:#2f2513;background:linear-gradient(#d8a52a,#b5851b);border-color:#7a5a10}.score{color:#3b2a12;background:#e8d6a8;border:1px solid #8a6a3a;border-radius:3px;margin-left:auto;padding:3px 12px;font-weight:700}.buildnav{background:#e8dcbd;border:1px solid #a8935f;border-radius:3px 3px 0 0;flex-wrap:wrap;align-items:center;gap:2px;margin:3px 0 0;padding:3px 6px;display:flex}.buildnav button{color:#5c3f16;font:inherit;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:5px;padding:2px 8px;font-weight:700;display:inline-flex}.buildnav button:hover{background:#d8c79a;border-color:#bfa877}.buildnav button.on{background:#cdb582;border-color:#8a6a3a}.nav-icon{object-fit:contain;width:20px;height:20px}.bar{background:linear-gradient(#efe4c8,#e2d3ad);border:1px solid #a8935f;border-bottom:2px solid #7a6435;border-radius:4px 4px 0 0;flex-wrap:wrap;align-items:center;gap:12px;padding:5px 10px;display:flex;box-shadow:inset 0 1px #fffcf0b3}.vname{color:#2f2513;font:inherit;background:linear-gradient(#f6eed6,#e6d8b4);border:1px solid #8a7340;border-radius:3px;padding:3px 9px;font-weight:700;box-shadow:inset 0 1px #fffff5cc,0 1px 2px #46301433}.vname:hover{background:linear-gradient(#fff8e4,#ecdfbe);border-color:#6f5a2c}.vname em{color:#6d5c38;font-style:normal;font-weight:400}.bar .res{margin-left:0}.bar .res:first-of-type{margin-left:auto}.res{align-items:center;gap:4px;font-weight:700;display:inline-flex}.res b{color:#6d5c38;font-weight:400}.res.dim{color:#85714a;font-weight:400}.res.full{color:#8a6a20}.with-icon{align-items:center;gap:5px;display:inline-flex}.indent{color:#85714a;padding-left:19px}.side-list li.total{border-top:1px solid #cbb989;margin-top:2px;padding-top:3px}.unit-name-row{text-transform:capitalize;align-items:center;gap:5px;display:inline-flex}.tbl.effects{width:auto;margin:4px 0 6px}.tbl.effects td{border:0;padding:1px 10px 1px 0}.eff-label{color:#6d5c38}.eff-now{font-weight:700}.eff-next{color:#4f7c25}.arrow{color:#85714a}.err{cursor:pointer;background:#f0cccc;border:1px solid #b06767;margin:4px 0 0;padding:4px 8px;animation:5s ease-in forwards err-linger}@keyframes err-linger{0%,80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.err{animation:none}}.layout{background:#e9ddbf99;border:1px solid #a8935f;border-top:0;border-radius:0 0 4px 4px;flex:auto;align-items:stretch;gap:6px;min-height:0;padding:0 6px 6px;display:flex}.main{flex:auto;min-width:0;min-height:0;padding-top:6px;overflow:auto}.sidebar{flex:0 0 232px;width:232px;min-height:0;font-size:13px;overflow:auto}.side-block{background:#e8dcbd;border:1px solid #a8935f;border-radius:3px;margin-bottom:6px;padding:6px 9px}.sidebar h2{margin-bottom:6px;font-size:13px}.sidebar .side-list li{padding:2px 0}.side-list{margin:0;padding:0;list-style:none}.side-list li{justify-content:space-between;align-items:center;gap:6px;padding:1px 0;display:flex}.unit-name{text-transform:capitalize;align-items:center;gap:4px;display:flex}.pending{color:#6d5c38;font-style:normal}.side-actions{gap:3px;margin-top:5px;display:flex}.village-scene{aspect-ratio:1681/936;border:1px solid #6f5a33;border-top:0;border-radius:0 0 3px 3px;width:auto;max-width:min(100%,1400px);height:auto;max-height:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 3px 10px #301e0c52}.village-backdrop{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.pit-work{pointer-events:none;width:40%;height:55%;position:absolute;bottom:22%;right:18%}.pit-work i{opacity:0;will-change:transform, opacity;border-radius:50%;width:4px;height:4px;animation:3.2s ease-out infinite pit-rise;position:absolute;bottom:0}.pit-work i:first-child{animation-delay:0s;left:12%}.pit-work i:nth-child(2){animation-delay:1.1s;left:46%}.pit-work i:nth-child(3){animation-duration:3.9s;animation-delay:2.2s;left:76%}@keyframes pit-rise{0%{opacity:0;transform:translateY(0)scale(.7)}18%{opacity:.85}70%{opacity:.5}to{opacity:0;transform:translateY(-190%)scale(1.25)}}.pit-work--wood i{background:#a9762f;box-shadow:0 0 3px #a9762fe6}.pit-work--clay i{background:#c2622f;box-shadow:0 0 3px #c2622fe6}.pit-work--iron i{background:#8f9aa6;box-shadow:0 0 3px #8f9aa6e6}.pit-work--food i{background:#4f93c4;box-shadow:0 0 3px #4f93c4e6}@media (prefers-reduced-motion:reduce){.pit-work i{opacity:.55;animation:none}}.hotspot-box{cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.hotspot-box:hover .plot-badge{background:#66a02f;box-shadow:0 0 0 2px #fff6cfe6}.hotspot-box:focus-visible .plot-badge{box-shadow:0 0 0 2px #fff3c4}.town{line-height:0;position:absolute;transform:translate(-50%,-50%)}.town-img{filter:saturate(1.08)contrast(1.04)drop-shadow(0 8px 10px #1e140566);width:100%;height:auto}.hotspot{cursor:pointer;background:0 0;border:0;padding:0;line-height:0;position:absolute;transform:translate(-50%,-50%)}.hotspot:hover .plot-badge{background:#5f9430;box-shadow:0 0 0 2px #fff6cf}.deco{pointer-events:none;filter:saturate(1.12)drop-shadow(2px 5px 3px #1e140566);position:absolute}.wall-badge-hit{cursor:pointer;background:0 0;border:0;padding:0;line-height:0;position:absolute;transform:translate(-50%,-50%)}.plot-badge{z-index:5;color:#fff;text-align:center;text-shadow:0 1px 1px #00000080;pointer-events:none;background:#4f7c25;border:1px solid #2f4d13;border-radius:2px;min-width:17px;padding:0 3px;font-size:11px;line-height:15px;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0006}.hotspot-box.unbuilt .plot-badge{background:#6b6151;border-color:#453f34}.plot-badge.building{background:#b07d1e;border-color:#6d4c0d}.plot-timer{z-index:5;color:#ffe9a8;white-space:nowrap;pointer-events:none;background:#0000009e;border-radius:2px;padding:0 3px;font-size:10px;line-height:13px;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.hint{color:#6d5c38;margin:4px 0 0}.village-view{flex-direction:column;height:100%;min-height:0;margin-top:-6px;display:flex}.village-stage{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.village-group{flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;height:100%;min-height:0;display:flex}.village-group .village-scene{flex-shrink:0}@container (aspect-ratio>=1681/936){.village-stage .village-scene{width:auto;height:100%}}@container (aspect-ratio<=1681/936){.village-stage .village-scene{width:100%;height:auto}}.block,.panel{background:#e8dcbd;border:1px solid #a8935f;margin-bottom:6px;padding:6px 8px}.building-panel .bp-header{background:#e8dcbd;border:1px solid #a8935f;gap:10px;margin-bottom:6px;padding:6px 8px;display:flex}.bp-icon{object-fit:contain;image-rendering:auto;filter:drop-shadow(1px 2px 3px #1e140559);flex:0 0 128px;width:128px;height:128px}.level{color:#6d5c38;font-weight:400}.back{color:#4a3a18;font:inherit;cursor:pointer;background:linear-gradient(#f0e5c9,#ddcaa0);border:1px solid #8a7340;border-radius:12px;align-items:center;gap:6px;margin:6px 0 7px;padding:4px 13px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #fffdf4d9,0 1px 2px #46301447}.back:hover{background:linear-gradient(#fdf5df,#e6d5ac);border-color:#6f5a2c}.back:active{transform:translateY(1px);box-shadow:inset 0 2px 3px #46301459}.tbl{border-collapse:collapse;width:100%}.tbl th,.tbl td{text-align:left;vertical-align:middle;border-bottom:1px solid #cbb989;padding:3px 5px}.tbl th{color:#6d5c38;font-weight:400}.tbl tr.locked td{color:#8a7c5c}.unit-cell{align-items:center;gap:6px;display:inline-flex}.unit-name{text-transform:capitalize;font-weight:700}.tabs-row{border-bottom:1px solid #bfa877;gap:14px;margin-bottom:6px;display:flex}.tab{color:#8a7c5c;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;padding:3px 2px 4px;font-weight:700}.tab.on{color:#7a4f14;border-bottom-color:#9a6b25}.tbl.roster th,.tbl.locked-table th{color:#4a3f28;background:#d8c79a;font-weight:700}.tbl th.mid,.tbl td.mid{text-align:center}.reqs{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.reqs+button,.reqs+.row,.reqs+.queue{margin-top:7px;margin-left:14px}.cost-chip{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.res-icon{flex:0 0 14px;width:14px;height:14px}.req-need{color:#8a6a2c;margin-right:10px;display:inline-flex}.max{color:#6d5c38}button.danger,.panel button.danger,.block button.danger{color:#fff4e6;background:#a8603f;border-color:#7a3f26}.panel button.danger:hover:not(:disabled),.block button.danger:hover:not(:disabled){background:#bd6f4a;border-color:#8f2d16}button.danger:disabled{color:#8a7c5c;background:#d5cbb0;border-color:#b3a684}.nums{white-space:nowrap}.unit-icon{object-fit:contain;image-rendering:auto;width:30px;height:30px}.unit-name-row .unit-icon{width:30px;height:30px}.queue{margin:5px 0 0;padding:0;list-style:none}.queue li{border-bottom:1px solid #cbb989;justify-content:space-between;align-items:center;gap:8px;padding:2px 0;display:flex}.queue.tight li:last-child{border-bottom:none}.timer{font-family:monospace;font-size:12px}.cost{color:#55492c;flex-wrap:wrap;gap:8px;margin:4px 0;display:flex}.note{color:#6d5c38;margin:3px 0}.warn{color:#9a3b3b;margin:3px 0}.bad{color:#9a3b3b}.row{align-items:center;gap:4px;display:flex}.row.wrap{flex-wrap:wrap;margin-bottom:5px}.field{margin:4px 0;display:block}.field>span{color:#6d5c38;margin-right:4px;display:inline-block}.field.inline{text-transform:capitalize;align-items:center;gap:4px;display:flex}input,select{font:inherit;color:#2f2513;background:#fffdf6;border:1px solid #a8935f;border-radius:2px;max-width:100%;padding:3px 5px;box-shadow:inset 0 1px 2px #5a461e24}input:focus,select:focus{border-color:#8a6a2c;outline:none;box-shadow:inset 0 1px 2px #5a461e24,0 0 0 2px #c8a86080}input[type=number]{text-align:right;width:62px}input:disabled{color:#9c9078;background:#eee7d6}select{padding-right:18px}button{font:inherit;cursor:pointer}.rally-tabs{gap:4px;margin-bottom:6px;display:flex}.rally-tabs button{background:#d8c69a;border:1px solid #a8935f;border-bottom-color:#0000;padding:3px 12px;font-weight:700}.rally-tabs button.on{color:#5c3f16;background:#e8dcbd}.sim-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.sim-head h3{margin:0}.sim-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sim-side{background:#f6eed8;border:1px solid #bfa877;padding:6px 7px}.sim-side h4{border-bottom:1px solid #c3b287;margin:0 0 5px;padding-bottom:3px;font-size:12px}.sim-group{margin-bottom:5px}.sim-group-title{color:#6b5227;text-transform:uppercase;letter-spacing:.4px;font-size:10px;display:block}.sim-row{align-items:center;gap:4px;margin-bottom:2px;display:flex}.sim-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:11px;overflow:hidden}.sim-row input{text-align:right;flex:0 0 58px;width:58px;padding:1px 3px}.sim-conditions .field{margin-bottom:6px;font-size:11px}.sim-conditions input,.sim-conditions select{width:100%;padding:1px 3px}.sim-side-actions{margin-top:4px}.sim-bonuses{border-top:1px solid #c3b287;margin-bottom:8px;padding-top:5px}.sim-bonuses select{width:100%;margin-top:3px;padding:1px 3px}.sim-bonus{align-items:center;gap:4px;margin:2px 0;display:flex}.sim-bonus input{text-align:right;flex:0 0 44px;width:44px;padding:1px 3px}.sim-drop{color:#7d2b1e;cursor:pointer;background:0 0;border:0;padding:0 5px;line-height:1}.sim-result{background:#efe6cc;border:1px solid #bfa877;margin-top:8px;padding:7px 9px}.sim-result h4{margin:0 0 6px;font-size:13px}.sim-result h4.won{color:#4f7c25}.sim-result h4.lost{color:#8d3324}.troop-groups{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.troop-group{background:#e3d5ae;border:1px solid #b39c67;border-radius:3px;min-width:132px;padding:0 0 4px}.troop-group h4{background:#cbb583;border-bottom:1px solid #b39c67;border-radius:2px 2px 0 0;margin:0 0 4px;padding:3px 8px;font-size:12px}.troop-row{align-items:center;gap:5px;padding:2px 8px;display:flex}.troop-row.none{opacity:.45}.troop-row input{field-sizing:content;text-align:right;font-variant-numeric:tabular-nums;flex:none;width:auto;min-width:4.5ch;max-width:9ch}.count{color:#6d5c38;text-align:left;min-width:30px}.command-row{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.box{background:#e8dcbd;border:1px solid #b39c67;border-radius:3px;margin:0;padding:6px 10px 8px}.box legend{color:#5c3f16;padding:0 5px;font-style:italic;font-weight:700}.target-box{min-width:300px}.radios{flex-wrap:wrap;gap:12px;margin-bottom:5px;display:flex}.radios label{align-items:center;gap:4px;display:inline-flex}.radios input{box-shadow:none}.coord-input{width:100%}.cmd{text-shadow:0 1px 1px #00000059;border-radius:3px;padding:5px 18px;font-weight:700}.cmd.attack{color:#fff4e6;background:linear-gradient(#a8603f,#7f4127);border:1px solid #5e2d18}.cmd.support{color:#f2f8e8;background:linear-gradient(#5f7f4a,#46612f);border:1px solid #2f4520}.cmd.scout{color:#eaf0f8;background:linear-gradient(#5c6b86,#3f4b62);border:1px solid #2a3242}.cmd:disabled{color:#8a7c5c;text-shadow:none;background:#d5cbb0;border-color:#b3a684}.block button,.panel button,.side-actions button,.bp-header button,.queue button{color:#2f2513;text-shadow:0 1px #fffae859;background:linear-gradient(#d3b678,#b0904f);border:1px solid #7d6a41;border-radius:4px;padding:3px 10px;box-shadow:inset 0 1px #fffae88c,inset 0 -1px #3c2c1040,0 1px 2px #281e0a4d}.block button:hover,.panel button:hover,.side-actions button:hover,.bp-header button:hover,.queue button:hover{background:linear-gradient(#e0c68c,#bb9c58)}.block button:active:not(:disabled),.panel button:active:not(:disabled),.side-actions button:active:not(:disabled),.bp-header button:active:not(:disabled),.queue button:active:not(:disabled){background:linear-gradient(#b0904f,#c6a869);transform:translateY(1px);box-shadow:inset 0 2px 3px #3c2c1066}button:disabled{box-shadow:none;text-shadow:none;color:#8a7c5c;cursor:not-allowed;background:#d5cbb0;border-color:#b3a684}.link{color:#6a4a1f;background:0 0;border:0;padding:0;text-decoration:underline}.asset-missing{color:#7d6a41;background:#cbb989;justify-content:center;align-items:center;font-size:11px;line-height:1;display:flex}.map-view{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.map-panel{flex-direction:column;flex:auto;min-height:0;margin-bottom:0;display:flex;position:relative}.map-head{flex:none;align-items:baseline;gap:12px;display:flex}.map-title{margin:0 0 6px;font-size:14px}.map-zoom{align-items:center;gap:4px;display:inline-flex}.map-zoom button{width:20px;padding:0;font-weight:700;line-height:1.2}.zoom-name{color:#5c3f16;text-align:center;min-width:46px;font-size:11px}.map-layout{flex:auto;gap:8px;min-height:0;display:flex}.map-rail{flex:0 0 264px;width:264px;min-height:0;overflow:auto}.map-rail h4{margin:0 0 4px;font-size:12px}.minimap{background:#efe6cc;border:1px solid #bfa877;padding:3px;line-height:0}.minimap canvas{cursor:crosshair;display:block}.minimap-range{text-align:center;margin:2px 0 0;font-size:10px}.map-frame{flex:auto;justify-content:center;align-items:flex-start;min-width:0;min-height:0;display:flex;position:relative}.map-figure{flex:none;position:relative}.ruler-x,.ruler-y{color:#6d5c38;font-size:10px;line-height:1;display:grid}.ruler-x{text-align:center;margin-left:30px}.map-body{display:flex}.ruler-y{text-align:right;flex:0 0 30px;width:30px;padding-right:4px}.ruler-y span{justify-content:flex-end;align-items:center;display:flex}.map-grid{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#7d9e4e;background-image:radial-gradient(circle at 25% 30%,#ffffff0f 0 22%,#0000 23%),radial-gradient(circle at 70% 65%,#0000000d 0 20%,#0000 21%);background-position:0 0;background-repeat:repeat;background-size:64px 64px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #6b5c3a;gap:0;display:grid}.map-grid.grabbing{cursor:grabbing}.map-grid img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.map-legend{background:#efe6cc;border:1px solid #bfa877;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:6px;padding:4px 7px;display:flex}.map-legend span{align-items:center;gap:5px;display:inline-flex}.swatch{border:1px solid #5c5343;width:11px;height:11px}.swatch.own{background:#58a8ff}.swatch.barb{background:#9c9686}.rich-text{color:#a8600c;font-weight:700}.eff-bonus{color:#a8600c}.swatch.rich{background:#ff9c2e;box-shadow:0 0 4px #ffcf7a}.map-grid .tile{background:0 0;border:0;padding:0;line-height:0;position:relative}.map-grid .tile img{object-fit:contain;pointer-events:none;width:100%;height:100%}.map-grid.plain .tile.t-forest{background:#5f8138}.map-grid.plain .tile.t-tree{background:#6c8f3f}.map-grid.plain .tile.t-hill{background:#93a05a}.pip{background:#9c9686;border:1px solid #140f0599;position:absolute;inset:22%}.tile.village.own .pip{background:#58a8ff;box-shadow:0 0 5px 1px #58a8ffe6}.tile.village.foe .pip{background:#b23c30}.tile.village.rich .pip{background:#ff9c2e;box-shadow:0 0 5px 1px #ffcf7a}.tile.village.own.rich .pip{background:#ff9c2e;box-shadow:0 0 0 2px #58a8fff2,0 0 6px 2px #58a8ffb3}.tile.cb-left{box-shadow:inset 1px 0 #14280a8c}.tile.cb-top{box-shadow:inset 0 1px #14280a8c}.tile.cb-left.cb-top{box-shadow:inset 1px 0 #14280a8c,inset 0 1px #14280a8c}.tile.village{cursor:pointer;z-index:1}.tile.village img{transform-origin:50%;filter:drop-shadow(1px 2px 2px #140f058c);transform:scale(1.2)}.tile.village.barb img{filter:saturate(.55)brightness(.92)drop-shadow(1px 1px 1px #140f0580)}.tile.village.own img{filter:saturate(1.25)brightness(1.08)drop-shadow(0 0 3px #ffe9a0)}.tile.village:hover img{filter:brightness(1.15)drop-shadow(0 0 4px #fff6cf)}.tile.village.sel{outline-offset:-2px;z-index:30;outline:2px solid #fff3c4}.tile.village.own,.tile.village.rich{z-index:2}.tile.village.own:before{content:"";pointer-events:none;background:radial-gradient(circle,#58a8ff80 0%,#58a8ff24 72%);border:2px solid #6fc0ff;border-radius:4px;position:absolute;inset:2%;box-shadow:0 0 7px #6fc0ffe6,inset 0 0 8px #6fc0ff80}.tile.village.rich:after{content:"";pointer-events:none;will-change:opacity;z-index:-1;background:radial-gradient(circle,#ffaa28d9 0%,#ffaa2800 68%);animation:2.4s ease-in-out infinite alternate rich-glow;position:absolute;inset:-12%}.tile.village.own.rich:after{inset:14%}.map-grid.plain .tile.village.own:before{border-width:2px;inset:8%}.tile.village.rich img{filter:saturate(1.15)brightness(1.05)drop-shadow(0 0 3px #ffb43c)}.tile.village.own.rich img{filter:saturate(1.2)brightness(1.08)drop-shadow(0 0 3px #ffb43c)drop-shadow(0 0 5px #58a8ffe6)}@keyframes rich-glow{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){.tile.village.rich:after{opacity:.8;animation:none}}.map-tip{z-index:30;text-align:left;pointer-events:none;background:#fdf6e0;border:1px solid #7d6234;width:178px;margin-bottom:4px;padding:4px 6px;line-height:1.35;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:2px 3px 6px #140f0566}.tile.village:hover .map-tip{display:block}.map-tip.tip-below{margin-top:4px;margin-bottom:0;top:100%;bottom:auto}.map-tip.tip-start{left:0;transform:none}.map-tip.tip-end{left:auto;right:0;transform:none}.tip-head{color:#5c3f16;margin-bottom:2px;font-weight:700;display:block}.tip-head.rich{color:#a8600c}.tip-bonus{color:#a8600c;align-items:center;gap:7px;margin-bottom:2px;font-weight:700;display:flex}.tip-bonus em{font-style:normal;line-height:1.25}.bonus-icon{object-fit:contain;object-position:center;flex:none}.tile.village .bonus-icon.tile-bonus{pointer-events:none;z-index:3;filter:drop-shadow(0 1px 2px #140c00d9);margin:auto;position:absolute;inset:0}.tip-row{color:#6b5227;justify-content:space-between;gap:8px;font-size:11px;display:flex}.mv-menu{z-index:40;width:0;height:0;position:absolute;top:50%;left:50%}.mv-menu-btn{width:26px;height:26px;transform:rotate(var(--angle,0deg)) translate(var(--ring,30px)) rotate(calc(-1 * var(--angle,0deg))) translate(-50%, -50%);color:#f3dfb8;cursor:pointer;background:linear-gradient(#5b4a2c,#3a2e18);border:1px solid #b79b62;border-radius:3px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex;position:absolute;top:0;left:0;box-shadow:1px 2px 4px #140f0580}.mv-menu-btn:hover{color:#fff6cf;background:linear-gradient(#776136,#4b3b1e)}.tile.village.sel:hover .map-tip{display:none}.mv-backdrop{z-index:50;background:#1e160873;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.mv-shell{min-height:0;max-height:94vh;overflow:hidden auto}.mv-panel{background:#f0e4c4;border:2px solid #7d6234;width:min(760px,96vw);padding:8px 10px;box-shadow:0 4px 14px #140f0573}.mv-head{border-bottom:1px solid #c3b287;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;padding-bottom:4px;display:flex}.mv-head h3{margin:0}.mv-close{color:#7d2b1e;cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:14px;line-height:1}.mv-groups{grid-template-columns:repeat(4,minmax(min-content,1fr));gap:6px;margin-bottom:8px;display:grid}.mv-group h4{background:#d8c69a;border:1px solid #bfa877;margin:0 0 3px;padding:2px 5px;font-size:11px}.mv-unit{align-items:center;gap:4px;margin-bottom:3px;display:flex}.mv-unit input{field-sizing:content;text-align:right;font-variant-numeric:tabular-nums;flex:none;width:auto;min-width:4.5ch;max-width:8ch;padding:2px 4px}.mv-unit .mv-have{flex:0 auto;min-width:0}.mv-unit.empty{opacity:.45}.mv-have{all:unset;color:#6b5227;white-space:nowrap;cursor:pointer;border-radius:2px;font-size:11px}.mv-have:hover:not(:disabled){color:#3d2f12;background:#f2e6c4;text-decoration:underline}.mv-have:disabled{color:#a2916d;cursor:default}.mv-res{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:6px;display:grid}.mv-res-row{align-items:center;gap:4px;display:flex}.mv-res-row input{field-sizing:content;text-align:right;font-variant-numeric:tabular-nums;flex:none;width:auto;min-width:6ch;max-width:11ch;padding:2px 4px}.mv-target{background:#e4d6ae;border:1px solid #bfa877;align-items:center;gap:8px;margin:6px 0;padding:5px 7px;display:flex}.mv-target img{object-fit:contain;width:34px;height:34px}.mv-target div{flex-direction:column;display:flex}.mv-actions{align-items:center;gap:6px;margin-top:6px;display:flex}.mv-plain{margin-left:auto}.mv-mail{width:100%;font:inherit;resize:vertical;background:#fffdf6;border:1px solid #a8935f;padding:4px}.map-pan{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;bottom:6px;right:6px}.map-pan button{background:#e8dcbde6;border:1px solid #7d6a41;width:22px;height:20px;padding:0;line-height:1}.map-info{background:#efe6cc;border:1px solid #bfa877;flex-direction:column;align-items:flex-start;gap:2px;margin-top:5px;padding:5px 7px;display:flex}.map-info button{margin-top:4px}.reports-body{align-items:flex-start;gap:8px;display:flex}.report-cats{flex-direction:column;flex:0 0 110px;width:110px;display:flex}.report-cats button{color:#7a4f14;font:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #d5c69b;padding:4px 9px;font-weight:700}.report-cats button:hover{background:#e3d5ae}.report-cats button.on{background:#cdb582}.report-main{flex:auto;min-width:0}.dot{vertical-align:middle;border:1px solid #00000059;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.dot.clean{background:#46a83c}.dot.costly{background:#d8a52a}.dot.lost{background:#b23c30}.dot.scouted{background:#2f6fb4}.reports-list tbody tr{cursor:pointer}.reports-list tbody tr:hover{background:#efe6cc}.reports-list tr.unread{background:#fff6dd;font-weight:700}.loyalty-tag{color:#9a3b3b;font-weight:700}.verdict{margin:8px 0 6px;font-size:14px}.good{color:#3d7c34}.captured{color:#7a4f14}.tbl.side th:first-child,.tbl.meta th,.tbl.haul th{text-align:left;width:92px}.tbl.side td,.tbl.side th{padding:3px 4px}.tbl.side.blind-side td.note{padding:8px 10px;font-style:italic;line-height:1.45}.villages-list{background:#f4ebd5;border:1px solid #a8935f;border-radius:3px;overflow:hidden}.villages-list thead th{color:#4a3a18;white-space:nowrap;background:linear-gradient(#e6d8b3,#d8c79b);border-bottom:1px solid #a8935f;padding:6px 9px;font-weight:700}.villages-list tbody td{border-bottom:1px solid #ddcda6;border-right:1px solid #e8dec2;padding:7px 9px}.villages-list thead th:last-child,.villages-list tbody td:last-child{border-right:0}.villages-list tbody tr:last-child td{border-bottom:0}.villages-list th.nums,.villages-list td.nums{text-align:right;font-variant-numeric:tabular-nums}.villages-list .none{color:#a8956c}.villages-list th.act,.villages-list td.act{text-align:right;white-space:nowrap;width:1%}.villages-list tbody tr:nth-child(2n){background:#fffbee80}.villages-list tbody tr{cursor:pointer}.villages-list tbody tr:hover{background:#efe6cc}.villages-list tr.here{background:#f6edd2;box-shadow:inset 3px 0 #4f7c25}.ch-head{align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.ch-head h3{margin:0 0 6px}.ch-kind{color:#6b5227;font-size:12px;font-style:italic;font-weight:400}.ch-portrait{background:#efe4c8;border:2px solid #7d6234;flex:none;width:84px;height:84px;position:relative;box-shadow:inset 0 0 0 1px #cbb98d}.ch-face{object-fit:cover;width:100%;height:100%}.ch-level{color:#fff;text-align:center;background:#7d2b1e;border:1px solid #f0e3c2;border-radius:3px;min-width:22px;padding:1px 4px;font-size:12px;font-weight:700;position:absolute;bottom:-6px;right:-6px}.ch-id{flex:auto;min-width:0}.ch-xp{align-items:center;gap:8px;margin-bottom:6px;display:flex}.ch-xp-track{background:#fffdf6;border:1px solid #a8935f;flex:auto;max-width:260px;height:12px;position:relative}.ch-xp-fill{background:linear-gradient(#6ba63a,#4f7c25);height:100%;position:absolute;top:0;left:0}.ch-stats{flex-wrap:wrap;gap:4px 18px;margin:0;display:flex}.ch-stats dt{color:#6b5227;text-transform:uppercase;letter-spacing:.4px;font-size:11px}.ch-stats dd{margin:0;font-weight:700}.ch-stats dd.hot{color:#4f7c25}.ch-rule{margin:0 0 8px}.ch-tracks{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ch-track{background:#f6eed8;border:1px solid #b9a878;flex-direction:column;gap:5px;padding:6px;display:flex}.ch-track-head{color:#fff;border-radius:2px;padding:4px 6px}.ch-track-head h4{margin:0;font-size:13px}.ch-track-head .note{color:#ffffffd9;margin:0;font-size:11px}.ch-offense .ch-track-head{background:#8d3324}.ch-village .ch-track-head{background:#4f7c25}.ch-defense .ch-track-head{background:#2f5b86}.sk{background:#fffdf6;border:1px solid #c3b287;padding:5px 6px}.sk-top{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.sk-rank{color:#6b5227;font-size:11px}.sk-pips{gap:3px;margin:3px 0;display:flex}.sk-pips span{background:#e2d6b4;border:1px solid #b9a878;width:100%;height:5px}.sk-pips span.on{background:linear-gradient(#e0b53f,#b8862a)}.sk .note{margin:0 0 4px;font-size:11px;line-height:1.25}.sk-foot{justify-content:space-between;align-items:center;gap:6px;display:flex}.sk-eff{color:#4f7c25;font-weight:700}.sk-foot button{padding:1px 8px;font-size:11px}.sk-gate{color:#8d3324;font-size:11px;font-style:italic}.sk-locked{opacity:.62;background:#efe8d4}.sk-full .sk-eff{color:#8a6d1f}.glyph{flex:none}.glyph-btn{all:unset;cursor:pointer;border-radius:3px;flex:none;align-items:center;display:inline-flex}.glyph-btn:hover{background:#fff0c880;box-shadow:0 0 0 2px #fff0c880}.glyph-btn:focus-visible{outline-offset:1px;outline:2px solid #7d6234}.as-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.as-link:hover .unit-name{color:#7a4f14;text-decoration:underline}.modal-backdrop{z-index:50;background:#1e14088c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.unit-card{background:#efe6cc;border:1px solid #8a6a3a;border-radius:4px;width:min(760px,100%);max-height:90vh;overflow:auto;box-shadow:0 6px 22px #140c0473}.uc-head{background:linear-gradient(#cdb582,#bda471);border-bottom:1px solid #8a6a3a;align-items:center;gap:8px;padding:6px 10px;display:flex}.uc-head h3{text-transform:capitalize;margin:0;font-size:14px}.uc-glyph{width:30px;height:30px}.uc-close{color:#fff4e6;background:#a8603f;border:1px solid #7a3f26;border-radius:2px;margin-left:auto;padding:1px 8px;font-weight:700}.uc-body{align-items:flex-start;gap:10px;padding:10px;display:flex}.uc-text{flex:auto;min-width:0}.uc-role{color:#4a3f28;background:#d8c69a;border-left:3px solid #7d6234;margin:0 0 4px;padding:2px 6px;font-weight:700}.uc-blurb{color:#4a3f28;margin:0 0 8px}.uc-costs,.uc-stats{margin-bottom:8px}.uc-costs th,.uc-stats th{color:#4a3f28;background:#d8c79a;font-weight:700}.uc-portrait{object-fit:contain;filter:drop-shadow(2px 3px 4px #1e140559);flex:0 0 210px;width:210px}@media (width<=700px){.uc-body{flex-direction:column-reverse}.uc-portrait{flex:none;align-self:center;width:160px}}.badge-here{color:#fff;background:#4f7c25;border-radius:2px;margin-left:6px;padding:0 5px;font-size:10px}.tbl.side,.tbl.meta,.tbl.haul{margin-bottom:6px}.tbl.side th,.tbl.meta th,.tbl.haul th{color:#4a3f28;white-space:nowrap;background:#d8c79a;font-weight:700}.side-title{width:90px}.tiny-icon{object-fit:contain;width:22px;height:22px}.zero{color:#a99c7e}.reports{margin:0;padding:0;list-style:none}.report{cursor:pointer;background:#efe6cc;border:1px solid #bfa877;border-left-width:4px;margin-bottom:4px;padding:5px 7px}.report.attackerWin{border-left-color:#4f7c25}.report.defenderWin{border-left-color:#9a3b3b}.report.draw{border-left-color:#a8842a}.report.unread{background:#fff6dd}.report header{color:#6d5c38;flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.outcome{margin:3px 0}.report dl{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px 10px;margin:0;display:grid}.report dt{color:#6d5c38}.report dd{margin:0}.buildings-list th{color:#4a3f28;background:#d8c79a;font-weight:700}.buildings-list td{vertical-align:middle}.buildings-list tr.unbuilt td{color:#7e7256}.buildings-list tr.unbuilt .row-icon{opacity:.55;filter:grayscale(.7)}.bl-icon{width:52px}.row-icon{object-fit:contain;width:46px;height:46px}.bl-effect{display:table-cell}.eff-inline{white-space:nowrap;display:block}.bl-action{white-space:nowrap}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:5px;display:grid}.card{background:#e8dcbd;border:1px solid #a8935f}.card img,.card .asset-missing{aspect-ratio:1;object-fit:contain;background:#ddd0ab;width:100%}.card.unbuilt img{opacity:.45;filter:grayscale()}.card-body{padding:5px 7px}.stats{color:#55492c;flex-wrap:wrap;gap:6px;margin:3px 0;display:flex}@media (width<=720px){.layout{flex-direction:column}.sidebar{flex:auto;width:100%}}.movements{margin-top:8px}.mvt-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;margin-bottom:6px;display:flex}.mvt-head h3{align-items:center;gap:8px;margin:0;display:inline-flex}.mvt-alarm{color:#ffe9d6;text-transform:uppercase;letter-spacing:.04em;background:#9e2b1e;border-radius:9px;padding:1px 7px;font-size:10px;font-weight:700}.mvt-filters{flex-wrap:wrap;gap:10px;display:flex}.mvt-set{background:#e2d3ad;border:1px solid #a8935f;border-radius:4px;display:inline-flex;overflow:hidden}.mvt-tab{color:#5c4a22;font:inherit;cursor:pointer;background:0 0;border:0;border-right:1px solid #bfa877;align-items:center;gap:5px;padding:3px 10px;font-size:11px;display:inline-flex}.mvt-set .mvt-tab:last-child{border-right:0}.mvt-tab:hover{background:#ede0bd}.mvt-tab.on{color:#3b2c0e;background:linear-gradient(#f7efd8,#e8dab4);font-weight:700;box-shadow:inset 0 -2px #7a6435}.mvt-tab em{font-variant-numeric:tabular-nums;background:#78623429;border-radius:7px;padding:0 4px;font-size:10px;font-style:normal}.mvt-table{background:#f4ebd5;border:1px solid #a8935f;border-radius:3px;overflow:hidden}.mvt-table thead th{color:#4a3a18;white-space:nowrap;background:linear-gradient(#e6d8b3,#d8c79b);border-bottom:1px solid #a8935f;padding:5px 9px;font-weight:700}.mvt-table tbody td{vertical-align:middle;border-bottom:1px solid #ddcda6;border-right:1px solid #e8dec2;padding:5px 9px}.mvt-table thead th:last-child,.mvt-table tbody td:last-child{border-right:0}.mvt-table tbody tr:last-child td{border-bottom:0}.mvt-table tbody tr:nth-child(2n){background:#fffbee80}.mvt-table th.nums,.mvt-table td.nums{text-align:right;font-variant-numeric:tabular-nums}.mvt-table th.mvt-dir,.mvt-table td.mvt-dir{text-align:center;width:1%;padding-right:4px}.mvt-arrow{font-size:14px;font-weight:700}.mvt-arrow.out{color:#4f7c25}.mvt-arrow.in{color:#9e2b1e}.mvt-kind{font-weight:700}.mvt-kind.k-attack{color:#8a2d1e}.mvt-kind.k-support{color:#3d6b8a}.mvt-village{white-space:nowrap}.mvt-units{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.mvt-unit{font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.mvt-count{font-weight:700}.mvt-at{color:#6d5c38}.mvt-x{width:30px}.mvt-table tbody tr.hostile,.mvt-table tbody tr.hostile:nth-child(2n){background:#f7e2dc;box-shadow:inset 3px 0 #9e2b1e}.movements .none{color:#a8956c}button.vlink{all:unset;color:#7a4a12;cursor:pointer;font-weight:700;-webkit-text-decoration:underline #7a4a1259;text-decoration:underline #7a4a1259}button.vlink:hover{color:#9e5a10;text-decoration-color:currentColor}.village-info h3{align-items:center;gap:8px;font-size:14px;display:flex}.vi-tag{color:#4a3a18;text-transform:uppercase;letter-spacing:.04em;background:#d8c69a;border:1px solid #a8935f;border-radius:9px;padding:1px 7px;font-size:10px;font-weight:700}.vi-meta{background:#f4ebd5;border:1px solid #a8935f;border-radius:3px;width:auto;min-width:320px;margin-bottom:8px;overflow:hidden}.vi-meta th{color:#4a3a18;white-space:nowrap;background:#e6d8b3;border-right:1px solid #a8935f;padding:5px 10px;font-weight:700}.vi-meta td{padding:5px 10px}.vi-actions h4{border-bottom:1px solid #c8b994;margin:10px 0 5px;padding-bottom:3px;font-size:12px}.vi-buttons{gap:8px;display:flex}.map-size{border-left:1px solid #b9a771;margin-left:4px;padding-left:8px}.map-size .size-label{color:#6b5227;text-transform:uppercase;letter-spacing:.05em;font-size:10px}.map-size .zoom-name{font-variant-numeric:tabular-nums;text-align:center;min-width:4ch}.hunger-warn{color:#6a2414;background:#f0d5c4;border:1px solid #b5462f;border-left-width:4px;border-radius:3px;margin:6px 0 0;padding:6px 8px;font-size:11px;line-height:1.45}.hunger-warn strong{color:#8f2d16}.queue.tight li{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.queue-times{font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;display:flex}.queue-times em{color:#6b5227;white-space:nowrap;font-size:10px;font-style:normal}.x-cancel,.panel button.x-cancel,.block button.x-cancel{all:unset;box-sizing:border-box;color:#7a3b12;cursor:pointer;background:#e2d2a8;border:1px solid #a8935f;border-radius:3px;flex:none;place-items:center;width:22px;height:22px;margin-left:8px;font-size:13px;line-height:1;display:grid}.panel button.x-cancel:hover:not(:disabled),.block button.x-cancel:hover:not(:disabled),.x-cancel:hover{color:#8f2d16;background:#d9b9a0;border-color:#8f2d16}.panel button.x-cancel:active:not(:disabled),.block button.x-cancel:active:not(:disabled){box-shadow:none;background:#c99a80;transform:translateY(1px)}.mail-body{align-items:flex-start;gap:10px;display:flex}.mail-nav{flex-direction:column;flex:none;gap:2px;width:116px;display:flex}.panel .mail-nav button{box-shadow:none;color:#6b5227;text-align:left;background:0 0;border:none;padding:4px 8px;font-weight:400}.panel .mail-nav button.on{color:#4a3410;background:#e8d9b0;font-weight:700}.mail-main{flex:1;min-width:0}.mail-list{width:100%}.mail-tick{text-align:center;width:22px}.mail-subject{cursor:pointer}.mail-list tbody tr.unread .mail-subject{font-weight:700}.mail-flag{color:#8a7443}.mail-official{color:#2f6b2a;font-weight:700}.mail-when{white-space:nowrap;color:#6d5c38}.mail-tools{justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.mail-all{color:#6b5227;align-items:center;gap:5px;display:flex}.mail-thread-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.mail-thread-head strong{flex:1}.mail-post{background:#f3e9cd;border:1px solid #cdb98a;margin-bottom:8px;padding:7px 9px}.mail-post header{border-bottom:1px solid #ddcaa0;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px;padding-bottom:4px;display:flex}.mail-text{white-space:pre-wrap;margin:0;line-height:1.5}.mail-reply,.mail-compose{flex-direction:column;gap:6px;display:flex}.mail-reply textarea,.mail-compose textarea{width:100%;font:inherit;resize:vertical;background:#fbf5e4;border:1px solid #bfa877;padding:6px}.mail-reply button{align-self:flex-start}.mail-field{align-items:center;gap:8px;display:flex}.mail-field>span{color:#6b5227;flex:none;width:62px}.mail-field input,.mail-field select{font:inherit;background:#fbf5e4;border:1px solid #bfa877;flex:1;padding:4px 6px}.mail-list{border-collapse:collapse;background:#f7efd8;border:2px solid #8a7443}.mail-list thead th{color:#fdf3d8;text-align:left;background:linear-gradient(#8d7745,#756034);border-right:1px solid #6a5730;padding:5px 8px;font-weight:700}.mail-list thead th:last-child{border-right:none}.mail-list tbody td{border-top:1px solid #c9b382;border-right:1px solid #d9c79c;padding:5px 8px}.mail-list tbody td:last-child{border-right:none}.mail-list tbody tr:hover td{background:#efe3c0}.mail-list tbody tr.unread td:first-child{box-shadow:inset 3px 0 #a8600c}.mail-nav{background:#f0e6cb;border:2px solid #8a7443;padding:3px}.panel .mail-nav button{border-bottom:1px solid #0000}.panel .mail-nav button.on{background:#e0cfa2;border:1px solid #a8935f}.mail-tools{background:#ece0bd;border:2px solid #8a7443;border-top:none;padding:5px 8px}.mail-post{background:#f7efd8;border:2px solid #8a7443}.mail-post header{background:linear-gradient(#e3d3a6,#d8c694);border-bottom:2px solid #8a7443;margin:-7px -9px 7px;padding:4px 9px}.mail-thread-head{border-bottom:2px solid #8a7443;padding-bottom:5px}.mail-reply textarea,.mail-compose textarea,.mail-field input,.mail-field select{border:2px solid #a8935f}.mail-reply textarea:focus,.mail-compose textarea:focus,.mail-field input:focus,.mail-field select:focus{border-color:#8a7443;outline:none}.smithy-job{background:#efe3c0;border:2px solid #8a7443;align-items:center;gap:10px;margin-bottom:8px;padding:6px 9px;display:flex}.smithy-job>span{flex:1}.smithy-job .timer{font-variant-numeric:tabular-nums}.smithy-list{width:100%}.smithy-icon{text-align:center;width:34px}.smithy-list tr.done td{color:#7d6c48}.smithy-done{color:#2f6b2a;white-space:nowrap;font-weight:700}.smithy-list tr.locked td{opacity:.68}.mv-panel .troop-groups{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;display:grid}.mv-panel .troop-group{min-width:0}.rename-row{align-items:center;gap:8px;display:flex}.rename-row input{max-width:260px;font:inherit;background:#fbf5e4;border:2px solid #a8935f;flex:1;padding:4px 6px}.vl-inbound{white-space:nowrap}.vl-attack{color:#8f2d16;font-weight:700}.vl-support{color:#2f5b8f;margin-left:6px;font-weight:700}.vl-eta{color:#6b5227;font-variant-numeric:tabular-nums;font-size:10px;font-style:normal;display:block}.village-role .role-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.role-chip{align-items:center;display:inline-flex}.panel button.role-pick{background:0 0;border:2px solid;font-weight:700}.panel button.role-pick.on{box-shadow:inset 0 0 0 1px #ffffff40}.panel button.role-drop{all:unset;box-sizing:border-box;color:#8a7443;cursor:pointer;border-radius:3px;place-items:center;width:16px;height:16px;margin-left:3px;font-size:10px;display:grid}.panel button.role-drop:hover{color:#8f2d16;background:#d9b9a0}.role-new{align-items:center;gap:4px;display:inline-flex}.role-new input{width:110px;font:inherit;background:#fbf5e4;border:2px solid #a8935f;padding:3px 6px}.tbl tbody tr.role-row td{background:color-mix(in srgb, var(--role) 13%, transparent)}.tbl tbody tr.role-row td:first-child{box-shadow:inset 4px 0 0 var(--role)}.tbl tbody tr.role-row.here td{background:#fff6cf8c}.role-tag{color:#fdf3d8;vertical-align:middle;border-radius:3px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700;display:inline-block}.gate{flex-direction:column;align-items:center;gap:20px;height:100%;padding:24px 20px 40px;display:flex;overflow-y:auto}.gate-wait{letter-spacing:.03em;color:#5b452a;justify-content:center;align-items:center;font-size:15px}.gate-brand{text-align:center;width:100%;max-width:1080px}.gate-brand h1{letter-spacing:.06em;color:#4a2f13;text-shadow:0 1px #fff6decc,0 -1px #3c220e59;margin:0;font-family:Georgia,Times New Roman,serif;font-size:44px}.gate-brand p{color:#6a5335;margin:4px 0 0;font-size:13px}.gate-body{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);align-items:start;gap:20px;width:100%;max-width:1080px;display:grid}@media (width<=900px){.gate-body{grid-template-columns:minmax(0,1fr)}}.gate-modes{gap:12px;display:grid}.gate-mode{text-align:left;cursor:pointer;font:inherit;color:#3a2c16;background:linear-gradient(#f0e2bf,#e0cda0);border:2px solid #8a6a3c;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:92px minmax(0,1fr);gap:2px 14px;padding:12px;display:grid;box-shadow:inset 0 1px #fffaebb3,0 2px 4px #3c220e2e}.gate-mode img{object-fit:cover;border:1px solid #8a6a3c;border-radius:4px;grid-row:1/3;width:92px;height:68px}.gate-mode strong{align-self:end;font-size:15px}.gate-mode span{color:#5f4a2c;line-height:1.5}.gate-mode:hover{border-color:#6d4f27}.gate-mode.on{background:linear-gradient(#f7ead0,#ecd8ae);border-color:#7a1f14;box-shadow:0 0 0 2px #7a1f1440,0 2px 6px #3c220e40}.gate-card{background:linear-gradient(#f4e7c8,#e6d3aa);border:2px solid #8a6a3c;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px #3c220e40}.gate-tabs{border-bottom:2px solid #8a6a3c;display:flex}.gate-tabs button{font:inherit;color:#6a5335;cursor:pointer;background:#3c220e0f;border:0;border-right:1px solid #8a6a3c80;flex:1;padding:10px;font-weight:700}.gate-tabs button:last-child{border-right:0}.gate-tabs button.on{color:#7a1f14;background:0 0;box-shadow:inset 0 -3px #7a1f14}.gate-form{gap:12px;padding:16px;display:grid}.gate-form h2{color:#4a2f13;margin:0;font-size:16px}.gate-form label{gap:4px;display:grid}.gate-form label span{color:#5f4a2c;font-weight:700}.gate-form input{font:inherit;color:#2f2513;background:#fdf6e3;border:1px solid #8a6a3c;border-radius:3px;padding:8px 10px;font-size:13px}.gate-form input:focus{outline-offset:1px;outline:2px solid #7a1f1473}.gate-hint{color:#6a5335;font-size:11px;font-style:normal}.gate-go{color:#fdf1d8;font:inherit;cursor:pointer;text-shadow:0 1px #0006;background:linear-gradient(#9d3022,#7a1f14);border:1px solid #5d1a10;border-radius:3px;padding:10px;font-size:14px;font-weight:700}.gate-go:hover:not(:disabled){background:linear-gradient(#b03a2a,#8c2618)}.gate-go:disabled{opacity:.6;cursor:default}.gate-guest{font:inherit;color:#5f4a2c;cursor:pointer;background:#fffaeb99;border:1px solid #8a6a3c;border-radius:3px;padding:8px}.gate-note{color:#6a5335;margin:0;font-size:11px}.gate-error{color:#6d1c12;background:#7a1f141a;border:1px solid #7a1f14;border-radius:3px;margin:0;padding:8px 10px;font-weight:700}.lobby-brand{text-align:left;justify-content:space-between;align-items:center;gap:16px;display:flex}.lobby-out{font:inherit;cursor:pointer;color:#5f4a2c;background:#fffaeb99;border:1px solid #8a6a3c;border-radius:3px;padding:7px 12px}.lobby-error{width:100%;max-width:1080px}.lobby-body{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:16px;width:100%;max-width:1080px;display:grid}.lobby-panel{background:linear-gradient(#f4e7c8,#e6d3aa);border:2px solid #8a6a3c;border-radius:6px;align-content:start;gap:12px;padding:16px;display:grid;box-shadow:0 2px 6px #3c220e40}.lobby-panel h2{color:#4a2f13;margin:0;font-size:16px}.lobby-field{grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.lobby-field span{color:#5f4a2c;font-weight:700}.lobby-field input:not([type=range]){font:inherit;background:#fdf6e3;border:1px solid #8a6a3c;border-radius:3px;padding:7px 9px}.lobby-seats{text-align:right;color:#7a1f14;min-width:22px;font-size:16px}.lobby-plan{background:#fffaeb73;border:1px solid #8a6a3c99;border-radius:4px;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.lobby-plan p{color:#5f4a2c;margin:0;line-height:1.5}.seatplan{width:132px;height:132px}.seatplan-ring{fill:#7a1f140d;stroke:#5a3c1973;stroke-dasharray:3 3}.seatplan-centre{fill:#7a1f1459}.seatplan-label{fill:#6a5335;text-anchor:middle;font-size:6px}.seatplan-seat{fill:#6b8f4e;stroke:#3f5a2c}.seatplan-seat.host{fill:#9d3022;stroke:#5d1a10}.seatplan-seatnum{fill:#fdf1d8;text-anchor:middle;font-size:7px;font-weight:700}.lobby-note{color:#5f4a2c;margin:0;line-height:1.5}.lobby-note code{background:#3c220e1a;border-radius:2px;padding:1px 4px;font-family:Consolas,monospace}.lobby-warn{color:#6d1c12;margin:0;font-weight:700}.lobby-join{gap:8px;display:flex}.lobby-join input{font:inherit;letter-spacing:.22em;text-transform:uppercase;background:#fdf6e3;border:1px solid #8a6a3c;border-radius:3px;flex:1;padding:8px 10px;font-family:Consolas,monospace;font-size:16px}.lobby-join button,.lobby-worlds button{color:#fdf1d8;font:inherit;cursor:pointer;background:linear-gradient(#9d3022,#7a1f14);border:1px solid #5d1a10;border-radius:3px;padding:8px 14px;font-weight:700}.lobby-join button:disabled{opacity:.55;cursor:default}.lobby-listing{border-top:1px solid #8a6a3c80;margin-top:4px;padding-top:10px}.lobby-worlds{gap:10px;margin:0;padding:0;list-style:none;display:grid}.lobby-worlds li{background:#fffaeb80;border:1px solid #8a6a3cb3;border-radius:4px;gap:6px;padding:10px;display:grid}.lobby-world-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.lobby-world-head code{letter-spacing:.18em;color:#7a1f14;background:#fdf6e3;border:1px solid #8a6a3c;border-radius:3px;padding:2px 8px;font-family:Consolas,monospace;font-size:14px}.lobby-world-seats{color:#6a5335;margin:0}.lobby-world-who{flex-wrap:wrap;gap:6px;display:flex}.lobby-world-who span{border:1px solid #8a6a3cb3;border-radius:10px;padding:2px 8px;font-size:11px}.lobby-world-who .taken{color:#35501f;background:#6b8f4e40}.lobby-world-who .open{color:#6a5335;background:#3c220e0f;font-style:italic}.lobby-solo{border-color:#7a1f14}.worldstrip{color:#f0dfba;background:linear-gradient(#4a2f13,#3a2410);border-bottom:2px solid #8a6a3c;align-items:center;gap:10px;padding:5px 12px;font-size:12px;display:flex}.worldstrip strong{letter-spacing:.02em;font-size:13px}.worldstrip span{color:#c9b088}.worldstrip button{color:#f7e9c8;font:inherit;letter-spacing:.12em;cursor:pointer;background:#fff6de1f;border:1px solid #8a6a3c;border-radius:3px;padding:3px 10px;font-family:Consolas,monospace}.worldstrip button:hover{background:#fff6de38}.worldstrip-out{margin-left:auto;letter-spacing:normal!important;font-family:inherit!important}.lobby-opened{background:linear-gradient(#f7ead0,#ecd8ae);border:2px solid #7a1f14;border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;width:100%;max-width:1080px;padding:14px 16px;display:grid;box-shadow:0 2px 8px #3c220e4d}.lobby-opened h2{color:#4a2f13;margin:0 0 2px;font-size:16px}.lobby-opened p{color:#5f4a2c;margin:0;line-height:1.5}.lobby-code{font:inherit;letter-spacing:.28em;color:#7a1f14;cursor:pointer;background:#fdf6e3;border:2px solid #8a6a3c;border-radius:4px;gap:2px;padding:8px 16px;font-family:Consolas,monospace;font-size:26px;display:grid}.lobby-code em{letter-spacing:normal;color:#6a5335;font-family:Verdana,Geneva,sans-serif;font-size:10px;font-style:normal}@media (width<=760px){.lobby-opened{grid-template-columns:minmax(0,1fr)}}#root{flex-direction:column;display:flex}#root>.wrap{flex:auto;height:auto;min-height:0}.gate-served{color:#4a2f13;background:#7a1f141a;border:2px solid #7a1f14;border-radius:6px;width:100%;max-width:1080px;margin:0;padding:10px 14px;line-height:1.55}.gate-served strong{font-family:Consolas,monospace}.gate-served em{font-style:normal;font-weight:700}.lobby-local-tag{color:#6a5335;background:#3c220e0d;border:1px dashed #8a6a3ce6;border-radius:3px;padding:2px 8px;font-size:11px;font-style:italic}.topnav .navback{font-weight:700}.topnav .navback:disabled{opacity:.45;cursor:default}.lobby-actions{gap:8px;display:flex}.lobby-opened-go{gap:6px;display:grid}.map-world{flex-direction:column;align-items:center;gap:4px;margin-top:8px;display:flex}.map-world h4{margin:0;font-size:12px}.tile.village.foe .pip{background:#e8412c;box-shadow:0 0 6px 2px #e8412cd9}.tile.village.foe img{filter:drop-shadow(0 0 5px #e8412cf2)saturate(1.15)}.tile.village.foe:before{content:"";pointer-events:none;background:radial-gradient(circle,#e8412c6b,#e8412c00 68%);border-radius:50%;position:absolute;inset:8%}.tile.village.foe.rich .pip{background:#ff9c2e;box-shadow:0 0 0 2px #e8412cf2,0 0 7px 2px #e8412cb3}.swatch.foe{background:#e8412c;box-shadow:0 0 4px 1px #e8412ccc}.village-group .movements{width:100%;margin-top:10px}.mvt-scroll{overscroll-behavior:contain;max-height:210px;overflow-y:auto}.mvt-scroll thead th{z-index:1;position:sticky;top:0}.tile.village.own .pip,.tile.village.foe .pip{background:var(--player,#9c9686);box-shadow:0 0 6px 2px color-mix(in srgb, var(--player,#9c9686) 80%, transparent)}.tile.village.own .pip{outline:1px solid #ffffffe6}.tile.village.own img,.tile.village.foe img{filter:drop-shadow(0 0 5px var(--player,transparent)) saturate(1.12)}.tile.village.own:before,.tile.village.foe:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--player,transparent) 42%, transparent), transparent 68%);pointer-events:none;border-radius:50%;position:absolute;inset:8%}.tile.village.own.rich .pip,.tile.village.foe.rich .pip{box-shadow:0 0 0 2px var(--player,#ffcf7a), 0 0 7px 2px color-mix(in srgb, var(--player,#ffcf7a) 70%, transparent);background:#ff9c2e}.map-legend .swatch[style*=--player]{background:var(--player);box-shadow:0 0 4px 1px color-mix(in srgb, var(--player) 75%, transparent)}.map-legend .swatch.own[style*=--player]{outline:1px solid #3c220eb3}.map-head .map-legend{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 12px;max-width:62%;margin-left:auto;font-size:11px;display:flex}.map-head .map-legend span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.map-frame{justify-content:center}.map-rail:empty{border:0;flex:0 0 0;width:0;padding:0}.map-pan{flex-direction:row;justify-content:center;gap:4px;margin-top:6px;position:static}.map-pan>*{gap:4px;display:flex}.map-pan button{background:#e8dcbdf2;width:28px;height:22px}.worldstrip button.copied{background:#6b8f4e66;border-color:#6b8f4e}.worldstrip button em{letter-spacing:normal;color:#cfe6b8;font-family:Verdana,Geneva,sans-serif;font-style:normal}.scout-tally{background:#fffaeb99;border:1px solid #bfa877;border-radius:3px;flex-wrap:wrap;gap:6px 16px;margin:0 0 8px;padding:6px 9px;display:flex}.scout-tally strong{font-size:13px}.scout-tally .bad strong{color:#9e2b1e}.scout-tally .good strong{color:#35501f}.map-layout{flex-wrap:wrap}.map-world{flex-direction:column;flex:1 0 100%;align-items:center;gap:4px;margin-top:8px;display:flex}@media (height<=900px),(width>=1280px){.map-world{flex:none;justify-content:flex-start;margin-top:0}.map-layout{flex-wrap:nowrap}}.map-frame{min-width:0;min-height:0}.worldstrip-code{color:#f7e9c8;letter-spacing:.14em;text-align:center;cursor:pointer;background:#fff6de1f;border:1px solid #8a6a3c;border-radius:3px;padding:2px 8px;font-family:Consolas,monospace;font-size:12px}.worldstrip-code.copied{background:#6b8f4e73;border-color:#6b8f4e}.worldstrip-hint{color:#c9b088;font-size:11px}.sim-losses{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:10px;display:grid}.sim-side h5{color:#4a2f13;margin:0 0 4px;font-size:12px}.sim-side .tbl{width:100%}.map-panel{overflow:auto}.map-head{z-index:3;background:linear-gradient(#f4e7c8,#efe0bb);padding-bottom:4px;position:sticky;top:0}.coords{font-variant-numeric:tabular-nums}button.coords-link{all:unset;cursor:pointer;color:var(--link,#7a3b12);font-variant-numeric:tabular-nums;border-bottom:1px dotted}button.coords-link:hover,button.coords-link:focus-visible{color:var(--link-hot,#a8501a);border-bottom-style:solid}button.coords-link:focus-visible{outline:2px solid var(--link-hot,#a8501a);outline-offset:2px}.side-line{line-height:1.5;display:block}.troops-abroad .abroad-block{border:1px solid var(--rule,#c9b28a);background:color-mix(in srgb, var(--panel,#f3e7cf) 92%, #fff);border-radius:4px;margin-top:.6rem;padding:.5rem .6rem}.troops-abroad .abroad-block h4{margin:0 0 .35rem;font-size:.95rem}.troops-abroad .abroad-list{width:auto;min-width:min(26rem,100%)}.troops-abroad .abroad-list td{padding:.15rem .4rem}.troops-abroad .abroad-unit{white-space:nowrap;align-items:center;gap:.35rem;display:flex}.troops-abroad .abroad-list input{width:5.5rem}.troops-abroad .abroad-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.4rem;display:flex}button.linkish{all:unset;cursor:pointer;color:var(--link,#7a3b12);font-size:.8rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}button.linkish:hover{color:var(--link-hot,#a8501a)}.convoys{margin-top:.6rem}.convoys .convoy-dir{white-space:nowrap;font-weight:600}.convoys .convoy-load{flex-wrap:wrap;gap:.4rem;display:flex}.convoys tr.incoming{background:color-mix(in srgb, var(--good,#4a7c2f) 8%, transparent)}.shop .shop-row{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.shop .shop-row label{flex-direction:column;gap:.15rem;font-size:.8rem;display:flex}.shop .shop-row input{width:7rem}.shop .shop-arrow{opacity:.7;padding-bottom:.25rem}.shop .shop-back{min-width:5rem;padding-bottom:.15rem}.minimap-frame{box-sizing:content-box;background:linear-gradient(#e9d9b6,#dcc79c);border:1px solid #b79b6a;border-radius:3px;margin:0 auto;padding:11px 13px;position:relative;box-shadow:inset 0 0 0 1px #ffffff59}.minimap-frame canvas{cursor:crosshair;border:1px solid #5c4a2a;display:block}.mm-arrow{all:unset;color:#6b4f22;cursor:pointer;opacity:.75;place-items:center;width:14px;height:14px;font-size:9px;line-height:1;display:grid;position:absolute}.mm-arrow:hover,.mm-arrow:focus-visible{color:#a8501a;opacity:1}.mm-arrow:focus-visible{outline:1px solid #a8501a}.mm-n{top:0;left:50%;transform:translate(-50%)}.mm-s{bottom:0;left:50%;transform:translate(-50%)}.mm-w{top:50%;left:0;transform:translateY(-50%)}.mm-e{top:50%;right:0;transform:translateY(-50%)}.mm-nw{top:0;left:0}.mm-ne{top:0;right:0}.mm-sw{bottom:0;left:0}.mm-se{bottom:0;right:0}.tile.village.marked .pip{background:#fff;box-shadow:0 0 0 2px #281e0acc,0 0 8px 3px #ffffffd9}.map-legend .swatch.marked{background:#fff;outline:1px solid #3c220eb3}.tile.village .centre-mark{pointer-events:none;z-index:2;border:2px solid #fffffff2;position:absolute;inset:4%;box-shadow:0 0 0 1px #281e0ab3,inset 0 0 0 1px #281e0a80}.map-layout{position:relative}.map-rail{z-index:6;flex:none;width:auto;max-width:min(280px,42%);max-height:calc(100% - 8px);position:absolute;top:4px;right:4px;overflow:auto}.map-rail:empty{display:none}.map-rail .map-info{background:linear-gradient(#f6ecd4,#eadfbf);border:1px solid #b79b6a;border-radius:3px;flex-direction:column;gap:3px;padding:8px 26px 8px 10px;display:flex;position:relative;box-shadow:0 3px 10px #281a0859}.map-info-close{position:absolute;top:3px;right:4px}.map-frame{flex:auto;min-width:0}.tile.village .centre-mark{border-width:2px;border-radius:2px;inset:-14%}.second-dial{align-items:center;gap:8px;display:inline-flex}.second-dial svg{flex:none;display:block}.second-dial .sd-track{fill:#fffaeb8c;stroke:#b79b6a;stroke-width:6px}.second-dial .sd-sweep{fill:none;stroke:#7a3b12;stroke-width:6px;stroke-linecap:butt}.second-dial .sd-top{stroke:#7a3b12;stroke-width:4px;stroke-linecap:round}.second-dial .sd-clock{flex-direction:column;line-height:1.15;display:flex}.second-dial .sd-time{font-variant-numeric:tabular-nums;color:#4a2f10;min-width:8.5ch;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:15px;font-weight:700}.second-dial .sd-label{text-transform:uppercase;letter-spacing:.06em;color:#7d6a44;font-size:9px}.send-timing{background:#fffaeb73;border:1px solid #c9b28a;border-radius:3px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;padding:4px 6px;display:flex}.send-timing .note{flex:12ch;min-width:0}.front{color:#f0e4c8;background:#1b1610;flex-direction:column;width:100%;min-height:100vh;display:flex}.front-bar{background:linear-gradient(#241d14,#171208);border-bottom:2px solid #6d5526;justify-content:space-between;align-items:center;gap:16px;padding:10px 18px;display:flex;box-shadow:0 2px 10px #00000080}.front-mark{letter-spacing:.22em;color:#e8c877;text-shadow:0 1px #000;font-size:20px;font-weight:700}.front-nav{align-items:center;gap:10px;display:flex}.front-nav button{color:#f0e4c8;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#2f4763,#1d2e42);border:1px solid #48688c;border-radius:3px;padding:7px 20px;font-size:12px;font-weight:700}.front-nav button:hover{background:linear-gradient(#3a5677,#24384f)}.front-nav button.on{box-shadow:inset 0 0 0 1px #cfe0f2}.front-nav .front-register{background:linear-gradient(#8f2420,#5f1512);border-color:#b8544a}.front-nav .front-register:hover{background:linear-gradient(#a82c26,#741a16)}.picker-who{color:#cbb98f;font-size:12px}.front-hero{flex-direction:column;flex:auto;align-items:center;gap:18px;padding:28px 18px 34px;display:flex;position:relative;overflow:hidden}.front-hero:before{content:"";filter:saturate(.75);pointer-events:none;background:linear-gradient(#0e0b07b8,#0e0b07ed),url(/reference/village_v4_clean.webp) 50% 22%/cover no-repeat;position:absolute;inset:0}.front-hero>*{position:relative}.front-title{text-align:center}.front-title h1{letter-spacing:.12em;color:#f2dfa8;text-shadow:0 2px #000,0 0 26px #e8c87759;margin:0;font-size:clamp(38px,7vw,78px);font-weight:700;line-height:1}.front-title p{letter-spacing:.28em;text-transform:uppercase;color:#cbb98f;margin:8px 0 0;font-size:clamp(12px,1.6vw,17px)}.front-panels{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:18px;width:100%;max-width:1000px;display:flex}.front-blurb,.front-card{border-radius:4px;flex:340px;min-width:0;max-width:460px;padding:20px 22px}.front-blurb{background:linear-gradient(#121a26f2,#0c121cf2);border:1px solid #43597a;box-shadow:0 6px 24px #00000073,inset 0 0 0 1px #b4cdeb14}.front-blurb h2{letter-spacing:.04em;color:#f2dfa8;margin:0 0 10px;font-size:18px}.front-blurb p{color:#d8cdb2;margin:0 0 14px;font-size:13px;line-height:1.55}.front-features h3{letter-spacing:.2em;text-transform:uppercase;color:#cbb98f;border-top:1px solid #cbb98f47;margin:16px 0 8px;padding-top:12px;font-size:11px}.front-features ul{margin:0;padding:0;list-style:none}.front-features li{color:#e6dcc2;border-bottom:1px solid #cbb98f24;align-items:center;gap:10px;padding:7px 0;font-size:13px;display:flex}.front-features li:last-child{border-bottom:0}.front-glyph{color:#e8c877;flex:none;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.front-small{color:#b3a888!important;margin:12px 0 0!important;font-size:11.5px!important}.front-card{color:#3a2a12;background:linear-gradient(#f6ecd4,#e6d7b4);border:1px solid #b79b6a;box-shadow:0 6px 24px #00000073,inset 0 0 0 1px #fff6}.front-card h2{color:#5a3a12;margin:0 0 4px;font-size:18px}.front-lead{color:#6b5530;margin:0 0 14px;font-size:12.5px}.front-card label{margin-bottom:11px;display:block}.front-card label>span{letter-spacing:.14em;text-transform:uppercase;color:#6b5530;margin-bottom:3px;font-size:10.5px;font-weight:700;display:block}.front-card input{color:#2f2208;background:#fffdf6;border:1px solid #b79b6a;border-radius:2px;width:100%;padding:9px 10px;font-size:13px}.front-card input:focus-visible{outline-offset:0;outline:2px solid #8a6a3c}.front-hint{color:#7d6a44;margin-top:3px;font-size:11px;font-style:normal;display:block}.front-go{letter-spacing:.1em;text-transform:uppercase;color:#f4ecd8;cursor:pointer;background:linear-gradient(#2f4763,#1d2e42);border:1px solid #48688c;border-radius:3px;width:100%;margin-top:4px;padding:11px;font-size:14px;font-weight:700}.front-go:hover:not(:disabled){background:linear-gradient(#3a5677,#24384f)}.front-go:disabled{opacity:.6;cursor:default}.front-error{color:#6b1a14;background:#f6d9d5;border:1px solid #b0645c;border-radius:2px;margin:0 0 10px;padding:7px 9px;font-size:12px}.front-swap{text-align:center;color:#6b5530;border-top:1px solid #6b55304d;margin-top:12px;padding-top:11px;font-size:12px}.front-swap button,.front-linkish{all:unset;cursor:pointer;color:#7a3b12;border-bottom:1px dotted;font-weight:700}.front-swap button:hover,.front-linkish:hover{color:#a8501a}.front-served{color:#6b5530;margin:10px 0 0;font-size:11.5px}.front-served .front-linkish{margin-left:8px;font-weight:400}.front-note{color:#7d6a44;margin:8px 0 0;font-size:11px}.front-foot{color:#9d8f6e;text-align:center;background:#171208;border-top:2px solid #6d5526;padding:12px 18px;font-size:11.5px}.picker-cards{flex-wrap:wrap;justify-content:center;gap:18px;width:100%;max-width:940px;display:flex}.picker-card{text-align:left;color:#e6dcc2;cursor:pointer;background:linear-gradient(#121a26f2,#0c121cf2);border:1px solid #43597a;border-radius:4px;flex-direction:column;flex:320px;gap:8px;max-width:440px;padding:0 20px 18px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #00000073}.picker-card:hover,.picker-card:focus-visible{border-color:#7fa0c8;transform:translateY(-3px);box-shadow:0 10px 30px #0000008c}@media (prefers-reduced-motion:reduce){.picker-card{transition:none}.picker-card:hover,.picker-card:focus-visible{transform:none}}.picker-art{height:132px;margin:0 -20px 4px;display:block;overflow:hidden}.picker-art img{object-fit:cover;object-position:center 60%;filter:saturate(.85)brightness(.8);width:100%;height:100%}.picker-card strong{color:#f2dfa8;font-size:17px}.picker-blurb{color:#cfc4a9;font-size:12.5px;line-height:1.55}.picker-address{color:#9fb6d2;margin-top:2px;font-size:11.5px}.picker-address code{color:#eaf2fb;background:#78a0cd2e;border:1px solid #8cafd766;border-radius:2px;padding:1px 5px;font-size:11.5px}.picker-go{letter-spacing:.08em;text-transform:uppercase;color:#e8c877;margin-top:auto;padding-top:10px;font-size:12px;font-weight:700}.picker-badge{z-index:1;letter-spacing:.12em;text-transform:uppercase;color:#1d2a12;background:linear-gradient(#d8c169,#b79b3f);border-radius:2px;padding:3px 9px;font-size:10px;font-weight:700;position:absolute;top:10px;right:10px}.picker-foot{color:#a89c7c;text-align:center;margin:4px 0 0;font-size:12px}.frontpage{background:#0d0a06;place-items:center;width:100%;min-height:100vh;display:grid;overflow:hidden}.frontpage-stage{aspect-ratio:1536/1024;width:min(100vw,150vh);height:min(100vh,66.6667vw);position:relative;container-type:size}.frontpage-art{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.fp-topnav{align-items:center;gap:.9cqw;display:flex;position:absolute;top:2.2%;left:76%}.fp-nav-btn{letter-spacing:.12em;text-transform:uppercase;color:#f0e4c8;cursor:pointer;background:linear-gradient(#2f4763,#16222e);border:1px solid #6f92b5;border-radius:2px;padding:.55cqw 1.7cqw;font-family:inherit;font-size:1cqw;font-weight:700}.fp-nav-btn:hover{background:linear-gradient(#3d5c7d,#1e2f3e)}.fp-nav-btn.on{box-shadow:inset 0 0 0 1px #ffe9a0e6}.fp-nav-register{background:linear-gradient(#8f2420,#571411);border-color:#c06a5e}.fp-nav-register:hover{background:linear-gradient(#a82c26,#6b1a15)}.fp-panel{border-radius:3px;flex-direction:column;height:54.9%;display:flex;position:absolute;top:31.4%;overflow:hidden;box-shadow:0 .6cqw 2cqw #0000008c}.fp-about{color:#dfd4b8;outline-offset:-.45cqw;background:linear-gradient(#131b28f5,#0b111af7);border:1px solid #6b5a34;outline:1px solid #bea05a47;width:27.6%;padding:1.8cqw 1.9cqw;left:15.1%}.fp-about h2{letter-spacing:.02em;color:#f2dfa8;text-align:center;margin:0 0 .8cqw;font-size:1.7cqw;line-height:1.15}.fp-about p{color:#cfc4a9;margin:0 0 .95cqw;font-size:1.02cqw;line-height:1.5}.fp-play{letter-spacing:.06em;text-transform:uppercase;color:#ffeccc;cursor:pointer;background:linear-gradient(#9c2a22,#5e1310);border:1px solid #c8705f;border-radius:3px;width:100%;padding:.95cqw;font-family:inherit;font-size:1.5cqw;font-weight:700;box-shadow:inset 0 1px #ffc8aa4d}.fp-play:hover{background:linear-gradient(#b53228,#741a15)}.fp-free{text-align:center;color:#d8c07a!important;margin:.55cqw 0 0!important;font-size:.92cqw!important}.fp-rule{color:#d8c07a;letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.7cqw;margin:1.1cqw 0 .5cqw;font-size:.95cqw;display:flex}.fp-rule:before,.fp-rule:after{content:"";background:linear-gradient(90deg,#0000,#d8c07a8c,#0000);flex:auto;height:1px}.fp-features{margin:0;padding:0;list-style:none}.fp-features li{color:#e6dcc2;border-bottom:1px solid #cbb98f29;align-items:center;gap:.8cqw;padding:.5cqw 0;font-size:1cqw;display:flex}.fp-features li:last-child{border-bottom:0}.fp-glyph{text-align:center;flex:none;width:1.6cqw;font-size:1.2cqw}.fp-card{color:#3a2a12;outline-offset:-.45cqw;background:linear-gradient(#f3e8cf,#e2d1ac);border:1px solid #8a6a3c;outline:1px solid #785a2859;width:22.3%;padding:1.6cqw 1.7cqw;left:43.75%}.fp-card h2{color:#5a3a12;margin:0 0 .3cqw;font-size:1.5cqw}.fp-lead{color:#6b5530;margin:0 0 1cqw;font-size:.95cqw}.fp-card label{margin-bottom:.75cqw;display:block}.fp-card label>span{letter-spacing:.14em;text-transform:uppercase;color:#6b5530;margin-bottom:.22cqw;font-size:.8cqw;font-weight:700;display:block}.fp-card input{color:#2f2208;background:#fffdf6;border:1px solid #b09468;border-radius:2px;width:100%;padding:.6cqw .7cqw;font-family:inherit;font-size:1cqw}.fp-card input:focus-visible{outline-offset:-1px;outline:2px solid #8a6a3c}.fp-submit{letter-spacing:.08em;color:#f4ecd8;cursor:pointer;background:linear-gradient(#2f4763,#16222e);border:1px solid #6f92b5;border-radius:3px;width:100%;margin-top:.3cqw;padding:.85cqw;font-family:inherit;font-size:1.25cqw;font-weight:700}.fp-submit:hover:not(:disabled){background:linear-gradient(#3d5c7d,#1e2f3e)}.fp-submit:disabled{opacity:.65;cursor:default}.fp-error{color:#6b1a14;background:#f6d9d5;border:1px solid #b0645c;border-radius:2px;margin:0 0 .6cqw;padding:.45cqw .6cqw;font-size:.9cqw}.fp-swap{text-align:center;color:#6b5530;border-top:1px solid #6b55304d;margin:.8cqw 0 0;padding-top:.7cqw;font-size:.92cqw}.fp-swap button,.fp-host button{all:unset;cursor:pointer;color:#7a3b12;border-bottom:1px dotted;font-weight:700}.fp-swap button:hover,.fp-host button:hover{color:#a8501a}.fp-host{color:#6b5530;word-break:break-all;margin:.7cqw 0 0;font-size:.85cqw}.fp-host button{margin-left:.6cqw;font-weight:400}@media (width<=760px){.frontpage{display:block;overflow:auto}.frontpage-stage{aspect-ratio:auto;background:linear-gradient(#0c0906c7,#0c0906f0),url(/assets/front/plate.webp) top/cover no-repeat;width:100%;height:auto;padding:14px 12px 24px;container-type:normal}.frontpage-art{display:none}.fp-topnav{justify-content:center;gap:8px;margin-bottom:14px;position:static}.fp-nav-btn{padding:8px 18px;font-size:12px}.fp-panel{outline-offset:-5px;width:auto;height:auto;margin-bottom:14px;padding:16px;position:static}.fp-about h2{margin-bottom:8px;font-size:19px}.fp-about p{margin-bottom:12px;font-size:13px}.fp-play{padding:12px;font-size:16px}.fp-free{margin-top:6px!important;font-size:12px!important}.fp-rule{gap:8px;margin:14px 0 6px;font-size:11px}.fp-features li{gap:10px;padding:8px 0;font-size:13px}.fp-glyph{width:20px;font-size:15px}.fp-card h2{font-size:18px}.fp-lead{margin-bottom:12px;font-size:13px}.fp-card label{margin-bottom:10px}.fp-card label>span{margin-bottom:3px;font-size:10px}.fp-card input{padding:10px;font-size:14px}.fp-submit{padding:12px;font-size:15px}.fp-error{margin-bottom:8px;padding:7px 9px;font-size:12px}.fp-swap{margin-top:12px;padding-top:10px;font-size:12px}.fp-host{margin-top:10px;font-size:11px}}.front-back,.lobby-back{color:#f0e4c8;cursor:pointer;background:linear-gradient(#3a3128,#241d16);border:1px solid #7a6647;border-radius:3px;padding:6px 14px;font-size:12px;font-weight:700}.front-back:hover,.lobby-back:hover{background:linear-gradient(#4a4034,#2f271e)}.picker .front-bar .front-mark{margin-left:14px;margin-right:auto}.lobby-actions{align-items:center;gap:8px;display:flex}