/* Nature edition: paper, carved timber, botanical gouache and spring daylight. */
:root{--ink:#354b42;--muted:#788271;--paper:#fbf8ec;--pine:#456b57;--gold:#b39151;--line:#d9d9c5;--portrait-atlas:url('../assets/raven-magpie/nature-edition/birds-atlas.png');--tactic-atlas:url('../assets/raven-magpie/nature-edition/tactics-atlas.png');--linen:url('../assets/raven-magpie/nature-edition/linen-table.png')}
*{box-sizing:border-box}body{margin:0;overflow:auto;color:var(--ink);background:#efebde var(--linen) center top/cover fixed;font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-size:13px}button,input,select{font:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #b99146;outline-offset:3px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}
.shell{position:relative;inset:auto;width:100%;max-width:1760px;min-height:100vh;height:auto;margin:auto;padding:0 32px 28px;transform:none;background:none;display:grid;grid-template-columns:200px minmax(450px,1fr) 248px;grid-template-rows:76px 90px auto auto;grid-template-areas:'header header header' 'hud hud hud' 'market board rail' 'desk desk rail';gap:18px 24px;overflow:visible}
.topbar{position:relative;inset:auto;grid-area:header;height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #74866b30;padding:0 4px}.brand{display:flex;gap:13px;align-items:center}.brand-seal{display:block;width:40px;height:44px;border:0;padding:0;color:#607e54;transform:rotate(-8deg);background:none}.brand-seal svg{width:100%;height:100%}.brand h1{font:30px 'STKaiti','KaiTi',serif;letter-spacing:4px;margin:0;color:#324d40}.brand h1 span{display:inline-block;font:10px 'Microsoft YaHei',sans-serif;letter-spacing:2px;border-left:1px solid #a8ad91;margin-left:18px;padding-left:18px;color:#7b856c}.brand small{display:block;font:8px Georgia,serif;letter-spacing:2.5px;margin-top:6px;color:#829079}.toolbar{gap:8px;display:flex;align-items:center}.offline-badge{display:block;font-size:10px;color:#71846c;margin-right:10px}.offline-badge:before{content:'';display:inline-block;width:5px;height:5px;background:#719165;border-radius:50%;margin-right:6px}.toolbar button{font-size:11px;min-height:34px;padding:7px 12px;color:#5d715e;background:#fffdf276;border:1px solid #d1d4bd;border-radius:5px;box-shadow:0 2px 0 #aeb19725}.toolbar .outline-button{border:1px solid #6f8768;background:#637e64;color:#fffced}.toolbar kbd{display:none}
.hud{grid-area:hud;position:relative;display:grid;grid-template-columns:1fr 220px 1fr;gap:24px;align-items:center;border:0;background:none;box-shadow:none;padding:0 2px;height:90px}.faction,.faction.crow,.faction.magpie{position:relative!important;inset:auto!important;display:flex;flex-wrap:nowrap;align-items:center;gap:13px;width:auto;height:84px;padding:10px 18px;background:linear-gradient(105deg,#fffdf3e8,#f1f2e0bf)!important;border:1px solid #d7d8bf;border-radius:8px;box-shadow:0 3px 0 #ddd5bd,0 7px 18px #66775112!important;min-width:0}.faction.crow{border-left:4px solid #567e6e}.faction.magpie{border-right:4px solid #b69560;flex-direction:row-reverse;text-align:right}.faction-piece{display:block!important;flex:0 0 61px;width:61px;height:61px;border:1px solid #ceceb3;border-radius:50%;background-color:#f8f1dc;box-shadow:0 2px 2px #59694b20;order:0;transform:none!important}.faction-heading{display:block!important;min-width:65px;order:1}.faction-heading small{display:block;font:8px Georgia,serif;letter-spacing:1.2px;color:#859078;white-space:nowrap}.faction-heading b{display:block;font:23px 'KaiTi',serif;margin:4px 0;color:#3c5245}.faction-heading>span{display:block;font-size:9px;color:#7b8571;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.faction .score,.magpie .score{order:2;display:flex;flex-direction:row;gap:16px;margin-left:auto}.magpie .score{margin:0 auto 0 0}.score>span{display:flex;align-items:center;gap:4px;font-size:18px;color:#b39148}.score strong{font:26px Georgia,serif;color:#405744}.score small{font:10px Georgia;color:#8c927a}.score .resource-icon{width:20px;height:24px;fill:#b5995a}.faction.active{box-shadow:0 3px 0 #b8c8aa,0 0 0 2px #6985632a,0 9px 20px #53694b15!important}.faction.active .faction-piece{outline:0}.round{position:relative;inset:auto;width:auto;height:auto;border:0;margin:0;text-align:center;display:flex;align-items:center;flex-direction:column;gap:5px}.round>small{display:block;font-size:9px;letter-spacing:3px;color:#84917b}.round strong{font:25px 'KaiTi',serif;color:#4b614e;white-space:nowrap}.round>span{display:block;font-size:10px;color:#7f8b74;max-width:220px}.round-track{display:none}.public-orders{position:absolute;top:137px;left:50%;right:auto;transform:translateX(-50%);width:230px;display:flex;justify-content:center;border:0;padding:0;background:none;box-shadow:none;z-index:2}.public-order-side{display:none!important}.public-order-side.opponent{display:flex!important;gap:4px;justify-content:center;background:none;border:0;padding:0}.public-order{font-size:9px;border:1px solid #bfc8b2;border-radius:3px;background:#f4f2e7;padding:3px 7px;color:#6c7e64;min-width:0}.public-order i{font-style:normal;margin-right:4px}.public-order.spent{opacity:.4}
.board-wrap{display:contents}.board-stage{grid-area:board;position:relative;display:block;min-width:0;height:clamp(440px,45vw,600px);border:10px solid #b8a079;border-radius:12px;background:radial-gradient(ellipse at 50% 40%,#c7d0b4,#aab697);box-shadow:0 1px 0 1px #e4d7b9,inset 0 0 0 2px #6e775b,inset 0 3px 16px #54604160,0 8px 0 #8e7a5b,0 11px 0 #d1bc95,0 20px 30px #46524025;overflow:visible}.board-stage:before{content:'';position:absolute;inset:-9px;border:1px solid #e9dcb7;border-radius:4px;pointer-events:none;background:repeating-linear-gradient(0deg,#fff2d40b 0 1px,transparent 1px 4px);z-index:0}.board-stage:after{content:'EAVES WAR';position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font:8px Georgia;letter-spacing:3px;color:#526b4d75;pointer-events:none}.table-label{position:absolute;inset:14px 18px auto;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#51664c;letter-spacing:1px;z-index:1}.table-label>span:first-child{font-family:'KaiTi',serif;font-size:15px}.table-label-right{display:block;font-size:9px;opacity:.8}.board{position:absolute;inset:40px 12px 42px;width:auto;height:auto;min-height:0;background:none;border:0;box-shadow:none;overflow:visible;transform:none}.board:before,.board:after{display:none}.board-legend{display:flex;position:absolute;inset:auto 15px 24px;justify-content:center;gap:12px;font-size:8px;color:#5e7153}.board-legend .legend-tip,.board-legend span:nth-child(n+4){display:none}.legend-dot{width:6px;height:6px;border-radius:2px}.legend-dot.shiny{background:#a79660}.legend-dot.bush{background:#819d75}.legend-dot.high{background:#aeb9a0}.board-guidance{display:none}.hex-slot{position:absolute;display:block;filter:drop-shadow(1px 4px 1px #4d593740)}
.hex{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:none!important;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);box-shadow:none!important;overflow:visible;transform:scale(.975);transition:filter .16s,transform .16s;cursor:pointer}.hex:before,.hex:after{display:none!important}.tile-drawing{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:none;opacity:1}.tile-top,.tile-side{stroke-linejoin:round}.tile-side{fill:#a6ad8b}.tile-top{stroke:#f5f2d9;stroke-width:1.2}.hex:hover{filter:brightness(1.1);transform:translateY(-2px) scale(.99)}.hex.legal,.hex.return-target,.hex.retreat-target,.hex.escape-target{filter:brightness(1.11) saturate(1.2)}.hex.legal .tile-top,.hex.return-target .tile-top,.hex.retreat-target .tile-top,.hex.escape-target .tile-top{stroke:#fcf7b1;stroke-width:4}.hex.selected .tile-top{stroke:#f7ed92;stroke-width:4}.hex.attack .tile-top{stroke:#bc7056;stroke-width:4}.hex .cell-art,.hex .cell-name,.hex .recruit-site,.hex .center-counter,.hex .resource{display:none!important}.bin-content{position:absolute;left:50%;top:auto;bottom:7%;transform:translateX(-50%);z-index:5;font-size:8px;line-height:12px;font-weight:600;padding:0 4px;color:#496155;background:#faf6df;border:1px solid #bdc6a6;border-radius:4px;box-shadow:0 2px 2px #55623f25}.bin-content.emptied{background:#d6dcc6;color:#7f8d70}.cargo-ground,.dropped-food{position:absolute;right:9%;bottom:15%;z-index:6;padding:1px 3px;border:1px solid #bba366;border-radius:8px;background:#fff2c3;color:#8b6c31;font-size:9px}
.unit{--piece-size:42px;position:absolute;left:50%;top:var(--piece-surface,50%);bottom:auto;width:var(--piece-size);height:calc(var(--piece-size)*1.16);margin:0;transform:translate(-50%,-84%);z-index:10;clip-path:none;filter:drop-shadow(2px 5px 2px #36482e55);pointer-events:auto;cursor:pointer}.unit:before{content:'';display:block;position:absolute;inset:auto 3px -2px;height:12px;background:linear-gradient(#c5aa72,#8a744c);border:1px solid #8f7850;border-radius:50%;box-shadow:0 2px 0 #7d704f;z-index:-1}.unit:after{display:none!important}.piece-art,.unit .piece-art{position:absolute;inset:0;width:100%;height:100%;border:3px solid #f5eacc;border-bottom-width:4px;border-radius:50% 50% 32% 32%;background-color:#f8efd8;box-shadow:inset 0 0 0 1px #a39d7c,2px 2px 0 #bbae87;transform:none!important;filter:none!important;clip-path:none}.unit.crow .piece-art{border-color:#6c8b78}.unit.magpie .piece-art{border-color:#bea06c}.nature-bird{background-image:var(--portrait-atlas)!important;background-size:500% 400%!important;background-position:var(--bird-x,0%) var(--bird-y,0%)!important;background-repeat:no-repeat!important;filter:none!important}.nature-bird:before,.nature-bird:after{display:none!important}.token-id{position:absolute;right:-4px;left:auto;bottom:-3px;width:15px;height:15px;background:#496d5a;color:#fff9e5;border:1px solid #e7e0c3;border-radius:50%;font-size:8px;line-height:13px;box-shadow:0 2px 3px #42533b35;z-index:15}.unit.magpie .token-id{background:#a6854f}.repeat-fee{display:none}.ready-badge{position:absolute;inset:auto auto -8px -8px;font-size:8px;padding:1px 4px;background:#f3e5ba;border:1px solid #b69b67;border-radius:4px;color:#7d673c;z-index:16}.cargo-badge{position:absolute;right:-9px;bottom:15px;padding:1px 4px;background:#f9e6a9;border:1px solid #b2944f;color:#785c20;border-radius:7px;font-size:9px;z-index:16}
.nature-market{grid-area:market;align-self:start;padding-top:14px}.nature-section-label{font:8px Georgia;letter-spacing:2px;color:#8a9278}.nature-market-title{font:25px 'KaiTi',serif;font-weight:400;margin:8px 0;color:#486347;letter-spacing:2px}.nature-market-intro{font-size:10px;color:#849077;margin:0 0 16px}.recruit-panel,.journal-panel.recruit-panel{position:static;inset:auto;width:100%;height:auto;padding:0;background:none;border:0;box-shadow:none}.recruit-panel .dock-heading{display:flex;margin-bottom:10px;justify-content:space-between}.recruit-panel .dock-heading h2{font-size:10px;color:#758469;font-weight:400}.market-stock{font-size:9px;color:#91987e}.recruit-market{display:grid;grid-template-columns:1fr;gap:13px;width:100%;padding:0}.market-candidate,.market-candidate:disabled{position:relative;display:block;min-height:116px;height:116px;width:100%;padding:14px 10px 12px 94px;text-align:left;border:1px solid #d7d2b7;border-radius:7px;background:linear-gradient(115deg,#fffdf0,#f0eddc);box-shadow:0 3px 0 #d9d0b5,0 6px 13px #61724d1a;opacity:1!important;overflow:hidden;transform:rotate(-1deg);transition:transform .18s,box-shadow .18s}.market-candidate:nth-child(2){transform:rotate(1deg)}.market-candidate:hover{transform:translateY(-3px) rotate(0);box-shadow:0 3px 0 #d9d0b5,0 10px 18px #54613b26}.market-candidate:not(:disabled){border:2px solid #729166;cursor:pointer}.market-candidate>b{position:relative;display:block;inset:auto;font:16px 'KaiTi',serif;color:#425b43;margin:1px 0 7px;white-space:nowrap}.market-candidate .merc-art{position:absolute;inset:8px auto 8px 5px;width:83px;height:94px;mix-blend-mode:multiply;transform:none;opacity:1;background-size:500% 400%}.merc-caption{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:9px;line-height:1.6;color:#899078}.market-cost{position:absolute;right:9px;bottom:6px;display:flex;align-items:center;gap:3px;font:12px Georgia;color:#a38b53}.market-cost svg{width:12px;height:16px;fill:#b3985b}.merc-owned{display:grid;gap:8px;margin-top:15px}.owned-contract{width:100%;padding:10px;border:1px solid #bac7aa;background:#f5f5e4;border-radius:6px;color:#4d654b;text-align:left}.owned-contract-heading{display:flex;justify-content:space-between;gap:6px}.owned-contract-heading b{font-size:11px}.owned-contract-heading small{font-size:8px}.owned-contract-summary{display:block;font-size:9px;line-height:1.6;margin-top:5px}.owned-contract-hint{display:block;font-size:8px;margin-top:4px;color:#8b9879}.opponent-hand{position:relative;inset:auto;display:flex;justify-content:center;align-items:center;width:100%;height:80px;margin-top:28px;transform:none;pointer-events:none}.opponent-back{position:relative;left:auto;top:auto;display:block;flex:0 0 34px;width:34px;height:50px;background:repeating-linear-gradient(45deg,#7d9580 0 2px,#78907b 2px 4px);border:3px solid #f3edda;border-radius:4px;box-shadow:0 2px 4px #4a603847;margin-left:-9px;transform:rotate(-6deg)}.opponent-back:nth-child(2n){transform:rotate(5deg)}.opponent-back svg{width:20px;height:36px;margin:4px;fill:none;stroke:#e1dcad;stroke-width:1.5}.opponent-hand small{position:absolute;bottom:-3px;left:0;width:100%;text-align:center;font-size:9px;color:#839076}
.game-rail{grid-area:rail;position:relative;inset:auto;display:flex;flex-direction:column;gap:14px;width:auto;height:auto;min-height:0;align-self:start;overflow:visible;background:none;border:0;box-shadow:none;padding-top:8px}.objective-panel{display:none}.decision-panel,.inspector,.journal-panel:not(.recruit-panel){position:relative;inset:auto;width:100%;height:auto;min-height:0;border:1px solid #d3d3bb;border-radius:6px;background:linear-gradient(135deg,#fffdf2f5,#f4f1dfea);box-shadow:0 3px 0 #d8d1b7,0 9px 18px #5f69451a;padding:19px}.decision-panel:before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%) rotate(-3deg);width:62px;height:14px;background:#bbcab19c;border:1px solid #a2b39722;box-shadow:0 1px 2px #77846116}.section-kicker{display:flex;align-items:center;gap:7px;font-size:10px;color:#6b815e;margin-bottom:13px}.turn-indicator{display:block;width:6px;height:6px;background:#7c9668;border-radius:50%}.step-track{display:flex;justify-content:space-between;gap:5px;font-size:8px;color:#939b83;margin:10px 0 16px}.step-track span{padding-bottom:6px;border-bottom:2px solid #e0e2ce}.step-track span.active{border-color:#6d8f64;color:#57704e}.prompt,.shell[data-phase] .prompt{position:relative;inset:auto;width:auto;max-width:none;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;text-align:left}.prompt-line{display:flex;flex-direction:column;gap:10px}.prompt .prompt-line>strong{font:20px 'KaiTi',serif;line-height:1.4;letter-spacing:1px;color:#425e43}.prompt .prompt-line>span{font-size:11px;line-height:1.85;color:#7b886e;max-width:none}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.actions button,.shell[data-phase] .prompt button{font-size:11px;padding:9px 10px;min-height:36px;border-radius:5px;border:1px solid #c3cbb1;background:#fbfaed;color:#536d50;box-shadow:0 2px 0 #dadbc2;white-space:normal}.actions button.primary{background:linear-gradient(#78936d,#607f57);border-color:#65805b;color:#fffcee;box-shadow:0 3px 0 #4f6945}.actions button:disabled{opacity:.5}.actions button.danger{background:#b17c62;color:#fff9e6}.inspector,.inspector.peek{display:block;opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:1;border-top:1px solid #e0dbc2;background:#faf8eaca}.inspector .eyebrow{font-size:8px;letter-spacing:2px;color:#8d9a7b}.inspector h3{font:20px 'KaiTi',serif;color:#4d6547;margin:9px 0}.inspector p{font-size:10px;line-height:1.8;color:#7e896e}.inspect-tag{font-size:8px;background:#e6ecd8;padding:3px 5px;border-radius:3px;color:#738764}.journal-panel:not(.recruit-panel){display:block;padding:16px 18px;background:#f8f7e6a8;box-shadow:0 2px 0 #ddd7be}.journal-panel .dock-heading{display:flex;justify-content:space-between;margin-bottom:12px}.journal-panel .dock-heading h2{font:16px 'KaiTi',serif;color:#566c4d}.journal-panel .dock-heading>span{font-size:8px;color:#919c80}.log{display:grid;gap:9px;max-height:150px;overflow:auto;scrollbar-width:thin}.log div{font-size:9px;line-height:1.7;border-left:2px solid #c9d1b5;padding-left:8px;color:#8b947d}.log div:first-child{color:#5d7252;border-color:#829a69}.rail-footer{display:flex;justify-content:space-between;font-size:8px;padding:7px 3px;border:0;background:none;color:#8b987a}
.player-desk{grid-area:desk;position:relative;inset:auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;height:auto;min-height:240px;padding:14px 8px 2px;margin-top:6px;border:0;background:none;box-shadow:none;overflow:visible}.order-dock,.hand-dock{position:relative;inset:auto;width:auto;min-width:0;display:block;border:0;padding:0}.dock-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px;color:#5d7354}.dock-heading h2{font:17px 'KaiTi',serif;font-weight:400;letter-spacing:1px}.dock-heading>span{font-size:9px;color:#8d967c}.order-dock .dock-heading>span{display:none}.orders{position:relative;inset:auto;display:flex;gap:8px;width:auto;height:auto;transform:none;align-items:stretch;padding:0}.order{position:relative;flex:1;min-width:0;height:171px;min-height:0;padding:15px 6px 9px;border:1px solid #c8bea0;border-radius:6px;background:repeating-linear-gradient(92deg,#b9965610 0 1px,transparent 1px 5px),linear-gradient(120deg,#f6eace,#e7d6b3);box-shadow:0 4px 0 #b79d6e,0 7px 12px #6b674a25;text-align:center;cursor:default;transform:none}.order:before{content:attr(data-order-number);display:block;font:9px Georgia;letter-spacing:2px;color:#ae9465;margin-bottom:13px}.order:after{display:none}.order .order-symbol{display:block;font:28px Georgia;color:#799168;margin:4px 0 8px;height:29px}.order strong{display:block;font:15px 'KaiTi',serif;color:#5f7150;margin:0}.order-boost{display:block;font-size:8px;line-height:1.5;color:#9a936f;margin-top:7px}.order-modes{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-top:10px}.order-modes button{min-height:23px;padding:3px 4px;font-size:9px;background:#fcf6e1;border:1px solid #c5c8a7;color:#6d7c55;border-radius:3px}.order-modes button.primary{background:#6d875e;color:#fffae6;border-color:#667e55}.order.active{outline:2px solid #78965f;outline-offset:2px;transform:translateY(-4px)}.order.spent{opacity:.45;box-shadow:0 2px 0 #c3b99b;filter:saturate(.3)}.order[role=button]{cursor:pointer}.hand-navigation{display:flex;gap:6px;align-items:center;font-size:8px;color:#8a9679}.hand-navigation button{background:#f7f6e7;border:1px solid #d0d6bd;border-radius:4px;color:#6c815a;width:22px;height:22px}.hand{position:relative;inset:auto;display:flex;justify-content:center;align-items:flex-end;width:100%!important;height:193px;max-width:none;min-height:0;padding:4px 8px 7px;transform:none;isolation:isolate;overflow:visible}.card,.shell[data-phase] .card{position:relative;flex:0 0 125px;width:125px;height:181px;min-height:0;margin:0 0 0 -14px;padding:0;transform:translateY(calc(abs(var(--fan))*2px)) rotate(calc(var(--fan)*2deg));transform-origin:50% 120%;border:1px solid #c5bfa5;border-radius:7px;background:linear-gradient(130deg,#fffdf2,#efe9d4);box-shadow:0 2px 0 #d2c4a1,0 5px 10px #5a674537;color:#465c42;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:help}.card:first-child{margin-left:0}.card b{display:block;position:absolute;inset:10px 7px auto 31px;font:15px 'KaiTi',serif;letter-spacing:1px;padding:0;white-space:nowrap;z-index:3}.card-corner{position:absolute;inset:7px auto auto 7px;display:grid;place-items:center;width:19px;height:19px;font:11px Georgia;background:#738964;color:#fff9e5;border:1px solid #566d4d;box-shadow:inset 0 1px 0 #c5d5a780;border-radius:50%;z-index:4}.card .card-art{position:absolute;inset:33px 5px 44px;display:block;border:0;border-radius:3px;background-image:var(--tactic-atlas);background-size:400% 300%;background-position:var(--card-x,0%) var(--card-y,0%);background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #6d77591a;overflow:hidden}.card-art .sprite{display:none!important}.card small{display:-webkit-box;position:absolute;inset:auto 8px 17px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:8px;line-height:1.55;color:#7f856b}.card .type{display:block;position:absolute;inset:auto 8px 5px;border:0;padding:0;text-align:left;font-size:7px;color:#9ca086}.category-corner{position:absolute;inset:auto 7px 5px auto;width:auto;height:auto;font:10px Georgia;color:#829169;background:none;border:0}.card.playable{border-color:#809b66;cursor:pointer}.card.playable:after{content:'';position:absolute;inset:0;border:1px solid #a5bb83;border-radius:6px;pointer-events:none}.card:hover,.card:focus-visible,.card.selected,.shell[data-phase] .card:hover,.shell[data-phase] .card.selected{transform:translateY(-22px) rotate(0);z-index:20;box-shadow:0 3px 0 #d2c4a1,0 17px 22px #4c624035}.card.selected{outline:3px solid #8aa46d;outline-offset:2px}.card.bluff{background:linear-gradient(145deg,#e3e8cf,#c4d2b6)}.card.bluff .card-art{background:repeating-linear-gradient(45deg,#79937510 0 1px,transparent 1px 6px);border:1px solid #a9bb97;display:grid;place-items:center}.card.bluff .card-art:after{content:'❧';font:62px Georgia;color:#748f62}.card.bluff small{color:#687d59}.card.bluff .card-corner{font-size:8px}.card.bluff .type{color:#7e9170}
.turn-banner{position:absolute;inset:45% auto auto 50%;transform:translate(-50%,-50%);background:#fcf9e9ed;border:1px solid #bdc7a6;border-radius:5px;box-shadow:0 7px 23px #45563830;font:19px 'KaiTi',serif;padding:16px 23px;z-index:40}.action-toast{position:absolute;inset:auto auto 45px 50%;transform:translateX(-50%);background:#4d6949ed;color:#fff9df;border:1px solid #9cb184;border-radius:5px;padding:9px 16px;font-size:11px;z-index:40}.roof{position:absolute;bottom:0;font-size:9px;z-index:20}.roof.crow{left:0}.roof.magpie{right:0}.roof button{font-size:9px;background:#f8f2dd;border:1px solid #aebb97;border-radius:4px;color:#526b47;padding:5px}.combat-preview{padding:12px;background:#ececd9;border:1px solid #c6ceb1;border-radius:5px}.combat-cards{position:fixed;left:50%;top:35%;transform:translateX(-50%);width:350px;display:flex;gap:14px;justify-content:center;padding:20px;background:#f4f1ddeb;border:1px solid #c9c9ae;border-radius:10px;box-shadow:0 15px 50px #3d53363d;z-index:70}.sealed-card{width:140px;height:200px;background:repeating-linear-gradient(45deg,#789077 0 2px,#80977f 2px 5px);border:5px solid #f9f3dc;border-radius:7px;box-shadow:0 4px 8px #4d634438;text-align:center;color:#f8f1d5;padding:14px}.sealed-card b{font:21px 'KaiTi',serif;display:block;margin:18px 0}.sealed-card p{font-size:28px}.sealed-card.face-up{background:#fffbe9;color:#526a49}.sealed-card.face-up p{font-size:11px;line-height:1.8}
.game-dialog{background:#faf7e8;color:#415940;border:1px solid #d1cdb0;border-radius:12px;box-shadow:0 24px 90px #31452c55;max-height:94dvh}.game-dialog::backdrop{background:#40563b55;backdrop-filter:blur(7px)}.setup-dialog{width:min(920px,94vw);max-width:920px;overflow:auto}.setup-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.lobby-art{position:relative;min-height:620px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:28px;background:radial-gradient(ellipse at 45% 30%,#faf6e7bc,#cad6b58a),var(--linen) left center/auto 100%;color:#476440;overflow:hidden}.lobby-stamp{align-self:flex-start;border:0;border-bottom:1px solid #9ead85;background:none;padding:7px 0;font:8px Georgia;letter-spacing:2px;color:#718360}.lobby-caption{font:30px 'KaiTi',serif;letter-spacing:3px;color:#57704b;text-shadow:none;line-height:1.5;text-align:center;margin:18px 0 12px}.lobby-edition{margin-top:auto;color:#8b9475;font:8px Georgia;letter-spacing:1.5px}.character-select{position:relative;width:100%;margin:18px 0 0}.character-steps{display:flex;justify-content:center;gap:10px;font-size:10px;margin-bottom:20px}.character-steps span{background:#fffbe977;border-radius:20px;padding:5px 12px;color:#829171}.character-steps .active{background:#688260;color:#fffbe9}.character-stage{display:flex;align-items:center;justify-content:center;gap:12px}.character-card{position:relative;width:210px;height:280px;padding:13px 10px;margin:0;background:#fcf6e4;border:1px solid #c8c6a3;border-radius:7px;box-shadow:0 3px 0 #d0c5a5,0 13px 24px #46563730;transform:rotate(-3deg)}.character-card img{display:none}.character-portrait{display:block;width:100%;height:205px;mix-blend-mode:multiply;background-color:#fcf6e4}.character-card figcaption{display:block;text-align:center;margin-top:3px}.character-card figcaption b{display:block;font:24px 'KaiTi',serif;letter-spacing:4px;color:#526b46}.character-card figcaption span{display:block;font-size:10px;letter-spacing:2px;color:#899575;margin-top:6px}.character-arrow{border:1px solid #bdc5a8;background:#fdf9e8b5;width:27px;height:34px;padding:0;border-radius:5px;font:22px Georgia;color:#6a8056;box-shadow:0 3px 0 #c4cbb150}.character-dots{display:flex;justify-content:center;gap:9px;margin-top:22px}.character-dot{width:8px;height:8px;min-height:0;border:1px solid #9aac84;background:#e7ead4;padding:0;border-radius:50%}.character-dot.active{background:#6b8759}.lobby-content{padding:42px 32px 28px;background:linear-gradient(135deg,#fffbed,#f4f0dc)}.lobby-content .eyebrow{font:8px Georgia;letter-spacing:1.8px;color:#899578}.lobby-content>h2{font:42px 'KaiTi',serif;color:#405d3b;letter-spacing:6px;margin:19px 0 5px}.lobby-subtitle{font-size:11px;letter-spacing:5px;color:#9a9a74}.lobby-intro{font-size:11px;line-height:2;color:#87916f;margin-top:21px}.lobby-meta{display:flex;gap:10px;font-size:9px;margin:20px 0;padding:12px 0;border-block:1px solid #dcdcc4;color:#8b9774}.lobby-meta span+span{border-left:1px solid #d8dcc2;padding-left:10px}.setup{gap:8px}.setup label{font-size:11px;color:#627854;margin-top:5px}.setup label>span{font-size:8px;color:#9ba383}.setup select,.setup input{min-height:39px;padding:8px 10px;background:#fbfaed;border:1px solid #d1d6ba;border-radius:5px;font-size:11px;color:#627a50}.seed-row button{font-size:9px;background:#e7ecd5;color:#758a5f;border:1px solid #c9d2ad;border-radius:5px}.gold-button{background:linear-gradient(#7b9667,#627f52);border:1px solid #5a774c;box-shadow:0 3px 0 #49623c,0 5px 10px #64724b24;color:#fffae6;border-radius:5px;padding:13px 18px;font-size:12px;letter-spacing:1px}.lobby-content>.gold-button{width:100%;margin-top:22px}.lobby-note{font-size:9px;line-height:1.7;color:#99a17e;margin-top:17px}.text-button{color:#869772;font-size:11px}.help-dialog{padding:28px}.help-dialog p{font-size:12px!important}.help-dialog summary{font-size:13px}.help-dialog a{color:#5b7d43}.merc-contract-dialog{width:min(440px,90vw);padding:30px}.merc-contract-dialog p{font-size:14px;line-height:2}.contract-close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:24px;color:#698258}.merc-contract-dialog footer{font-size:11px;color:#8c9b77}.winner{position:fixed;inset:0;background:#3c533cbb;z-index:90}.winner-box{background:#fbf7e5;border:6px double #a5b28b;color:#4e6c44}.winner-box button{background:#6f8b5d;color:#fffae5}.winner-box h2{color:#48643d}.winner-box:before{color:#b29b55}#handoffDialog{background:#f4f1e2;padding-top:28vh;color:#506d44}#handoffDialog::backdrop{background:#f4f1e2}
@media(min-width:1550px){.shell{grid-template-columns:225px minmax(650px,1fr) 270px;gap:20px 28px;padding-inline:42px}.board-stage{height:590px}.player-desk{grid-template-columns:290px 1fr;gap:30px}.card,.shell[data-phase] .card{flex-basis:142px;width:142px;height:200px}.hand{height:216px}.card small{font-size:9px}.card .card-art{bottom:49px}.order{height:188px}.market-candidate,.market-candidate:disabled{height:128px;padding-left:107px}.market-candidate .merc-art{width:96px;height:108px}.unit{--piece-size:48px}}
@media(max-width:1200px){.shell{grid-template-columns:165px minmax(400px,1fr) 210px;padding-inline:18px;gap:16px}.board-stage{height:450px;border-width:8px}.board{inset:38px 5px 38px}.table-label-right{display:none}.faction,.faction.magpie{padding:8px 12px;gap:8px}.faction-piece{flex-basis:49px;width:49px;height:49px}.faction-heading b{font-size:20px}.faction-heading small{font-size:7px}.score strong{font-size:22px}.faction .score{gap:9px}.hud{grid-template-columns:1fr 170px 1fr;gap:16px}.round strong{font-size:23px}.market-candidate,.market-candidate:disabled{padding-left:72px;height:109px;min-height:109px}.market-candidate .merc-art{width:68px;height:86px;top:12px}.market-candidate>b{font-size:14px}.merc-caption{font-size:8px}.player-desk{grid-template-columns:224px 1fr;gap:15px;padding-inline:0}.card,.shell[data-phase] .card{flex-basis:112px;width:112px;margin-left:-24px}.card:first-child{margin-left:0}.card b{font-size:13px;left:29px}.decision-panel,.inspector{padding:15px}.prompt .prompt-line>strong{font-size:18px}.unit{--piece-size:36px}}
@media(max-width:980px){.shell{grid-template-columns:150px minmax(380px,1fr);grid-template-areas:'header header' 'hud hud' 'market board' 'rail rail' 'desk desk';grid-template-rows:70px 84px auto auto auto;gap:16px;padding:0 18px 25px}.topbar{height:70px}.brand h1{font-size:26px}.brand small{font-size:7px}.brand h1 span{display:none}.offline-badge{display:none}.hud{height:84px;grid-template-columns:1fr 120px 1fr;gap:12px}.faction,.faction.magpie{height:76px}.faction-heading>span,.faction-heading small{display:none}.faction .score{gap:8px}.score>span{font-size:13px}.score strong{font-size:20px}.faction-piece{flex-basis:42px;width:42px;height:42px}.faction-heading{min-width:37px}.faction-heading b{font-size:17px}.round>small{font-size:8px;letter-spacing:1px}.round>span{font-size:8px}.round strong{font-size:21px}.public-orders{top:127px}.board-stage{height:475px}.nature-market-title{font-size:22px}.market-candidate,.market-candidate:disabled{height:116px;padding:9px 5px 7px 65px}.market-candidate .merc-art{width:60px;height:80px}.merc-caption{font-size:8px;line-height:1.5}.game-rail{display:grid;grid-template-columns:1fr 1fr;padding:10px 0;gap:14px}.decision-panel{grid-column:1}.inspector{grid-column:2}.journal-panel:not(.recruit-panel),.rail-footer{display:none}.player-desk{margin:0;padding:0;grid-template-columns:245px 1fr;min-height:230px}.hand{height:190px}.card,.shell[data-phase] .card{width:116px;flex-basis:116px}.board-legend{gap:6px;font-size:7px}.unit{--piece-size:38px}}
@media(max-width:650px){.shell{display:flex;flex-direction:column;gap:14px;padding:0 10px 25px}.topbar{height:66px;flex:none;width:100%}.brand{gap:6px}.brand-seal{width:27px}.brand h1{font-size:23px;letter-spacing:2px}.brand small{font-size:5px;letter-spacing:1px}.toolbar{gap:3px}.toolbar button{font-size:9px;padding:5px 7px;min-height:31px}.hud{display:grid;width:100%;grid-template-columns:1fr 75px 1fr;gap:7px;height:74px;flex:none}.faction,.faction.magpie{padding:6px;gap:5px;flex-wrap:wrap;justify-content:center;height:74px}.faction-piece{display:none!important}.faction-heading{width:100%;text-align:center!important}.faction-heading b{font-size:16px;margin:0}.faction .score,.magpie .score{margin:0;justify-content:center;width:100%;gap:14px}.score strong{font-size:20px}.score small{font-size:9px}.round{gap:5px}.round strong{font-size:20px}.round>small{font-size:7px}.round>span{font-size:8px;max-width:75px}.public-orders{top:125px;width:120px;display:none}.board-stage{order:3;width:100%;height:390px;flex:none;border-width:7px}.board{inset:33px 2px 34px}.table-label{inset:10px 12px auto}.table-label>span:first-child{font-size:13px}.board-legend{bottom:21px;inset-inline:4px;font-size:7px}.board-stage:after{bottom:6px;font-size:6px}.unit{--piece-size:29px}.bin-content{font-size:6px;line-height:9px;padding:0 2px}.token-id{width:12px;height:12px;font-size:7px;line-height:10px;right:-3px}.cargo-badge{font-size:7px;right:-6px;bottom:10px}.nature-market{order:6;padding-top:2px;width:100%}.nature-section-label{font-size:7px}.nature-market-title{font-size:21px}.nature-market-intro{margin-bottom:8px}.recruit-panel .dock-heading{margin:6px 0}.recruit-market{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.market-candidate,.market-candidate:disabled{height:151px;min-height:0;padding:96px 8px 8px;text-align:center}.market-candidate .merc-art{left:50%;top:5px;width:80px;height:90px;transform:translateX(-50%)}.market-candidate>b{font-size:14px;margin:0 0 5px}.merc-caption{display:none}.market-cost{bottom:6px;right:10px;font-size:11px}.opponent-hand{display:none}.game-rail{order:4;display:block;width:100%;padding:0}.decision-panel{padding:14px 16px}.decision-panel:before{display:none}.section-kicker{margin:0 0 7px;font-size:9px}.step-track{display:none}.prompt .prompt-line>strong{font-size:18px}.prompt .prompt-line>span{font-size:10px!important;line-height:1.6}.prompt-line{gap:5px}.actions{margin-top:10px}.actions button{min-height:38px}.inspector{display:none!important}.player-desk{order:5;display:flex;flex-direction:column;width:100%;gap:20px;padding:3px 4px;min-height:0}.order-dock .dock-heading>span{display:block}.order-dock .dock-heading{margin-bottom:8px}.order{height:100px;padding:9px;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:3px}.order:before{position:absolute;top:6px;left:8px;font-size:8px;margin:0}.order .order-symbol{font-size:21px;height:auto;margin:13px 0 0;grid-row:1/3}.order strong{font-size:15px;margin-top:10px}.order-boost{font-size:7px;margin-top:0}.order-modes{grid-column:1/-1;margin:0;gap:4px}.order-modes button{font-size:10px;padding:3px 6px}.hand-dock .dock-heading{margin-bottom:5px}.hand{justify-content:center;height:197px;padding:4px 0 5px;overflow:visible}.card,.shell[data-phase] .card{width:104px;flex-basis:104px;height:178px;margin-left:-23px}.card:first-child{margin-left:0}.card b{font-size:12px}.card small{font-size:8px}.card-corner{width:17px;height:17px;font-size:10px}.hand-navigation{display:none}.setup-dialog[open]{grid-template-columns:1fr}.lobby-art{min-height:365px;padding:18px;height:365px}.lobby-stamp{font-size:7px}.character-select{margin:10px 0 0}.character-steps{margin-bottom:10px;font-size:9px}.character-card{width:153px;height:220px;padding:8px}.character-portrait{height:158px}.character-card figcaption b{font-size:20px}.character-card figcaption span{font-size:9px}.character-dots{margin-top:15px}.lobby-caption,.lobby-edition{display:none}.lobby-content{padding:25px}.lobby-content>h2{font-size:33px;margin-top:10px}.lobby-intro{font-size:11px;margin-top:12px}.lobby-meta{margin-block:13px}.lobby-content>.gold-button{margin-top:18px}.game-dialog{max-height:94dvh}.combat-cards{width:310px;top:27%;padding:14px}.sealed-card{width:130px;height:186px}.hand-concealed .nature-market .opponent-hand{visibility:hidden}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Reset coordinates and aspect ratios inherited from the former fixed-size table. */
.board-stage{aspect-ratio:auto;width:100%;inset:auto;background-image:radial-gradient(ellipse at 50% 40%,#c7d0b4,#aab697);background-size:auto}
.shell[data-phase] .hand-dock{position:relative;inset:auto;width:auto;height:auto}
.order-dock>.dock-heading,.hand-dock>.dock-heading{display:flex}
.hand-dock .dock-heading>span:after{content:none}
.shell #hand{width:100%!important;inset:auto}
.board-stage:before{display:block!important}
body{background-image:linear-gradient(#f9f7ed55,#f9f7ed55),var(--linen)}

.shell[data-phase] .order-dock{position:relative;inset:auto;width:auto;height:auto}
.shell[data-phase=orders] .order{height:171px}
.order .order-boost{display:block}
.round .public-orders{position:static;inset:auto;transform:none;width:100%;font-size:9px;margin-top:2px}
.round>span{font-size:9px;line-height:1.4}
.nature-market .opponent-hand{margin-top:15px;height:62px}
@media(min-width:1550px){.shell[data-phase=orders] .order{height:188px}}
@media(max-width:650px){.shell[data-phase=orders] .order{height:100px}.round .public-orders{display:none}}

.nature-bird svg{display:none!important}
@media(min-width:981px) and (max-width:1549px){
.shell{grid-template-rows:64px 78px auto auto;gap:14px 20px;grid-template-columns:180px minmax(450px,1fr) 230px;padding-inline:24px}
.topbar{height:64px}.hud{height:78px}.faction,.faction.crow,.faction.magpie{height:74px}.faction-piece{width:53px;height:53px;flex-basis:53px}
.board-stage{height:460px}.board{inset:35px 10px 35px}.table-label{top:10px}.board-legend{bottom:20px}
.nature-market{padding-top:3px}.nature-market-title{font-size:23px;margin:6px 0}.nature-market-intro{margin-bottom:10px}
.market-candidate,.market-candidate:disabled{height:100px;min-height:100px;padding:12px 8px 8px 79px}.market-candidate .merc-art{width:70px;height:83px}.merc-caption{font-size:8px}.recruit-market{gap:11px}
.nature-market .opponent-hand{height:43px;margin-top:10px}.opponent-back{height:37px;flex-basis:27px;border-width:2px}.opponent-back svg{height:24px;width:17px}.opponent-hand small{bottom:-10px}
.player-desk{grid-template-columns:238px minmax(0,1fr);gap:18px;margin-top:0;min-height:230px}
}

.hud{overflow:visible}
.round .public-orders{margin:0;min-height:0;gap:0}
.public-order-side.opponent{flex-direction:row;flex-wrap:nowrap}
.public-order{width:auto;height:21px;flex-direction:row;gap:3px;box-shadow:none;font-size:9px;line-height:1;padding:3px 6px}
.public-order i{font-size:11px;margin:0}

body:has(.setup-dialog[open]){overflow:hidden}
.shell #hand{justify-content:safe center;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#a7b393 transparent;padding:28px 12px 9px;height:222px}
@media(min-width:1550px){.shell #hand{height:244px}}
@media(max-width:650px){
.shell .faction.crow,.shell .faction.magpie{height:74px;flex-direction:column;flex-wrap:nowrap;gap:5px;padding:7px 5px;text-align:center}
.shell .faction-heading{order:0;min-width:0;width:100%}.shell .faction .score{order:1;width:auto;margin:0;gap:9px}.shell .score>span{gap:2px;font-size:12px}.shell .score strong{font-size:19px}.shell .score .resource-icon{width:15px;height:19px}
.board-stage{height:300px}.round>span{display:none}.round{gap:6px}.turn-banner{font-size:14px;max-width:86%;white-space:normal;padding:12px 16px}
.shell #hand{height:219px;justify-content:safe center;padding-inline:6px}.hand-navigation{display:flex}
}
.lobby-intro,.lobby-note,.merc-caption,.inspector p,.log div,.card small{color:#65745b}

@media(max-width:650px){.order-modes{width:100%;gap:3px}.order-modes button{flex:1;min-width:0;white-space:nowrap;padding:5px 2px;font-size:9px}}

/* Continuous neighborhood illustration and uncropped natural-history portraits. */
.nature-bird{background-image:none!important;background-color:#f8f0dc!important;overflow:hidden;display:block;isolation:isolate}
.nature-bird>.bird-portrait{display:block!important;position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:none!important;filter:none!important}
.character-portrait{position:relative;background-color:transparent!important}
.market-candidate .merc-art{background-color:transparent!important;mix-blend-mode:multiply}
.faction-piece{position:relative}
.unit .piece-art{border-radius:42% 42% 25% 25%;border-width:2px;padding:0}
.unit .piece-art>.bird-portrait{inset:1px;width:calc(100% - 2px);height:calc(100% - 2px)}
.board-stage{background:#d5d8bb;background-image:none;border:8px solid #b8a37d;border-radius:10px;box-shadow:0 1px 0 1px #e8ddc2,inset 0 0 0 2px #a39678,0 5px 0 #958360,0 12px 22px #53624728}
.board-stage:before{background:none;inset:-6px;border-color:#efe5ce;border-radius:5px}
.board{inset:37px 14px 34px;isolation:isolate;overflow:hidden;border-radius:5px;background:#c8d1b0;box-shadow:inset 0 0 12px #66775118}
.neighborhood-scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.hex-slot{filter:none!important;z-index:1}
.hex{transform:none!important;filter:none!important;opacity:1}
.hex .tile-top{fill:transparent!important;stroke:#606f5526;stroke-width:.6;stroke-dasharray:2 4}
.hex .tile-side{display:none}
.hex:hover .tile-top,.hex:focus-visible .tile-top{fill:#fff9d933!important;stroke:#f9f6db;stroke-width:2;stroke-dasharray:none}
.hex.selected .tile-top{fill:#eadb7950!important;stroke:#a08c3e;stroke-width:2;stroke-dasharray:none}
.hex.legal .tile-top,.hex.return-target .tile-top,.hex.retreat-target .tile-top,.hex.escape-target .tile-top{fill:#fff4b348!important;stroke:#ffffe6;stroke-width:2.5;stroke-dasharray:none}
.hex.attack .tile-top{fill:#c87a5c44!important;stroke:#a44d39;stroke-width:2.5;stroke-dasharray:none}
.unit{--piece-size:44px;transform:translate(-50%,-65%);filter:drop-shadow(2px 4px 2px #3b533950)}
.bin-content{bottom:5%;font-size:8px;border-color:#aebc9a;box-shadow:0 1px 2px #53674130}
.table-label{inset:10px 16px auto}.table-label-right{color:#647759;opacity:1}.board-legend{bottom:12px}.board-stage:after{display:none}
@media(min-width:1550px){.unit{--piece-size:48px}}
@media(max-width:980px){.unit{--piece-size:36px}}
@media(max-width:650px){.board{inset:32px 6px 29px}.unit{--piece-size:26px}.bin-content{font-size:6px;bottom:0}.table-label{inset:9px 10px auto}.board-legend{bottom:10px}}
.nature-bird .bird-portrait svg{display:block!important}

.map-grid-toggle{border:1px solid #a4b090;background:#f5f0d9cc;color:#617355;border-radius:4px;font-size:9px;padding:3px 7px;min-height:22px;cursor:pointer;margin-left:12px}
.map-grid-toggle[aria-pressed=true]{background:#718a62;color:#fffbe5;border-color:#607a52}
.table-label-right{margin-left:auto}.show-map-grid .hex .tile-top{stroke:#576b4b85;stroke-width:1;stroke-dasharray:none}
@media(max-width:650px){.map-grid-toggle{font-size:8px;padding:2px 6px;min-height:20px;margin-left:auto}}
.map-grid-toggle{pointer-events:auto}

/* The hex lattice is part of the street plan, visible at rest as engraved seams. */
.hex .tile-top{stroke:#60734f80;stroke-width:1;stroke-dasharray:none;vector-effect:non-scaling-stroke}
.show-map-grid .hex .tile-top{stroke:#4b6345c7;stroke-width:1.5}
.hex:hover .tile-top,.hex:focus-visible .tile-top{stroke:#fff8d1;stroke-width:2}

/* Public bin contents remain readable even when a bird occupies the tile. */
.hex-slot > .bin-content{z-index:20;pointer-events:none;white-space:nowrap;min-width:22px;text-align:center;box-sizing:border-box;background:#fff9e8;color:#354c3c;border-color:#889b76;text-shadow:none}
.hex-slot.occupied-bin > .bin-content{bottom:-3px;font-size:9px;line-height:14px;padding:0 4px;border-radius:4px;box-shadow:0 1px 3px #34472e40}
.hex-slot > .bin-content.emptied{background:#e3e8d7;color:#607054}
@media(max-width:650px){.hex-slot > .bin-content{min-width:17px}.hex-slot.occupied-bin > .bin-content{bottom:-3px;font-size:7px;line-height:10px;padding:0 2px}}

.character-skill{margin:18px 0;padding:16px 18px;background:#f4f2e4;border:1px solid #c5ccb2;border-left:3px solid #78927a;border-radius:6px;color:#3e5546;text-align:left}
.character-skill-owner{font-size:10px;letter-spacing:2px;color:#78846a}
.character-skill h3{font-family:KaiTi,serif;font-size:23px;margin:7px 0 10px}
.character-skill p{font-size:13px;line-height:1.75;margin:7px 0}
.character-skill .character-skill-detail{font-size:12px;color:#64735e}
.character-skill small{display:block;border-top:1px solid #d5dbc7;padding-top:9px;margin-top:10px;font-size:10px;line-height:1.6;color:#7b806e}
@media(max-width:650px){.character-skill{margin:14px 0;padding:13px 14px}.character-skill h3{font-size:21px}.character-skill p{font-size:12px}}

#onlineLobby{padding:14px;border:1px solid #b7c2a6;border-radius:7px;background:#f5f3e6}#onlineLobby[hidden]{display:none}#onlineLobby input{width:100%;box-sizing:border-box;margin:8px 0}#onlineLobby button{padding:9px 14px}#onlineStatus{font-size:12px;line-height:1.6;color:#50684f}#onlineInvite{font-size:11px}

#characterConfirm[hidden],#startGame[hidden],#onlineInvite[hidden],#onlineCopy[hidden]{display:none!important}

/* Keep the selected character and its contract together, including narrow screens. */
.lobby-art > .character-skill{width:100%;box-sizing:border-box;flex-shrink:0;margin:22px 0 16px}
@media(max-width:650px){.setup-dialog .lobby-art{height:auto;min-height:0}.lobby-art > .character-skill{margin:18px 0 0}}