:root{--sea:#24688f;--ink:#2d2117;--paper:#efe1c4;--paper2:#e5d4b0;--card:#f8eedb;--muted:#6b5843;--accent:#d9731c;--accent2:#a95210;--accent-ink:#fff;--line:#cdb68a;--wood:#7b4a2b;--edge:#3a2616;--edge-deep:#1f140b;--ink-wood:#2a180c;--wood-mid:#6a412b;--danger:#c0392b;--radius:16px;--f-title:"Bitter", Georgia, serif;--f-body:"Inter", system-ui, sans-serif;font-family:var(--f-body);color:var(--ink);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overscroll-behavior:none;background:#6e2a12;font-size:16px;line-height:1.35}body:before{content:"";z-index:-1;filter:saturate(.85);background:radial-gradient(85% 70% at 50% 42%,#120a042e,#120a04b8 100%),linear-gradient(#460c069e 0%,#1e10066b 45%,#0e0a049e 100%),url(/test-bg.webp) 50% 35%/cover no-repeat;position:fixed;inset:0}button,input{font:inherit;color:inherit}h1,h2,h3{line-height:1.1;font-family:var(--f-title);margin:0}h2{font-size:20px;font-weight:800}small{font-size:12px}.muted{color:var(--muted)}.err{color:var(--danger);font-weight:700}.err.big{text-align:center;font-size:20px}.ico{width:100%;height:100%;display:block;overflow:visible}.iw{width:var(--s,56px);height:var(--s,56px);vertical-align:middle;flex:none;place-items:center;display:inline-grid;position:relative}.iw .ico{filter:drop-shadow(0 1px #ffffff8c)}.iw .ico-card{object-fit:contain;filter:drop-shadow(0 1px 1px #2d211759)}.iw.can-b{box-shadow:inset 0 0 0 2.5px var(--wood), inset 0 0 0 5px #f8ead0, inset 0 -4px 6px #b98b4f55, 0 2px 0 #7b4a2b55;background:radial-gradient(circle at 34% 28%,#fdf4df,#ecd3a2 62%,#d2ad72);border-radius:50%}.iw.can-b .ico{width:74%;height:74%}.ri-inline{vertical-align:-5px;display:inline-flex}.btn{background:var(--card);cursor:pointer;text-align:center;border:0;border-radius:12px;padding:12px 20px;font-weight:800;text-decoration:none;display:inline-block;box-shadow:0 3px #0000002e}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0000002e}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{box-shadow:none;background:0 0;text-decoration:underline}.btn.small{padding:6px 14px;font-size:14px}.btn.wide{width:100%;margin-top:12px;padding:14px;font-size:20px}.chip{background:#ffffffd9;border:0;border-radius:12px;padding:4px 12px;font-size:14px;font-weight:700;box-shadow:0 2px 6px #00000026}.screen{min-height:100%;padding:max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom))}.screen.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.logo{letter-spacing:-.5px;color:#fff;text-shadow:0 4px #0003;font-size:46px;font-weight:800}.stack{flex-direction:column;gap:12px;width:min(360px,100%);display:flex}.row{align-items:center;gap:8px;display:flex}.row .big-input{flex:1;min-width:0}.field{text-align:left;color:#fff;flex-direction:column;gap:4px;font-weight:700;display:flex}.big-input{background:var(--card);color:var(--ink);border:0;border-radius:12px;width:100%;padding:14px 16px;font-size:20px;box-shadow:inset 0 2px 4px #00000014}.code-input{text-transform:uppercase;letter-spacing:6px;text-align:center;font-weight:800}.or{color:#fff;font-weight:700}.screen.center .muted{color:#fff;opacity:.9}.lobby{flex-direction:column;gap:12px;max-width:520px;margin:0 auto;display:flex}.lobby-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.lobby-head .ghost{color:#fff}.room-code{background:var(--paper);border:2.5px solid var(--edge);text-align:center;box-shadow:0 4px 0 var(--edge);cursor:pointer;border-radius:16px;padding:4px 18px}.room-code small{color:var(--muted);display:block}.room-code{min-width:0;padding:4px 12px}.room-code b{font-family:var(--f-title);letter-spacing:.12em;color:var(--ink);white-space:nowrap;font-size:clamp(24px,7.5vw,36px);font-weight:800}.card{background:var(--paper);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.players{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.players li{align-items:center;gap:10px;display:flex}.players li.off{opacity:.5}.avatar{background:var(--card);border:4px solid;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.pname{flex:1;font-weight:700}.tag{background:var(--line);border-radius:999px;padding:2px 8px;font-size:12px}.pick-row{flex-wrap:wrap;gap:6px;display:flex}.pick{background:var(--card);border:2px solid #0000;border-radius:12px;width:46px;height:46px;font-size:24px}.pick.on{border-color:var(--accent)}.swatch{width:40px;height:40px;box-shadow:0 0 0 1px var(--line);border:3px solid #fff;border-radius:50%}.swatch:disabled{opacity:.2}.rule{justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}.rule small{color:var(--muted);font-weight:400;display:block}.rule input[type=checkbox]{width:28px;height:28px;accent-color:var(--accent);flex:none}.stepper{align-items:center;gap:10px;display:flex}.rule.col{flex-direction:column;align-items:stretch}.team-pick{flex-direction:column;gap:6px;display:flex}.tag.team{color:#fff}.map-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.map-choice{background:var(--card);border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.map-choice.on{border-color:var(--accent);box-shadow:0 0 0 3px #f08a1c33}.map-choice:disabled:not(.on){opacity:.6}.map-choice span{text-align:center;font-size:14px;font-weight:700;line-height:1.1}.map-choice small{color:var(--muted);font-size:12px}.random-map{background:var(--line);border-radius:12px;flex-direction:column;gap:8px;margin-top:10px;padding:10px;display:flex}.random-map .seg{flex:220px;grid-template-columns:repeat(2,1fr);margin:0}.random-map .seg button{white-space:nowrap;padding:0 10px}.map-checks{gap:4px;margin:0;padding:0;list-style:none;display:grid}.map-checks li{align-items:center;gap:6px;font-size:14px;line-height:1.25;display:flex}.map-checks li small{color:var(--muted);text-align:right;margin-left:auto;font-size:12px}.map-checks li.bad span{color:var(--danger)}.map-preview{background:#cfeaf7;border-radius:12px;padding:4px;display:block}.warn{color:var(--danger);margin:0;font-size:14px}.stepper b{text-align:center;min-width:28px;font-size:20px}.lobby-foot{padding-bottom:env(safe-area-inset-bottom);text-align:center;position:sticky;bottom:0}.lobby-foot .muted{color:#fff}.game{height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;overflow:hidden}.strip{scrollbar-width:none;flex:none;gap:6px;padding:6px 8px;display:flex;overflow-x:auto}.pchip{background:#ffffffe0;border-bottom:5px solid;border-radius:12px;flex:1 0 auto;grid-template-columns:auto 1fr;align-items:center;column-gap:4px;min-width:64px;padding:2px 6px;display:grid}.pchip .pe{grid-row:span 2;font-size:20px}.pchip .pn{white-space:nowrap;text-overflow:ellipsis;max-width:72px;font-size:14px;font-weight:800;overflow:hidden}.pchip .ps{white-space:nowrap;font-size:12px}.pchip.active{background:var(--card);outline:3px solid var(--accent)}.pchip.off{opacity:.5}.pchip .paway{color:#b4430f;margin-right:4px;font-size:11px}.hint{background:#fff8eaf2;border-radius:12px;flex-wrap:wrap;flex:none;align-items:baseline;gap:2px 8px;margin:0 8px;padding:6px 12px;font-weight:700;display:flex}.hint small{width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.dice{background:var(--ink);color:#fff;border-radius:6px;padding:0 8px}.dice.seven{background:var(--danger)}.board-wrap{touch-action:none;flex:1;min-height:0;position:relative}.board-tools{gap:6px;display:flex;position:absolute;top:6px;right:8px}.pickbar{background:var(--paper);white-space:nowrap;border-radius:16px;align-items:center;gap:6px;padding:6px 8px 6px 16px;font-weight:800;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000040}.pickbar.call{color:var(--ink);white-space:normal;text-align:center;background:#ffd84d;width:max-content;max-width:calc(100% - 24px);padding:8px 16px;animation:1.6s ease-in-out infinite call-bob}@keyframes call-bob{50%{transform:translate(-50%)translateY(-4px)}}.offer{background:#f4e2a6;border-radius:12px;flex:none;margin:4px 8px 0;padding:6px 12px;font-weight:700;box-shadow:0 2px 8px #00000026}.offer-btns{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.xbar{white-space:nowrap;background:var(--paper);font:inherit;color:var(--ink);border:0;border-radius:16px;flex:none;align-items:center;gap:10px;margin:6px 8px 0;padding:4px 10px;font-size:12px;font-weight:700;display:flex;overflow-x:auto;box-shadow:0 2px 6px #00000026}.xbar .more{opacity:.7;margin-left:auto}.xsec{margin-bottom:14px}.xsec h3{margin:4px 0 6px;font-size:16px}.xsec .muted{margin:8px 0 4px}.hand{flex:none;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px 10px 0;display:grid}.rcard{border:2px solid var(--edge);background:var(--card);box-shadow:0 3px 0 var(--edge), 0 5px 8px #0000002e;text-align:center;border-radius:12px;flex-direction:column;align-items:stretch;padding:4px 4px 2px;display:flex;position:relative}.rc-art{background:radial-gradient(circle at 50% 42%, #ffffff73, transparent 62%), repeating-linear-gradient(135deg, #ffffff14 0 4px, transparent 4px 8px), var(--rc,#9a8);border:1.5px solid #3a26168c;border-radius:6px;place-items:center;height:50px;display:grid}.rc-n{background:var(--edge);color:#fffaf0;min-width:26px;height:26px;font:800 16px/1 var(--f-title);border:2px solid var(--card);border-radius:12px;place-items:center;padding:0 5px;display:grid;position:absolute;top:-7px;left:-7px;box-shadow:0 2px 3px #0000004d}.rcard small{color:var(--ink);letter-spacing:.01em;margin-top:2px;font-size:12px;font-weight:800}button.rcard.can-swap{font:inherit;color:inherit;cursor:pointer}.rcard.can-swap:hover,.rcard.can-swap:focus-visible{box-shadow:0 3px 0 var(--edge), 0 5px 8px #0000002e, 0 0 0 3px var(--accent)}.rcard.can-swap.on{box-shadow:0 0 0 3px var(--accent);transform:translateY(3px)}.rc-swap{background:var(--accent2);color:#fff;height:20px;font:800 11px/1 var(--f-title);border:2px solid var(--card);border-radius:12px;place-items:center;padding:0 5px;font-style:normal;display:grid;position:absolute;top:-7px;right:-7px}.rc-swapbox{z-index:60;border:3px solid var(--edge);background:var(--card);border-radius:12px;flex-direction:column;gap:8px;padding:8px 12px 10px;display:flex;position:fixed;transform:translate(-50%,-100%)translateY(-10px);box-shadow:0 8px 16px #0006}.rc-swapblock{flex-direction:column;gap:6px;display:flex}.rc-swapblock+.rc-swapblock{border-top:2px dashed var(--edge);padding-top:8px}.rc-swapbox small{color:var(--ink);white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.rc-swappicks{gap:6px;display:flex}.rc-swappicks button{border:2px solid var(--edge);background:var(--card);width:44px;height:44px;box-shadow:0 3px 0 var(--edge);cursor:pointer;border-radius:12px;padding:3px}.rc-swappicks button:hover:not(:disabled),.rc-swappicks button:focus-visible{box-shadow:0 3px 0 var(--edge), 0 0 0 3px var(--accent)}.rc-swappicks button:active:not(:disabled){box-shadow:0 0 0 1px var(--edge);transform:translateY(3px)}.rc-swappicks button:disabled{opacity:.45;box-shadow:none;cursor:default}.rc-swappicks img{object-fit:contain;width:100%;height:100%;display:block}.rcard.zero .rc-n{background:#a99377}.dcard{border:2px solid var(--edge);background:var(--card);width:50px;height:66px;box-shadow:0 2px 0 var(--edge);border-radius:6px;flex:none;padding:3px;display:flex;position:relative}.dc-art{background:radial-gradient(circle at 50% 40%,#b9a2e0,#6d4fa3 75%);border:1.5px solid #3a261680;border-radius:6px;flex:1;place-items:center;display:grid}.dcard[data-k=victoryPoint] .dc-art{background:radial-gradient(circle at 50% 40%,#ffe9a6,#d29a1d 75%)}.dcard[data-k=knight] .dc-art{background:radial-gradient(circle at 50% 40%,#f0b9a6,#b04a2a 75%)}.dcard .rc-n{min-width:22px;height:22px;font-size:12px;top:-8px;left:auto;right:-8px}.actions{flex:none;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px 8px 8px;display:grid}.act{background:var(--paper);border:0;border-radius:12px;flex-direction:column;align-items:center;padding:6px 0;font-size:26px;display:flex;box-shadow:0 3px #0003}.act span{font-size:14px;font-weight:800}.act:disabled{opacity:.45}.act:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0003}.sheet-bg{z-index:10;background:#14100a73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--paper);width:min(560px,100%);max-height:86dvh;padding:16px 16px max(16px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.list{flex-direction:column;gap:8px;display:flex}.item{background:var(--card);text-align:left;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex;box-shadow:0 2px #0000001f}.item:disabled{opacity:.5}.item .ii{font-size:30px}.item .ii.dcard{font-size:0}.item .it{flex-direction:column;flex:1;display:flex}.item .it small{color:var(--muted)}.cost{white-space:nowrap;font-size:14px}.tabs{gap:6px;margin-bottom:10px;display:flex}.tabs button{background:var(--card);border:0;border-radius:12px;flex:1;padding:8px;font-weight:800}.tabs button.on{background:var(--ink);color:#fff}.pick-h{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:6px 0 8px;display:flex}.pick-h b{font-family:var(--f-title);font-size:16px}.pick-h .muted,.pick-h.muted{font-size:12px}.pickgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px;padding-top:8px;display:grid}.pcol{flex-direction:column;gap:6px;min-width:0;display:flex}.pcard{border:2px solid var(--edge);background:var(--card);min-width:0;color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 3px 0 var(--edge), 0 5px 8px #00000024;text-align:center;border-radius:12px;flex-direction:column;align-items:stretch;padding:4px 4px 3px;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.pcard .rc-art{height:44px}.pcard small{margin-top:2px;font-size:12px;font-weight:800}.pcard em{color:var(--muted);white-space:pre-line;font-size:11px;font-style:normal;font-weight:700;line-height:1.25}.pcard:active:not(:disabled){box-shadow:0 1px 0 var(--edge);transform:translateY(2px)}.pcard.picked,.pcard.on{border-color:var(--accent);box-shadow:0 5px 0 var(--accent2), 0 8px 12px #0000002e;background:#f5e4c8;transform:translateY(-3px)}.pcard.off{cursor:default;box-shadow:0 1px 0 var(--edge);background:var(--paper2);transform:translateY(2px)}.pcard.off .rc-art{filter:saturate(.2)brightness(1.1);opacity:.6}.pcard.off small,.pcard.off em{opacity:.6}.pcard.picked.off{border-color:var(--accent);box-shadow:0 5px 0 var(--accent2);background:#f5e4c8;transform:translateY(-3px)}.pcard.picked.off .rc-art,.pcard.picked.off small,.pcard.picked.off em{filter:none;opacity:1}.pc-n{background:var(--accent);color:#fff;min-width:26px;height:26px;font:800 16px/1 var(--f-title);border:2px solid var(--card);border-radius:12px;place-items:center;padding:0 5px;display:grid;position:absolute;top:-9px;right:-7px;box-shadow:0 2px 3px #0000004d}.pc-ok{filter:drop-shadow(0 2px 2px #00000040);line-height:0;position:absolute;top:-11px;right:-9px}.pminus{border:2px solid var(--edge);background:var(--card);height:40px;color:var(--ink);font:800 20px/1 var(--f-body);cursor:pointer;box-shadow:0 2px 0 var(--edge);border-radius:12px;padding:0}.pminus:active{box-shadow:none;transform:translateY(2px)}.big-center{text-align:center;margin:6px 0;font-size:30px}.log{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.rules p{margin:0 0 10px}.toast{left:50%;top:max(12px, env(safe-area-inset-top));background:var(--ink);color:#fff;z-index:20;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 6px 18px #0000004d}.netbar{background:var(--danger);color:#fff;text-align:center;padding:6px 6px max(6px, env(safe-area-inset-bottom));z-index:30;font-weight:700;position:fixed;bottom:0;left:0;right:0}.fly{z-index:30;pointer-events:none;background:var(--card);border:2px solid var(--edge);width:38px;height:50px;box-shadow:0 3px 0 var(--edge), 0 6px 10px #0000004d;border-radius:6px;padding:3px;display:flex;position:fixed}.fly-art{background:var(--rc,#9a8);border-radius:6px;flex:1;place-items:center;display:grid}.fly-art .ico{width:28px;height:28px}.fly.small{width:26px;height:34px;box-shadow:0 2px 0 var(--edge), 0 4px 6px #00000040;border-width:1.5px;border-radius:6px;padding:2px}.fly.small .fly-art .ico{width:18px;height:18px}.rcard.bump,.pchip [data-hc].bump,.pchip .bfan.bump{animation:.45s cubic-bezier(.3,1.6,.5,1) bump}.pchip [data-hc]{display:inline-block}.gain-pop{z-index:2;pointer-events:none;background:var(--accent);color:#fff;box-shadow:0 2px 0 var(--accent2);border-radius:6px;padding:0 6px;font-size:12px;line-height:18px;position:absolute;top:2px;right:6px}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.18)translateY(-4px)}to{transform:scale(1)}}.has-photo{padding:0;overflow:hidden}.has-photo img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.pchip .pe.has-photo,.item .ii.has-photo{border-radius:50%;width:30px;height:30px}.item .ii.has-photo{width:40px;height:40px}.photo-row{align-items:center;gap:10px;display:flex}.photo-row input[type=file]{display:none}.pchip{position:relative}.pchip .tdot{border:1.5px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:3px;right:3px}.team-score{flex:none;gap:6px;padding:0 8px 4px;display:flex}.team-score span{color:#fff;opacity:.85;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}.team-score span.me{opacity:1;outline:2px solid var(--ink)}.offer.team{background:#ffe1ef}.offer.late-me{background:#ffd9c2}.offer.skip{background:#f4e2a6}.hint small.clock{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-weight:700;display:inline-flex}.clock-ring{background:conic-gradient(#d97706 calc(var(--p) * 360deg), #0000 0);border-radius:50%;flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 2px #d9770633}.hint small.tip{color:var(--ink);white-space:normal;font-weight:700}.row.wrap{flex-wrap:wrap}.my-maps{flex-direction:column;gap:6px;display:flex}.my-map{background:var(--card);border-radius:12px;align-items:center;gap:8px;padding:4px 6px;display:flex}.my-map span{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.my-map .map-preview{border-radius:6px;padding:1px}.editor{z-index:20;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#cfeaf7;flex-direction:column;display:flex;position:fixed;inset:0}.ed-head{flex:none;align-items:center;gap:6px;padding:8px;display:flex}.ed-name{min-width:0;font:inherit;background:var(--card);border:0;border-radius:12px;flex:1;padding:8px 12px;font-size:16px;font-weight:800}.ed-board{flex:1;min-height:0;position:relative}.ed-board svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.ed-board text{text-anchor:middle;pointer-events:none;font-family:inherit}.ed-tile{cursor:pointer}.ed-slot polygon{fill:#ffffff59;stroke:#ffffffe6;stroke-width:.05px;stroke-dasharray:.15 .1}.ed-slot text{fill:#fff;font-weight:800}.ed-slot{cursor:pointer}.ed-harbor circle{fill:#fff8ea;stroke:#8a5a2b;stroke-width:.06px}.ed-harbor text{fill:#2b2118;font-weight:800}.ed-coast{stroke:#ffffffd9;stroke-width:.28px;stroke-linecap:round;cursor:pointer}.ed-coast.on{stroke:#f08a1c}.ed-count{color:#1f4f6b;background:#ffffffb3;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;bottom:6px;left:8px}.ed-check{border-radius:12px;flex:none;max-height:26dvh;margin:0 8px 6px;padding:6px 12px;font-size:14px;font-weight:700;overflow:auto}.ed-check p{margin:2px 0}.ed-check.good{background:#e3f5d4}.ed-check.bad{color:#8b2414;background:#ffe2dc}.ed-tools{background:var(--paper);border-radius:16px 18px 0 0;flex-direction:column;flex:none;gap:8px;padding:8px 8px 10px;display:flex;box-shadow:0 -3px 12px #00000026}.ed-tools .seg button{font-size:14px}.ed-palette{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.ed-palette button{background:var(--sw,#fff);border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;min-height:48px;padding:4px 0 2px;display:flex}.ed-palette button span{font-size:20px;line-height:1.1}.ed-palette button small{color:#2b2118;white-space:nowrap;text-overflow:ellipsis;background:#ffffffbf;border-radius:6px;max-width:100%;padding:0 3px;font-size:10px;font-weight:700;line-height:1.1;overflow:hidden}.ed-palette button.on{border-color:var(--ink);box-shadow:inset 0 0 0 2px #fff}.ed-palette.nums{grid-template-columns:repeat(5,1fr)}.ed-palette.nums button{background:#f6ead2}.ed-palette.nums b{font-size:20px}.ed-palette.nums .red b,.ed-palette.nums .red small{color:var(--danger)}.ed-tip{color:var(--muted);flex-direction:column;align-items:flex-start;gap:6px;margin:0;font-size:14px;display:flex}.rules-page{flex-direction:column;gap:8px;display:flex}.rules-sec-head{width:100%;font:inherit;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-weight:800;display:flex}.rules-sec-body{padding:0 14px 12px}.rules-sec-body p{margin:0 0 10px}.rules-sec-body ul,.rules-sec-body ol{margin:0 0 10px;padding-left:20px}.rules-sec-body li{margin-bottom:4px}.rules-sec-body .small{font-size:14px}.rules-row{flex-wrap:wrap;gap:6px;display:flex}.rules-fig{width:100%;max-width:260px;margin:0 auto 10px;display:block}.terrain-list,.house-list{flex-direction:column;gap:10px;display:flex}.terrain-row{align-items:center;gap:10px;display:flex}.terrain-row .hex-icon{flex:none}.terrain-row>span,.house-list>div{flex-direction:column;display:flex}.terrain-row small,.house-list small,.dev-list small{color:var(--muted);font-size:14px}.house-list b{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag.on{color:#2c6a1c;background:#d6f0c8}.tag.off{color:var(--muted);background:#eee6d8}.cost-list{list-style:none;padding:0!important}.cost-list li{border-bottom:1px dashed #e6dcc8;justify-content:space-between;gap:8px;padding:4px 0;display:flex}.dev-list{flex-direction:column;gap:8px;list-style:none;display:flex;padding:0!important}.dev-list li{align-items:center;gap:10px;display:flex}.dev-list .ii{font-size:26px}.dev-list li>span:last-child{flex-direction:column;display:flex}.roll-banner{z-index:6;pointer-events:none;border:3px solid var(--edge);box-shadow:0 6px 0 var(--edge), 0 14px 30px #00000059;background:#fff8e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 22px 10px;animation:.32s cubic-bezier(.2,1.6,.4,1) both rb-in,.3s ease-in 1.5s forwards rb-out;display:flex;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.roll-banner .rb-dice{gap:10px;display:flex}.roll-banner .rb-sum{color:var(--edge);text-shadow:0 3px #e8c46a;font-size:56px;font-weight:800;line-height:1}.roll-banner.seven{background:#fbe1d8;border-color:#8f1d12;box-shadow:0 6px #8f1d12,0 14px 30px #78000066}.roll-banner.seven .rb-sum{color:#c4281c;text-shadow:0 3px 0 var(--edge)}.roll-banner .rb-note{color:#8f1d12;align-items:center;gap:6px;font-size:16px;font-weight:800;display:flex}@keyframes rb-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes rb-out{to{opacity:0;transform:translate(-50%,-60%)scale(.9)}}html.reduce-motion .roll-banner{animation:.2s both rb-fade,.2s 1.5s forwards rb-out-fade}@keyframes rb-fade{0%{opacity:0}to{opacity:1}}@keyframes rb-out-fade{to{opacity:0}}.ri-tok{vertical-align:-.28em;margin:0 .08em}.ri-tok .ico{filter:none}.btn,.chip,.act{border:2px solid var(--edge);color:var(--ink);-webkit-tap-highlight-color:transparent;transition:transform 80ms,box-shadow 80ms}.btn{box-shadow:0 4px 0 var(--edge), 0 6px 10px #00000024;justify-content:center;align-items:center;gap:6px;min-height:48px;display:inline-flex}.btn.small{min-height:44px;padding:4px 14px}.btn.primary{background:linear-gradient(var(--accent), var(--accent2));color:#fff;text-shadow:0 1px #0000004d}.btn.small.primary{background:var(--accent2)}.btn.ghost{border-color:#0000}.btn:active:not(:disabled),.chip:active,.act:active:not(:disabled){box-shadow:0 1px 0 var(--edge);transform:translateY(3px)}.btn:disabled,.act:disabled{opacity:1;color:#9a8a74;box-shadow:none;background:repeating-linear-gradient(135deg,#e4d4b2 0 6px,#dbc9a4 6px 12px);border-color:#b9a684;transform:translateY(3px)}.btn:disabled .iw,.act:disabled .iw{filter:grayscale(.9);opacity:.55}.chip{background:var(--paper);min-width:44px;min-height:44px;box-shadow:0 3px 0 var(--edge), 0 4px 8px #0003;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:14px;font-weight:800;display:inline-flex}.board-tools{gap:8px}.act{background:linear-gradient(var(--card), var(--paper));min-height:64px;box-shadow:0 4px 0 var(--edge);justify-content:center;gap:1px}.act.go{background:linear-gradient(var(--accent2), #8f450c);color:#fff}.act.go span{text-shadow:0 1px #00000059}.act.pulse:not(:disabled){animation:1.6s ease-in-out infinite nudge}@keyframes nudge{0%,70%,to{box-shadow:0 4px 0 var(--edge), 0 0 0 0 #ef8f3899;transform:none}80%{box-shadow:0 7px 0 var(--edge), 0 0 0 8px #ef8f3800;transform:translateY(-3px)scale(1.04)}}html.reduce-motion .act.pulse:not(:disabled){box-shadow:0 4px 0 var(--edge), 0 0 0 3px #ffd27a;animation:none}:focus-visible{outline-offset:2px;outline:3px solid #2f86c9}.toast{color:var(--ink);border:2px solid var(--edge);box-shadow:0 4px 0 var(--edge), 0 8px 18px #00000040;background:#f5e4c8;align-items:center;gap:8px;padding:10px 12px;animation:.25s cubic-bezier(.3,1.4,.5,1) toast-in,.3s ease-in 4.7s forwards toast-out;display:flex}.toast .t-x{opacity:.6;margin-left:2px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-16px)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,-16px)}}html.reduce-motion .toast{animation:none}.set-list{flex-direction:column;gap:6px;display:flex}.set-row{border-bottom:1px dashed var(--line);align-items:center;gap:10px;min-height:56px;padding:4px 2px;display:flex}.set-row .it{flex-direction:column;flex:1;display:flex}.set-row .it small{color:var(--muted);font-size:12px}.set-leave{color:#b3261e}.vol{width:120px;accent-color:var(--accent);height:32px}.switch{appearance:none;cursor:pointer;border:2px solid var(--edge);background:#d8c8a6;border-radius:16px;flex:none;width:52px;height:32px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--card);border:2px solid var(--edge);box-sizing:border-box;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch:checked{background:#6fae3a}.switch:checked:after{transform:translate(20px)}.seg{background:var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 6px;padding:3px;display:grid}.seg button{border:2px solid var(--edge);background:var(--paper);min-height:44px;color:var(--ink);font:inherit;box-shadow:0 3px 0 var(--edge);border-radius:12px;padding:8px 4px;font-weight:800}.seg button.on{background:var(--edge);color:#fffaf0;box-shadow:none;transform:translateY(3px)}.seg button:disabled:not(.on){opacity:.55}.feed{background:var(--paper);border:2px solid var(--edge);min-height:0;box-shadow:0 3px 0 var(--edge);border-radius:16px;flex-direction:column;flex:1;padding:10px;display:flex}.feed-list{flex-direction:column;flex:1;gap:2px;min-height:0;margin:0;padding:0 2px;font-size:14px;list-style:none;display:flex;overflow-y:auto}.fl{align-items:flex-start;gap:6px;padding:3px 4px;line-height:1.4;display:flex}.fl>.iw:first-child{flex:none;margin-top:1px}.fl.turn{color:var(--muted);border-top:1px dashed var(--line);align-items:center;margin-top:4px;padding-top:6px;font-size:12px}.fl.win{background:#f2dd9a;border-radius:6px;font-weight:800}.fl.bad{color:#9b2c1c;font-weight:700}.fl.chat{background:var(--card);border-radius:12px;padding:5px 8px;box-shadow:0 1px #3a261640}.fl.chat.me{background:#f5e4c8}.fl.empty{color:var(--muted);text-align:center;justify-content:center;padding:16px}.who{white-space:nowrap;font-weight:800}.who:before{content:"";background:var(--pc,#999);border:1.5px solid var(--edge);vertical-align:0;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.feed-quick{scrollbar-width:none;flex:none;gap:8px;padding:8px 0 6px;display:flex;overflow-x:auto}.feed-quick button{border:2px solid var(--edge);background:var(--card);min-height:44px;font:inherit;color:var(--ink);box-shadow:0 2px 0 var(--edge);border-radius:12px;flex:none;padding:0 12px;font-size:12px;font-weight:700}.feed-form{flex:none;gap:8px;display:flex}.feed-form input{border:2px solid var(--edge);background:var(--card);min-width:0;min-height:44px;font:inherit;color:var(--ink);border-radius:12px;flex:1;padding:0 12px;font-size:16px}.feed-form .btn{align-items:center;gap:4px;min-height:44px;display:inline-flex}.board-tools .chip{white-space:nowrap;position:relative}.chat-chip .badge{top:-8px;right:-8px}.chat-mini.up{bottom:84px}.chat-mini{z-index:6;background:var(--paper);border:2.5px solid var(--edge);width:min(380px,100% - 16px);height:min(560px,100% - 16px);box-shadow:0 5px 0 var(--edge), 0 12px 24px #0000004d;border-radius:16px;flex-direction:column;padding:6px 10px 10px;display:flex;position:absolute;bottom:8px;right:8px}.chat-mini.up{height:min(560px,100% - 92px)}.chat-mini-head{flex:none;justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-mini .feed{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}@media (max-width:400px){.chip-t.opt{display:none}}.badge{background:var(--danger);color:#fff;border:2px solid var(--paper);border-radius:12px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.pn .iw{vertical-align:-2px;margin-left:2px}.game.wide{flex-direction:row;padding:0}.g-main{flex-direction:column;flex:1;min-width:0;padding:12px 0 12px 12px;display:flex}.g-main .hint{margin:0 0 6px;padding:8px 14px;font-size:16px}.g-bottom{flex:none;align-items:flex-end;gap:20px;padding-top:10px;display:flex}.g-hand{flex-direction:column;flex:1;gap:6px;min-width:0;max-width:640px;display:flex}.g-hand .hand{gap:12px;padding:10px 0 4px 6px}.g-hand .xbar{align-self:flex-start;max-width:100%;margin:0}.g-bottom .actions{flex:none;gap:10px;width:min(480px,42%);margin-left:auto;padding:0}.g-bottom .act{min-height:80px}.g-side{flex-direction:column;flex:none;gap:10px;width:clamp(340px,25vw,400px);min-height:0;padding:12px;display:flex}.g-side .strip{flex-direction:column;gap:6px;padding:0;overflow:visible}.wide .board-tools{flex-direction:column;align-items:flex-end;top:10px;right:12px}.wide .sheet-bg{align-items:center}.wide .sheet{max-height:88dvh;box-shadow:0 6px 0 var(--edge), 0 20px 40px #00000059;border-radius:16px}.home{gap:18px}.home-hero{flex-direction:column;align-items:center;gap:2px;display:flex}.home-hero .iw{filter:drop-shadow(0 4px #3a261659)}.home .logo{font-family:var(--f-title);color:#f6e2b6;-webkit-text-stroke:2.5px #4a2a14;paint-order:stroke fill;text-shadow:0 3px 0 #7a4a26, 0 6px 0 var(--edge), 0 12px 22px #0000008c;margin:0;font-size:clamp(48px,13vw,76px);font-weight:800;line-height:1}.logo-art{margin:0;line-height:0}.logo-art img{filter:drop-shadow(0 0 26px #ffc45a4d)drop-shadow(0 10px 16px #00000080);width:min(220px,62vw);height:auto;display:block}.tagline{font-family:var(--f-title);color:#f3dfb4;text-shadow:0 2px 0 var(--edge), 0 3px 10px #0009;margin:10px 0 0;font-size:clamp(17px,4.6vw,21px);font-weight:700}.home-menu{gap:14px;width:min(400px,100%)}@media (max-width:560px){.home{gap:12px}.home .logo-art img{width:min(200px,54vw,26dvh)}.home-menu{gap:10px}}.name-field span,.mpanel .field span{color:var(--ink)}.rooms-card,.name-field,.mpanel{background:radial-gradient(ellipse 80% 75% at 50% 42%, #f6ead0 0%, #ecd8b0 50%, #dcb98a 80%, #c49464 100%) padding-box, repeating-linear-gradient(90deg, transparent 0 9px, #1e0e061f 9px 10px, transparent 10px 19px) border-box, linear-gradient(180deg, #74482f 0%, var(--wood-mid) 50%, #553321 100%) border-box;box-shadow:inset 0 0 0 2px var(--edge), inset 0 0 0 4px #78482859, inset 0 0 22px 8px #96603266, 0 0 0 2px #24180f, 0 3px 0 2px #1a110a, 0 16px 28px #0000008c;border:11px solid #0000;border-radius:12px;position:relative}.rooms-card:before,.name-field:before,.mpanel:before{content:"";pointer-events:none;border-radius:12px;position:absolute;inset:-11px;box-shadow:inset 0 0 0 1.5px #33200f,inset 0 0 0 4px #9666468c,inset 0 2px 0 3px #ffd2a02e,inset 0 -3px 0 2px #00000047}.rooms-card:after,.name-field:after,.mpanel:after{content:"";pointer-events:none;border:24px solid #0000;border-image:url(/parchment-edge.svg) 60;position:absolute;inset:0}.name-field{padding:8px 12px}.name-field .big-input{min-height:48px;padding:10px 14px;font-size:16px}.mpanel{margin-top:2px;padding:24px}.home-menu .big-input{color:#3a1f0c;background:#f7eedb;border:2px solid #c4a274;border-radius:12px;box-shadow:inset 0 2px 5px #5a3c1433,0 1px #fff6e199}.home-menu .big-input::placeholder{color:#9c8564}.home-menu .big-input:focus{border-color:#8a5a2e;outline:none;box-shadow:inset 0 2px 5px #5a3c1433,0 0 0 3px #deaa5073}.mbtn{text-align:left;color:#fff8e6;width:100%;min-height:76px;font:inherit;cursor:pointer;border:4px solid #5c3a25;border-color:#6e4a33 #5c3a25 #3c2013;border-radius:12px;align-items:center;gap:14px;padding:10px 18px;transition:transform .1s;display:flex;box-shadow:0 0 0 1.5px #2a1a0e,0 0 0 4px #8a6448,0 0 0 5.5px #3a2414,inset 0 0 0 1px #081a0673,inset 0 3px #96d26e8c,inset 0 -5px #12281273,0 6px 8px 2px #46240c73}.mbtn span{flex-direction:column;display:flex}.mbtn b{font-family:var(--f-title);text-shadow:0 2px #141e0a8c,0 0 8px #00000040;font-size:20px;font-weight:800}.mbtn small{opacity:.95;font-size:14px;font-weight:700}.mbtn .iw{filter:drop-shadow(0 2px #00000040);flex:none}.mbtn-img{object-fit:contain;filter:drop-shadow(0 2px 2px #0006);pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;width:56px;height:56px;margin:-6px 0}.mbtn.green{background:linear-gradient(#3d7a35 0%,#346b2e 30%,#31632c 75%,#2b5728 100%)}.mbtn.orange{background:linear-gradient(#d98632,#a5521a)}.mbtn.blue{background:linear-gradient(#4a86b0,#245a83)}.mbtn:active:not(:disabled),.mbtn.on{transform:translateY(2px);box-shadow:0 0 0 1.5px #2a1a0e,0 0 0 4px #8a6448,0 0 0 5.5px #3a2414,inset 0 2px #96d26e4d,inset 0 -2px #12281266,0 2px 4px 1px #46240c66}.mbtn:disabled{filter:saturate(.8)brightness(.92);cursor:default}.mpanel{flex-direction:column;gap:10px;display:flex}.mpanel.row{flex-direction:row}.splash .logo-art img{animation:.5s ease-out both splash-in,1.6s ease-in-out .5s infinite alternate splash-glow}@keyframes splash-in{0%{opacity:0;transform:scale(.94)}}@keyframes splash-glow{to{filter:drop-shadow(0 0 40px #ffc45a80)drop-shadow(0 10px 16px #00000080)}}html.reduce-motion .splash .logo-art img{animation:none}.rooms-card{width:min(400px,100%);color:var(--ink);flex-direction:column;gap:10px;padding:18px 18px 20px;display:flex}.rooms-head h2{font-family:var(--f-title);color:#3a1d0c;margin:0;font-size:20px;font-weight:800}.rooms-head small{color:#5a4030;font-weight:700}.rooms-card .muted,.screen.center .rooms-card .muted{color:#5a4030;opacity:1;margin:0}.rooms-list{flex-direction:column;gap:8px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.room-row{background:#fff8e6b3;border-radius:12px;align-items:center;gap:10px;min-height:56px;padding:6px 8px 6px 12px;display:flex;box-shadow:inset 0 0 0 1.5px #c4a274}.room-who{text-align:left;flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.room-who b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.room-who small{color:#5a4030;flex-wrap:wrap;align-items:center;gap:3px;display:flex}.room-row .btn{flex:none;min-width:72px;min-height:44px}.close-note{color:#f6e2b6;background:#1e120ac7;border-radius:999px;margin-bottom:6px;padding:4px 12px;font-weight:700;display:inline-block}.tag.bot{background:#e1eef5;align-items:center;gap:2px;display:inline-flex}.players li .x-bot{place-items:center;min-width:44px;min-height:44px;margin-left:auto;text-decoration:none;display:grid}.add-bot{align-self:flex-start;align-items:center;gap:6px;min-height:48px;display:inline-flex}.add-bot-row{flex-wrap:wrap;align-self:flex-start;align-items:center;gap:8px;display:flex}.bot-level{background:var(--paper);min-height:44px;color:inherit;font:inherit;border:1px solid #5a403059;border-radius:12px;padding:0 10px;font-size:14px}.quickbar{z-index:4;background:var(--paper);border-radius:16px;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:5px 6px 5px 14px;animation:.25s ease-out qb-in;display:flex;position:absolute;bottom:10px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 4px 14px #00000040}.qb-t{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:800}.qb{border:2px solid var(--edge);background:var(--card);white-space:nowrap;min-height:40px;box-shadow:0 2px 0 var(--edge);cursor:pointer;border-radius:12px;flex:none;align-items:center;gap:4px;padding:0 12px 0 8px;font-size:14px;font-weight:800;display:inline-flex}.qb:active{box-shadow:none;transform:translateY(2px)}@keyframes qb-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}}html.reduce-motion .quickbar{animation:none}.item.ready{box-shadow:0 0 0 2.5px var(--accent), 0 2px 0 #0000001f}.item .it small.lack{color:var(--danger);font-weight:700}:root{--parch:radial-gradient(ellipse 85% 80% at 50% 45%, #f6ead0 0%, #ecd8b0 55%, #dfbf92 85%, #cc9f6c 100%);--woodg:linear-gradient(180deg, #7a4c31 0%, var(--wood-mid) 50%, #553321 100%);--frame-in:inset 0 0 0 1.5px var(--edge), inset 0 0 16px 4px #96603259;--frame-out:0 0 0 1.5px var(--edge-deep), 0 3px 0 1.5px #160d06, 0 10px 18px #00000080}body:has(.game):before{filter:none;background:radial-gradient(90% 85% at 50% 45%,#0000 55%,#0e08038c 100%),url(/wood-bg.webp) 50%/cover}.hint,.feed,.offer,.sheet,.lobby .card{background:var(--pp,var(--parch)) padding-box, var(--woodg) border-box;box-shadow:var(--frame-in), var(--frame-out);border:7px solid #0000}.hint,.feed,.offer{position:relative}.hint:after,.feed:after,.offer:after{content:"";pointer-events:none;border:16px solid #0000;border-image:url(/parchment-edge.svg) 60;position:absolute;inset:0}.hint>*,.offer>*{z-index:1;position:relative}.hint{color:var(--ink-wood);border-radius:12px;padding:8px 16px}.g-main .hint{margin:0 0 8px;padding:8px 18px}.offer{border-radius:12px;padding:8px 16px}.offer.skip,.offer.late-me{--pp:radial-gradient(ellipse 85% 80% at 50% 45%, #f6dcc4 0%, #ecc4a0 60%, #d79e78 100%)}.offer.team{--pp:radial-gradient(ellipse 85% 80% at 50% 45%, #f8e0e8 0%, #ecc8d2 70%, #d8a6b4 100%)}.g-main .offer{margin:8px 0 0}.wide .g-main .offer{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.wide .g-main .offer .offer-msg{flex:260px;min-width:0}.wide .g-main .offer .offer-btns{flex:none;margin-top:0}.dice{box-shadow:inset 0 0 0 1.5px var(--wood-mid);background:#3a2414;border-radius:6px;padding:1px 9px}.board-wrap{background:var(--woodg) border-box;box-shadow:inset 0 0 0 2px #24160b, var(--frame-out);border:9px solid #0000;border-radius:12px;overflow:hidden}.board-wrap:after{content:"";pointer-events:none;border-radius:6px;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #0000008c,inset 0 0 28px #00000073}.board-wrap>*{border-radius:6px}.pchip{background:var(--parch);color:var(--ink-wood);box-shadow:inset 0 0 12px 3px #9660324d, 0 0 0 2px var(--edge), 0 0 0 6px var(--wood-mid), 0 0 0 7.5px var(--edge-deep), 0 6px 12px 4px #00000073}.strip{gap:18px;padding:12px 14px}.g-side .strip{gap:16px;padding:7px}.g-side{gap:18px;padding:16px 18px 16px 16px}.pchip.active{box-shadow:inset 0 0 12px 3px #96603240, 0 0 0 2px var(--edge), 0 0 0 6px #e8a33a, 0 0 0 7.5px #6a3a0c, 0 0 18px 8px #ffb03c73;background:radial-gradient(85% 80% at 50% 45%,#fff3d8 0%,#f4dfb4 60%,#e4c08c 100%);outline:none}.pchip.main{outline:none}.g-side .strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:7px;display:grid}.g-side .pchip{min-width:0;min-height:62px;box-shadow:inset 0 0 12px 3px #9660324d, 0 0 0 2px var(--edge), 0 0 0 5px var(--wood-mid), 0 0 0 6.5px var(--edge-deep), 0 5px 10px 3px #0006;border:0 solid;flex:none;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"ava name""nums nums";gap:4px 7px;padding:7px 8px}.g-side .pchip.active{box-shadow:inset 0 0 12px 3px #96603240, 0 0 0 2px var(--edge), 0 0 0 5px #e8a33a, 0 0 0 6.5px #6a3a0c, 0 0 16px 7px #ffb03c73}.g-side .pchip .pe{border:3px solid;border-color:inherit;background:radial-gradient(circle at 50% 40%,#fffaf0,#f0dfbd);border-radius:50%;grid-area:auto/ava;place-items:center;width:40px;height:40px;font-size:22px;line-height:1;display:grid;overflow:hidden;box-shadow:0 2px #1f140b8c,inset 0 -2px 3px #78502833}.g-side .pchip .pe.has-photo{width:40px;height:40px}.g-side .pchip .pe img{object-fit:cover;width:100%;height:100%}.g-side .pchip .pn{max-width:none;font-family:var(--f-title);letter-spacing:-.2px;grid-area:name;align-self:center;min-width:0;font-size:14px;font-weight:800;line-height:1.2}.g-side .pchip .pn .iw{vertical-align:-2px;width:14px!important;height:14px!important}.g-side .pchip .ps{white-space:nowrap;grid-area:nums;grid-template-columns:repeat(5,minmax(0,1fr));align-self:start;place-items:center;gap:3px 2px;font-size:14px;display:grid}.g-side .pchip .ps b{letter-spacing:-.2px;align-items:center;gap:1px;font-weight:800;display:inline-flex}.g-side .pchip .ps .iw{width:16px!important;height:16px!important}.g-side .pchip .ps .zero{opacity:.32}.g-side .pchip .paway{grid-column:1/-1;justify-self:start;margin:0}.g-side .pchip .ps b:first-child{color:#3a2006;box-shadow:inset 0 0 0 1.5px #8a5a22, 0 1px 0 var(--edge);background:linear-gradient(#ffe9ad,#f1c25e);border-radius:999px;padding:0 6px 0 3px;font-size:14px;font-weight:800}.g-side .pchip .tdot{top:4px;right:5px}.g-side .pchip.off .pe{filter:grayscale(.8)}@media (max-height:760px){.g-side .strip{gap:12px}.g-side .pchip{min-height:54px;padding:5px 7px}.g-side .pchip .pe,.g-side .pchip .pe.has-photo{width:36px;height:36px;font-size:20px}.g-side .pchip{grid-template-columns:36px minmax(0,1fr)}}.feed{border-width:10px;border-radius:12px;padding:14px 14px 12px}.feed>*{z-index:1;position:relative}.feed-quick button{border-color:var(--wood-mid);box-shadow:0 2px 0 var(--edge);background:linear-gradient(#f8ecd2,#ead2a6)}.feed-form input{color:#f6e6c8;border-color:var(--edge-deep);background:#3a281b;box-shadow:inset 0 2px 4px #00000073,0 1px #ffe6be59}.feed-form input::placeholder{color:#b39a7c}.fl.chat{background:#fffaeeb3}.g-side .feed{border-width:9px;padding:10px 12px}.g-side .feed-list{font-size:14.5px}.g-side .feed-quick{gap:6px;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.g-side .feed-quick button{min-height:34px;padding:0 11px}.g-side .feed-form input,.g-side .feed-form .btn{min-height:42px}.chip,.act,.feed-form .btn{color:#fbe9c8;box-shadow:0 0 0 1.5px var(--edge-deep), inset 0 2px 0 #ffd7aa59, inset 0 -3px 0 #00000040, 0 4px 0 1px #160d06, 0 6px 10px #0006;text-shadow:0 1px #00000080;background:linear-gradient(#8e5c3a,#74472c 55%,#5e3822);border:3px solid #7a5034;border-color:#9a6a44 #7a5034 #4a2a16}.chip:active,.act:active:not(:disabled),.feed-form .btn:active:not(:disabled){box-shadow:0 0 0 1.5px var(--edge-deep), inset 0 2px 0 #ffd7aa33, inset 0 -2px 0 #00000040, 0 1px 0 1px #160d06;transform:translateY(3px)}.act span{font-family:var(--f-title);font-size:16px}.act.go{background:linear-gradient(#bd5a14, var(--accent2) 55%, #8a3c0c);color:#fff;border-color:#f6b06a #d97a2c #8a3c0c}.act:disabled,.feed-form .btn:disabled{color:#c4ab8c;opacity:.8;box-shadow:0 0 0 1.5px var(--edge-deep), inset 0 1px 0 #ffd7aa26, 0 3px 0 1px #160d06;background:linear-gradient(#6e5444,#5a4232);border-color:#6e5240 #5c4434 #3a2818;transform:none}.act:disabled .iw,.feed-form .btn:disabled .iw{filter:grayscale(.7);opacity:.6}.g-bottom .actions{gap:14px;padding:0 4px 4px 0}.rcard,.dcard{box-shadow:0 3px 0 var(--edge-deep), 0 7px 12px #00000080;background:linear-gradient(#fbf2df,#efdfbf);border-color:#4a2c18}.rcard.zero{box-shadow:0 1px 0 var(--edge-deep), 0 3px 6px #0006;background:linear-gradient(#e6d6b6,#d6c29c)}.rc-n{color:var(--ink-wood);background:#f6ead0;border:2px solid #4a2c18}.xbar,.quickbar,.pickbar{background:var(--parch);border:3px solid var(--wood-mid);box-shadow:0 0 0 1.5px var(--edge-deep), 0 6px 14px #00000073}.pickbar.call{background:radial-gradient(at 50% 40%,#ffe48a,#f2c24a)}.sheet{border-width:10px 10px 0}.wide .sheet{border-bottom-width:10px}.sheet .item{background:#fffaeebf;box-shadow:0 0 0 1.5px #6a412b73,0 2px #3a26164d}.lobby .card{border-width:10px;border-radius:12px;padding:18px}.room-code{background:var(--parch);border:4px solid var(--wood-mid);box-shadow:0 0 0 1.5px var(--edge-deep), 0 5px 0 1.5px #160d06}[data-res=wood]{--rg:#4a9a4a;--re:#1f7a2a;--rd:#0a5e18}[data-res=brick]{--rg:#c0805f;--re:#a25838;--rd:#8a4428}[data-res=sheep]{--rg:#b2de72;--re:#8fc747;--rd:#74b02c}[data-res=wheat]{--rg:#f0d08a;--re:#e0b662;--rd:#cf9c40}[data-res=ore]{--rg:#cfcdc9;--re:#a7a3a0;--rd:#8f8b88}.rcard,.pcard{box-shadow:inset 0 0 0 1px #ffffff8c, 0 3px 0 var(--edge-deep), 0 7px 12px #00000073;background:linear-gradient(#f8eed8,#ecd9b2);border:3px solid #4a2c18;border-radius:12px;padding:5px 5px 3px}.rc-art,.fly-art{border:1.5px solid var(--wood-mid);background:repeating-linear-gradient(135deg, #00000012 0 6px, transparent 6px 12px), radial-gradient(ellipse 70% 60% at 50% 45%, var(--rg,#cbb) 0%, var(--re,#9a8) 70%, var(--rd,#787) 100%);border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 -6px 10px #0000001f}.rc-img{object-fit:contain;filter:drop-shadow(0 3px 2px #0000004d);pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;width:auto;max-width:84%;height:auto;max-height:86%;display:block}.fly-art .rc-img{filter:none;max-width:88%;max-height:88%}.rc-n{min-width:30px;height:30px;color:var(--ink-wood);font:800 16px/1 var(--f-title);box-shadow:0 2px 0 var(--edge-deep), 0 3px 6px #00000059;background:radial-gradient(circle at 45% 35%,#fff7e4,#ecd6aa);border:3px solid #4a2c18;border-radius:12px;padding:0 6px;top:-11px;left:-11px}.rcard small,.pcard small{font:800 12px/1.25 var(--f-title);color:var(--ink-wood);margin-top:3px}.g-hand .rc-art{height:68px}.g-hand .hand{padding-top:14px;padding-left:10px}.rcard.zero{box-shadow:inset 0 0 0 1px #ffffff8c, 0 3px 0 var(--edge-deep), 0 7px 12px #00000073;background:linear-gradient(#f8eed8,#ecd9b2);transform:none}.rcard.zero .rc-art{filter:saturate(.7);opacity:.85}.rcard.zero .rc-n{color:var(--ink-wood);background:radial-gradient(circle at 45% 35%,#fff7e4,#ecd6aa)}.pcard.picked,.pcard.on,.pcard.picked.off{border-color:var(--accent);box-shadow:0 0 0 2px #f2a93b, 0 5px 0 var(--accent2), 0 8px 14px #0006;background:linear-gradient(#fff2da,#f2dcb4)}.pcard.off{box-shadow:0 1px 0 var(--edge-deep);background:linear-gradient(#e8dcc2,#d8c6a2)}.fly{background:linear-gradient(#f8eed8,#ecd9b2);border:2px solid #4a2c18}.ui-img{object-fit:contain;filter:drop-shadow(0 1px 1px #0006);pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:30px;height:26px;display:block}.act-img{object-fit:contain;filter:drop-shadow(0 2px 1px #00000059);pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:52px;height:42px;display:block}.g-bottom .act-img{max-width:56px;height:46px}.act:disabled .act-img{filter:grayscale(.7);opacity:.6}.hint:after,.offer:after{content:none}.guide-bg{z-index:30;align-items:center;padding:16px}.sheet.guide{border-bottom-width:10px;border-radius:16px;flex-direction:column;gap:10px;width:min(440px,100%);max-height:92dvh;padding:12px 14px 14px;display:flex}.gd-top{align-items:center;gap:8px;display:flex}.gd-top .btn,.gd-top .sheet-x{margin-left:auto}.gd-tag{color:var(--ink);background:#6a412b24;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.gd-tag.extra{color:var(--ink-wood);background:#f2c24a}.gd-count{color:var(--muted);font-size:12px}.gd-art{background:#fffaeecc;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:128px;padding:12px 8px;animation:.25s ease-out gd-in;display:flex;box-shadow:inset 0 0 0 1.5px #6a412b59}@keyframes gd-in{0%{transform:translateY(6px)scale(.98)}to{transform:none}}@media (prefers-reduced-motion:reduce){.gd-art{animation:none}}.gd-art .rules-fig{max-width:300px;margin:0}.gd-title{font-family:var(--f-title);text-align:center;margin:2px 0 0;font-size:20px}.gd-lines{flex-direction:column;gap:6px;margin:0;padding-left:20px;line-height:1.45;display:flex;overflow-y:auto}.gd-dots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.gd-dot{cursor:pointer;background:#6a412b4d;border:0;border-radius:50%;width:9px;height:9px;padding:0}.gd-dot.on{background:var(--accent);transform:scale(1.3)}.gd-nav{grid-template-columns:1fr 1.6fr;gap:10px;display:grid}.gd-fig{flex-direction:column;align-items:center;gap:4px;display:inline-flex}.gd-fig-art{align-items:center;gap:4px;display:inline-flex}.gd-fig small{align-items:center;gap:2px;font-size:12px;font-weight:700;display:inline-flex}.gd-arrow{color:var(--accent);font-size:20px;font-weight:800}.gd-die{width:34px;height:34px}.gd-stack{line-height:0;display:inline-block;position:relative}.gd-over{filter:drop-shadow(0 2px 2px #00000059);position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.gd-fan{display:inline-flex}.gd-fan>*+*{margin-left:-16px}.gd-pill{background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 6px;font-weight:700;display:inline-flex;box-shadow:0 0 0 1.5px #6a412b59}.gd-costs{flex-direction:column;gap:6px;width:100%;display:flex}.gd-cost{grid-template-columns:30px 1fr auto;align-items:center;gap:8px;display:grid}.gd-cost span{align-items:center;gap:2px;display:inline-flex}.gd-svg{width:100%;max-width:260px;height:auto}.gd-svg.sq{max-width:150px}.gd-track{gap:4px;display:flex}.gd-step{background:#fff;border-radius:6px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid;box-shadow:0 0 0 1.5px #6a412b59}.gd-step.on{background:#f2c24a}.gd-step.end{background:#e8a08f}.rule-btns{flex-wrap:wrap;gap:8px;display:flex}.strip.carousel{gap:18px;padding:10px 12px 11px;position:relative}.strip.carousel .pchip{border-bottom-width:4px;flex:0 0 clamp(92px,33.3333vw - 20px,160px);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"n n""e s";gap:0 5px;min-width:0;padding:2px 7px 1px;transition:transform .25s;position:relative}.strip.carousel .pchip .pn{text-align:center;min-width:0;max-width:none;font-family:var(--f-title);grid-area:n;font-size:14px;font-weight:800;line-height:1.25}.strip.carousel .pchip .pn .iw{display:none}.strip.carousel .pchip .pe{grid-area:e;font-size:18px;line-height:1}.strip.carousel .pchip .pe.has-photo{width:22px;height:22px}.strip.carousel .pchip .ps{grid-area:s;align-items:center;gap:1px 5px;font-size:12px;display:flex;overflow:hidden}.strip.carousel .pchip .ps b{align-items:center;gap:1px;display:inline-flex}.strip.carousel .pchip .ps .iw{width:13px!important;height:13px!important}.pchip .pbot{display:none}.strip.carousel .pchip .pbot{background:var(--card);width:15px;height:15px;box-shadow:0 0 0 1px var(--wood-mid);border-radius:50%;grid-area:e;place-self:end;place-items:center;margin:0 -5px -2px 0;display:grid}.strip.carousel .pchip .pbot .iw{width:11px!important;height:11px!important}.strip.carousel .pchip.active{transform:scale(1.05)}.strip.carousel .pchip:not(.active){filter:saturate(.85)brightness(.93)}html.reduce-motion .strip.carousel .pchip{transition:none}.game:not(.wide) .hint{row-gap:0;padding:4px 12px 5px;font-size:14px;line-height:1.3}.game:not(.wide) .hint:after{border-width:11px}.game:not(.wide) .hint .dice{font-size:14px}.game:not(.wide) .hint small{font-size:12px;line-height:1.3}.game:not(.wide) .board-wrap{border-width:7px;margin-top:2px}.game:not(.wide) .hand{gap:7px;padding:8px 10px 0}.game:not(.wide) .rc-art{height:36px}.game:not(.wide) .rc-art img{width:auto;max-height:32px}.game:not(.wide) .rcard small{margin-top:1px;font-size:12px}.game:not(.wide) .rc-n{min-width:22px;height:22px;font-size:14px;top:-6px;left:-6px}.game:not(.wide) .actions{padding:6px 8px}.game:not(.wide) .act{min-height:52px;padding:3px 0}.game:not(.wide) .act-img{max-width:40px;height:30px}.game:not(.wide) .act span{font-size:14px}.pick-h.get b{color:#2f7a3a}.pick-h.give b{color:#b5531f}.pick-h.get,.pick-h.give{margin:4px 0 6px}.swap-arrow{color:var(--wood-mid);align-items:center;gap:10px;margin:8px 0 2px;display:flex}.swap-arrow:before,.swap-arrow:after{content:"";background:#6a412b4d;border-radius:1px;flex:1;height:2px}.swap-arrow svg{background:var(--card);width:34px;height:34px;box-shadow:0 0 0 2px var(--wood-mid);border-radius:50%;flex:none;padding:5px}.hint{flex-flow:column;align-items:stretch;gap:0}.hint-main{align-items:center;gap:8px;min-width:0;display:flex}.hint .dice{white-space:nowrap;flex:none;align-items:center;gap:4px;padding:0 8px;line-height:1.55;display:inline-flex}.hint-text{flex:1;min-width:0}.hint-main+small{border-top:1px dashed #6a412b4d;margin-top:3px;padding-top:3px}.hint small.tip{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hint small.last{cursor:pointer;align-items:center;gap:8px;display:flex}.hint small.last .dice{color:#fff;flex:none;font-weight:700}.game:not(.wide) .hint small.last .dice{font-size:12.5px;line-height:1.45}.last-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hint small.chat-flash{font-weight:700;animation:.18s ease-out flash-in}.hint small.chat-flash .iw{flex:none}@keyframes flash-in{0%{opacity:0;transform:translateY(4px)}}html.reduce-motion .hint small.chat-flash{animation:none}.offer{line-height:1.3}.offer-btns{justify-content:flex-end}.offer-note{min-width:0;color:var(--muted);flex:auto;font-size:12px;font-weight:700}.offer .btn.small{min-height:36px;box-shadow:0 3px 0 var(--edge);padding:2px 14px;font-size:14px}.offer .btn.ghost{box-shadow:none;background:#fffaee80;border-color:#3a261666;text-decoration:none}.offer .btn.small:active:not(:disabled){box-shadow:0 1px 0 var(--edge)}.game:not(.wide) .offer{margin:4px 8px 0;padding:5px 8px 5px 12px;font-size:14px}@media (max-height:700px){.strip.carousel{padding-top:7px;padding-bottom:8px}.game:not(.wide) .hint{font-size:14px;line-height:1.2}.game:not(.wide) .hint .dice{font-size:12.5px}.game:not(.wide) .hint small{font-size:12px;line-height:1.2}.game:not(.wide) .hint small.last .dice{font-size:12px}.game:not(.wide) .offer{padding-top:4px;padding-bottom:4px;font-size:13.5px}.game:not(.wide) .offer .btn.small{min-height:32px;padding:0 12px;font-size:13.5px}.game:not(.wide) .offer-note{font-size:12px}.game:not(.wide) .rc-art{height:30px}.game:not(.wide) .rc-art img{max-height:27px}.game:not(.wide) .act{min-height:46px}.game:not(.wide) .act-img{height:26px}.game:not(.wide) .hand{padding-top:5px}.game:not(.wide) .actions{padding-top:4px;padding-bottom:4px}}body:has(.lobby):before{filter:none;background:radial-gradient(90% 85% at 50% 45%,#0000 55%,#0e08038c 100%),url(/wood-bg.webp) 50%/cover}.lobby{gap:14px;padding-bottom:8px}.lobby-main,.lobby-side{flex-direction:column;gap:14px;min-width:0;display:flex}.lobby .card{color:var(--ink-wood);position:relative}.lobby .card>*{z-index:1;position:relative}.lobby .card:before{content:"";pointer-events:none;z-index:2;--rivet:radial-gradient(circle at 50% 50%, #fff3c4 0 1.3px, #d8a948 2px 3.2px, #4a300c 3.8px, transparent 4.4px);--brass:linear-gradient(135deg, #f4d784 0%, #c4923a 50%, #7c5520 100%);background-image:var(--rivet), var(--rivet), var(--rivet), var(--rivet), var(--brass), var(--brass), var(--brass), var(--brass);filter:drop-shadow(0 1px 1px #00000080);background-position:0 0,100% 0,0 100%,100% 100%,0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:24px 24px;border-radius:12px;position:absolute;inset:-10px}.lobby .card:after{content:"";pointer-events:none;z-index:0;border:16px solid #0000;border-image:url(/parchment-edge.svg) 60;position:absolute;inset:0}.lobby .card h2{font-family:var(--f-title);color:#3a1f0c;font-weight:800}.lobby .card .muted{color:#6a4a2c}.lobby-head{align-items:center}.leave-sign{z-index:0;color:#fbe9c6;min-height:52px;font:800 16px var(--f-title);text-shadow:0 2px 0 var(--ink-wood);cursor:pointer;filter:drop-shadow(0 3px #1a0f07)drop-shadow(0 6px 8px #0006);background:0 0;border:0;flex:none;padding:0 16px 0 30px;position:relative}.leave-sign:before{content:"";z-index:-1;background:repeating-linear-gradient(0deg, transparent 0 7px, #1e0e0624 7px 8px), var(--woodg);clip-path:polygon(22px 0,100% 0,100% 100%,22px 100%,0 50%);position:absolute;inset:0}.leave-sign:active{transform:translateY(2px)}.lobby .room-code{min-width:0;font:inherit;color:#fbe9c6;border:2px solid var(--ink-wood);background:repeating-linear-gradient(0deg, transparent 0 9px, #1e0e0624 9px 10px), var(--woodg);border-radius:12px;flex:auto;padding:6px 14px 8px;box-shadow:inset 0 2px #ffd2a038,inset 0 -3px #0000004d,0 4px #1a0f07,0 8px 14px #0006}.lobby .room-code small{color:#f1d7a8;font-size:14px;font-weight:700}.lobby .room-code b{color:#fff3dc;text-shadow:0 3px 0 var(--ink-wood), 0 0 6px #0006}.invite-disc{border:2px solid var(--ink-wood);cursor:pointer;background:radial-gradient(circle at 40% 32%, #8e5a3a 0%, var(--wood-mid) 55%, #4a2c1b 100%);color:#fbe9c6;width:64px;height:64px;font:800 16px var(--f-title);text-shadow:0 2px 0 var(--ink-wood);border-radius:50%;flex:none;line-height:1.05;box-shadow:inset 0 0 0 4px #1e0e0659,inset 0 2px 0 5px #ffd2a026,0 4px #1a0f07,0 8px 12px #0006}.invite-disc.done{font-size:12px}.invite-disc:active{transform:translateY(3px);box-shadow:inset 0 0 0 4px #1e0e0659,0 1px #1a0f07}.lobby .card .btn:not(.primary):not(.ghost):not(:disabled){background:repeating-linear-gradient(0deg, transparent 0 8px, #1e0e061f 8px 9px), var(--woodg);color:#fbe9c6;text-shadow:0 2px 0 var(--ink-wood);font-family:var(--f-title);border-color:var(--ink-wood);font-weight:800;box-shadow:inset 0 2px #ffd2a033,0 4px #1a0f07,0 6px 10px #0003}.lobby .card .btn:not(.primary):not(.ghost):not(:disabled) .ico{filter:drop-shadow(0 1px 0 var(--ink-wood))}.lobby .add-bot{outline-offset:-7px;outline:2px dashed #fbe9c68c;padding-left:16px;padding-right:18px}.lobby .card .btn.ghost{color:#5a3820}.lobby .players li{background:#f7ead0;border:2px solid #c9a370;border-radius:12px;padding:6px 10px;box-shadow:inset 0 -2px #7850282e}.lobby .players .pname{font-family:var(--f-title);font-weight:800}.lobby .players .tag{color:#4a2c14;background:#d9b98a;padding:3px 10px;font-weight:700}.lobby .map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby .map-choice{background:#f7ead0;border:2px solid #c9a370;box-shadow:inset 0 -2px #7850282e}.lobby .map-choice .map-preview{background:radial-gradient(circle at 50% 45%,#7cc0e0 0%,#4f97c4 60%,#3a7aa8 100%);border-radius:12px;width:100%;max-width:96px;height:auto}.lobby .map-choice.on{border-color:var(--accent);background:#fbf1dc;box-shadow:0 0 0 3px #d9731c59}.photo-pick{cursor:pointer;align-items:center;display:inline-flex}.photo-pick .avatar{width:56px;height:56px}.cam-disc{z-index:1;background:radial-gradient(circle at 40% 32%, #8e5a3a 0%, var(--wood-mid) 55%, #4a2c1b 100%);border:2px solid var(--ink-wood);border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid;position:relative;box-shadow:inset 0 0 0 3px #1e0e0659,0 3px #1a0f07,0 5px 8px #0000004d}.wood-tag{color:#fbe9c6;font:800 14px var(--f-title);text-shadow:0 2px 0 var(--ink-wood);background:repeating-linear-gradient(0deg, transparent 0 7px, #1e0e0624 7px 8px), var(--woodg);clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);margin-left:-4px;padding:8px 16px 8px 22px}.photo-pick:active .cam-disc,.photo-pick:active .wood-tag{transform:translateY(2px)}.lobby .pick-row.faces{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.lobby .pick{aspect-ratio:1;border:2px solid var(--edge);width:auto;height:auto;box-shadow:inset 0 0 0 3px #1e0e064d, 0 3px 0 var(--ink-wood);background:radial-gradient(circle at 40% 32%,#b07a4e 0%,#8a5634 55%,#64391f 100%);border-radius:50%;place-items:center;padding:0;font-size:24px;display:grid;position:relative}.lobby .pick.on:after{content:"";pointer-events:none;border:3px solid #c8321e;border-radius:12px;position:absolute;inset:-5px}.swatch{background:radial-gradient(circle at 34% 28%, #fffffff2 0 7%, #ffffff4d 20%, transparent 42%), radial-gradient(circle at 50% 58%, var(--c) 38%, color-mix(in srgb, var(--c) 55%, #000) 100%);border:0;box-shadow:inset 0 -3px 6px #0000004d,0 3px 4px #0006}.lobby .pick-row.marbles{gap:12px}.swatch.on{box-shadow:inset 0 -3px 6px #0000004d,0 0 0 3px #fbe9c6,0 0 0 6px #c8321e}.lobby .rule input[type=checkbox]{appearance:none;cursor:pointer;background:#fbf1dc;border:2px solid #8a5a34;border-radius:6px;width:30px;height:30px;margin:0;box-shadow:inset 0 2px 3px #78502840}.lobby .rule input[type=checkbox]:checked{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff3dc' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/22px no-repeat,linear-gradient(#f39a44,#d06a16);border-color:#7a3a0c;box-shadow:inset 0 2px #ffffff59,0 2px #5a2a08}.lobby .rule input[type=checkbox]:disabled{opacity:.7;cursor:default}.round-wood{border:2px solid var(--ink-wood);cursor:pointer;background:radial-gradient(circle at 40% 32%, #8e5a3a 0%, var(--wood-mid) 55%, #4a2c1b 100%);color:#fbe9c6;width:44px;height:44px;font:800 20px var(--f-title);text-shadow:0 2px 0 var(--ink-wood);border-radius:50%;padding:0;box-shadow:inset 0 0 0 3px #1e0e0659,0 3px #1a0f07}.round-wood:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 3px #1e0e0659,0 1px #1a0f07}.round-wood:disabled{opacity:.4;cursor:default}.lobby .stepper b{font:800 28px var(--f-title);color:#3a1f0c;min-width:36px}.lobby .seg button{color:#3a2010;font-family:var(--f-title);background:linear-gradient(#e6bd86,#c8925a);border-color:#5a3820;box-shadow:0 3px #5a3820}.lobby .seg button.on{color:#fbe9c6;outline-offset:-6px;box-shadow:none;background:#4a2c18;outline:2px dashed #fbe9c699}.lobby .seg button:disabled:not(.on){opacity:.6}.lobby-foot{z-index:20;padding:18px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#1c0f0600,#1c0f06f0 18px,#1c0f06f7);margin:0 -16px}.lobby-foot .start-btn,.lobby-foot .start-btn:disabled{color:#4a2208;text-shadow:0 1px #fff0c899;font:800 20px var(--f-title);opacity:1;background:linear-gradient(#ffd25a,#f4a62a 55%,#e0821a);border:2px solid #7a3a0c;border-radius:12px;min-height:58px;transform:none;box-shadow:inset 0 2px #ffffff73,0 5px #7a3a0c,0 8px 14px #00000059}.lobby-foot .start-btn:disabled{cursor:default}.lobby-foot .close-note{z-index:2;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 16px);margin:0;font-size:12.5px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}@media (min-width:960px){.lobby{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:"side main""foot foot";align-items:start;column-gap:24px;max-width:1100px;display:grid}.lobby-side{grid-area:side}.lobby-main{grid-area:main}.lobby-foot{border-radius:16px 18px 0 0;grid-area:foot;justify-self:center;width:min(592px,100%);margin:0}}.stats-page{flex-direction:column;gap:14px;max-width:640px;margin:0 auto;display:flex}.stats-head h2{font-family:var(--f-title);color:#fff;text-shadow:0 2px #0000004d;margin:0;font-size:28px;font-weight:800}.stats-head .muted{color:#f6e2b6;margin:2px 0 0}.stats-page .card{background:var(--parch) padding-box, var(--woodg) border-box;box-shadow:var(--frame-in), var(--frame-out);border:7px solid #0000}.stats-page h3{font-family:var(--f-title);color:#3a1d0c;margin:0;font-size:20px;font-weight:800}.stats-range{flex-wrap:wrap;gap:6px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.stat-tile{background:#fff8e6b3;border-radius:12px;flex-direction:column;gap:1px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 1.5px #c4a274}.stat-tile b{font-family:var(--f-title);color:var(--ink);font-size:28px;font-weight:800;line-height:1.15}.stat-tile span{color:#3a1d0c;font-size:14px;font-weight:700}.stat-tile small{color:#5a4030;font-size:12px}.stat-bars{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.stat-bars li{grid-template-columns:64px 1fr 56px;align-items:center;gap:8px;font-size:14px;display:grid}.stat-bar-label{font-weight:700}.stat-bar{background:#5a403026;border-radius:6px;height:14px;overflow:hidden}.stat-bar span{background:var(--accent);border-radius:0 4px 4px 0;height:100%;display:block}.stat-bar-n{text-align:right;color:#5a4030}.stat-table-wrap{overflow-x:auto}.stat-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:14px}.stat-table th,.stat-table td{text-align:right;border-bottom:1px dashed var(--line);padding:6px 8px}.stat-table th:first-child,.stat-table td:first-child{text-align:left;font-weight:700}.stat-table th{color:#5a4030;font-size:12.5px;font-weight:700}.stat-hours{margin:4px 0 14px}.stat-hours-head{flex-wrap:wrap;justify-content:space-between;gap:2px 12px;margin-bottom:6px;font-size:14px;display:flex}.stat-hours-head span{color:#5a4030}.stat-hours-plot{border-bottom:1.5px solid #c4a274;grid-template-columns:repeat(24,1fr);gap:2px;height:120px;display:grid}.stat-hour{all:unset;cursor:pointer;align-items:flex-end;height:100%;display:flex;position:relative}.stat-hour:before{content:"";position:absolute;inset:0 -1px}.stat-hour:hover,.stat-hour:focus-visible,.stat-hour.on{background:#5a403014}.stat-hour:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.stat-hour span{background:var(--accent);opacity:.75;border-radius:6px 4px 0 0;width:100%;min-height:0;display:block}.stat-hour.on span{opacity:1}.stat-hours-axis{color:#5a4030;height:18px;font-size:12px;position:relative}.stat-hours-axis span{position:absolute;top:3px;transform:translate(-50%)}.stat-hour-table summary{cursor:pointer;color:#3a1d0c;margin-bottom:6px;font-size:14px;font-weight:700}.stats-actions{flex-wrap:wrap;gap:10px;display:flex}.card-img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}button.rcard{font:inherit;color:inherit;cursor:pointer}.rcard.dv{border-color:var(--ink-wood);background:linear-gradient(150deg, color-mix(in srgb, var(--fr) 62%, #fff) 0%, var(--fr) 42%, color-mix(in srgb, var(--fr) 72%, #000) 100%);transition:transform .12s}.rcard.dv:hover{transform:translateY(-3px)}.rcard.dv .dv-art{border-color:var(--ink-wood);background:radial-gradient(circle at 50% 40%, #ffffff80, transparent 60%), repeating-linear-gradient(45deg, #ffffff17 0 3px, transparent 3px 7px), var(--rc)}.rcard.dv .dv-art .card-img{width:100%;height:100%;max-height:none;position:absolute;inset:0}.rcard.dv small{color:#fff8e6;text-shadow:0 1px 1px #0009;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rcard.dv.fresh{opacity:.8}.rcard.dv.fresh .dv-art,.bigcard.fresh .bc-art{filter:saturate(.6)}.dv-new{color:#fff;font:800 10px/1.4 var(--f-body);letter-spacing:.02em;background:#2f7d4a;border-radius:6px;padding:1px 6px;font-style:normal;position:absolute;bottom:18px;right:-5px;transform:rotate(-8deg);box-shadow:0 0 0 1.5px #fff8e6,0 1px 2px #00000059}.dv-new.big{padding:3px 10px;font-size:14px;top:30px;bottom:auto;right:-12px}.hand.la{scrollbar-width:none;padding-top:12px;padding-left:12px;display:flex;overflow-x:auto}.hand.la::-webkit-scrollbar{display:none}.hand.la>.rcard{flex:0 0 60px}.hand.la.more{-webkit-mask-image:linear-gradient(90deg,#000 86%,#0000);mask-image:linear-gradient(90deg,#000 86%,#0000)}.g-hand .hand.la{gap:10px}.g-hand .hand.la>.rcard{flex:1 0 66px;min-width:0}.hand-sep{box-shadow:inset 0 0 0 1px var(--edge), 0 1px 0 #fff3;background:linear-gradient(#8a5634,#5a341e);border-radius:3px;flex:0 0 5px;align-self:stretch;margin:2px 0 4px}.game:not(.wide) .hand.la{gap:6px;padding-top:10px;padding-left:10px}.game:not(.wide) .hand.la>.rcard{flex-basis:50px}.hand.la>.rcard.dv,.game:not(.wide) .hand.la>.rcard.dv{flex:0 0 68px;width:68px;min-width:0;padding-left:3px;padding-right:3px}.g-hand:has(.hand.la){max-width:none}.g-bottom:has(.hand.la) .actions{width:min(480px,35%)}.g-hand .hand.la>.rcard.dv{flex:0 0 72px;width:72px;min-width:0}.g-hand .hand.la>.rcard.dv small{font-size:11.5px}.game:not(.wide) .dv-art .iw{transform:scale(.82)}.bigcard,.award.big,.cback{width:200px;height:290px;color:var(--ink);border-radius:12px;flex:none;position:relative}.bigcard{background:linear-gradient(150deg, color-mix(in srgb, var(--fr) 60%, #fff) 0%, var(--fr) 38%, color-mix(in srgb, var(--fr) 70%, #000) 100%);box-shadow:0 0 0 2px var(--ink-wood), inset 0 0 0 1px #ffffff59, 0 4px 0 2px var(--ink-wood), 0 14px 24px #0006;padding:7px}.bc-face,.award .aw-face{background:#ecd8ae url(/ui/parchment.webp) 50%/cover no-repeat;border-radius:6px;flex-direction:column;height:100%;padding:6px 7px 5px;display:flex;position:relative;box-shadow:inset 0 0 0 1.5px #3a2616a6,inset 0 0 12px #78501e33}.bc-head{background:url(/ui/ribbon.webp) 50%/100% 100% no-repeat;flex:none;height:56px;margin:-2px -15px 2px}.bc-head span{text-align:center;font:800 16px/1.1 var(--f-title);color:var(--ink-wood);white-space:nowrap;text-overflow:ellipsis;padding:12px 22% 0;display:block;overflow:hidden}.bc-head.long span{letter-spacing:-.2px;padding:15px 13% 0;font-size:12px}.bc-art{border:2px solid var(--edge);background:radial-gradient(circle at 50% 42%, #ffffff8c, transparent 58%), repeating-linear-gradient(45deg, #ffffff14 0 4px, transparent 4px 9px), var(--rc);border-radius:6px;flex:none;place-items:center;height:116px;display:grid;overflow:hidden;box-shadow:inset 0 0 18px #00000040}.bc-desc{text-align:center;flex:1;margin:8px 2px 0;font-size:12.5px;line-height:1.35}.bc-foot{text-align:center;color:#6a4a2c;border-top:1.5px solid #3a26164d;padding-top:4px;font-size:10.5px;font-weight:700}.award{color:var(--ink);--fr:#c2902f;position:relative}.award[data-kind=largestArmy]{--fr:#2f5f96}.award.big{background:linear-gradient(150deg, color-mix(in srgb, var(--fr) 45%, #fff) 0%, var(--fr) 35%, color-mix(in srgb, var(--fr) 55%, #fff) 55%, color-mix(in srgb, var(--fr) 70%, #000) 100%);box-shadow:0 0 0 2px var(--ink-wood), 0 4px 0 2px var(--ink-wood), 0 14px 24px #0006;padding:7px}.award .aw-art{border:2px solid var(--edge);background:radial-gradient(circle at 50% 40%,#fff3c4,#e2b44c 55%,#a8731f 100%);border-radius:6px;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 18px #5a320059}.award.big .aw-art{flex:none;height:116px}.aw-seal{color:#fff6e0;font:800 16px/1 var(--f-title);background:radial-gradient(circle at 40% 35%,#d65a48,#9a2a1e 70%);border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 0 0 2px #6e1b12,0 2px 3px #0006}.award.big .aw-seal{width:42px;height:42px;font-size:18px;top:142px;right:-14px}.award.mini{background:linear-gradient(150deg, color-mix(in srgb, var(--fr) 45%, #fff), var(--fr) 40%, color-mix(in srgb, var(--fr) 70%, #000));width:60px;height:82px;box-shadow:0 0 0 1.5px var(--ink-wood), 0 3px 6px #00000059;border-radius:6px;padding:3px}.award.mini .aw-face{border-radius:6px;align-items:center;padding:3px}.award.mini .aw-art{width:100%;height:36px}.award.mini small{text-align:center;margin-top:3px;font-size:10px;font-weight:800;line-height:1.15}.award.mini .aw-lead{color:#6a4a2c;margin-top:1px;font-weight:700}.award.mini .aw-seal{width:22px;height:22px;font-size:11px;top:-8px;right:-8px}.aw-army{display:block;position:relative}.aw-army .iw{position:absolute;bottom:0}.aw-army .iw:first-child{left:0;transform:rotate(-14deg)}.aw-army .iw:nth-child(2){right:0;transform:rotate(14deg)}.aw-army .iw:nth-child(3){bottom:4%;left:50%;transform:translate(-50%)}.cback{border:3px solid var(--ink-wood);box-shadow:0 4px 0 var(--ink-wood), 0 12px 22px #00000059;background:radial-gradient(circle at 0 0,#d9b56a 0 9px,#0000 10px),radial-gradient(circle at 100% 0,#d9b56a 0 9px,#0000 10px),radial-gradient(circle at 0 100%,#d9b56a 0 9px,#0000 10px),radial-gradient(circle at 100% 100%,#d9b56a 0 9px,#0000 10px),repeating-linear-gradient(100deg,#0000000f 0 2px,#0000 2px 9px),linear-gradient(160deg,#8a5634,#5c3520 60%,#45261a);padding:8px}.cb-in{border:2px solid #f3d79ab3;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex;overflow:hidden;box-shadow:inset 0 0 0 4px #00000026,inset 0 0 22px #00000059}.cb-isle{width:70%}.cb-name{font:800 16px/1 var(--f-title);color:#f3d79a;letter-spacing:.06em;text-transform:uppercase}.cback.small{width:38px;height:52px;box-shadow:0 2px 0 var(--ink-wood);background:linear-gradient(160deg,#8a5634,#4f2d1c);border-width:1.5px;border-radius:6px;padding:2px}.cback.small .cb-in{box-shadow:none;border-width:1px;border-radius:6px}.cback.small .cb-isle{width:88%}.zoom-bg{z-index:15;background:#140e08a8;place-items:center;padding:16px;animation:.16s ease-out zoom-in;display:grid;position:fixed;inset:0}.zoom{flex-direction:column;align-items:center;gap:10px;width:260px;max-width:100%;display:flex}.zoom-info{background:#140c069e;border-radius:12px;flex-direction:column;align-self:stretch;gap:6px;padding:8px 12px;display:flex}.zoom-info .note{color:#f6e8cc;background:0 0;padding:0}.zoom .btn.wide{margin-top:0}.zoom .btn.zoom-close{background:var(--paper)}.zoom .bigcard,.zoom .award.big{margin:26px 0 30px;transform:scale(1.15)}@keyframes zoom-in{0%{opacity:0}}@media (max-height:640px){.zoom .bigcard,.zoom .award.big{margin:0;transform:none}}.heist-bg{z-index:16}.heist{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:440px;display:flex}.heist-head{color:#f6e8cc;background:#140c069e;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:8px 16px;display:flex}.heist-head h2{font:800 clamp(16px, 4.6vw, 20px)/1.25 var(--f-title);color:#f6e8cc;text-align:center;text-wrap:balance;margin:0}.heist-head h2 b{color:#ffd27a}.heist-head h2 span{white-space:nowrap}.heist-face{background:var(--card);border:3px solid;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:24px;display:grid}.heist-note{color:#f6e8cc;background:#140c069e;border-radius:12px;align-items:center;gap:6px;margin:0;padding:6px 12px;font-weight:700;display:flex}.victims{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.victim{border:3px solid var(--edge);cursor:pointer;min-width:128px;box-shadow:inset 0 0 0 4px var(--pc), 0 4px 0 var(--edge-deep), 0 10px 18px #0006;background:linear-gradient(#f8eed8,#ecd9b2);border-radius:16px;flex-direction:column;flex:0 150px;align-items:center;gap:6px;padding:14px 10px 12px;animation:.3s ease-out backwards hc-deal;display:flex}.victim:active{box-shadow:inset 0 0 0 4px var(--pc), 0 1px 0 var(--edge-deep);transform:translateY(3px)}.victim-face{border:5px solid var(--pc);background:var(--card);border-radius:50%;place-items:center;width:76px;height:76px;font-size:42px;display:grid}.victim b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:800 16px/1.15 var(--f-title);color:var(--ink-wood);overflow:hidden}.victim-n{color:#5a3a22;align-items:center;gap:4px;font-size:14px;font-weight:800;display:flex}.heist-row{perspective:900px;flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hc{width:var(--w);height:calc(var(--w) * 1.4);color:inherit;animation:hc-deal .32s calc(var(--i) * 45ms) ease-out backwards;background:0 0;border:0;flex:none;padding:0;transition:transform .25s,filter .3s;position:relative}.hc:disabled{opacity:1;cursor:default}.hc.can{cursor:pointer}.hc.can:hover,.hc.can:focus-visible{transform:translateY(-6px)}.hc-in{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.3,1.35,.5,1);position:absolute;inset:0}.hc.open .hc-in{transform:rotateY(180deg)}.hc-back,.hc-front{backface-visibility:hidden;position:absolute;inset:0}.hc-back .cback.small{width:100%;height:100%;box-shadow:0 3px 0 var(--edge-deep), 0 6px 12px #00000073;border-width:2.5px;border-radius:12px}.hc-front{border-width:2.5px;flex-direction:column;padding:4px 4px 2px;display:flex;transform:rotateY(180deg)}.hc-front .rc-art{flex:1;height:auto}.hc-front small{margin-top:2px;font-size:12px}.hc.picked{z-index:1;transform:translateY(-12px)scale(1.08)}.hc.picked .hc-front,.hc.picked .cback{box-shadow:0 0 0 3px #ffd27a,0 0 22px 6px #ffd27ab3}.hc.picked:not(.open) .hc-in{animation:.7s ease-in-out infinite alternate hc-pulse}.heist.done .hc.rest{filter:brightness(.5)saturate(.35)}@keyframes hc-deal{0%{opacity:0;transform:translateY(18px)scale(.9)}}@keyframes hc-pulse{to{transform:translateY(-4px)}}html.reduce-motion .hc,html.reduce-motion .victim,html.reduce-motion .hc.picked:not(.open) .hc-in{animation:none}html.reduce-motion .hc-in{transition-duration:10ms}.buy-dev{align-items:center;gap:18px;margin-bottom:10px;display:flex}.buy-dev .deck{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.buy-dev .cback{box-shadow:4px 4px 0 var(--ink-wood), 8px 8px 0 var(--ink-wood), 0 12px 22px #00000059;margin:-65px -45px;transform:scale(.55)}.buy-dev .deck b{font-size:12px}.buy-info{min-width:0}.buy-info p{margin:0 0 6px}.buy-cost{align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}@media (prefers-reduced-motion:reduce){.zoom-bg{animation:none}.rcard.dv{transition:none}}.bfan,.kstack,.proad{align-items:center;gap:2px;display:inline-flex}.bf-stack,.kn-stack{width:15px;height:15px;margin-right:1px;display:inline-block;position:relative}.bf-stack i,.kn-stack i{transform-origin:50% 100%;border-radius:2px;width:8px;height:12px;position:absolute;top:1px;left:4px;box-shadow:0 1px 1px #0000004d}.bf-stack i{background:radial-gradient(circle at 50% 45%,#e7b75a 0 1.6px,#0000 2px),#6b4527;border:1px solid #e7b75a}.kn-stack i{border:1px solid var(--edge);background:linear-gradient(#efe1c4 0 0) 50%/4px 6px no-repeat,#a23a2c}.bf-stack[data-n="2"] i:first-child,.kn-stack[data-n="2"] i:first-child{transform:rotate(-12deg)}.bf-stack[data-n="2"] i:nth-child(2),.kn-stack[data-n="2"] i:nth-child(2){transform:rotate(10deg)}.bf-stack[data-n="3"] i:first-child,.kn-stack[data-n="3"] i:first-child{transform:rotate(-18deg)}.bf-stack[data-n="3"] i:nth-child(3),.kn-stack[data-n="3"] i:nth-child(3){transform:rotate(18deg)}.kn-stack[data-n="2"] i:nth-child(2),.kn-stack[data-n="3"] i:nth-child(2){left:5px}.kstack.hold,.proad.hold{color:var(--edge);background:linear-gradient(#f6d77e,#d9a63a);border-radius:999px;padding:0 5px 0 3px;box-shadow:inset 0 0 0 1px #8a5a1c}.strip.carousel .pchip .ps b.kstack,.strip.carousel .pchip .ps b.proad,.strip.carousel .pchip .ps .zero{display:none}.strip.carousel .pchip .ps:has(.bfan){letter-spacing:-.2px;gap:1px 3px;font-size:12px}.strip.carousel .pchip .ps:has(.bfan) .iw{width:12px!important;height:12px!important}.strip.carousel .pchip .bf-stack{width:12px;height:13px;margin-right:0}.strip.carousel .pchip .bf-stack i{width:7px;height:11px;left:2px}.aw-strip{z-index:1;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:6px;left:8px}.aw-chip{pointer-events:auto;min-height:44px;font:inherit;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--paper);box-shadow:0 3px 0 var(--edge), 0 4px 8px #0003;border:0;border-radius:12px;align-items:center;gap:3px;padding:0 8px 0 5px;font-weight:800;display:inline-flex;position:relative}.aw-chip:active{box-shadow:0 0 0 var(--edge);transform:translateY(3px)}.aw-chip.held{background:linear-gradient(145deg,#fbe7a0,#d9a840)}.aw-chip.held[data-kind=largestArmy]{background:linear-gradient(145deg,#d8e6f6,#8fb1dc)}.aw-n{font-size:16px;line-height:1}.aw-n small{opacity:.6;font-size:11px;font-weight:800}.aw-dot{background:var(--pc);width:9px;height:9px;box-shadow:0 0 0 1.5px var(--edge);border-radius:50%}.aw-plus{background:var(--edge);color:#fbe7a0;border-radius:6px;padding:0 4px;font-size:10.5px;line-height:16px;position:absolute;top:-7px;right:-8px}.wide .aw-strip{top:10px;left:12px}.aw-tucks{z-index:2;pointer-events:auto;display:flex;position:absolute;top:-11px;left:-9px}.aw-tuck{--fr:#c2902f;background:radial-gradient(circle at 50% 45%, #fff3c4 0 30%, transparent 31%), linear-gradient(150deg, color-mix(in srgb, var(--fr) 45%, #fff), var(--fr) 45%, color-mix(in srgb, var(--fr) 70%, #000));width:19px;height:26px;box-shadow:0 0 0 1.5px var(--ink-wood), 0 2px 3px #0006;border-radius:6px;place-items:center;display:grid;transform:rotate(-12deg)}.aw-tuck[data-kind=largestArmy]{--fr:#2f5f96}.aw-tuck+.aw-tuck{margin-left:-6px;transform:rotate(8deg)}.aw-tuck .iw{width:12px!important;height:12px!important}.strip.carousel .aw-tucks{top:-9px;left:-7px}.strip.carousel .aw-tuck{width:15px;height:21px}.strip.carousel .aw-tuck .iw{width:10px!important;height:10px!important}.fly-back{z-index:60;pointer-events:none;border:2px solid var(--ink-wood);width:44px;height:60px;box-shadow:inset 0 0 0 2px #f3d79a8c, 0 3px 0 var(--ink-wood), 0 8px 14px #0000004d;background:radial-gradient(circle,#e7b75a 0 5px,#0000 6px),repeating-linear-gradient(100deg,#00000012 0 2px,#0000 2px 7px),linear-gradient(160deg,#8a5634,#4f2d1c);border-radius:6px;position:fixed}.fly-back.small{width:30px;height:41px}.card-show{z-index:7;pointer-events:none;perspective:900px;animation:cs-out .3s ease-in calc(var(--hold) - .3s) forwards;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.card-show .cs-card{transform-origin:50% 60%;animation:.55s cubic-bezier(.2,1.3,.4,1) both cs-flip}.card-show .cs-line{text-align:center;max-width:300px;color:var(--edge);border:2px solid var(--edge);box-shadow:0 3px 0 var(--edge), 0 8px 18px #0000004d;background:#fff8e8f5;border-radius:12px;padding:6px 14px;font-size:14px;font-weight:800;animation:.3s cubic-bezier(.2,1.6,.4,1) .25s both cs-pop}@keyframes cs-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes cs-flip{0%{opacity:0;transform:rotateY(90deg)scale(.45)}60%{opacity:1}to{transform:rotateY(0)scale(1)}}@keyframes cs-out{to{opacity:0;transform:translate(-50%,-50%)scale(.85)}}.game:not(.wide) .card-show .cs-card{zoom:.72}.game:not(.wide) .card-show .cs-line{max-width:260px;font-size:13.5px}.card-show.still,.card-show.still .cs-card,.card-show.still .cs-line{animation:none}@media (prefers-reduced-motion:reduce){.card-show,.card-show .cs-card,.card-show .cs-line{animation:none}}.duo{background:linear-gradient(#3f2817,#2e1a0d);border-radius:12px;margin-bottom:12px;padding:4px;display:flex;position:relative;box-shadow:inset 0 2px 5px #00000080,0 1px #ffffff73}.duo:before{content:"";width:calc((100% - 8px) / var(--n));transform:translateX(calc(100% * var(--i)));background:linear-gradient(#fdf5e2,#ecd8b0);border-radius:6px;transition:transform .22s cubic-bezier(.3,.7,.3,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px #1a0f07,inset 0 0 0 1px #fff9}.duo button{min-height:42px;font:inherit;color:#f1dcb4;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:16px;font-weight:800;transition:color .18s;display:inline-flex;position:relative}.duo button.on{color:var(--ink)}.duo button:not(.on) .iw{opacity:.75}.duo button:focus-visible{outline-offset:-2px;outline:2px solid #f2b84b}html.reduce-motion .duo:before{transition:none}.trade-panes{display:grid}.trade-pane{flex-direction:column;grid-area:1/1;min-width:0;display:flex}.trade-pane.off{display:none}.trade-pane>.btn.wide:last-child{z-index:1;margin-top:auto;position:sticky;bottom:0}.trade-pane>:nth-last-child(2){margin-bottom:12px}.sheet-head{border-bottom:1.5px dashed #6a412b73;gap:10px;margin-bottom:12px;padding-bottom:10px}.sheet-head h2{align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;display:inline-flex}.sheet-x{cursor:pointer;border:2px solid var(--edge);width:44px;height:44px;color:var(--edge);box-shadow:0 3px 0 var(--edge), inset 0 0 0 1px #fff9;-webkit-tap-highlight-color:transparent;background:linear-gradient(#fdf5e2,#ecd8b0);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.sheet-x:active{box-shadow:0 1px 0 var(--edge), inset 0 0 0 1px #fff9;transform:translateY(2px)}.sheet-x:focus-visible{outline-offset:2px;outline:2px solid #f2b84b}.duo.n3 button{white-space:nowrap;padding:0 4px;font-size:14.5px}.set-row.stack{grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;padding:10px 2px 12px;display:grid}.set-row.stack>.duo{grid-column:1/-1;margin:0}.set-row .it b{font-size:16px}.feed>.duo{flex:none;margin-bottom:8px}.feed>.duo button{min-height:40px;font-size:14px}.g-side .feed>.duo{margin-bottom:6px}.g-side .feed>.duo button{min-height:34px;font-size:14px}.feed-quick{padding-right:24px;-webkit-mask-image:linear-gradient(90deg,#000 86%,#0000);mask-image:linear-gradient(90deg,#000 86%,#0000)}.feed-form .btn.feed-send{font-family:var(--f-title);color:#fff;background:linear-gradient(#f39a40,#dd7424 55%,#b9561a);border-color:#f6b06a #d97a2c #8a3c0c;padding:0 16px;font-size:16px}.feed-form .btn.feed-send:disabled{opacity:1;color:#d9c2a2;background:linear-gradient(#6e5444,#5a4232);border-color:#6e5240 #5c4434 #3a2818}.chat-mini-head{border-bottom:1.5px dashed #6a412b73;margin-bottom:8px;padding:2px 0 6px}.chat-mini-head h2{align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;display:inline-flex}.chat-mini{padding:10px 12px 12px}.guide-open{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;margin-bottom:14px}.sheet .item.guide-open{background:linear-gradient(#fff4dc,#f3dfb6);box-shadow:0 0 0 2px #b9561a,0 3px #8a3c0c}.guide-open .it b{font-size:16px}.guide-open .go{color:#b9561a;font-size:30px;font-weight:800;line-height:1}.rules-sec{background:#fffaeebf;border-radius:12px;box-shadow:0 0 0 1.5px #6a412b73,0 2px #3a26164d}.rules-sec.open{background:#fffaeef2}.rules-sec-head{cursor:pointer;min-height:56px;font-size:16px}.rules-chev{width:32px;height:32px;color:var(--wood-mid);background:#6a412b1f;border-radius:50%;flex:none;place-items:center;font-size:24px;font-weight:800;line-height:1;transition:transform .2s;display:grid}.rules-sec.open .rules-chev{transform:rotate(90deg)}.rules-sec-body{padding:2px 16px 14px;line-height:1.5}html.reduce-motion .rules-chev{transition:none}.dv-new{white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.dv-new .iw{filter:brightness(0)invert()}.rcard.dv .dv-new{bottom:24px}.note{color:#4a3020;text-align:left;background:#3a261614;border-radius:12px;align-items:flex-start;gap:8px;margin:0 0 10px;padding:8px 12px;font-size:14px;font-weight:700;line-height:1.35;display:flex}.note>.iw{flex:none;margin-top:-1px}.rcard.dv.aw{box-shadow:0 0 0 2px #f3d79a, 0 0 10px #f3d79ab3, 0 3px 0 var(--ink-wood)}.rcard.dv.aw .aw-plus2{color:#fff6e0;background:radial-gradient(circle at 40% 35%,#d65a48,#9a2a1e 70%);border-color:#6e1b12}.fly-award{z-index:61;pointer-events:none;border:2px solid var(--ink-wood);width:44px;height:60px;box-shadow:inset 0 0 0 2px #f3d79a99, 0 3px 0 var(--ink-wood), 0 8px 14px #0000004d;background:#c2902f 50%/cover no-repeat;border-radius:6px;position:fixed}.fly-award[data-kind=largestArmy]{background-color:#2f5f96}.fly-tag{z-index:62;pointer-events:none;font:800 20px/1 var(--f-title);color:#3f8a3a;text-shadow:0 0 3px #fff8e8,0 0 3px #fff8e8,0 2px #fff8e8;position:fixed}.fly-tag.bad{color:#b3321f}.card-show .cs-line.win{color:#234f20;background:#e6f3d6;border-color:#2f6a2a;box-shadow:0 3px #2f6a2a,0 8px 18px #0000004d}.card-show .cs-line.lose{color:#7a1f12;background:#fbe1da;border-color:#8a2416;box-shadow:0 3px #8a2416,0 8px 18px #0000004d}.trade-pane .pcard em{min-height:2.5em}.win-bg{align-items:center;padding:16px;overflow:hidden}.sheet.winner{width:min(420px,100%);padding:12px 16px max(16px, env(safe-area-inset-bottom));border-bottom-width:7px;border-radius:16px;flex-direction:column;gap:12px;display:flex;overflow:visible}.win-crest{flex:none;width:min(340px,100%,32.24dvh);margin:0 auto;position:relative;container-type:inline-size}.win-crest-img{filter:drop-shadow(0 4px 6px #00000047);width:100%;height:auto;display:block}.win-title{text-align:center;width:76%;font-family:var(--f-title);color:#5a3317;text-shadow:0 1px #fff8e499;justify-content:center;align-items:center;gap:6px;margin:0;font-size:7.4cqw;font-weight:800;line-height:1.1;display:flex;position:absolute;top:78%;left:50%;transform:translate(-50%,-50%)}.win-title.long{font-size:5.6cqw}.win-rows{flex-direction:column;gap:8px;min-height:0;margin:0;padding:0 0 3px;list-style:none;display:flex;overflow-y:auto}.win-rows li{color:var(--ink);background:linear-gradient(#f7e9cc,#ead5ab);border-radius:12px;align-items:center;gap:10px;padding:5px 14px 5px 6px;display:flex;box-shadow:inset 0 0 0 1.5px #6a412b73,0 2px #3a261638}.win-rows li.top{background:linear-gradient(#fff4d6,#f6dda6);box-shadow:inset 0 0 0 2px #d9a73c,0 3px #a9761e,0 6px 12px #00000038}.win-rows .avatar{border-width:3px;width:38px;height:38px;font-size:20px}.win-rows .pname,.win-rows b{font-family:var(--f-title);font-size:16px;font-weight:800}.win-rows b{flex:none;font-weight:800}.win-rows li.top .avatar{width:44px;height:44px}.win-rows li.top .pname,.win-rows li.top b{font-size:20px}.win-conf{pointer-events:none;position:absolute;inset:0;overflow:hidden}.win-conf i{top:-24px;left:var(--x);width:9px;height:14px;animation:conf-fall 2.8s ease-in var(--d) forwards;border-radius:2px;position:absolute}.win-conf i:nth-child(3n){background:#f2c94c}.win-conf i:nth-child(3n+1){background:#d9472f}.win-conf i:nth-child(3n+2){background:#f8eedb}@keyframes conf-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{transform:translateY(102vh) rotate(var(--r));opacity:.45}}@media (prefers-reduced-motion:reduce){.win-conf{display:none}}@media (max-height:820px){.sheet.winner{gap:8px}.win-rows{gap:6px}.win-rows li{padding:3px 12px 3px 5px}.win-rows .avatar{width:34px;height:34px;font-size:18px}.win-rows li.top .avatar{width:38px;height:38px}}.sheet.share-sheet{flex-direction:column;gap:10px;display:flex}.share-art{background:var(--paper2);border-radius:12px;flex:none;justify-content:center;align-items:center;min-height:120px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1.5px #6a412b59}.share-art img{width:auto;max-width:100%;height:auto;max-height:38dvh;display:block}.share-wait{color:var(--muted);font-size:14px;font-weight:700}.share-text{font:400 16px/1.45 var(--f-body);color:var(--ink);margin:0}.share-link{color:var(--accent2);font-weight:700}.share-again{align-self:flex-start}.sheet.fb-sheet{flex-direction:column;gap:10px;display:flex}.fb-text{resize:vertical;width:100%;min-height:128px;font:400 16px/1.45 var(--f-body);background:var(--card);color:var(--ink);border:0;border-radius:12px;padding:12px 14px;box-shadow:inset 0 2px 4px #0000001a,inset 0 0 0 1.5px #6a412b59}.fb-text:focus{box-shadow:inset 0 2px 4px #0000001a, inset 0 0 0 2px var(--accent2);outline:none}.fb-foot{justify-content:flex-end;min-height:18px;font-size:12px;display:flex}.fb-err{color:var(--danger);font-weight:700}.fb-thanks{font-family:var(--f-title);color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:8px;margin:0;padding:20px 8px;font-size:20px;font-weight:800;display:flex}.win-fb{margin-top:-2px}.set-fb{cursor:pointer}.fb-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.fb-list li{background:var(--card);border-radius:12px;padding:8px 12px;box-shadow:inset 0 0 0 1.5px #6a412b4d}.fb-list p{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0}