:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f6f3;color:#17201d;--ink: #17201d;--muted: #60706a;--panel: #ffffff;--panel-strong: #f9faf7;--line: #d9e1dc;--teal: #116b67;--teal-dark: #0a4e4b;--gold: #b27612;--red: #aa3434;--blue: #315f91;--shadow: 0 12px 30px rgb(23 32 29 / 10%)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:linear-gradient(180deg,#f4f6f3eb,#ebf1eef5),repeating-linear-gradient(90deg,rgb(17 107 103 / 5%) 0,rgb(17 107 103 / 5%) 1px,transparent 1px,transparent 18px)}button,input,select{font:inherit}button{min-height:40px}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100dvh;padding:14px 14px 310px}.app-shell.no-hand-dock{padding-bottom:14px}.topbar,.table-header,.dock-header,.brand-block,.room-code,.status-pill,.panel-title,.player-row,.card-actions,.deck-counters,.combat-score,.combat-actions,.helper-strip,.sell-controls,.join-row{display:flex;align-items:center}.topbar{justify-content:space-between;gap:12px;margin:0 auto 12px;max-width:1380px}.brand-block{gap:10px}.brand-block.large{align-items:flex-start;margin-bottom:22px}.brand-block h1,.brand-block p,.table-header h2{margin:0}.brand-block h1{font-size:clamp(1.15rem,3vw,1.55rem);line-height:1.05}.brand-block p,.room-code,.phase-label,.card-topline,.card-meta,.player-tags,.small-note,.lane-label,.log-line{color:var(--muted);font-size:.78rem}.brand-mark{display:grid;width:38px;height:38px;place-items:center;flex:0 0 auto;border:1px solid #0f5e5a;border-radius:8px;background:#d9f0ec;color:var(--teal-dark)}.room-code{gap:4px;margin-top:2px;font-weight:800;letter-spacing:0}.copy-feedback{color:var(--teal-dark);font-size:.72rem;font-weight:900}.icon-button{display:grid;width:32px;height:32px;min-height:32px;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--teal)}.status-pill{gap:5px;min-width:0;justify-content:center;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#ffffffb8;color:var(--muted);font-size:.76rem;font-weight:850;text-transform:capitalize}.status-pill.open{border-color:transparent;color:var(--teal-dark)}.status-pill svg{display:none}.status-dot{width:8px;height:8px;border-radius:999px;background:#9aa7a2}.status-pill.open .status-dot{background:var(--teal)}.error-banner{display:flex;gap:8px;align-items:center;max-width:1380px;margin:0 auto 12px;padding:10px 12px;border:1px solid rgb(170 52 52 / 35%);border-radius:8px;background:#fff4f2;color:var(--red)}.game-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(240px,340px);gap:12px;max-width:1380px;margin:0 auto}.players-panel,.table-panel,.log-panel,.hand-dock,.lobby-panel,.loading-panel{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.is-dragging{-webkit-user-select:none;user-select:none}.drop-over{outline:3px solid rgb(17 107 103 / 35%);outline-offset:3px}.players-panel,.log-panel{padding:12px;align-self:start}.panel-title{gap:7px;min-height:28px;margin-bottom:10px;color:var(--ink);font-size:.82rem;font-weight:800;text-transform:uppercase}.players-list,.log-list{display:grid;gap:8px}.player-row{gap:9px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong)}.player-row.active{border-color:#116b6773;background:#eef9f7}.player-row.winner{border-color:#b276127f;background:#fff9e8}.player-avatar{display:grid;width:34px;height:34px;place-items:center;flex:0 0 auto;border-radius:8px;background:#202a31;color:#fff;font-weight:900}.player-main{min-width:0;flex:1}.player-name{display:flex;flex-wrap:wrap;gap:5px;align-items:center;color:var(--ink);font-weight:850}.player-name span,.player-tags span,.card-meta span{display:inline-flex;align-items:center;min-height:20px;padding:2px 6px;border:1px solid var(--line);border-radius:6px;background:#fff}.player-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.table-panel{min-width:0;padding:14px}.table-header{justify-content:space-between;gap:12px;margin-bottom:14px}.table-header h2{font-size:clamp(1.2rem,4vw,1.9rem);line-height:1.1}.phase-label{margin-bottom:4px;font-weight:900;text-transform:uppercase}.table-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.primary-button,.secondary-button,.danger-button,.ghost-button,.card-actions button,.card-actions select,.select-sell{display:inline-flex;gap:7px;align-items:center;justify-content:center;border-radius:8px;font-weight:850;letter-spacing:0}.primary-button,.secondary-button,.danger-button,.ghost-button{min-width:112px;padding:10px 14px;border:1px solid transparent}.primary-button{background:var(--teal);color:#fff}.secondary-button{border-color:#116b6740;background:#eef9f7;color:var(--teal-dark)}.danger-button{background:var(--red);color:#fff}.ghost-button{border-color:var(--line);background:#fff;color:var(--ink)}.compact{min-width:0;min-height:38px;padding:8px 10px}.door-zone{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr);gap:12px;align-items:stretch}.empty-door{display:grid;min-height:220px;place-items:center;border:1px dashed #aebcb7;border-radius:8px;background:#f9fbfa;color:var(--muted);font-weight:850}.deck-counters{align-content:start;align-items:stretch;flex-wrap:wrap;gap:10px}.deck-counters div{display:grid;min-width:120px;min-height:92px;place-items:center;flex:1;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong)}.deck-counters [data-drop-zone=discard]{transition:border-color .14s ease,background .14s ease,transform .14s ease}.deck-counters strong{font-size:2rem;line-height:1}.combat-panel{display:grid;gap:14px}.public-table{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong)}.public-table .panel-title{margin-bottom:8px}.public-table-grid{display:grid;gap:10px}.table-player{display:grid;gap:7px}.table-player-name{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.table-card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}.table-mini-card{position:relative;display:grid;gap:5px;min-width:0;min-height:96px;align-content:start;padding:9px;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:8px;background:#fff}.table-mini-card.monster{border-top-color:var(--red)}.table-mini-card.curse,.table-mini-card.monsterMod{border-top-color:#5f4b8b}.table-mini-card.item,.table-mini-card.oneShot,.table-mini-card.levelUp{border-top-color:var(--gold)}.table-mini-card.class,.table-mini-card.ancestry{border-top-color:var(--teal)}.table-mini-card>span{color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase}.table-mini-card>strong{color:var(--ink);font-size:.88rem;line-height:1.1;overflow-wrap:anywhere}.mini-card-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.mini-card-actions button,.mini-drag-handle{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:#f9fbfa;color:var(--ink);font-size:.74rem;font-weight:850}.mini-drag-handle{position:absolute;top:6px;right:6px;width:30px;padding:0;touch-action:none}.empty-table{display:grid;min-height:68px;place-items:center;border:1px dashed #aebcb7;border-radius:8px;background:#fff;color:var(--muted);font-weight:850}.host-tools-panel{margin-top:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong)}.host-tools-trigger{display:flex;gap:7px;align-items:center;width:100%;min-height:42px;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer;font-weight:900;text-transform:uppercase}.host-tools-modal{position:fixed;inset:0;z-index:30}.host-tools-backdrop{position:absolute;inset:0;min-height:0;border:0;background:#17201d47}.host-tools-sheet{position:absolute;right:14px;bottom:14px;left:14px;max-width:760px;max-height:min(78dvh,680px);margin:0 auto;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 22px 60px #17201d47}.host-tools-sheet-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 14px 8px}.host-tools-sheet-header h3{margin:0;font-size:1.12rem}.host-tools-kicker{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.host-tools-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:0 14px 14px}.host-tools-note{color:var(--muted);font-size:.76rem;font-weight:850}.host-tools-grid label{display:grid;gap:5px;min-width:0;color:var(--muted);font-size:.74rem;font-weight:900;text-transform:uppercase}.resume-card-select{grid-column:1 / -1}.host-reset-button{width:100%}.combat-score{justify-content:center;gap:12px;min-height:92px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#f9fbfa}.score-box{display:grid;min-width:min(42vw,160px);place-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.score-box span{color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.score-box strong{font-size:2.2rem;line-height:1}.score-box.winning{border-color:#116b6773;background:#eef9f7;color:var(--teal-dark)}.monster-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.combat-actions,.helper-strip{flex-wrap:wrap;gap:8px}.log-list{max-height:520px;overflow:auto}.log-line{padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);line-height:1.35}.hand-dock{position:fixed;right:14px;bottom:14px;left:14px;z-index:5;max-width:1380px;max-height:min(54dvh,430px);margin:0 auto;padding:12px;overflow:auto;box-shadow:0 -10px 34px #17201d29}.turn-strip{display:flex;gap:8px;align-items:center;margin-bottom:8px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#f7fbf9;min-width:0}.turn-strip span{flex:0 0 auto;color:var(--teal-dark);font-size:.72rem;font-weight:900;text-transform:uppercase}.turn-strip strong{min-width:0;color:var(--ink);font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-header{justify-content:space-between;gap:10px}.dock-header .panel-title{margin-bottom:0}.dock-title-block,.dock-tools{display:flex;align-items:center;min-width:0}.dock-title-block{flex-wrap:wrap;gap:8px 12px}.dock-tools{gap:8px;flex:0 0 auto}.dock-toggle{border:1px solid var(--line);background:var(--panel-strong)}.lane-tabs{display:none;gap:4px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#f3f7f5}.lane-tabs button{display:inline-flex;gap:5px;align-items:center;min-height:32px;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:900}.lane-tabs button.active{background:#fff;color:var(--teal-dark);box-shadow:0 1px 4px #17201d1a}.lane-tabs span{color:inherit;font-variant-numeric:tabular-nums}.sell-controls{gap:8px}.sell-controls span{color:var(--muted);font-weight:850}.card-lanes{display:grid;gap:10px}.dock-peek-row{display:none}.lane{min-width:0}.lane-label{margin:4px 0 6px;font-weight:900;text-transform:uppercase}.card-scroll{display:grid;grid-auto-columns:minmax(174px,210px);grid-auto-flow:column;gap:9px;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:6px;scroll-snap-type:inline proximity}.game-card{position:relative;display:flex;min-width:0;min-height:218px;flex-direction:column;gap:7px;scroll-snap-align:start;padding:10px;border:1px solid #cfd9d4;border-top:5px solid var(--blue);border-radius:8px;background:#fff;box-shadow:0 8px 18px #17201d14}.hand-dock .game-card{min-height:190px;gap:5px;padding:8px}.hand-dock .game-card h3{font-size:.94rem}.hand-dock .game-card p{max-height:3.7em;font-size:.78rem;line-height:1.18}.drag-handle{display:inline-flex;gap:5px;align-items:center;align-self:flex-start;min-height:32px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:#eef9f7;color:var(--teal-dark);font-size:.76rem;font-weight:900;touch-action:none}.game-card.table{min-height:220px}.game-card.monster{border-top-color:var(--red)}.game-card.curse,.game-card.monsterMod{border-top-color:#5f4b8b}.game-card.item,.game-card.oneShot,.game-card.levelUp{border-top-color:var(--gold)}.game-card.class,.game-card.ancestry{border-top-color:var(--teal)}.game-card.selected{outline:3px solid rgb(178 118 18 / 35%)}.game-card.equipped{background:#f7fffc}.card-topline,.card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;font-weight:900;text-transform:uppercase}.game-card h3{margin:0;color:var(--ink);font-size:1rem;line-height:1.08;overflow-wrap:anywhere}.game-card p{flex:0 1 auto;max-height:4.8em;margin:0;color:#34423d;font-size:.84rem;line-height:1.25;overflow:hidden;overflow-wrap:anywhere}.card-actions{flex-wrap:wrap;gap:6px;margin-top:auto}.card-actions-stacked{display:grid;align-items:stretch}.rule-card-actions,.manual-card-actions{display:flex;flex-wrap:wrap;gap:6px}.rule-card-actions:empty{display:none}.manual-card-actions{margin-top:auto}.card-actions button,.card-actions select,.select-sell{min-height:32px;padding:5px 8px;border:1px solid var(--line);background:#f9fbfa;color:var(--ink);font-size:.78rem}.card-primary-action{border-color:#116b6747!important;background:#eef9f7!important;color:var(--teal-dark)!important}.drop-tray{position:fixed;top:86px;right:14px;left:14px;z-index:20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:760px;margin:0 auto;pointer-events:none}.drop-target{display:grid;min-height:70px;place-items:center;padding:8px;border:2px dashed rgb(17 107 103 / 38%);border-radius:8px;background:#fffffff5;box-shadow:0 10px 30px #17201d24;color:var(--teal-dark);pointer-events:auto;text-align:center}.drop-target strong{font-size:.9rem;line-height:1.1}.drop-target span{color:var(--muted);font-size:.72rem;font-weight:800}.drop-target.active{border-style:solid;background:#dff5f1;transform:translateY(-2px)}.drag-ghost{position:fixed;top:0;left:0;z-index:25;max-width:180px;padding:8px 10px;border:1px solid rgb(17 107 103 / 35%);border-radius:8px;background:#fff;box-shadow:0 10px 26px #17201d2e;color:var(--ink);font-size:.82rem;font-weight:900;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.select-sell{width:100%}.small-note{font-weight:850}.lobby-shell{display:grid;min-height:100dvh;place-items:center;padding:18px}.lobby-panel,.loading-panel{width:min(100%,440px);padding:18px}.loading-panel{display:flex;gap:10px;align-items:center;margin:10vh auto 0}.field-label{display:grid;gap:7px;color:var(--muted);font-size:.82rem;font-weight:900;text-transform:uppercase}input,select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:9px 10px}.lobby-actions{display:grid;gap:10px;margin-top:14px}.lobby-actions .primary-button{width:100%}.join-row{gap:8px}.join-row input{flex:1;min-width:0;text-transform:uppercase}@media(max-width:980px){.app-shell{padding-bottom:330px}.app-shell.no-hand-dock{padding-bottom:14px}.game-grid{grid-template-columns:1fr}.players-panel{order:2}.table-panel{order:1}.log-panel{order:3}.players-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.log-list{max-height:180px}.hand-dock{max-height:min(54dvh,440px)}.drop-tray{top:78px}}@media(max-width:620px){.app-shell{padding:10px 10px 148px}.app-shell.no-hand-dock{padding-bottom:10px}.app-shell.hand-dock-open{padding-bottom:430px}.topbar{align-items:flex-start}.status-pill{min-width:0}.table-header{align-items:flex-start;flex-direction:column}.table-actions{justify-content:flex-start;width:100%}.table-actions>button{flex:1}.door-zone{grid-template-columns:1fr}.deck-counters div{min-width:92px;min-height:76px}.combat-score{gap:8px}.score-box{min-width:116px}.score-box strong{font-size:1.9rem}.hand-dock{right:8px;bottom:8px;left:8px;max-height:148px;padding:8px}.hand-dock.expanded{max-height:min(56dvh,420px);overflow-y:auto;overscroll-behavior:contain}.hand-dock.peek{overflow:hidden}.dock-header{align-items:flex-start;gap:6px}.dock-title-block{flex:1 1 170px;gap:6px}.dock-tools{margin-left:auto}.hand-dock.peek .sell-controls{display:none}.lane-tabs{display:flex}.dock-peek-row{display:flex;gap:6px;margin-top:7px;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:2px}.hand-dock.expanded .dock-peek-row,.hand-dock.peek .card-lanes{display:none}.hand-dock.expanded .lane:not(.active){display:none}.peek-card,.peek-more,.peek-empty{display:grid;min-width:116px;max-width:154px;min-height:42px;align-content:center;gap:1px;padding:6px 8px;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:8px;background:#fff;color:var(--ink);text-align:left}.peek-card.monster{border-top-color:var(--red)}.peek-card.curse,.peek-card.monsterMod{border-top-color:#5f4b8b}.peek-card.item,.peek-card.oneShot,.peek-card.levelUp{border-top-color:var(--gold)}.peek-card.class,.peek-card.ancestry{border-top-color:var(--teal)}.peek-card span{color:var(--muted);font-size:.62rem;font-weight:900;text-transform:uppercase}.peek-card strong,.peek-more,.peek-empty{font-size:.78rem;line-height:1.08;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.peek-more,.peek-empty{place-items:center;text-align:center;font-weight:900}.drop-tray{top:116px;right:8px;left:8px;gap:6px}.drop-target{min-height:62px;padding:6px}.card-scroll{grid-auto-columns:minmax(146px,64vw)}.game-card{min-height:176px;gap:5px;padding:8px}.drag-handle{min-height:30px;padding:4px 7px}.drag-handle span{display:none}.game-card p{max-height:3.8em;overflow:hidden}.card-actions{gap:5px}.card-actions button,.card-actions select,.select-sell{min-height:30px;padding:4px 7px;font-size:.74rem}.host-tools-grid{grid-template-columns:1fr 1fr}.resume-card-select{grid-column:1 / -1}.table-card-row{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}}