/* Understory — a block-printed wood: cream paper, carved ink lines, four inks. Dark-only. */
:root{color-scheme:dark;--bg:#0b100e;--panel:#131917;--panel2:#1a2220;--line:#2d3835;--ink:#ebe7dc;--muted:#a3aaa4;--faint:#757d78;
 --paper:#f1e5c8;--paper2:#e8d9b6;--paper-ink:#2b2119;--paper-muted:#6a5a44;--accent:#e8b64c;--accent-ink:#1d1306;--danger:#e0574d;--good:#69c088;--hand-peek:120px;
 --type:Rockwell,"Rockwell Nova","Roboto Slab","Bookman Old Style",Georgia,serif;--mono:ui-monospace,"Cascadia Mono",Consolas,"Courier New",monospace;--serif:Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 background:var(--bg);color:var(--ink);font-family:var(--sans)}
html{background:var(--bg)}
body{margin:0;min-height:100vh;background:transparent}
body p{color:inherit}
.us-top{position:sticky;top:0;z-index:30;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:10px clamp(14px,3vw,36px);background:#0b100eee;border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.us-top a{font:700 15px var(--sans)}
.us-top span{font:11px var(--mono);letter-spacing:.14em;color:var(--accent)}
.us-main{max-width:1560px;margin:0 auto;padding:22px clamp(12px,2.4vw,28px) 140px}

/* Buttons: explicit four-sided borders, no shadow (site rule). */
.us-main button,.us-top button,.us-rules button,.results-dialog button{font:700 13px/1.2 var(--mono);letter-spacing:.02em;min-height:38px;padding:9px 14px;border-radius:3px;cursor:pointer;
 background:#222926;color:var(--ink);border-top:1px solid #4a5651;border-right:1px solid #4a5651;border-bottom:1px solid #4a5651;border-left:1px solid #4a5651;box-shadow:none}
.us-main button:hover:not(:disabled){background:#2c3531}
.us-main button.us-primary,.results-dialog button.us-primary{background:var(--accent);color:var(--accent-ink);border-top-color:#f3c06f;border-right-color:#f3c06f;border-bottom-color:#f3c06f;border-left-color:#f3c06f}
.us-main button.us-primary:hover:not(:disabled){background:#efb35a}
.us-main button.us-danger{background:#3a1715;color:#ffd9d4;border-top-color:var(--danger);border-right-color:var(--danger);border-bottom-color:var(--danger);border-left-color:var(--danger)}
.us-main button.us-ghost,.us-top button.us-ghost,.us-rules button.us-ghost{background:transparent}
.us-main button:disabled{opacity:.45;cursor:default}
:focus-visible{outline:3px solid #ffd27a;outline-offset:2px}
.us-main label{display:flex;flex-direction:column;gap:6px;font:700 12px/1.4 var(--sans);color:#c4c8c6;margin:0}
.us-main select,.us-main input{min-height:42px;background:#101412;color:var(--ink);border-top:1px solid #4a5651;border-right:1px solid #4a5651;border-bottom:1px solid #4a5651;border-left:1px solid #4a5651;border-radius:3px;padding:8px 10px;font:15px var(--sans)}
.us-muted{color:var(--muted);font-size:13px;line-height:1.5;margin:4px 0}
.us-fine{font-size:12px;color:var(--muted);line-height:1.5}
.us-error{background:#3a1715;border-left:4px solid var(--danger);padding:10px 14px;margin:12px 0;color:#ffd9d4}
.us-connection{font:11px var(--mono);color:var(--faint);letter-spacing:.06em;margin:4px 0 10px;min-height:1em}
.us-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 6px}
.us-panel{background:#131917e6;border:1px solid var(--line);border-radius:8px;padding:18px 20px;backdrop-filter:blur(8px)}

/* ---------- Backdrop: the wood at dusk, behind everything ---------- */
.us-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(1200px 520px at 50% -120px,#3a2a14 0,transparent 70%),linear-gradient(#10201f,#0a100e) center/cover no-repeat}
.us-backdrop.has-art{background-size:cover;background-position:center}
.us-backdrop::after{content:"";position:absolute;inset:0;background:#14120f73}
body.at-table .us-backdrop::after{background:#14120f99}

/* ---------- Paper documents ---------- */
.us-print{background:var(--paper);color:var(--paper-ink);border:3px solid var(--paper-ink);border-radius:3px;box-shadow:7px 7px 0 #0b100ecc;outline:1px solid var(--paper-ink);outline-offset:-9px}
.us-kicker{margin:0;font:700 12px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#a8481d}
.us-cover-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:26px;padding:28px 30px;align-items:center}
.us-cover h1{font:900 clamp(32px,4.6vw,62px)/.95 var(--type);letter-spacing:-.02em;text-transform:uppercase;margin:8px 0 4px;color:var(--paper-ink)}
.us-cover h1 span{color:#cf5236}
.us-sub{font:13px var(--mono);letter-spacing:.08em;margin:0 0 14px;padding-bottom:12px;border-bottom:3px double var(--paper-ink);color:var(--paper-muted)}
.us-field{font:14.5px/1.55 var(--serif);margin:8px 0;color:var(--paper-ink)}
.us-field b{font:700 14px var(--type);text-transform:uppercase;letter-spacing:.04em}
.us-stamp{display:inline-block;font:700 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8a3a14;border-top:2px solid #8a3a14;border-right:2px solid #8a3a14;border-bottom:2px solid #8a3a14;border-left:2px solid #8a3a14;padding:0 6px;transform:rotate(-2deg)}
.us-cover-art .us-art{border:3px solid var(--paper-ink)}
.us-setup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 8px}
.us-picks{border:0;padding:0;margin:14px 0 0}
.us-picks legend{font:700 13px var(--mono);letter-spacing:.06em;color:var(--accent);padding:0}
.us-picks legend small{color:var(--muted);font-weight:400;letter-spacing:0}
.us-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:10px;align-items:stretch}
.us-main button.us-pick-random{min-height:120px}
.us-reach{flex-basis:100%;margin:2px 0 0;font:12px var(--mono);color:var(--muted)}
.us-reach.low{color:var(--accent)}
.us-toggles{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.us-main button.us-toggle{min-height:34px;padding:6px 12px;background:#14120fcc;color:var(--muted);border-top:2px solid #4a5651;border-right:2px solid #4a5651;border-bottom:2px solid #4a5651;border-left:8px solid var(--fc)}
.us-main button.us-toggle.on{background:var(--paper);color:var(--paper-ink);border-top-color:var(--paper-ink);border-right-color:var(--paper-ink);border-bottom-color:var(--paper-ink)}
.us-main button.us-pick,.us-main button.us-pick-random{padding:0;background:transparent;border-top:2px solid transparent;border-right:2px solid transparent;border-bottom:2px solid transparent;border-left:2px solid transparent;text-align:left;min-height:0;border-radius:9px}
.us-main button.us-pick{display:flex;align-items:stretch;height:100%}
.us-main button.us-pick-random{display:grid;place-items:center;text-align:center;border-top:1px dashed #66706b;border-right:1px dashed #66706b;border-bottom:1px dashed #66706b;border-left:1px dashed #66706b;color:var(--muted);background:#0b100e99}
.us-main button.us-pick.selected,.us-main button.us-pick-random.selected{border-top:2px solid var(--accent);border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);border-left:2px solid var(--accent)}
.us-main button.us-pick-random.selected{color:var(--accent)}
.us-main button.us-pick:disabled{opacity:.35}

/* ---------- Art slots ---------- */
.us-art{--ratio:4/3;margin:0;aspect-ratio:var(--ratio);background:#2a2925;overflow:hidden;position:relative}
.us-art img{display:block;width:100%;height:100%;object-fit:cover}
.us-art.pending{background:repeating-linear-gradient(135deg,#d6cfbd 0 10px,#cdc5b1 10px 20px)}
.us-art-pending{position:absolute;inset:6px;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:flex-start;padding:8px 10px;overflow:hidden}
.us-art-stamp{font:700 10px var(--mono);letter-spacing:.16em;color:#8a3a14}
.us-art-id{font:10px var(--mono);color:#3b3830;background:#ffffff70;padding:1px 4px}
.us-art-brief{margin:0;font:11px/1.35 var(--serif);color:#3b3830;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.us-art.compact .us-art-pending{inset:4px;padding:4px 6px}
.us-art.compact .us-art-id{font-size:8px}

/* ---------- Cards ---------- */
.us-c{--cw:170px;position:relative;width:var(--cw);flex:0 0 auto;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--paper),var(--paper2));color:var(--paper-ink);
 border-radius:4px;overflow:hidden;border:2px solid var(--paper-ink);border-top:7px solid var(--suit,var(--fc));box-shadow:3px 3px 0 #0b100ecc;text-align:left;font-family:var(--sans)}
.us-c-top{padding:6px 8px 4px;border-bottom:2px solid var(--paper-ink)}
.us-c-top h4{margin:0;font:700 13.5px/1.15 var(--type);color:var(--paper-ink)}
.us-c-top small{display:block;margin-top:2px;font:700 8.5px/1.2 var(--mono);letter-spacing:.12em;color:color-mix(in srgb,var(--suit,var(--fc)) 60%,#000)}
.us-c .us-art{margin:6px 6px 0;border:2px solid var(--paper-ink)}
.us-c-band{display:flex;align-items:center;gap:6px;padding:5px 8px 0;min-height:22px}
.us-c-cost{display:inline-flex;align-items:center;gap:2px;font:700 9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--paper-muted)}
.us-c-cost .us-chip{color:var(--paper-ink);border-color:#8b846f;margin:0 0 0 2px;padding:0 5px}
.us-c-vp{margin-left:auto;font:700 13px var(--type);color:#7a4a10}
.us-c-text{margin:0;padding:5px 8px 8px;font:12px/1.35 var(--serif);color:var(--paper-ink);flex:1}
.us-c-foot{display:flex;flex-wrap:wrap;gap:4px;padding:0 6px 7px}
.us-main .us-c-foot button{flex:1 1 auto;min-height:28px;padding:4px 7px;font-size:11px;background:#2b2a25;color:#f2eee2;border-top-color:#111;border-right-color:#111;border-bottom-color:#111;border-left-color:#111}
.us-main .us-c-foot button.us-primary{background:var(--accent);color:var(--accent-ink)}
.us-c.size-mini{--cw:74px;border-radius:3px;border-top-width:4px;box-shadow:2px 2px 0 #0b100ecc}
.us-c.size-mini .us-c-top{padding:2px 4px 1px}
.us-c.size-mini .us-c-top h4{font-size:8.5px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.us-c.size-mini .us-c-top small,.us-c.size-mini .us-c-band{display:none}
.us-c.size-mini .us-art{margin:3px;border-width:1px}
.us-c.size-mini .us-c-top{border-bottom-width:1px}
/* Portrait cards: a power, a leader, a trade. */
.us-leader{--cw:210px;border-top-width:2px;outline:5px solid var(--fc);outline-offset:-7px}
.us-leader .us-c-top{padding:11px 12px 5px;border-bottom:0}
.us-leader .us-c-top h4{font-size:15px;text-transform:uppercase;letter-spacing:.02em}
.us-leader .us-c-top small{color:color-mix(in srgb,var(--fc) 55%,#000)}
.us-leader .us-art{margin:0 11px}
.us-leader .us-c-text{font-size:12px;padding:8px 12px 13px}
.us-leader.size-pick{--cw:100%;height:100%}
.us-leader.size-pick .us-c-top{min-height:44px}
.us-leader.size-mini{outline-width:3px;outline-offset:-4px}
.us-leader.size-mini .us-c-top{padding:5px 6px 2px}
.us-leader.size-mini .us-c-top h4{font-size:8px}
.us-leader.size-mini .us-art{margin:0 5px 6px}

/* ---------- Table ---------- */
.us-statusbar{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:space-between;padding:6px 12px;background:#14120fe6;border:1px solid #f1e5c840;border-radius:3px;backdrop-filter:blur(8px)}
.us-turn span{display:block;font:11px var(--mono);letter-spacing:.14em;color:var(--accent)}
.us-turn strong{font:700 17px var(--type)}
.us-battle{flex:1 1 300px;margin:0;font:12px var(--mono);color:#cfd3c8}
.us-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.us-main label.us-speed{flex-direction:row;align-items:center;gap:8px}
.us-main label.us-speed select{min-height:34px;padding:4px 8px;font-size:13px}
.us-prompt{margin:8px 0;padding:8px 14px;border:1px solid #f1e5c840;border-left:6px solid #6a5a44;background:#14120fe6;border-radius:3px;backdrop-filter:blur(8px)}
.us-prompt.yours{border-left-color:var(--accent);background:#221c10eb}
.us-prompt h2{font:700 18px var(--type);margin:0}
.us-prompt-sub{margin:3px 0 0;color:#cfd3c8;line-height:1.4;font-size:14px}
.us-prompt-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.us-prompt-actions.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,200px));gap:12px}
.us-stage{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10px;align-items:start}
.us-play{display:grid;gap:10px;min-width:0}
.us-board-wrap{background:#14120f;border:3px solid var(--paper);outline:1px solid #14120f;outline-offset:-6px;border-radius:3px;overflow:hidden;box-shadow:6px 6px 0 #0b100ecc}
.us-board{display:block;width:100%;height:auto;font-family:var(--mono)}
.us-board-art{opacity:.9}
.us-board text{text-anchor:middle;pointer-events:none}
.us-path{stroke:#f1e5c8;stroke-width:5;stroke-linecap:butt;stroke-dasharray:14 7;opacity:.85}
.us-river{stroke:#5b88b8;stroke-width:16;stroke-linecap:round;opacity:.55}
.us-relics{font-size:9px!important;fill:#e8b64c!important}
.us-burrow{cursor:pointer}
.us-burrow ellipse{fill:#14120fe6;stroke-width:4;stroke-dasharray:8 5}
.us-burrow text{font-size:12px;fill:#f1e5c8}
.us-burrow.can ellipse{stroke:var(--accent);stroke-dasharray:none;stroke-width:5}
.us-burrow.sel ellipse{fill:#3a3116}
.us-board .us-burrow:focus{outline:none!important}
.us-hand-card.revealed .us-c{opacity:.6}
.us-forest circle{fill:#14120fcc;stroke:#f1e5c880;stroke-width:1.5;stroke-dasharray:4 4}
.us-forest text{font-size:11px;fill:#f1e5c8}
.us-forest.can,.us-clearing{cursor:pointer}
.us-forest.can circle{stroke:var(--accent);stroke-width:3;stroke-dasharray:none}
.us-forest.sel circle{fill:#3a3116}
.us-ground{fill:#f1e5c8;stroke-width:7}
.us-ruler{fill:none;stroke-width:3;stroke-dasharray:9 6}
.us-clearing .us-halo{fill:none;stroke:none}
.us-clearing.can .us-halo{stroke:var(--accent);stroke-width:5}
.us-clearing.sel .us-halo{stroke:#fff;stroke-width:7}
.us-clearing.sel .us-ground{fill:#fff6dc}
.us-board .us-clearing:focus,.us-board .us-forest:focus{outline:none!important}
.us-clearing:focus-visible .us-ground,.us-forest:focus-visible circle{stroke:#fff;stroke-width:8}
.us-cname{font:700 15px var(--type);fill:#f1e5c8;paint-order:stroke;stroke:#14120f;stroke-width:6px;text-transform:uppercase;letter-spacing:.04em}
.us-csuit{font-size:10px;font-weight:700;letter-spacing:.14em;fill:#2b2119}
.us-unit{stroke:#2b2119;stroke-width:2.5}
.us-unit-n{font-size:14px;font-weight:700;fill:#12140f}
.us-pawn rect{stroke:#0b100e;stroke-width:2}
.us-pawn text{font-size:12px;font-weight:700;fill:#12140f}
.us-site{fill:none;stroke:#2b2119;stroke-width:1.5;stroke-dasharray:3 3}
.us-site.built{stroke:#2b2119;stroke-width:2;stroke-dasharray:none}
.us-site.ruin{stroke:#2b2119;fill:#6a5a44;stroke-dasharray:none}
.us-site-t{font-size:13px;font-weight:700;fill:#12140f}
.us-site-t.ruin{fill:#e3cfa3}
.us-token{fill:#fff6dc;stroke-width:3}
.us-token.wood{fill:#b98552}
.us-token-t{font-size:11px;font-weight:700;fill:#12140f}

/* ---------- Mats ---------- */
.us-mats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px}
.us-mat{background:#14120fe0;backdrop-filter:blur(6px);border:1px solid #f1e5c840;border-top:6px solid var(--fc);border-radius:3px;padding:6px 8px 8px;min-width:0}
.us-mat.current{background:#221c10eb;border-right-color:var(--fc);border-bottom-color:var(--fc);border-left-color:var(--fc)}
.us-mat-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.us-mat-head h3{margin:0;font:700 14px var(--type)}
.us-badge{font:700 9px var(--mono);letter-spacing:.12em;padding:2px 6px;border-radius:3px;background:var(--accent);color:var(--accent-ink)}
.us-badge.dim{background:#3a4240;color:#d9ddd6}.us-badge.win{background:var(--good);color:#06210f}
.us-handcount{margin-left:auto;display:inline-flex;align-items:center;height:20px;padding-left:8px}
.us-handcount i{display:block;width:11px;height:16px;margin-left:-6px;border-radius:2px;background:repeating-linear-gradient(45deg,#e8e2d2 0 3px,#d6cebb 3px 6px);border:1px solid #f4efe3;transform:rotate(-8deg)}
.us-handcount i:nth-child(2){transform:rotate(0)}.us-handcount i:nth-child(3){transform:rotate(8deg)}
.us-handcount b{margin-left:5px;font:700 12px var(--mono);color:var(--ink)}
.us-vp b{font:700 22px var(--type);color:var(--fc)}
.us-vp small{font:11px var(--mono);color:var(--muted);margin-left:2px}
.us-meter{height:4px;background:#0b100e;border-radius:3px;margin:5px 0 7px;overflow:hidden}
.us-meter i{display:block;height:100%;background:var(--fc)}
.us-mat-body{display:flex;gap:9px;align-items:flex-start}
.us-lead{display:flex;flex-direction:column;gap:5px;flex:none}
.us-mat-detail{flex:1;min-width:0}
.us-fac-line{margin:0 0 4px;font-size:12.5px;line-height:1.45;color:#d6dad0}
.us-fac-line b{font:700 10px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.us-decree{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:4px 0}
.us-decree-col{background:#0b100e99;border:1px solid #2c3338;border-radius:5px;padding:3px 4px;min-height:44px}
.us-decree-col b{display:block;font:700 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.us-decree-col i{color:var(--faint);font-style:normal}
.us-suit{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--suit);border:1.5px solid #2b2119;box-sizing:border-box;margin:0 1px;vertical-align:middle;flex:none}
.us-suit svg{width:12px;height:12px;fill:#2b2119;display:block}
.us-suit.done{opacity:.3}
.us-chip{display:inline-block;font:11px var(--mono);padding:2px 7px;border:1px solid #4a5651;border-radius:10px;margin:2px 3px 2px 0;color:#d5d9c9}
.us-chip.card{cursor:help;border-color:var(--accent);color:#f1dfb8}
.us-chip.spent{opacity:.55}
.us-chip.broken{border-color:var(--danger);color:#f0a59d;text-decoration:line-through}

/* ---------- Sidebar ---------- */
.us-sidebar{display:grid;gap:8px;min-width:0}
.us-inspector{display:flex;justify-content:center;align-items:flex-start;min-height:120px;overflow:auto;padding:10px;background:#14120fe0;border:1px solid #f1e5c840;border-radius:3px;backdrop-filter:blur(8px)}
.us-inspector>.us-c{--cw:min(100%,236px)}
.us-inspect-note{font:13px/1.45 var(--serif)}
.us-inspect-note h4{margin:0 0 4px;font:700 15px var(--type)}
.us-orders,.us-quests,.us-piles,.us-log-wrap{background:#14120fe0;border:1px solid #f1e5c840;border-radius:3px;padding:8px 10px;backdrop-filter:blur(8px)}
.us-sidebar h2{font:700 15px var(--type);margin:0 0 4px;display:flex;gap:8px;align-items:center}
.us-contents{margin:4px 0 8px;padding:0;list-style:none;font-size:12.5px;line-height:1.5}
.us-order-list{display:flex;flex-direction:column;gap:6px}
.us-order-list button{text-align:left}
.us-order-row{display:flex;gap:6px}
.us-order-row button{flex:1}
.us-order-row select{min-height:38px;width:64px}
.us-piles{display:flex;gap:12px;justify-content:center;align-items:flex-end}
.us-pile{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.us-pile figcaption{font:10px var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.us-back{position:relative;width:74px;aspect-ratio:5/7;border-radius:3px;background:repeating-linear-gradient(45deg,#7a9e4b 0 6px,#688a3e 6px 12px) center/cover;border:2px solid var(--paper);display:grid;place-items:center;box-shadow:0 4px 12px #0008}
.us-back.empty{background:transparent;border:1px dashed #5a6a5d;color:var(--faint);font:11px var(--mono);box-shadow:none}
.us-back-count{font:700 16px var(--type);color:#fff;background:#0b100ecc;border-radius:999px;padding:2px 9px}
.us-job{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:5px 0;padding:5px 8px;background:var(--paper);color:var(--paper-ink);border:2px solid var(--paper-ink);border-left:7px solid var(--suit);border-radius:3px;font:12px var(--serif);cursor:help}
.us-job b{font:700 12.5px var(--type)}
.us-job span:last-child{flex-basis:100%;font:10px var(--mono);color:var(--paper-muted);letter-spacing:.04em}
.us-log-wrap summary{font:700 12px var(--mono);letter-spacing:.08em;cursor:pointer;color:var(--accent)}
.us-log{margin:6px 0 0;padding:0 0 0 18px;max-height:230px;overflow:auto;font-size:12px;line-height:1.5;color:#c9cdbd}
.us-log .tone-turn{color:var(--accent);list-style:square}
.us-log .tone-bad{color:#f0a59d}.us-log .tone-win{color:var(--good);font-weight:700}.us-log .tone-battle{color:#e9dfbf}

/* ---------- Hand: cards held in your hand, floating over the table ---------- */
.us-hand-tray{position:fixed;left:0;right:0;bottom:0;z-index:40;pointer-events:none;display:flex;justify-content:center}
.us-hand{display:flex;justify-content:center;align-items:flex-end;max-width:100%;padding:26px 28px 0;transform:translateY(56%);transition:transform .22s ease;pointer-events:none}
.us-hand-tray:hover .us-hand,.us-hand-tray:focus-within .us-hand,.us-hand-tray.raised .us-hand,.us-hand-tray.needed .us-hand{transform:translateY(6px)}
.us-hand-tray.collapsed .us-hand,.us-hand-tray.collapsed:hover .us-hand,.us-hand-tray.collapsed:focus-within .us-hand{transform:translateY(110%)}
.us-hand-card{--hw:clamp(124px,18vh,164px);flex:0 0 auto;position:relative;pointer-events:auto;margin-left:calc(var(--hw)*-.24);transform:translateY(var(--drop,0)) rotate(var(--rot,0deg));transform-origin:50% 130%;transition:transform .16s ease}
.us-hand-card:first-child{margin-left:0}
.us-hand-card .us-c{--cw:var(--hw);box-shadow:0 10px 26px #000c}
.us-hand-card.live .us-c{box-shadow:0 0 0 2px var(--accent),0 10px 26px #000c}
.us-hand-card:hover,.us-hand-card:focus-within{transform:translateY(-16px) rotate(0deg);z-index:5}
.us-hand-card .us-c-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;padding-bottom:5px}
.us-hand .us-empty{pointer-events:auto;margin:0 0 30px;padding:4px 12px;background:#0b100e99;border-radius:999px;font-size:13px}
.us-main button.us-hand-pill{position:fixed;left:12px;bottom:10px;z-index:41;pointer-events:auto;min-height:0;padding:5px 12px;border-radius:999px;background:#0b100e66;border-top:1px solid #ffffff38;border-right:1px solid #ffffff38;border-bottom:1px solid #ffffff38;border-left:1px solid #ffffff38;color:#e9e5da;font:700 11px var(--mono);letter-spacing:.06em;opacity:.7;backdrop-filter:blur(4px)}
.us-main button.us-hand-pill:hover,.us-main button.us-hand-pill:focus-visible{opacity:1;background:#0b100eb3}
.us-hand-pill b{color:var(--accent)}
body.at-table .us-main{padding-top:10px;padding-bottom:var(--hand-peek)}
body.at-table .us-connection{position:fixed;left:150px;bottom:12px;z-index:39;margin:0;padding:2px 8px;border-radius:999px;background:#0b100e80;font-size:10px}
body.at-table .us-error{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:60;margin:0;max-width:min(560px,90vw);box-shadow:0 8px 30px #000c}

/* ---------- How to play ---------- */
.us-rules{max-width:700px;width:calc(100vw - 32px);max-height:88dvh;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:20px 24px;line-height:1.55}
.us-rules::backdrop{background:#000b}
.us-rules h2{font:700 24px var(--type);margin:4px 0 10px}
.us-rules h3{font:700 13px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:18px 0 6px;color:var(--accent)}
.us-rules p{margin:6px 0;font-size:14px}
.us-rules #close-rules{float:right}

@media (max-width:1100px){.us-stage{grid-template-columns:1fr}.us-sidebar{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
@media (max-width:860px){
 .us-cover-body{grid-template-columns:1fr}
 .us-setup-grid{grid-template-columns:1fr 1fr}
 .us-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.us-hand,.us-hand-card{transition:none}}