:root{--ink: #3d3021;--text: #3d3021;--muted: #7e6b4e;--paper: #f1e4c7;--paper-light: #faf0d9;--rule: #a99061;--gold: #a58b55;--red: #963d32}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%;height:100%}body{color:var(--ink);background:var(--paper);font-family:Alegreya,Georgia,serif;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--rule);padding:10px 16px;background:#f8edd3;border-radius:2px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#e9d6ad}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:default}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid #96713c;outline-offset:3px}button.primary,button.danger{background:var(--red);color:#fff2d9;border-color:#693a29}button.primary:hover:not(:disabled),button.danger:hover:not(:disabled){background:#7b3029}button.small{font-size:13px;padding:6px 12px}input{width:100%;min-width:0;border:1px solid var(--rule);background:#fff5df;padding:11px 14px;border-radius:2px}input::placeholder{color:#978465}.row{display:flex;gap:10px;align-items:center}.grow{flex:1}.muted{color:var(--muted);font-size:13px}svg{flex-shrink:0}.glyph{vertical-align:middle}.game{height:100dvh;min-height:440px;display:flex;flex-direction:column;position:relative;isolation:isolate;padding:14px;overflow:hidden;background:#f1e3c4}.game:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:url(/art/atlas-sea.png) center / 100% 100% no-repeat;opacity:.86;pointer-events:none}.game:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:8;border:1px solid #80663780;outline:1px solid #9e855c50;outline-offset:3px;pointer-events:none}.players-bar{display:flex;align-items:flex-start;gap:12px;flex-shrink:0;position:relative;z-index:3}.atlas-brand{margin-right:auto;min-width:210px;padding:4px 20px 14px;background:radial-gradient(ellipse at 25% 0,#f2e4c9 55%,#f2e4c900 75%)}.atlas-brand>span{display:block;font:54px/.97 Georgia,serif;letter-spacing:-2px;color:#30251a}.atlas-brand small{display:block;font-size:14px;margin-top:6px;letter-spacing:.6px}.atlas-brand:after{content:"❧";display:block;font-size:29px;color:#877346;line-height:1;margin-top:4px}.plaque{min-width:165px;flex:0 1 240px;padding:10px 14px 8px;background:#f4e7cbef;border:1px solid #a68d60;box-shadow:inset 0 0 0 3px #f7eed680;position:relative}.plaque:before,.plaque:after{content:"✧";position:absolute;font-size:13px;color:#8a7045;top:-8px}.plaque:before{left:4px}.plaque:after{right:4px}.plaque.current{border-bottom:3px solid #9c4335}.plaque-top{display:flex;align-items:center;gap:10px}.p-name{font-size:17px;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-shield{display:flex;align-items:baseline;gap:4px;font:25px Georgia,serif}.vp-shield small{font:10px Alegreya,serif;color:var(--muted)}.heraldry{filter:drop-shadow(0 1px 1px #6a543529)}.plaque-stats{display:flex;align-items:center;gap:12px;margin:-5px 0 0 53px;font-size:12px;color:var(--muted)}.st,.laurel{display:inline-flex;align-items:center;gap:3px}.laurel{font-size:10px;color:#785b2b}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;flex-shrink:0}.board-wrap{flex:1;min-height:0;position:relative;margin-top:-42px}.game-board{display:block;width:100%;height:100%;position:relative;z-index:1;touch-action:manipulation;overflow:visible}.atlas-note{position:absolute;top:23%;left:2%;width:140px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 9px;z-index:2;background:#f4e7cce8;border:1px solid #a88d5e;outline:1px solid #c1ab805c;outline-offset:3px;pointer-events:none}.atlas-note:before,.atlas-note:after{content:"❧";color:#8f784d;font-size:25px;line-height:1;position:absolute;left:7px}.atlas-note:before{top:-12px}.atlas-note:after{bottom:-12px;transform:rotate(180deg);left:auto;right:7px}.atlas-kicker{text-transform:uppercase;font-size:10px;letter-spacing:2px;margin-bottom:10px}.atlas-note svg{width:75px;height:65px;margin:3px 0}.atlas-note>span:not(.atlas-kicker){font-size:19px}.atlas-note small{font-size:12px;color:var(--muted)}.gold-rule{height:1px;background:linear-gradient(90deg,transparent,#aa8b55,transparent);margin:12px 0;width:100%}.atlas-compass{position:absolute;right:3%;top:39%;width:146px;z-index:2;pointer-events:none}.atlas-compass svg{width:100%;fill:none;stroke:#796744;stroke-width:.65}.atlas-compass text{fill:#5c503a;stroke:none;text-anchor:middle;font:12px Georgia,serif}.status-banner{position:absolute;right:1%;top:70px;z-index:4;width:210px;padding:13px 15px;text-align:center;background:#f7ecd5f2;border:1px solid #aa9062;font-size:18px;font-weight:600;box-shadow:inset 0 0 0 3px #ecddbc}.status-banner:before,.status-banner:after{content:"·";color:#936d36;margin:0 6px}.status-banner.mine{color:#8d3b2f}.log-toggle{position:absolute;right:1%;top:16px;z-index:5;width:34px;height:34px;padding:0;font-size:16px;background:#f5e8ca}.log-panel{position:absolute;right:1%;top:56px;z-index:7;width:min(320px,85vw);max-height:70%;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:9px;font-size:14px;background:#f8ecd3f7;border:1px solid var(--rule);box-shadow:0 8px 24px #3e30162b}.bottom-panel{display:flex;flex-shrink:0;gap:12px;position:relative;z-index:4;margin-top:5px}.bottom-panel>.gold-rule{display:none}.hand-row,.actions{display:flex;position:relative;align-items:stretch;gap:7px;padding:31px 12px 10px;border:1px solid #9f8152;background:#f5e8cdef;box-shadow:inset 0 0 0 3px #f8efd747}.hand-row:after,.actions:after{content:"❧";position:absolute;top:-11px;right:8px;color:#8a7247;font-size:24px}.bottom-panel h2{position:absolute;top:5px;left:13px;font-size:16px;font-weight:600;margin:0}.hand-row{flex:0 1 auto}.hand-row>.grow{display:none}.res-med{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:59px;padding:3px 6px;border:1px solid #b9a47c;background:#fbf2df55;border-radius:3px 1px}.res-med.zero{opacity:.66}.resource-info{display:flex;flex-direction:column;align-items:center}.resource-info .cnt{font:22px/1 Georgia,serif}.resource-info small{font-size:12px;margin-top:3px}.dice{display:flex;align-items:center;justify-content:center;gap:4px;position:relative;padding:14px 4px 0 9px;margin-left:2px;border-left:1px solid #b9a47c}.dice small{position:absolute;top:2px;left:0;width:100%;text-align:center;font-size:11px;color:var(--muted)}.die-svg{filter:drop-shadow(0 2px 1px #5c482332)}.actions{flex:1;min-width:0}.act{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 7px;background:#f9efd955;border:1px solid #b9a47c}.act .disc{display:flex;align-items:center;justify-content:center;height:29px}.act .disc>svg{width:31px;height:29px}.act .lbl{font-size:13px;font-weight:500}.act.active{background:#e3cda0;border-color:#866331}.cost-row{display:flex;align-items:center;gap:1px;height:11px;opacity:.85}.end-turn{min-width:113px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff2d9;font-size:17px;background:#8c372f;border:1px solid #63372a;outline:1px solid #b39a68;outline-offset:-5px;padding:12px 16px}.end-turn:hover:not(:disabled){background:#762a24}.end-turn.roll{min-width:140px}.waiting-note{flex:1;align-self:center;text-align:center;color:var(--muted);font-style:italic;font-size:16px}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px;background:linear-gradient(#f5e9ce80,#f5e9ce80),url(/art/atlas-sea.png) center/cover}.logo{font:54px Georgia,serif;letter-spacing:-2px}.subtitle{color:#776445;font-size:16px}.hero-board{filter:sepia(.3) drop-shadow(0 5px 8px #5c472532)}.card{width:100%;max-width:390px;display:flex;flex-direction:column;gap:14px;padding:24px;background:#f6e8cdee;border:1px solid var(--rule);outline:1px solid #bba27570;outline-offset:4px}.room-code{font:38px Georgia,serif;letter-spacing:7px;text-align:center;cursor:pointer}.player-row{display:flex;align-items:center;gap:12px;padding:9px;border-bottom:1px solid #bba580}.badge{font-size:10px;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#332c2266;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:100%;max-width:430px;max-height:85dvh;overflow:auto;background:#f6e8cf;padding:25px;border:1px solid #8f7449;outline:1px solid #d2bc91;outline-offset:-5px;box-shadow:0 15px 60px #2c211d40;display:flex;flex-direction:column;gap:15px}.modal h3{font:24px Georgia,serif;margin:0 0 4px;display:flex;gap:8px;align-items:center}.winner-title{justify-content:center}.pick-grid{display:flex;flex-wrap:wrap;gap:7px}.pick-res{display:flex;flex:1;min-width:55px;flex-direction:column;align-items:center;gap:5px;padding:9px 5px}.pick-res.sel{background:#ddc497;border-color:#825c2c}.pick-label{font-size:12px}.counter{display:flex;gap:10px;align-items:center}.counter button{width:38px;height:38px;padding:0;font-size:20px}.counter-mid{width:75px;display:flex;align-items:center;justify-content:center;gap:7px}.victim-row{display:flex;gap:12px;align-items:center}.dev-card-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #bca67c}.dev-card-name,.buy-dev{display:flex;gap:8px;align-items:center}.buy-dev{justify-content:center}.trade-banner{position:absolute;bottom:10px;left:20%;right:20%;z-index:10;padding:15px;background:#f6e8cff5;border:1px solid var(--rule);display:flex;flex-direction:column;gap:10px}.trade-line{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.counts-row,.counts-item{display:inline-flex;align-items:center;gap:5px}.toast{position:fixed;bottom:160px;left:50%;transform:translate(-50%);max-width:90vw;padding:12px 20px;background:#913a2f;color:#fff0d4;border:1px solid #693e2b;z-index:100;text-align:center}.connection{position:fixed;top:0;width:100%;padding:4px;background:#8c352a;color:#fff0d4;text-align:center;font-size:12px;z-index:200}.spot{animation:breathe 1.7s ease-in-out infinite;cursor:pointer}@keyframes breathe{50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.spot{animation:none}}@media (min-width: 1600px){.game{padding:20px}.atlas-brand>span{font-size:68px}.atlas-brand{padding-left:24px}.plaque{flex-basis:280px}.board-wrap{margin-top:-56px}.res-med{min-width:78px}.hand-row,.actions{padding:35px 16px 12px;gap:10px}.bottom-panel h2{font-size:18px}.act .lbl{font-size:16px}.end-turn{min-width:175px;font-size:22px}.atlas-note{left:3%;width:175px}.atlas-note svg{width:96px;height:84px}.atlas-compass{width:190px}.status-banner{width:270px;font-size:23px}}@media (max-width: 1150px){.atlas-note,.atlas-compass{display:none}.atlas-brand{min-width:180px}.atlas-brand>span{font-size:43px}.atlas-brand:after{display:none}.board-wrap{margin-top:0;padding-top:30px}.status-banner{top:4px;right:auto;left:50%;transform:translate(-50%);width:auto;white-space:nowrap;padding:6px 15px;font-size:14px}.log-toggle{top:4px}.bottom-panel{flex-wrap:wrap;gap:7px}.hand-row{flex:1;padding-top:25px}.hand-row h2,.actions h2{font-size:13px}.res-med{flex:1;flex-direction:row;gap:6px}.resource-info{align-items:flex-start}.res-med>svg{width:32px;height:32px}.actions{flex-basis:100%;padding-top:26px}.act{flex-direction:row;flex-wrap:wrap;gap:3px 6px}.cost-row{width:100%;justify-content:center}.dice{padding:8px 6px 0}.dice small{top:-5px}.bottom-panel .end-turn{min-width:110px}}@media (max-width: 600px){.game{padding:9px;min-height:540px}.game:after{top:4px;right:4px;bottom:4px;left:4px;outline:none}.players-bar{flex-wrap:wrap;gap:6px}.atlas-brand{width:100%;padding:3px 2px 7px;display:flex;gap:12px;align-items:baseline}.atlas-brand>span{font-size:31px;letter-spacing:-1px}.atlas-brand small{font-size:11px;margin:0}.plaque{flex:1;min-width:125px;padding:6px 8px}.plaque-top{gap:6px}.plaque-top .heraldry{width:29px;height:34px}.p-name{font-size:13px}.vp-shield{font-size:20px}.vp-shield small{font-size:8px}.plaque-stats{margin:-1px 0 0 35px;gap:7px;font-size:10px}.plaque-stats svg{width:11px;height:11px}.board-wrap{padding-top:34px}.game-board{overflow:hidden}.status-banner{font-size:12px}.log-toggle{width:27px;height:27px}.bottom-panel{margin-top:0;gap:5px}.hand-row,.actions{padding:23px 5px 6px;gap:3px}.hand-row:after,.actions:after{display:none}.res-med{padding:3px 2px;min-width:0;gap:2px}.res-med>svg{width:25px;height:27px}.resource-info .cnt{font-size:17px}.resource-info small{font-size:9px;margin-top:1px}.dice{border:none;padding:8px 0 0;margin:0;gap:1px}.dice svg{width:22px;height:22px}.dice small{font-size:8px;top:0}.act{flex-direction:column;flex-wrap:nowrap;padding:4px 1px;gap:1px}.act .disc{height:23px}.act .disc>svg{width:25px;height:23px}.act .lbl{font-size:10px}.cost-row{gap:0;height:8px}.cost-row svg{width:7px;height:7px}.bottom-panel .end-turn{min-width:58px;padding:8px 5px;font-size:11px;flex-direction:column;gap:3px}.waiting-note{font-size:13px}.trade-banner{left:0;right:0}}.game:before{opacity:.72;-webkit-mask-image:linear-gradient(90deg,transparent 1%,#0008 18%,#000 33%,#000 68%,#0008 82%,transparent 99%);mask-image:linear-gradient(90deg,transparent 1%,#0008 18%,#000 33%,#000 68%,#0008 82%,transparent 99%)}@media (min-width: 1151px){.hand-row,.actions{padding-top:29px;padding-bottom:7px}.res-med>svg{width:35px;height:35px}.resource-info .cnt{font-size:20px}}@media (max-width: 600px){.game:before{-webkit-mask-image:none;mask-image:none;opacity:.56}}.game:before{background-image:url(/art/sea-v2.png);opacity:.94;-webkit-mask-image:none;mask-image:none}@media (min-width: 1151px){.players-bar{height:82px}.atlas-brand{position:relative;z-index:4}.board-wrap{margin-top:-79px}.game-board{width:100%;height:100%}.status-banner{top:125px}.log-toggle{top:86px}.atlas-note{top:29%}.hand-row,.actions{padding-top:28px}.res-med{flex-direction:row;gap:5px;min-width:67px}.resource-info{align-items:center}}@media (min-width: 1600px){.players-bar{height:98px}.board-wrap{margin-top:-94px}.status-banner{top:145px}.res-med{min-width:83px}}@media (max-width: 600px){.game:before{opacity:.8}}.plaque,.hand-row,.actions,.atlas-note,.status-banner{border-radius:6px 2px;box-shadow:inset 0 0 0 3px #f7e9c66e,inset 0 0 0 4px #b69a6438}.hand-row:before,.actions:before{content:"❧";position:absolute;top:-11px;left:5px;color:#8a7247;font-size:24px;transform:scaleX(-1)}.bottom-panel h2{left:17px}.atlas-brand small{letter-spacing:.1px;font-size:16px}@media (max-width: 600px){.hand-row:before,.actions:before{display:none}.atlas-brand small{font-size:11px}}.game{display:grid;grid-template-columns:minmax(0,1fr) 290px;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:14px}.game>.board-wrap{grid-column:1;grid-row:1;margin:0;padding:0;min-width:0;min-height:0}.game-sidebar{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;gap:9px;min-height:0;z-index:4}.game-sidebar .atlas-brand{flex:0 0 auto;min-width:0;margin:0;padding:6px 10px;background:#f4e7cce8;border-bottom:1px solid #a99061}.game-sidebar .atlas-brand>span{font-size:31px;line-height:1;letter-spacing:-1px}.game-sidebar .atlas-brand small{font-size:12px;margin-top:4px}.game-sidebar .atlas-brand:after{display:none}.history-section{flex:1 1 160px;min-height:90px;display:flex;flex-direction:column;background:#f5e8cdef;border:1px solid #a99061}.history-section.collapsed{flex:0 0 auto;min-height:0}.history-heading{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border:0;border-bottom:1px solid #bea77b;background:transparent;font-size:18px;padding:9px 13px}.sidebar-history{overflow-y:auto;min-height:0;padding:5px 13px 12px;font-size:13px;line-height:1.4}.sidebar-history>div{padding:8px 0;border-bottom:1px solid #b9a47c40}.bank-supply{flex-shrink:0;background:#f5e8cdef;border:1px solid #a99061;padding:8px 10px}.bank-supply h2{font-size:13px;margin:0 0 6px;font-weight:500}.bank-supply>div{display:flex;justify-content:space-between;gap:3px}.bank-supply span{display:flex;align-items:center;flex-direction:column;gap:1px;font-size:13px}.game-sidebar .players-bar{display:flex;flex-direction:column;height:auto;gap:7px;flex:0 1 auto;min-height:0;overflow-y:auto}.game-sidebar .plaque{flex:0 0 auto;width:100%;min-width:0;padding:9px 12px}.game-sidebar .plaque-stats{margin-top:0}.game>.bottom-panel{grid-column:1;grid-row:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:7px;min-width:0;margin:0}.turn-strip{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 13px;background:#f5e8cdef;border:1px solid #a99061;font-size:15px}.turn-strip.mine{color:#8d3b2f}.turn-strip small{color:var(--muted);font-size:11px}.bottom-panel .hand-row,.bottom-panel .actions{min-width:0;padding:25px 7px 7px;gap:4px;flex-wrap:nowrap}.bottom-panel .res-med{min-width:0;flex:1;flex-direction:column;gap:0;padding:3px}.bottom-panel .resource-info{align-items:center}.bottom-panel .resource-info small{font-size:10px}.bottom-panel .res-med>svg{width:29px;height:29px}.bottom-panel .resource-info .cnt{font-size:19px}.bottom-panel .dice{flex-direction:column;padding:13px 2px 0 6px;gap:2px}.bottom-panel .dice svg{width:24px;height:24px}.bottom-panel .dice small{font-size:8px;top:0}.bottom-panel .act{flex-direction:column;flex-wrap:nowrap;padding:4px 2px;gap:3px}.bottom-panel .act .lbl{font-size:11px}.bottom-panel .act .disc>svg{width:27px;height:26px}.bottom-panel .cost-row svg{width:8px;height:8px}.bottom-panel .end-turn{min-width:65px;padding:8px;font-size:12px;flex-direction:column}@media (min-width: 1600px){.game{grid-template-columns:minmax(0,1fr) 340px}.bottom-panel .res-med{flex-direction:row;gap:7px}.bottom-panel .res-med>svg{width:39px;height:39px}.bottom-panel .act .lbl{font-size:14px}.bottom-panel .end-turn{min-width:110px;font-size:16px}.game-sidebar .plaque{padding:13px 15px}.sidebar-history{font-size:15px}}@media (max-width: 950px) and (min-width: 601px){.game{grid-template-columns:minmax(0,1fr) 235px}.game>.bottom-panel{grid-template-columns:1fr}.turn-strip{grid-column:1}.bottom-panel .res-med{flex-direction:row;gap:4px}.bottom-panel .dice{flex-direction:row}}@media (max-width: 600px){.game{display:flex;flex-direction:column;padding:8px;gap:5px}.game-sidebar{display:contents}.game-sidebar .atlas-brand{display:none}.game-sidebar .players-bar{order:0;flex-direction:row;flex:0 0 auto;overflow-x:auto;gap:5px}.game-sidebar .plaque{flex:1 0 145px;width:auto;padding:5px 7px}.history-section{order:1;flex:0 0 auto;min-height:0;max-height:90px}.history-heading{padding:4px 10px;font-size:13px}.sidebar-history{font-size:11px;padding:3px 10px}.sidebar-history>div{padding:3px 0}.bank-supply{display:none}.game>.board-wrap{order:2;flex:1}.game>.bottom-panel{order:3;display:grid;grid-template-columns:1fr;gap:5px}.bottom-panel .hand-row{padding:22px 5px 5px}.bottom-panel .res-med{flex-direction:row;gap:2px}.bottom-panel .res-med>svg{width:24px;height:24px}.bottom-panel .dice{flex-direction:row;padding-top:10px}.bottom-panel .end-turn{min-width:55px;font-size:10px;padding:5px}.turn-strip{font-size:12px;padding:5px 9px}.bottom-panel .act .lbl{font-size:10px}}@media (max-width: 600px),(max-width: 950px) and (orientation: portrait){.game:before{background-size:cover;background-position:center}}.upgrade-target{cursor:pointer}.upgrade-target:hover .pennant-cloth,.upgrade-target:focus-visible .pennant-cloth{fill:#e9cf94;stroke-width:1.2}.robber-target{cursor:pointer}.robber-target:hover .robber-target-wash,.robber-target:focus-visible .robber-target-wash{fill-opacity:.3;stroke-opacity:1}.robber-target:focus-visible,.upgrade-target:focus-visible{outline:none}.dice-rolling>svg{animation:dice-settle .55s cubic-bezier(.2,.7,.3,1) both;transform-origin:center}.dice-rolling>svg:last-child{animation-delay:.06s}@keyframes dice-settle{0%{transform:translate(-9px,-6px) rotate(-60deg);filter:drop-shadow(2px 5px 2px #42301b40)}48%{transform:translate(1px) rotate(9deg);filter:drop-shadow(1px 1px 1px #42301b50)}76%{transform:translateY(-1px) rotate(-3deg)}to{transform:none;filter:drop-shadow(0 1px 1px #42301b25)}}.production-hex{animation:harvest-hold 4.7s linear both}.harvest-wash{fill-opacity:.36;animation:parchment-wash .55s ease-out .55s both}.harvest-ink,.harvest-border{stroke-dasharray:1;stroke-dashoffset:0;animation:trace-ink .8s ease-in-out .6s both}@keyframes trace-ink{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes parchment-wash{0%{fill-opacity:0}to{fill-opacity:.36}}@keyframes harvest-hold{0%,10%{opacity:0}20%,80%{opacity:1}to{opacity:0}}.production-gain{color:#4e583b;font-weight:700;display:flex;align-items:center;gap:3px;animation:ink-receipt .55s ease-out 2.15s both}.roll-summary{position:absolute;top:5px;left:50%;transform:translate(-50%);max-width:95%;width:max-content;z-index:5;pointer-events:none;background:#f8ebcfee;border:1px solid #ab8b55;box-shadow:0 2px 8px #44332225;padding:7px 12px;display:flex;align-items:center;justify-content:center;gap:8px 14px;flex-wrap:wrap;font-size:13px;animation:ink-receipt .4s ease-out .6s both}.roll-summary>span{display:inline-flex;align-items:center;gap:4px}@keyframes ink-receipt{0%{opacity:0}to{opacity:1}}.res-med.resource-harvest{position:relative;overflow:visible;z-index:2}.res-med.resource-harvest:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid #8c7148;background:#e5c58a22;pointer-events:none;animation:ink-receipt .4s ease-out 2.15s both}.resource-bonus{position:absolute;right:4px;top:-10px;padding:0 4px;color:#684729;background:#f8ebcd;border-bottom:1px solid #ad9265;font-family:Alegreya,Georgia,serif;font-style:italic;font-size:19px;font-weight:600;line-height:1.15;z-index:1;animation:ink-receipt .5s ease-out 2.15s both}.harvest-deliveries{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;overflow:hidden}.harvest-token{position:absolute;width:32px;height:32px;margin:-16px;display:flex;align-items:center;justify-content:center;background:#f1dfb8;border:1px solid #8b7048;border-radius:50%;box-shadow:0 2px 3px #46341f40,inset 0 0 0 2px #fff1d080;animation:deliver-resource 1.15s cubic-bezier(.4,0,.25,1) var(--flight-delay) both}.harvest-token b{position:absolute;right:-3px;bottom:-3px;background:#f8edcf;color:#573f24;font-size:11px;line-height:1;padding:2px;border:1px solid #9a7d51}@keyframes deliver-resource{0%{opacity:0;transform:translate(0) rotate(-8deg)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(var(--flight-x),var(--flight-y)) rotate(5deg)}}.city-reveal{animation:ink-receipt .45s ease-out .12s both}.construction-dust{transform-box:fill-box;transform-origin:center;animation:settle-dust .8s ease-out both}@keyframes settle-dust{0%{opacity:0;transform:scale(.7)}20%{opacity:.8}to{opacity:0;transform:translateY(-9px) scale(1.7)}}.chronicle-fresh{animation:fresh-ink .85s ease-out both}@keyframes fresh-ink{0%{opacity:.2;color:#aa8e60}to{opacity:1;color:inherit}}@media (max-width: 600px){.roll-summary{font-size:11px;gap:3px 8px;padding:4px 7px}.production-gain{font-size:11px}.harvest-token{width:26px;height:26px;margin:-13px}.harvest-token svg{width:20px;height:20px}.resource-bonus{font-size:16px}}@media (prefers-reduced-motion: reduce){.dice-rolling>svg,.production-hex,.harvest-wash,.harvest-ink,.harvest-border,.production-gain,.roll-summary,.res-med.resource-harvest:after,.resource-bonus,.city-reveal,.chronicle-fresh{animation:none}.harvest-deliveries,.construction-dust{display:none}}.chronicle-term{display:inline-flex;align-items:center;gap:3px;vertical-align:middle;white-space:nowrap}.chronicle-term>span{display:inline-flex;flex-shrink:0}.chronicle-term svg{width:19px;height:19px}@media (max-width: 600px){.chronicle-term{gap:2px}.chronicle-term svg{width:16px;height:16px}}@media (max-width: 600px){.bottom-panel .hand-row>h2,.bottom-panel .actions>h2{display:none}.bottom-panel .hand-row,.bottom-panel .actions{padding:5px}}@media (max-width: 600px){.game>.board-wrap{width:calc(100% + 8px);margin-left:-4px}}.game-sidebar .plaque-stats{margin:3px 0 0;gap:7px;min-height:25px;height:25px;font-size:14px;font-weight:600;color:#594326}.plaque-stats .st{flex:0 0 auto;gap:2px}.plaque-stats .st>svg{width:20px;height:20px}.plaque-stats .card-count{color:#3e2e1b}.player-receipt{position:relative;flex:1;min-width:0;height:25px;overflow:hidden}.player-receipt>span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;overflow-x:auto;scrollbar-width:none;font-size:12px}.player-receipt .counts-row,.player-receipt .counts-item{gap:2px}.player-receipt .counts-row{flex-shrink:0}.theft-receipt{gap:3px;animation:ink-receipt .15s ease-out both}.stolen-card{position:absolute;width:40px;height:40px;margin:-20px;filter:drop-shadow(1px 3px 2px #39291655);animation:steal-card 1.7s ease-in-out .15s both}@keyframes steal-card{0%{opacity:0;transform:translate(0) rotate(-9deg)}10%{opacity:1}45%,55%{opacity:1;transform:translate(var(--via-x),var(--via-y)) rotate(7deg)}92%{opacity:1}to{opacity:0;transform:translate(var(--flight-x),var(--flight-y)) rotate(-4deg)}}.bottom-panel .dice small{white-space:nowrap;font-weight:600}@media (max-width: 600px){.game-sidebar .plaque-stats{gap:4px;font-size:12px;height:23px;min-height:23px}.plaque-stats .st>svg{width:16px;height:18px}.player-receipt{height:23px}.player-receipt>span{font-size:10px}.player-receipt svg{width:13px;height:15px}}@media (prefers-reduced-motion: reduce){.stolen-card{display:none}.theft-receipt{animation:none}}.game-sidebar .plaque{border-bottom-width:3px}.res-med.resource-theft{opacity:1}.res-med.resource-theft:after,.resource-theft .resource-bonus{animation-delay:0s;animation-duration:.15s}.res-med.resource-lost:after{border-color:#9b5541;background:#ad5b3920}.resource-lost .resource-bonus{color:#923f2f;border-bottom-color:#a46c4b}@media (prefers-reduced-motion: reduce){.res-med.resource-theft:after,.resource-theft .resource-bonus{animation:none}}.turn-tools{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}.sound-toggle{display:inline-flex;align-items:center;justify-content:center;padding:3px;width:30px;height:28px;background:transparent;border:1px solid #b69a6b;color:#705333}.sound-toggle:hover,.sound-toggle:focus-visible{background:#e9d4a8}.sound-toggle[aria-pressed=false]{color:#97866c}@media (max-width: 600px){.sound-toggle{width:30px;height:28px}.turn-tools{gap:6px}}.vp-awards{display:inline-flex;align-items:center;gap:2px}.vp-awards>span{display:inline-flex;padding:2px;background:#e7d2a0;border:1px solid #b39356}.award-toast{position:absolute;z-index:7;top:42px;right:4px;max-width:calc(100% - 8px);padding:5px 7px;border:1px solid #94723c;background:#f7e7bf;box-shadow:0 2px 4px #51381935;animation:award-unfurl 5.2s ease both;pointer-events:none}.award-toast>span{display:flex;align-items:center;gap:5px;font-size:13px}.award-toast em{color:#785224;white-space:nowrap}@keyframes award-unfurl{0%{opacity:0;clip-path:inset(0 0 0 100%)}10%,85%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(0)}}.settlement-target{cursor:pointer}.settlement-target:hover .settlement-circle>circle:first-child,.settlement-target:focus-visible .settlement-circle>circle:first-child{fill:#efd28b;stroke-width:1.8}.settlement-target:hover .settlement-circle>circle:last-child,.settlement-target:focus-visible .settlement-circle>circle:last-child{opacity:.9}@media (max-width: 600px){.game-sidebar .plaque-stats{gap:3px}.plaque-stats .st{gap:1px}.plaque-stats .st>svg{width:14px}.vp-awards>span{padding:0}.vp-awards svg{width:12px;height:14px}.award-toast{top:36px;padding:3px 5px}.award-toast>span{font-size:11px;gap:3px}}@media (prefers-reduced-motion: reduce){.award-toast{animation:none}}.bottom-panel{position:relative}button.res-med{color:inherit;font:inherit;cursor:pointer}button.res-med:hover,button.res-med:focus-visible{outline:2px solid #96713c;outline-offset:-3px;background-color:#f7e9c7}.resource-workbench{grid-column:1 / -1;position:absolute;bottom:calc(100% + 8px);left:0;width:min(560px,100%);box-sizing:border-box;padding:14px;background:#f5e8c9;border:3px double #a68a56;box-shadow:0 5px 20px #39281140;z-index:20;display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow:auto}.resource-workbench h3{margin:0;font-size:22px}.workbench-heading{display:flex;justify-content:space-between;align-items:center;font-size:20px}.workbench-heading button,.port-hint button{padding:2px 9px}.trade-picks{display:grid;grid-template-columns:1fr 1fr;gap:18px}.trade-picks .counter{justify-content:space-between}.resource-workbench .counter button{min-width:32px;min-height:32px;padding:3px 8px}.resource-workbench .counter-mid{min-width:45px}.resource-workbench .row>button{flex:1}.dev-hand{grid-column:1 / -1;display:flex;gap:8px;overflow-x:auto;padding:6px;background:#f3e5c5;border:1px solid #ad9466}.dev-hand .dev-card-row{flex:0 0 auto;display:flex;gap:8px;padding:6px 10px;border:1px solid #aa8c58;background:#fbefd1;margin:0}.dev-card-name{white-space:nowrap}.port-hint{position:absolute;left:50%;top:12px;transform:translate(-50%);width:min(380px,85%);display:flex;gap:8px;align-items:start;padding:12px;background:#f5e8c9;border:3px double #917342;color:#3d2e1b;box-shadow:0 4px 12px #39281133;z-index:25;font-size:16px}@media (max-width:600px){.resource-workbench{padding:10px;max-height:55dvh}.dev-hand{gap:5px;padding:4px}.dev-hand .dev-card-row{padding:4px 7px;font-size:12px}.port-hint{font-size:14px}}.resource-selection{display:flex;gap:5px}.resource-choice{flex:1;min-width:0;display:flex;flex-direction:column}.resource-choice .choose-resource{display:flex;flex-direction:column;align-items:center;padding:5px 2px;gap:2px;min-width:0}.resource-choice small{font-size:10px}.resource-choice .remove-resource{padding:0;min-height:23px;border-top:0}.trade-picks{grid-template-columns:1fr;gap:8px}.resource-workbench{width:min(430px,100%)}.build-confirm-cost .cost-row svg{width:23px;height:23px}.resource-choice .choose-resource:disabled{opacity:.75}.port-hint{gap:12px;padding:14px}.port-hint-content{flex:1;min-width:0}.port-hint-title{display:flex;align-items:center;gap:7px;font-size:1.15em;line-height:1.2}.port-hint-title svg,.port-hint-rate svg{display:block;flex-shrink:0}.port-hint-rate{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0;padding:9px 0;border-top:1px solid #b69a6260;border-bottom:1px solid #b69a6260}.port-hint-rate>span{display:inline-flex;align-items:center;gap:5px}.port-hint p{margin:0;line-height:1.4}.port-hint>button{flex:0 0 auto;line-height:1;min-width:30px;min-height:30px;padding:4px}.resource-workbench.discard-dock{position:static;width:100%;max-height:none;box-shadow:none;padding:10px;gap:7px}.discard-dock .selection-stock{font-size:.8em;font-weight:400}.discard-dock .choose-resource{padding:4px 2px}.discard-dock>button{padding:8px}@media (max-width:600px){.discard-dock h3{font-size:18px}.discard-dock .muted{font-size:12px}}.resource-workbench.trade-dock{position:static;width:100%;max-height:none;box-shadow:none;padding:8px;gap:5px}.trade-dock .workbench-heading{font-size:17px;line-height:1.1}.trade-dock .workbench-heading button{min-height:26px;padding:0 8px}.trade-dock .trade-picks{grid-template-columns:1fr 1fr;gap:10px}.trade-dock .choose-resource{flex-direction:row;justify-content:center;padding:3px 1px;gap:3px;min-height:32px}.trade-dock .choose-resource>small{display:none}.trade-dock .choose-resource svg{width:22px;height:22px}.trade-dock .selection-stock{font-size:10px;font-weight:400}.trade-dock .remove-resource{min-height:20px;line-height:1}.trade-dock .row>button{padding:6px;min-height:32px}@media (max-width:600px){.trade-dock .trade-picks{grid-template-columns:1fr;gap:4px}.trade-dock .trade-picks>div{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:4px}.trade-dock .trade-picks>div>b{font-size:12px;line-height:1.1}.trade-dock .resource-selection{gap:3px}.trade-dock .choose-resource svg{width:19px;height:19px}.trade-dock .choose-resource b{font-size:12px}.trade-dock .choose-resource{flex-wrap:wrap;gap:1px}.trade-dock .selection-stock{font-size:9px}}.dev-mobile-face{display:none}@media (max-width:600px){.game{padding:4px;gap:3px}.game-sidebar .plaque{padding:3px 6px;flex-basis:140px}.plaque-top{gap:5px}.plaque-top>svg{width:25px;height:30px}.plaque .p-name{font-size:12px}.plaque .vp-shield{font-size:20px}.plaque-stats{min-height:20px;height:20px;margin-top:0;gap:7px}.plaque-stats .st{font-size:11px;gap:2px}.plaque-stats .st svg{width:15px;height:15px}.history-heading{padding:2px 8px;font-size:11px}.game>.bottom-panel{grid-template-columns:minmax(0,1fr) auto;gap:3px;flex:0 0 auto}.bottom-panel .turn-strip{grid-column:1 / -1;grid-row:1;padding:2px 6px;font-size:11px;min-height:24px}.turn-strip .sound-toggle{padding:1px;min-height:24px}.bottom-panel .hand-row{grid-column:1 / -1;grid-row:2;padding:3px;gap:3px}.bottom-panel:has(.dev-hand) .hand-row{grid-column:1}.bottom-panel .hand-row:before,.bottom-panel .hand-row:after,.bottom-panel .actions:before,.bottom-panel .actions:after{display:none}.bottom-panel .resource-info small,.bottom-panel .actions .lbl,.bottom-panel .actions .cost-row{display:none}.bottom-panel .res-med{position:relative;height:43px;padding:2px;flex-direction:column;justify-content:center}.bottom-panel .res-med>svg{width:23px;height:23px}.bottom-panel .resource-info .cnt{position:absolute;right:2px;top:0;font-size:12px;line-height:1;background:#f4e7c8;padding:1px 2px}.bottom-panel .hand-row>.grow{display:none}.bottom-panel .dice{padding:12px 2px 0;gap:1px}.bottom-panel .dice svg{width:18px;height:18px}.bottom-panel .dice small{font-size:8px}.bottom-panel .actions{grid-column:1 / -1;grid-row:3;padding:3px;gap:4px}.bottom-panel .actions .act,.bottom-panel .actions .end-turn{height:42px;min-height:42px;padding:4px}.bottom-panel .actions .end-turn{font-size:0;min-width:48px}.bottom-panel .actions .end-turn svg{width:25px;height:25px}.bottom-panel .dev-hand{grid-column:2;grid-row:2;max-width:112px;padding:3px;gap:3px;margin:0;align-items:center}.dev-hand .dev-card-name,.dev-hand .dev-play-label{display:none}.dev-hand .dev-card-row{padding:0;border:0;background:none}.dev-hand .dev-card-row button,.dev-hand .laurel{display:flex;width:36px;height:43px;padding:3px;border:1px solid #997c47;background:#eee0bd;color:#48351b;align-items:center;justify-content:center;position:relative}.dev-mobile-face{display:flex;align-items:center;justify-content:center}.dev-mobile-face b,.dev-hand .dev-count{position:absolute;top:1px;right:2px;font-size:11px}.bottom-panel:has(.resource-workbench) .dev-hand{grid-column:1 / -1;grid-row:auto;max-width:100%}.bottom-panel .resource-workbench{grid-column:1 / -1;grid-row:2}}@media (max-width:600px){.trade-dock .row>button{font-size:0;height:36px}.trade-dock .row>button svg{width:24px;height:24px}.trade-dock .workbench-heading{font-size:13px}.trade-dock>small{font-size:10px}}.bottom-panel .turn-strip .turn-tools{gap:8px;align-items:center}.bottom-panel .turn-strip .dice{display:flex;flex-direction:row;padding:0;gap:3px;align-items:center}.bottom-panel .turn-strip .dice small{position:static;font-size:10px;margin-right:3px}.bottom-panel .turn-strip .dice svg{width:23px;height:23px}.bottom-panel .turn-strip .end-turn{min-width:0;padding:5px 9px;flex-direction:row;gap:4px;font-size:12px}@media (max-width:600px){.bottom-panel .turn-strip .turn-tools{gap:5px}.bottom-panel .turn-strip>span:first-child{min-width:0;flex:1}.bottom-panel .turn-strip .dice{gap:1px}.bottom-panel .turn-strip .dice small{font-size:8px;max-width:33px;white-space:normal;line-height:1.05}.bottom-panel .turn-strip .dice svg{width:18px;height:18px}.bottom-panel .turn-strip .end-turn{font-size:0;width:32px;height:30px;padding:3px;justify-content:center}.bottom-panel .turn-strip .end-turn svg{width:22px;height:22px}.bottom-panel .actions .cost-row{display:inline-flex;gap:2px}.bottom-panel .actions .cost-row svg{width:10px;height:10px}.bottom-panel .actions .act{height:46px;gap:2px}}.bottom-panel .turn-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:0;border:0;background:none}.turn-info,.turn-rolls{background:#f5e8cdef;border:1px solid #a99061;min-height:40px;box-sizing:border-box}.turn-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 9px;min-width:0}.turn-status{min-width:0;line-height:1.2}.turn-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.turn-rolls{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 7px}.bottom-panel .turn-strip .end-turn{outline:none;flex-shrink:0;margin:0}.bottom-panel .turn-strip .end-turn svg{display:block;flex-shrink:0;aspect-ratio:1}.bottom-panel .turn-strip .dice{flex-shrink:0}.bottom-panel .turn-strip .die-svg{display:block;flex-shrink:0;aspect-ratio:1}@media (max-width:600px){.bottom-panel .turn-strip{padding:0;gap:4px}.turn-info{padding:3px 5px;gap:4px}.turn-meta{gap:3px}.turn-meta small{font-size:9px}.turn-rolls{gap:5px;padding:3px 5px}.bottom-panel .turn-strip .dice{display:grid;grid-template-columns:20px 20px;justify-content:center;gap:0 2px}.bottom-panel .turn-strip .dice small{grid-column:1 / -1;max-width:none;white-space:nowrap;text-align:center;font-size:8px;margin:0 0 1px}.bottom-panel .turn-strip .dice svg{width:20px;height:20px}.bottom-panel .turn-strip .end-turn{width:34px;height:34px;padding:4px;gap:0}.bottom-panel .turn-strip .end-turn svg{width:24px;height:24px}}.bottom-panel .turn-strip{display:block;padding:0}.bottom-panel .turn-info{width:100%;min-height:36px;padding:5px 10px}.bottom-panel .actions .end-turn{outline:1px solid #b39a68;outline-offset:-5px}@media (max-width:600px){.game>.bottom-panel{grid-template-columns:1fr;gap:5px}.bottom-panel .turn-strip{grid-column:1;grid-row:auto;font-size:12px}.bottom-panel .turn-meta small{font-size:11px}.bottom-panel .turn-meta .sound-toggle{padding:4px}.bottom-panel .hand-row,.bottom-panel:has(.dev-hand) .hand-row{grid-column:1;grid-row:auto;padding:5px;gap:4px}.bottom-panel .res-med{height:auto;min-height:40px;flex-direction:row;gap:3px;padding:3px 2px}.bottom-panel .res-med>svg{width:24px;height:24px}.bottom-panel .resource-info .cnt{position:static;font-size:18px;line-height:1.1;background:none;padding:0}.bottom-panel .resource-info small{display:block;font-size:10px}.bottom-panel .dice{display:flex;flex-direction:row;align-items:center;padding:10px 0 0 3px;gap:2px}.bottom-panel .dice small{font-size:8px}.bottom-panel .dice svg{width:20px;height:20px;flex-shrink:0}.bottom-panel .actions{grid-column:1;grid-row:auto;padding:5px;gap:4px}.bottom-panel .actions .act{height:57px;min-height:57px;gap:3px}.bottom-panel .actions .lbl{display:block;font-size:10px}.bottom-panel .actions .cost-row{display:inline-flex;gap:1px}.bottom-panel .actions .cost-row svg{width:8px;height:8px}.bottom-panel .actions .end-turn{font-size:10px;height:57px;min-height:57px;min-width:48px;padding:5px;gap:5px}.bottom-panel .actions .end-turn svg{width:20px;height:20px}.bottom-panel .dev-hand{grid-column:1;grid-row:auto;max-width:100%}.bottom-panel .resource-workbench{grid-row:auto}}.dice-empty{opacity:.4}.bottom-panel .actions .turn-action{flex:0 0 94px;width:94px;min-width:94px}@media (max-width:600px){.bottom-panel .actions .turn-action{flex:0 0 48px;width:48px;min-width:48px}.bottom-panel .hand-row .dice{flex:0 0 44px;width:44px;min-width:44px;box-sizing:border-box}}.sea-ripples{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse at center,#000 55%,transparent 92%);mask-image:radial-gradient(ellipse at center,#000 55%,transparent 92%)}.sea-ripples:before,.sea-ripples:after{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;background:url(/art/water-ripples.svg) repeat;opacity:.45;animation:sea-drift 6s ease-in-out infinite alternate}.sea-ripples:after{background-position:137px 83px;animation-duration:9s;animation-delay:-4s}@keyframes sea-drift{0%{transform:translate(-14px,4px);opacity:.25}to{transform:translate(14px,-4px);opacity:.65}}.sea-ripples.paused:before,.sea-ripples.paused:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.sea-ripples{display:none}}.game-board:focus,.game-board [tabindex]:focus,.game-board [role=button]:focus-visible{outline:none}.game-board[data-keyboard-navigation=true] [role=button]:focus{outline:1.5px solid #96713c;outline-offset:2px}.game-board [role=button]{cursor:pointer}.game>.bottom-panel{grid-template-columns:minmax(0,1fr) auto;gap:6px}.bottom-panel .turn-strip{grid-column:1 / -1}.bottom-panel .turn-info{gap:12px}.turn-info .turn-status{flex:1}.bottom-panel .turn-strip .dice{border:0;margin:0;padding:0;min-width:88px}.bottom-panel .turn-strip .dice small{white-space:nowrap}.bottom-panel .hand-row,.bottom-panel:has(.dev-hand) .hand-row{grid-column:1;grid-row:auto;display:flex;flex-wrap:nowrap;align-items:center;gap:4px;padding:6px;min-width:0}.bottom-panel .hand-row h2,.bottom-panel .actions h2,.bottom-panel .hand-row:before,.bottom-panel .hand-row:after,.bottom-panel .actions:before,.bottom-panel .actions:after{display:none}.bottom-panel .res-med{position:relative;min-width:0;width:100%;height:52px;min-height:52px;padding:5px;display:flex;align-items:center;justify-content:center}.bottom-panel .res-med>svg{width:30px;height:30px}.bottom-panel .resource-info small{display:none}.bottom-panel .resource-info .cnt{position:absolute;top:1px;right:3px;font:700 12px/1.1 Georgia,serif;background:var(--paper-light);padding:1px 3px;border-radius:2px}.bottom-panel .hand-row>.dock-hint-wrap{flex:1;min-width:0;max-width:52px}.bottom-panel .hand-row .dev-hand{display:flex;align-items:center;flex:5;min-width:0;max-width:280px;height:52px;gap:4px;margin:0 0 0 3px;padding:0 0 0 7px;border:0;border-left:1px solid var(--rule);background:none;overflow:visible}.dev-hand>.dock-hint-wrap{flex:1;min-width:0}.bottom-panel .dev-hand .dev-card-row{display:block;padding:0;margin:0;border:0;background:none}.bottom-panel .dev-hand .dev-card-name,.bottom-panel .dev-play-label{display:none}.bottom-panel .dev-mobile-face{display:flex;align-items:center;justify-content:center}.bottom-panel .dev-hand button,.bottom-panel .dev-hand .laurel{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:52px;padding:4px;border:1px solid #9e89a0;background:#e6dae4;color:#513c56}.bottom-panel .dev-hand .empty{opacity:.5}.bottom-panel .dev-hand .dev-count,.bottom-panel .dev-mobile-face b{position:absolute;top:2px;right:3px;font-size:12px;line-height:1}.bottom-panel .actions{grid-column:2;grid-row:auto;padding:6px;gap:4px}.bottom-panel .actions>.dock-hint-wrap{flex:1}.bottom-panel .actions .act{width:54px;height:52px;min-height:52px;padding:6px}.bottom-panel .actions .lbl,.bottom-panel .actions .cost-row{display:none}.bottom-panel .actions .end-turn{flex:0 0 60px;width:60px;min-width:60px;height:52px;min-height:52px;font-size:10px;padding:5px;flex-direction:column;gap:3px}.dock-hint-wrap{outline-offset:2px}.dock-hint{display:none;position:absolute;left:0;bottom:calc(100% + 8px);z-index:30;width:min(360px,100%);padding:12px 15px;border:1px solid #96713c;background:#fbefd6;color:var(--ink);box-shadow:0 3px 12px #39281135;font-size:15px;line-height:1.35;pointer-events:none}.dock-hint strong{display:block;margin-bottom:6px;font-size:18px}.dock-hint p{margin:7px 0 0}.dock-hint .counts-row{gap:10px}.dock-hint .counts-item svg{width:25px;height:25px}.dock-hint-wrap.hint-open>.dock-hint{display:block}.bottom-panel .resource-workbench{grid-column:1 / -1}@media (max-width: 1150px){.game>.bottom-panel{grid-template-columns:1fr}.bottom-panel .actions{grid-column:1;justify-content:flex-end}.bottom-panel .actions>.dock-hint-wrap{flex:0 0 auto}.bottom-panel .hand-row>.dock-hint-wrap{max-width:none}.bottom-panel .hand-row .dev-hand{max-width:none}}@media (max-width: 600px){.bottom-panel .turn-info{padding:3px 6px;gap:5px;min-height:32px}.bottom-panel .turn-strip .dice{display:flex;min-width:73px;gap:2px}.bottom-panel .turn-strip .dice small{font-size:8px;max-width:30px;white-space:normal}.bottom-panel .turn-strip .dice svg{width:18px;height:18px}.bottom-panel .hand-row,.bottom-panel:has(.dev-hand) .hand-row{gap:2px;padding:4px}.bottom-panel .res-med,.bottom-panel .dev-hand button,.bottom-panel .dev-hand .laurel{height:42px;min-height:42px;padding:2px}.bottom-panel .res-med>svg,.bottom-panel .dev-mobile-face svg,.bottom-panel .dev-hand .laurel svg{width:22px;height:24px}.bottom-panel .hand-row .dev-hand{gap:2px;padding-left:4px;margin-left:2px;height:42px}.bottom-panel .resource-info .cnt,.bottom-panel .dev-mobile-face b,.bottom-panel .dev-hand .dev-count{font-size:10px;right:1px;top:1px;padding:0 1px}.bottom-panel .actions{padding:4px}.bottom-panel .actions>.dock-hint-wrap{flex:1}.bottom-panel .actions .act{width:100%;height:42px;min-height:42px}.bottom-panel .actions .end-turn{height:42px;min-height:42px}}.bottom-panel .dev-hand button:disabled{opacity:.7}.bottom-panel .dev-hand .empty{opacity:.75}.bottom-panel .resource-bonus{top:auto;bottom:1px;right:auto;left:50%;transform:translate(-50%);font:600 11px/1.1 Alegreya,Georgia,serif;padding:0 2px;border:0;border-radius:2px}.bottom-panel .res-med.resource-harvest>svg{transform:translateY(-3px)}.action-summary{position:absolute;top:5px;left:50%;transform:translate(-50%);z-index:5;width:max-content;max-width:95%;padding:7px 12px;background:#f8ebcfef;border:1px solid #ab8b55;box-shadow:0 2px 8px #44332225;font-size:13px;line-height:1.35;pointer-events:none}.action-transfers,.action-transfers>span{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.action-transfers{gap:4px 12px;margin-top:4px}@media (max-width:600px){.bottom-panel .actions .end-turn{flex-basis:48px;width:48px;min-width:48px;font-size:0;gap:0;padding:7px;justify-content:center;outline-offset:-4px}.bottom-panel .actions .end-turn svg{display:block;width:25px;height:25px;flex-shrink:0}.bottom-panel .resource-bonus{font-size:10px}.action-summary{font-size:11px;padding:5px 8px}}.player-details-trigger,.compact-self,.compact-player-name{display:none}.player-details h3 span{overflow-wrap:anywhere;min-width:0}.player-details h3>svg{flex-shrink:0}.player-details dl{margin:16px 0}.player-details dl>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid #b69a6440}.player-details dt{display:flex;align-items:center;gap:7px}.player-details dd{margin:0;font-weight:600}.player-details>button{width:100%;margin-top:10px}@media (max-width: 600px){.game-sidebar .players-bar{flex-wrap:nowrap;overflow:visible;height:68px;gap:4px;align-items:stretch}.game-sidebar .plaque{flex:1 1 0;min-width:0;width:0;height:68px;padding:16px 3px 3px;border-radius:3px;box-shadow:inset 0 0 0 2px #f7eed680;display:flex;flex-direction:row;align-items:center;gap:3px}.game-sidebar .plaque:before,.game-sidebar .plaque:after{display:none}.game-sidebar .plaque-top{height:44px;flex:0 0 27px;display:grid;grid-template-rows:24px 17px;justify-items:center;align-items:center;justify-content:center;gap:0}.game-sidebar .plaque-top>.heraldry{width:17px;height:20px;grid-row:1}.game-sidebar .plaque .p-name,.game-sidebar .vp-awards,.game-sidebar .award-toast,.game-sidebar .plaque-top>span[title]{display:none}.game-sidebar .plaque .vp-shield{grid-row:2;font-size:14px;line-height:15px;gap:2px}.game-sidebar .plaque .vp-shield small{font-size:7px}.player-details-trigger{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;border:0;background:transparent;padding:0;box-shadow:none}.compact-player-name{display:block;position:absolute;top:3px;left:5px;right:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:10px;font-weight:600;line-height:12px}.compact-self{grid-row:2;display:none;font-size:9px;line-height:10px;font-weight:600;pointer-events:none}.game-sidebar .plaque-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1;min-width:0;height:34px;min-height:0;margin:0;padding-left:4px;border-left:1px solid #ad92654d;gap:4px 3px;font-variant-numeric:tabular-nums;font-size:10px;line-height:15px}.game-sidebar .plaque-stats .st{justify-self:center;display:grid;grid-template-columns:11px minmax(7px,auto);align-items:center;gap:2px}.game-sidebar .plaque-stats .st:nth-child(1){grid-column:2;grid-row:1}.game-sidebar .plaque-stats .st:nth-child(2){grid-column:2;grid-row:2}.game-sidebar .plaque-stats .st:nth-child(3){grid-column:1;grid-row:1}.game-sidebar .plaque-stats .st:nth-child(4){grid-column:1;grid-row:2}.game-sidebar .plaque-stats .st>svg{width:11px;height:13px;flex-shrink:0}.game-sidebar .plaque-stats .holds-award{background:#e9cc78;box-shadow:inset 0 0 0 1px #a67c2b;border-radius:2px;color:#503817}.game-sidebar .plaque-stats .player-receipt{display:none}}.self-crown{display:inline-flex;color:#9a711e;vertical-align:middle;margin-right:3px}.game-sidebar .plaque.current{border-color:#a68d60}.turn-ribbon{display:none}.game-sidebar .plaque.current .p-name{background:#813c40;color:#fff0d1;padding:0 9px;clip-path:polygon(0 0,100% 0,calc(100% - 4px) 50%,100% 100%,0 100%,4px 50%)}@media (max-width: 600px){.game-sidebar .plaque.current .compact-player-name{background:#813c40;color:#fff0d1;padding:0 6px;clip-path:polygon(0 0,100% 0,calc(100% - 3px) 50%,100% 100%,0 100%,3px 50%)}}@media (max-width: 600px){.compact-player-name .self-crown{margin-right:2px}.compact-player-name .self-crown svg{width:10px;height:10px}}.dock-hint-wrap button:disabled{pointer-events:none}.dock-hint-wrap{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.dock-hint-wrap,.dock-hint-wrap *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.dock-hint-wrap img,.dock-hint-wrap svg{-webkit-user-drag:none}