@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Marcellus&display=swap";.game{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none}.board{will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}.tile,.tile-art,.meadow-base,.terrain-layer,.road-layer,.object-layer{backface-visibility:hidden}.tile,main .game>.tray>.tile-picker>button{box-shadow:none!important}.brand .app-mark{object-fit:cover;border-radius:6px;width:40px;height:40px;display:block;box-shadow:0 2px 7px #0007}.games-modal{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#090d0ab8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.games-panel{background:#19221b;border:1px solid #657061;border-radius:7px;flex-direction:column;width:min(460px,100%);max-height:min(620px,100vh - 32px);display:flex;overflow:hidden;box-shadow:0 20px 60px #000b}.games-panel>header{flex:0 0 68px;height:68px;padding:0 14px 0 20px}.games-panel>header>div{flex:1}.games-panel>header small{color:#d3aa5d;font-size:10px;display:block}.games-panel>header strong{font:22px Marcellus}.games-panel>header button{color:#eee;cursor:pointer;background:#263027;border:1px solid #4d594d;border-radius:5px;place-items:center;width:38px;height:38px;display:grid}.games-list{gap:7px;min-height:0;padding:10px 12px;display:grid;overflow:auto}.game-save{background:#222d24;border:1px solid #465347;border-radius:5px;grid-template-columns:1fr 44px;gap:6px;height:66px;display:grid}.game-save.active{border-color:#d3aa5d;box-shadow:inset 3px 0 #d3aa5d}.load-game{text-align:left;color:#f4f1e8;cursor:pointer;background:0 0;border:0;min-width:0;padding:9px 12px}.load-game strong,.load-game small{display:block}.load-game strong{font:17px Marcellus}.load-game small{color:#aab4a9;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:11px;overflow:hidden}.delete-game{color:#d99a91;cursor:pointer;background:#382623;border:1px solid #68433e;border-radius:4px;align-self:center;place-items:center;width:36px;height:36px;display:grid}.delete-game:disabled{opacity:.3;cursor:not-allowed}.delete-game svg{width:17px}.new-game{color:#1d261d;cursor:pointer;background:#d7a94f;border:0;border-radius:5px;flex:0 0 46px;justify-content:center;align-items:center;gap:8px;height:46px;margin:0 12px 12px;font-weight:700;display:flex}.new-game svg{width:18px}@media (width<=500px){.games-modal{padding:8px}.games-panel{max-height:calc(100vh - 16px)}.game-save{height:62px}.load-game strong{font-size:16px}}.game-save{grid-template-columns:minmax(0,1fr) 40px 40px;gap:5px}.rename-game{align-items:center;min-width:0;padding:9px 6px 9px 12px;display:flex}.rename-game input{color:#f4f1e8;background:#111813;border:1px solid #d3aa5d;border-radius:4px;outline:none;width:100%;height:38px;padding:0 9px;font:16px Marcellus}.edit-game{color:#efd083;cursor:pointer;background:#303b2f;border:1px solid #596557;border-radius:4px;align-self:center;place-items:center;width:36px;height:36px;display:grid}.edit-game svg{width:17px}.map-navigator{z-index:8;background:#172019ed;border:1px solid #596557;border-radius:6px;grid-template-rows:repeat(4,40px);grid-template-columns:repeat(3,40px);gap:3px;padding:5px;display:grid;position:absolute;bottom:72px;right:16px;box-shadow:0 8px 22px #1119}.map-navigator button{color:#f4d18a;cursor:pointer;touch-action:manipulation;background:#263027;border:1px solid #4d594d;border-radius:4px;place-items:center;width:40px;height:40px;padding:0;display:grid}.map-navigator button:hover{background:#394637;border-color:#c49345}.map-navigator button:active{background:#72542a;transform:translateY(1px)}.map-navigator svg{width:20px;height:20px}.map-navigator .nav-up{grid-area:1/2}.map-navigator .nav-left{grid-area:2/1}.map-navigator .nav-right{grid-area:2/3}.map-navigator .nav-down{grid-area:3/2}.map-navigator .nav-zoom-out{grid-area:4/1}.map-navigator .nav-zoom-in{grid-area:4/3}@media (width<=700px){.map-navigator{grid-template-rows:repeat(4,36px);grid-template-columns:repeat(3,36px);gap:2px;padding:4px;bottom:168px;right:8px}.map-navigator button{width:36px;height:36px}.map-navigator svg{width:18px;height:18px}}.actions button.active{color:#ffd2ca;background:#702f29;border-color:#c66b60}.actions{flex-wrap:nowrap}@media (width<=700px){header{padding:0 8px!important}.brand{gap:6px!important}.brand .app-mark{width:30px!important;height:30px!important}.brand strong{font-size:16px!important}.brand svg{width:20px}.actions{gap:3px!important}.actions button{width:30px!important;height:30px!important}.actions svg{width:15px!important}html body main .game>.tray>.tile-picker{flex:1 1 0!important;min-width:0!important}}main .game>.tray{width:238px!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:0!important;flex-direction:column!important;align-items:center!important;padding:0!important;display:flex!important;position:absolute!important;top:8px!important;bottom:8px!important;left:8px!important}main .game>.tray>.tray-title{background:#172019ed!important;border:1px solid #596557!important;border-radius:5px!important;flex:0 0 30px!important;justify-content:center!important;width:40px!important;height:30px!important;display:flex!important}main .game>.tray>.tray-title span,main .game>.tray>.tray-title b{display:none!important}main .game>.tray>.tile-picker{flex:1!important;grid-template-columns:repeat(2,114px)!important;grid-auto-rows:114px!important;place-content:start center!important;gap:6px!important;width:238px!important;min-height:0!important;padding:6px 0!important;display:grid!important;overflow:hidden auto!important}main .game>.tray>.tile-picker>button{background:#172019ed!important;border:1px solid #465347!important;border-radius:5px!important;flex:0 0 114px!important;width:114px!important;height:114px!important;padding:3px!important;display:block!important;box-shadow:0 3px 10px #1117!important}main .game>.tray>.tile-picker>button>.tile{visibility:visible!important;opacity:1!important;width:108px!important;height:108px!important;margin:0!important;display:block!important}main .game>.tray>.tile-picker>button>span{display:none!important}main .game>.tray>.selection{border:0!important;flex:0 0 44px!important;justify-content:center!important;width:118px!important;margin:0!important;padding:0!important;display:flex!important}main .game>.tray>.selection>div{display:none!important}main .game>.tray>.selection>button{width:42px!important;height:42px!important}main .game>.tray>.tile-picker>button>.tile{background:#6c9a35 url(/assets/tiles/meadow.png) 50%/cover no-repeat!important;position:relative!important;overflow:hidden!important}main .game>.tray>.tile-picker>button>.tile>.meadow-base,main .game>.tray>.tile-picker>button>.tile>.terrain-layer,main .game>.tray>.tile-picker>button>.tile>.water-layer,main .game>.tray>.tile-picker>button>.tile>.road-layer,main .game>.tray>.tile-picker>button>.tile>.object-layer,main .game>.tray>.tile-picker>button>.tile>.tile-shine{visibility:visible!important;display:block!important}main .game>.tray>.tile-picker>button>.tile>.meadow-base{z-index:0!important;opacity:1!important}main .game>.tray>.tile-picker>button>.tile>.terrain-layer{z-index:1!important;opacity:1!important}main .game>.tray>.tile-picker>button>.tile>.road-layer{z-index:2!important;opacity:1!important}main .game>.tray>.tile-picker>button>.tile .road-part,main .game>.tray>.tile-picker>button>.tile .road-hub{filter:contrast(1.16)saturate(.82);box-shadow:inset 0 0 0 1px #826b3b55;visibility:visible!important;opacity:1!important;display:block!important}main .game>.tray>.tile-picker>button>.tile>.object-layer{z-index:3!important;opacity:1!important}main .game>.tray>.tile-picker{scrollbar-width:thin;scrollbar-color:#c49345 #182119}main .game>.tray>.tile-picker::-webkit-scrollbar{width:10px}main .game>.tray>.tile-picker::-webkit-scrollbar-track{background:#182119;border:1px solid #4d5b48;border-radius:2px;box-shadow:inset 0 0 5px #090d0a}main .game>.tray>.tile-picker::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#775326,#c49345 45%,#8c622d);border:2px solid #182119;border-radius:2px;box-shadow:inset 0 0 0 1px #e4bf72}main .game>.tray>.tile-picker::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#91672e,#dbad55 45%,#a87834)}@media (width<=700px){body main .game>.tray{flex-direction:row!important;align-items:center!important;gap:6px!important;width:calc(100vw - 16px)!important;height:120px!important;display:flex!important;inset:auto 8px 8px!important}body main .game>.tray>.tray-title{display:none!important}body main .game>.tray>.tile-picker{flex-direction:row!important;flex:1!important;align-items:center!important;gap:6px!important;width:auto!important;height:118px!important;padding:3px 0!important;display:flex!important;overflow:auto hidden!important}body main .game>.tray>.tile-picker>button{flex:0 0 108px!important;width:108px!important;height:108px!important;padding:0!important}body main .game>.tray>.tile-picker>button>.tile{width:108px!important;height:108px!important}body main .game>.tray>.selection{background:#172019ed!important;border:1px solid #596557!important;border-radius:5px!important;flex:0 0 46px!important;align-items:center!important;width:46px!important;height:108px!important}body main .game>.tray>.tile-picker::-webkit-scrollbar{width:auto!important;height:7px!important}}.tile-art{background-size:var(--size)!important}.cell>.tile{border-radius:0!important}.cell>.tile .tile-shine{box-shadow:none!important}.object-layer{background-image:url(/assets/building-sprites-v2.png)!important}.object-castle{background-image:url(/assets/castle.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}.object-palace,.object-park,.object-camp{background-size:300% 100%;transform:scale(.96);background-image:url(/assets/estate-sprites.png)!important}.object-palace{background-position:0 0}.object-park{background-position:50% 0}.object-camp{background-position:100% 0}.object-palace,.object-park,.object-camp{transform:scale(.96);background-position:50%!important;background-size:contain!important}.object-palace{background-image:url(/assets/palace.png)!important}.object-park{background-image:url(/assets/park.png)!important}.object-camp{background-image:url(/assets/camp.png)!important}.object-mountain-fort,.object-watch-castle,.object-royal-citadel{transform:scale(1.02);background-position:50%!important;background-size:contain!important}.object-mountain-fort{background-image:url(/assets/mountain-fort.png)!important}.object-watch-castle{background-image:url(/assets/watch-castle.png)!important}.object-royal-citadel{background-image:url(/assets/royal-citadel.png)!important}.object-pagoda,.object-fountain,.object-statue{transform:scale(.9);background-position:50%!important;background-size:contain!important}.object-pagoda{background-image:url(/assets/pagoda.png)!important}.object-fountain{background-image:url(/assets/fountain.png)!important}.object-statue{background-image:url(/assets/statue.png)!important}.object-farmstead,.object-cropland,.object-rocks{transform:scale(.92);background-position:50%!important;background-size:contain!important}.object-farmstead{background-image:url(/assets/farmstead.png)!important}.object-cropland{background-image:url(/assets/cropland.png)!important}.object-rocks{background-image:url(/assets/rocks.png)!important}.object-castle,.object-mountain-fort,.object-watch-castle,.object-royal-citadel{transform:scale(1.08)!important}.object-palace{transform:scale(1)!important}.object-camp{transform:scale(.78)!important}.object-village{transform:scale(.72)!important}.object-inn{transform:scale(.68)!important}.object-church,.object-pagoda{transform:scale(.58)!important}.object-farmstead{transform:scale(.6)!important}.object-cropland,.object-park{transform:scale(.74)!important}.object-rocks{transform:scale(.56)!important}.object-fountain{transform:scale(.42)!important}.object-statue{transform:scale(.36)!important}.object-colosseum,.object-riding-school,.object-stadium{background-position:50%!important;background-size:contain!important;transform:scale(.88)!important}.object-colosseum{background-image:url(/assets/colosseum.png)!important}.object-riding-school{background-image:url(/assets/riding-school.png)!important}.object-stadium{background-image:url(/assets/stadium.png)!important}.object-sheep,.object-wild-boars,.object-rabbits,.object-deer{background-position:50%!important;background-size:contain!important;transform:scale(.48)!important}.object-sheep{background-image:url(/assets/sheep.png)!important}.object-wild-boars{background-image:url(/assets/wild-boars.png)!important}.object-rabbits{background-image:url(/assets/rabbits.png)!important;transform:scale(.4)!important}.object-deer{background-image:url(/assets/deer.png)!important}.object-hedgehogs,.object-playground,.object-large-forest,.object-poor-house,.object-cathedral{background-position:50%!important;background-size:contain!important}.object-hedgehogs{background-image:url(/assets/hedgehogs.png)!important;transform:scale(.46)!important}.object-playground{background-image:url(/assets/playground.png)!important;transform:scale(.64)!important}.object-large-forest{background-image:url(/assets/large-forest.png)!important;transform:scale(.84)!important}.object-poor-house{background-image:url(/assets/poor-house.png)!important;transform:scale(.52)!important}.object-cathedral{background-image:url(/assets/cathedral.png)!important;transform:scale(.9)!important}.object-office,.object-outdoor-theater,.object-balloon-children{background-position:50%!important;background-size:contain!important}.object-office{background-image:url(/assets/office.png)!important;transform:scale(.7)!important}.object-outdoor-theater{background-image:url(/assets/outdoor-theater.png)!important;transform:scale(.7)!important}.object-balloon-children{background-image:url(/assets/balloon-children.png)!important;transform:scale(.46)!important}.object-fairground,.object-volcano,.object-dragon{background-position:50%!important;background-size:contain!important}.object-fairground{background-image:url(/assets/fairground.png)!important;transform:scale(.76)!important}.object-volcano{background-image:url(/assets/volcano.png)!important;transform:scale(.7)!important}.object-dragon{background-image:url(/assets/dragon.png)!important;transform:scale(.68)!important}.object-knights,.object-trebuchet,.object-circus{background-position:50%!important;background-size:contain!important}.object-knights{background-image:url(/assets/knights.png)!important;transform:scale(.48)!important}.object-trebuchet{background-image:url(/assets/trebuchet.png)!important;transform:scale(.58)!important}.object-circus{background-image:url(/assets/circus.png)!important;transform:scale(.74)!important}.object-palisade-fort,.object-hillfort,.object-stone-bastion{background-position:50%!important;background-size:contain!important;transform:scale(1.02)!important}.object-palisade-fort{background-image:url(/assets/palisade-fort.png)!important}.object-hillfort{background-image:url(/assets/hillfort.png)!important}.object-stone-bastion{background-image:url(/assets/stone-bastion.png)!important}.object-marsh,.object-stone-circle,.object-flower-meadow{background-position:50%!important;background-size:contain!important}.object-marsh{background-image:url(/assets/marsh.png)!important;transform:scale(.72)!important}.object-stone-circle{background-image:url(/assets/stone-circle.png)!important;transform:scale(.7)!important}.object-flower-meadow{background-image:url(/assets/flower-meadow.png)!important;transform:scale(.76)!important}.object-japanese-garden,.object-vineyard,.object-orchard{background-position:50%!important;background-size:contain!important}.object-japanese-garden{background-image:url(/assets/japanese-garden.png)!important;transform:scale(.72)!important}.object-vineyard{background-image:url(/assets/vineyard.png)!important;transform:scale(.7)!important}.object-orchard{background-image:url(/assets/orchard.png)!important;transform:scale(.7)!important}.object-market,.object-hedge-maze,.object-training-ground{background-position:50%!important;background-size:contain!important}.object-market{background-image:url(/assets/market.png)!important;transform:scale(.7)!important}.object-hedge-maze{background-image:url(/assets/hedge-maze.png)!important;transform:scale(.68)!important}.object-training-ground{background-image:url(/assets/training-ground.png)!important;transform:scale(.7)!important}.object-island-lake{background-image:url(/assets/island-lake.png)!important;background-position:50%!important;background-size:contain!important;transform:scale(.78)!important}.object-haunted-house{background-image:url(/assets/haunted-house.png)!important;background-position:50%!important;background-size:contain!important;transform:scale(.82)!important}.object-water-tower,.object-archery-center{background-position:50%!important;background-size:contain!important}.object-water-tower{background-image:url(/assets/water-tower.png)!important;transform:scale(.68)!important}.object-archery-center{background-image:url(/assets/archery-center.png)!important;transform:scale(.7)!important}.object-colosseum{transform:scale(.88)!important}.object-mounted-soldiers,.object-archers,.object-war-chariot,.object-battering-ram{background-position:50%!important;background-size:contain!important}.object-mounted-soldiers{background-image:url(/assets/mounted-soldiers.png)!important;transform:scale(.52)!important}.object-archers{background-image:url(/assets/archers.png)!important;transform:scale(.48)!important}.object-war-chariot{background-image:url(/assets/war-chariot.png)!important;transform:scale(.56)!important}.object-battering-ram{background-image:url(/assets/battering-ram.png)!important;transform:scale(.58)!important}.object-hill,.object-mountain,.object-rock-cliff{background-position:50%!important;background-size:contain!important}.object-hill{background-image:url(/assets/hill.png)!important;transform:scale(.72)!important}.object-mountain{background-image:url(/assets/mountain.png)!important;transform:scale(.76)!important}.object-rock-cliff{background-image:url(/assets/rock-cliff.png)!important;transform:scale(.74)!important}.water-layer{z-index:1;transform-origin:50%;background-position:50%;background-size:cover;position:absolute;inset:0}.water-full{background-image:url(/assets/water-texture.png)}.water-shore:after,.water-shore:before{content:"";position:absolute;inset:0}.water-shore:after{z-index:0;clip-path:inset(0 0 62%);background-color:#d8bd78;background-image:radial-gradient(circle at 18% 33%,#f1d996 0 1.5%,#0000 2%),radial-gradient(circle at 72% 34%,#ac8a4d 0 1.2%,#0000 1.7%)}.water-shore:before{z-index:1;clip-path:inset(0 0 70%);background:url(/assets/water-texture.png) 50%/cover}.water-corner-outer:after,.water-corner-outer:before,.water-corner-inner:after,.water-corner-inner:before{content:"";position:absolute;inset:0}.water-corner-outer:after,.water-corner-inner:after{z-index:0;background-color:#d8bd78;background-image:radial-gradient(circle at 70% 38%,#f1d996 0 1.5%,#0000 2%),radial-gradient(circle at 62% 62%,#ac8a4d 0 1.2%,#0000 1.7%)}.water-corner-outer:before,.water-corner-inner:before{z-index:1;background:url(/assets/water-texture.png) 50%/cover}.water-corner-outer:after{clip-path:polygon(0 0,100% 0,100% 100%,62% 100%,62% 76%,24% 38%,0 38%)}.water-corner-outer:before{clip-path:polygon(0 0,100% 0,100% 100%,70% 100%,70% 70%,30% 30%,0 30%)}.object-fire-dragon{background-image:url(/assets/fire-dragon.png)!important;background-position:50%!important;background-size:contain!important;transform:scale(.64)!important}.object-cemetery{background-image:url(/assets/cemetery.png)!important;background-position:50%!important;background-size:contain!important;transform:scale(.72)!important}.object-cave,.object-earth-houses,.object-alfalfa-field{background-position:50%!important;background-size:contain!important}.object-cave{background-image:url(/assets/cave.png)!important;transform:scale(.64)!important}.object-earth-houses{background-image:url(/assets/earth-houses.png)!important;transform:scale(.68)!important}.object-alfalfa-field{background-image:url(/assets/alfalfa-field.png)!important;transform:scale(.76)!important}.object-sheep{transform:scale(.5)!important}.object-wild-boars{transform:scale(.68)!important}.object-rabbits{transform:scale(.58)!important}.object-deer{transform:scale(.48)!important}.object-hedgehogs{transform:scale(.26)!important}.object-windmill,.object-blacksmith,.object-shop{background-position:50%!important;background-size:contain!important}.object-windmill{background-image:url(/assets/windmill.png)!important;transform:scale(.7)!important}.object-blacksmith{background-image:url(/assets/blacksmith.png)!important;transform:scale(.68)!important}.object-shop{background-image:url(/assets/shop.png)!important;transform:scale(.64)!important}.map-navigator{grid-template-rows:repeat(3,40px)}.map-navigator .nav-zoom{grid-area:2/2;grid-template-columns:1fr 1fr;gap:1px;width:40px;height:40px;display:grid}.map-navigator .nav-zoom button{border-radius:3px;width:19.5px;height:40px}.map-navigator .nav-zoom svg{width:14px}.map-navigator .nav-zoom-out,.map-navigator .nav-zoom-in{grid-area:auto}@media (width<=700px){body main .game>.tray{left:6px!important;right:6px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;gap:4px!important;width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important;height:84px!important}body main .game>.tray>.tile-picker{gap:4px!important;width:0!important;min-width:0!important;height:82px!important;padding:3px 0!important}body main .game>.tray>.tile-picker>button{flex:0 0 72px!important;width:72px!important;height:72px!important}body main .game>.tray>.selection{flex:0 0 38px!important;width:38px!important;height:72px!important}body main .game>.tray>.selection>button{width:34px!important;height:34px!important}.map-navigator{grid-template-rows:repeat(3,36px);grid-template-columns:repeat(3,36px);bottom:104px;right:8px}.map-navigator .nav-zoom{width:36px;height:36px}.map-navigator .nav-zoom button{width:17.5px;height:36px}.map-navigator .nav-zoom svg{width:12px}body main .game>.tray{height:112px!important}body main .game>.tray>.tile-picker{grid-template-rows:repeat(2,50px)!important;grid-auto-columns:50px!important;grid-auto-flow:column!important;place-content:center start!important;gap:3px!important;height:110px!important;padding:3px 0 8px!important;display:grid!important;overflow:auto hidden!important}body main .game>.tray>.tile-picker>button{width:50px!important;min-width:50px!important;height:50px!important;padding:2px!important}body main .game>.tray>.tile-picker>button>.tile{width:46px!important;height:46px!important}body main .game>.tray>.selection{flex-basis:38px!important;width:38px!important;height:103px!important}.map-navigator{bottom:132px}}.object-fishing-harbor{background-image:url(/assets/fishing-harbor.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;transform:scale(.78)!important}.object-coastal-harbor{transform:rotate(var(--object-rotation)) scale(.74)!important;background-image:url(/assets/coastal-harbor.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}.tile-picker>button.road-active{border-color:#6fa9c8!important;box-shadow:inset 0 0 0 1px #6fa9c8!important}.tile-picker>button.active.road-active{border-color:#e3b95d!important;box-shadow:inset 0 0 0 1px #e3b95d!important}.object-small-forest{background-image:url(/assets/small-forest.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;transform:scale(.82)!important}.object-small-pond{background-image:url(/assets/small-pond.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;transform:scale(.72)!important}.object-small-town-nw,.object-small-town-ne,.object-small-town-sw,.object-small-town-se{transform:rotate(var(--object-rotation))!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}.object-small-town-nw{background-image:url(/assets/tiles/small-town-nw-v3.png)!important}.object-small-town-ne{background-image:url(/assets/tiles/small-town-ne-v3.png)!important}.object-small-town-sw{background-image:url(/assets/tiles/small-town-sw-v3.png)!important}.object-small-town-se{background-image:url(/assets/tiles/small-town-se-v3.png)!important}.water-tile-shore.water-rot-0 .road-layer{clip-path:inset(38% 0 0)}.water-tile-shore.water-rot-1 .road-layer{clip-path:inset(0 38% 0 0)}.water-tile-shore.water-rot-2 .road-layer{clip-path:inset(0 0 38%)}.water-tile-shore.water-rot-3 .road-layer{clip-path:inset(0 0 0 38%)}.water-tile-corner-inner.water-rot-0 .road-layer{clip-path:polygon(0 0,62% 0,100% 38%,100% 100%,0 100%)}.water-tile-corner-inner.water-rot-1 .road-layer{clip-path:polygon(0 0,100% 0,100% 62%,62% 100%,0 100%)}.water-tile-corner-inner.water-rot-2 .road-layer{clip-path:polygon(0 0,100% 0,100% 100%,38% 100%,0 62%)}.water-tile-corner-inner.water-rot-3 .road-layer{clip-path:polygon(38% 0,100% 0,100% 100%,0 100%,0 38%)}.object-town-hall{background-image:url(/assets/town-hall.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;transform:scale(.72)!important}.water-corner-outer:after{clip-path:none;-webkit-mask-image:radial-gradient(62% 62% at 0 100%,#0000 0 99%,#000 100%);mask-image:radial-gradient(62% 62% at 0 100%,#0000 0 99%,#000 100%)}.water-corner-outer:before{clip-path:none;-webkit-mask-image:radial-gradient(70% 70% at 0 100%,#0000 0 99%,#000 100%);mask-image:radial-gradient(70% 70% at 0 100%,#0000 0 99%,#000 100%)}.water-corner-inner:after{clip-path:ellipse(38% 38% at 100% 0)}.water-corner-inner:before{clip-path:ellipse(30% 30% at 100% 0)}.water-tile-corner-inner.water-rot-0 .road-layer{clip-path:none;-webkit-mask-image:radial-gradient(38% 38% at 100% 0,#0000 0 99%,#000 100%);mask-image:radial-gradient(38% 38% at 100% 0,#0000 0 99%,#000 100%)}.water-tile-corner-inner.water-rot-1 .road-layer{clip-path:none;-webkit-mask-image:radial-gradient(38% 38% at 100% 100%,#0000 0 99%,#000 100%);mask-image:radial-gradient(38% 38% at 100% 100%,#0000 0 99%,#000 100%)}.water-tile-corner-inner.water-rot-2 .road-layer{clip-path:none;-webkit-mask-image:radial-gradient(38% 38% at 0 100%,#0000 0 99%,#000 100%);mask-image:radial-gradient(38% 38% at 0 100%,#0000 0 99%,#000 100%)}.water-tile-corner-inner.water-rot-3 .road-layer{clip-path:none;-webkit-mask-image:radial-gradient(38% 38% at 0 0,#0000 0 99%,#000 100%);mask-image:radial-gradient(38% 38% at 0 0,#0000 0 99%,#000 100%)}.object-roadside-benches,.object-roadside-planters{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}.object-roadside-benches{transform:rotate(var(--object-rotation)) scale(.68)!important;background-image:url(/assets/roadside-benches.png)!important}.object-roadside-planters{transform:rotate(var(--object-rotation)) scale(.64)!important;background-image:url(/assets/roadside-planters.png)!important}.object-sunken-shipwreck,.object-pirate-ship{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}.object-sunken-shipwreck{opacity:.78;transform:rotate(var(--object-rotation)) scale(.72)!important;background-image:url(/assets/sunken-shipwreck.png)!important}.object-pirate-ship{transform:rotate(var(--object-rotation)) scale(.68)!important;background-image:url(/assets/pirate-ship.png)!important}.object-whale,.object-dolphins{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}.object-whale{transform:rotate(var(--object-rotation)) scale(.66)!important;background-image:url(/assets/whale.png)!important}.object-dolphins{transform:rotate(var(--object-rotation)) scale(.58)!important;background-image:url(/assets/dolphins.png)!important}.object-low-mountain,.object-mountain-range,.object-basalt-organ{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}.object-low-mountain{transform:rotate(var(--object-rotation)) scale(.7)!important;background-image:url(/assets/low-mountain.png)!important}.object-mountain-range{transform:rotate(var(--object-rotation)) scale(.95)!important;background-image:url(/assets/mountain-range.png)!important}.object-basalt-organ{transform:rotate(var(--object-rotation)) scale(.7)!important;background-image:url(/assets/basalt-organ.png)!important}@media (width>=701px){.tray{flex-direction:column;display:flex;width:184px!important;padding:12px!important;top:18px!important;bottom:18px!important;left:18px!important}.tray-title{flex:none}.tile-picker{flex-direction:column;flex:1;min-height:0;gap:6px!important;padding:10px 3px!important;display:flex!important;overflow:hidden auto!important}.tile-picker>button{text-align:left;grid-template-columns:52px 1fr;align-items:center;gap:8px;width:100%;display:grid;flex:0 0 62px!important;padding:4px!important}.tile-picker .tile{width:52px!important;height:52px!important;margin:0!important}.tile-picker span{line-height:1.2;white-space:normal!important;margin:0!important;font-size:11px!important}.selection{flex:none;margin-top:8px}.selection>div{min-width:0}.selection strong{white-space:nowrap;text-overflow:ellipsis;max-width:112px;display:block;overflow:hidden}.selection small{display:none!important}.tray{width:142px!important;padding:9px!important}.tray-title{font-size:11px}.tray-title b{display:none}.tile-picker>button{grid-template-columns:42px 1fr;gap:6px;flex-basis:50px!important;padding:3px!important}.tile-picker span{font-size:10px!important}.selection strong{max-width:80px;font-size:14px}.tray{align-items:center;width:76px!important;padding:8px!important}.tray-title{justify-content:center;width:100%}.tray-title span,.tray-title b{display:none!important}.tile-picker{align-items:center;width:100%;padding:8px 0!important}.tile-picker>button{flex:0 0 50px!important;width:50px!important;padding:3px!important;display:block!important}.tile-picker span{display:none!important}.selection{justify-content:center;width:100%}.selection>div{display:none}.tray{width:56px!important;padding:5px!important;top:10px!important;bottom:10px!important;left:10px!important}.tray-title{height:30px}.tray-title svg{width:15px}.tile-picker{gap:3px!important;padding:4px 0!important}.tile-picker>button{flex-basis:42px!important;width:42px!important;padding:2px!important}.selection{margin-top:4px;padding-top:6px}.selection>button{width:36px!important;height:36px!important}.selection svg{width:17px}.tray{width:68px!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.tray-title{background:#172019ed;border:1px solid #596557;border-radius:5px;flex:0 0 28px;height:28px;width:38px!important}.tile-picker{gap:5px!important}.tile-picker>button{box-shadow:0 3px 10px #1117;background:#172019ed!important;flex-basis:58px!important;width:58px!important;padding:3px!important}.tile-picker .tile{width:52px!important;height:52px!important}.selection{border:0!important;padding:0!important}.selection>button{box-shadow:0 3px 10px #1117;width:42px!important;height:42px!important}}@media (width<=700px){.tray{width:68px!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:0!important;flex-direction:column!important;align-items:center!important;padding:0!important;display:flex!important;position:absolute!important;top:8px!important;bottom:8px!important;left:8px!important}.tray-title{background:#172019ed!important;border:1px solid #596557!important;border-radius:5px!important;flex:0 0 28px!important;justify-content:center!important;width:38px!important;height:28px!important}.tray-title span,.tray-title b{display:none!important}.tile-picker{flex-direction:column!important;flex:1!important;align-items:center!important;gap:5px!important;width:100%!important;min-height:0!important;padding:5px 0!important;display:flex!important;overflow:hidden auto!important}.tile-picker>button{background:#172019ed!important;border:1px solid #465347!important;flex:0 0 58px!important;width:58px!important;height:58px!important;padding:3px!important;display:block!important;box-shadow:0 3px 10px #1117!important}.tile-picker .tile{width:52px!important;height:52px!important;display:block!important}.tile-picker span{display:none!important}.selection{border:0!important;flex:0 0 44px!important;justify-content:center!important;width:100%!important;margin:0!important;padding:0!important}.selection>div{display:none!important}.selection>button{width:42px!important;height:42px!important;box-shadow:0 3px 10px #1117!important}}.modular .meadow-base,.modular .terrain-layer,.modular .road-layer,.modular .object-layer{position:absolute;inset:0}.meadow-base{background:url(/assets/tiles/meadow.png) 50%/cover}.terrain-layer{background-position:50%;background-size:cover}.road-layer{z-index:2}.road-part,.road-hub{background-color:#d4bd84;background-image:linear-gradient(90deg,#9d875337 0 8%,#0000 18% 82%,#9d875337 92%),repeating-linear-gradient(0deg,#0000 0 4px,#79633117 4px 5px);position:absolute}.road-0,.road-2{width:14%;height:50%;left:43%}.road-0{top:0}.road-2{bottom:0}.road-1,.road-3{background-image:linear-gradient(0deg,#9d875337 0 8%,#0000 18% 82%,#9d875337 92%),repeating-linear-gradient(90deg,#0000 0 4px,#79633117 4px 5px);width:50%;height:14%;top:43%}.road-1{right:0}.road-3{left:0}.road-hub{width:14%;height:14%;top:43%;left:43%}.object-layer{z-index:3;filter:drop-shadow(0 2px 2px #27301f88);background-image:url(/assets/building-sprites.png?v=1);background-repeat:no-repeat;background-size:200% 200%;transform:scale(.94)}.object-castle{background-position:0 0;transform:scale(1.08)}.object-church{background-position:100% 0}.object-village{background-position:0 100%}.object-inn{background-position:100% 100%}.modular .tile-shine{z-index:4}.tile-art{transform:rotate(var(--rot)) scale(1)!important}.tile-detail{background-image:var(--bg);background-size:var(--size);background-position:var(--pos);transform:rotate(var(--rot)) scale(var(--detail-scale));clip-path:inset(20%);pointer-events:none;position:absolute;inset:0}.tray{width:min(620px,100vw - 44px)!important}.tile-picker{scrollbar-width:thin;gap:7px;padding:12px 1px 10px;display:flex;overflow-x:auto}.tile-picker>button{color:#dfe5dc;cursor:pointer;background:#263128;border:1px solid #465347;border-radius:5px;flex:0 0 70px;padding:4px}.tile-picker>button.active{background:#3c422e;border-color:#e3b95d;box-shadow:0 0 0 1px #e3b95d}.tile-picker .tile{cursor:pointer;width:60px;height:60px;margin:auto}.tile-picker span{white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:10px;display:block;overflow:hidden}.selection{border-top:1px solid #465347;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.selection strong{font:17px Marcellus}.selection small{color:#9fa99e;margin-top:2px;font-size:11px;display:block}.selection>button{color:#20271e;cursor:pointer;background:#d7a94f;border:0;border-radius:5px;place-items:center;width:40px;height:40px;display:grid}.selection svg{width:19px}*{box-sizing:border-box}body{color:#f7f3e8;background:#263025;margin:0;font-family:DM Sans,sans-serif;overflow:hidden}button{font:inherit}header{z-index:10;background:#172019;border-bottom:1px solid #455143;justify-content:space-between;align-items:center;height:68px;padding:0 22px;display:flex;position:relative}.brand{align-items:center;gap:12px;display:flex}.brand svg{color:#e0ae55}.brand strong{font:23px Marcellus;display:block}.brand small,.preview small{color:#aab4a9;font-size:12px;display:block}.actions{gap:6px;display:flex}.actions button,.zoom button,.interior header button{color:#eee;cursor:pointer;background:#263027;border:1px solid #4d594d;border-radius:6px;place-items:center;width:40px;height:40px;display:grid}.actions svg,.zoom svg,.interior header svg{width:19px}.game{cursor:grab;background-color:#394637;background-image:radial-gradient(#536251 1px,#0000 1px);background-size:22px 22px;height:calc(100vh - 68px);position:relative;overflow:hidden}.game:active{cursor:grabbing}.board{transform-origin:0 0;width:1px;height:1px;position:absolute;top:44%;left:50%}.cell{width:108px;height:108px;position:absolute}.tile{cursor:pointer;background:#50644a;border:0;border-radius:5px;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 3px 8px #1118}.tile-art{background-image:var(--bg);background-size:300% 300%;background-position:var(--pos);transform:rotate(var(--rot)) scale(1.02);position:absolute;inset:0}.tile-shine{position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff2,inset 0 0 24px #1112}.tile:hover{z-index:3;filter:brightness(1.08);outline:3px solid #f4ca72}.ghost{opacity:.2;box-shadow:none;outline:1px dashed #edcf84}.ghost:hover{opacity:.75}.tray{background:#172019f2;border:1px solid #596557;border-radius:8px;width:310px;padding:14px;position:absolute;bottom:22px;left:22px;box-shadow:0 12px 36px #1118}.tray-title{color:#dfbd74;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;display:flex}.tray-title svg{width:17px}.tray-title b{margin-left:auto}.preview{grid-template-columns:84px 1fr;align-items:center;gap:13px;margin:13px 0;display:grid}.preview .tile{width:84px;height:84px}.preview strong{font:19px Marcellus}.preview small{margin-top:6px;line-height:1.4}.rotate{color:#1e261d;cursor:pointer;background:#d7a94f;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;font-weight:700;display:flex}.rotate svg{width:18px}.zoom{flex-direction:column;gap:5px;display:flex;position:absolute;bottom:22px;right:20px}.notice{background:#702f29;border:1px solid #b9695e;border-radius:5px;padding:10px 16px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.interior{z-index:20;background:#263026;position:fixed;inset:0}.interior header{height:76px}.interior header>div{flex:1;margin-left:16px}.interior header small{color:#d3aa5d;letter-spacing:2px;font-size:10px;display:block}.interior header strong{font:22px Marcellus}.interior-main{grid-template-columns:1fr 300px;height:calc(100vh - 76px);display:grid}.court{background:#465442 radial-gradient(#667464 1px,#0000 1px) 0 0/18px 18px;place-items:center;display:grid}.court-grid{background:#273226;border:1px solid #6b7868;border-radius:8px;grid-template-rows:repeat(5,min(13vw,112px));grid-template-columns:repeat(5,min(13vw,112px));gap:5px;padding:18px;display:grid}.court-cell{border:1px dashed #859080;min-width:0;min-height:0}.court-cell>.tile{border-radius:2px}.court-cell>button{color:#aab6a8;cursor:pointer;background:#ffffff08;border:0;width:100%;height:100%;font-size:26px}.interior-main>aside{background:#19221b;border-left:1px solid #4d594b;padding:22px;overflow:auto}.interior h2{margin:0;font:21px Marcellus}.interior p{color:#9da79c;font-size:13px;line-height:1.5}.palette{grid-template-columns:1fr 1fr;gap:8px;display:grid}.palette>button{color:#eee;cursor:pointer;background:#263128;border:1px solid #465347;border-radius:5px;padding:6px}.palette>button.selected{background:#39402e;border-color:#e3b95d}.palette .tile{aspect-ratio:1;height:auto}.palette span{padding:6px 0 2px;font-size:12px;display:block}@media (width<=700px){header{padding:0 12px}.brand small{display:none}.tray{width:270px;bottom:10px;left:10px}.interior-main{grid-template-columns:1fr}.interior-main>aside{height:190px;padding:12px;position:absolute;bottom:0;left:0;right:0}.palette{display:flex;overflow:auto}.palette>button{min-width:92px}.court{padding-bottom:180px}.court-grid{grid-template-rows:repeat(5,17vw);grid-template-columns:repeat(5,17vw)}}