:root{color-scheme:light;--bg: #f2eadf;--bg-warm: #e8dccd;--surface: rgba(255, 251, 246, .88);--surface-strong: rgba(255, 249, 242, .94);--surface-border: rgba(94, 61, 47, .12);--text: #201815;--muted: #6f6057;--primary: #8c4f36;--primary-deep: #6f3723;--accent: #b48d3b;--felt: #305548;--felt-deep: #224035;--felt-line: rgba(255, 244, 216, .18);--good: #245b43;--danger: #7a232b;--shadow: 0 22px 48px rgba(67, 40, 26, .12);--shadow-soft: 0 12px 24px rgba(67, 40, 26, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:Manrope,system-ui,sans-serif;background:radial-gradient(circle at top left,rgba(180,141,59,.12),transparent 28%),linear-gradient(rgba(111,55,35,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(111,55,35,.04) 1px,transparent 1px),linear-gradient(180deg,#f7f1e7 0%,var(--bg) 100%);background-size:auto,22px 22px,22px 22px,auto}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.58;cursor:not-allowed}.cuarenta-app{min-height:100vh;padding:92px 18px 28px}.topbar{position:fixed;inset:0 0 auto;height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;background:#f6eee3eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(94,61,47,.08);z-index:20}.brand-block{display:flex;align-items:center;gap:24px}.brand{font-family:"Noto Serif",serif;font-size:32px;font-weight:700;color:var(--primary-deep);letter-spacing:-.02em}.topnav{display:flex;align-items:center;gap:10px}.topnav button{border:none;background:transparent;padding:8px 10px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.topnav button.active,.topnav button:hover{color:var(--primary-deep);background:#8c4f361a}.topbar-actions{display:flex;align-items:center;gap:10px}.reconnect-dock{position:relative}.reconnect-summary{list-style:none;-webkit-user-select:none;user-select:none}.reconnect-summary::-webkit-details-marker{display:none}.reconnect-popover{position:absolute;top:calc(100% + 10px);right:0;width:min(320px,calc(100vw - 32px));padding:16px;border-radius:20px;background:#fcf7f0fa;border:1px solid var(--surface-border);box-shadow:var(--shadow);z-index:25}.reconnect-title{margin-top:8px;font-family:"Noto Serif",serif;font-size:20px;color:var(--primary-deep)}.header-button,.share-pill,.notice-card,.auth-card,.sidebar-panel,.board-shell,.profile-card,.activity-card,.hand-shell,.lobby-seat,.resume-card,.turn-banner,.reference-drawer{background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow)}.header-button,.share-pill,.secondary-chip{border-radius:14px;padding:10px 14px;font-size:13px;font-weight:700}.header-button{border:none;background:linear-gradient(180deg,#a75f43 0%,var(--primary) 100%);color:#fff}.secondary-chip{border:1px solid rgba(94,61,47,.1);background:#8c4f3614;color:var(--primary-deep)}.share-pill strong{color:var(--primary-deep)}.reference-overlay{position:fixed;inset:0;background:#21181447;display:grid;place-items:center;z-index:30;padding:24px}.reference-drawer{width:min(720px,calc(100vw - 32px));border-radius:28px;padding:24px;background:#fcf7f0fa}.reference-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.reference-head h2{margin:8px 0 0;font-family:"Noto Serif",serif;font-size:clamp(28px,4vw,40px);line-height:1.05;color:var(--primary-deep)}.reference-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.reference-tab{border:1px solid rgba(94,61,47,.1);background:#8c4f360f;color:var(--muted);border-radius:999px;padding:10px 14px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.reference-tab.active{background:#8c4f3624;color:var(--primary-deep)}.reference-lead{margin:18px 0 0;color:var(--muted);line-height:1.6}.reference-list{margin:18px 0 0;padding-left:20px;display:grid;gap:12px;line-height:1.55}.reference-footer{margin-top:20px;padding-top:18px;border-top:1px solid rgba(94,61,47,.1);color:var(--muted);font-size:13px}.section-kicker,.eyebrow,.team-stat-title,.timeline-kicker,.hand-head,.move-kind,.profile-sub,.lobby-footnote{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}.section-kicker,.eyebrow,.team-stat-title,.timeline-kicker,.hand-head,.move-kind,.lobby-footnote{color:var(--primary)}.invite-copy{text-align:center;max-width:740px;margin:0 auto}.invite-copy.centered{margin-bottom:12px}.invite-copy h1{margin:10px 0 12px;font-family:"Noto Serif",serif;font-size:clamp(42px,7vw,78px);line-height:.95;color:var(--primary-deep)}.invite-copy p{margin:0;color:var(--muted);line-height:1.6}.lobby-shell{max-width:1040px;margin:20px auto 0;display:grid;gap:26px}.lobby-shell.invite-mode{padding-top:36px}.auth-card{max-width:560px;margin:0 auto;width:100%;border-radius:26px;padding:22px;display:grid;gap:16px}label{display:grid;gap:8px;color:var(--muted);font-size:14px}input,select{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(94,61,47,.12);background:#ffffffc2;color:var(--text)}input:focus,select:focus,button:focus-visible{outline:2px solid rgba(140,79,54,.22);outline-offset:2px}.button-stack,.join-inline,.play-controls{display:grid;gap:12px}.join-inline{grid-template-columns:1fr auto}.primary-button,.secondary-button,.text-button{padding:14px 18px;border-radius:16px;font-weight:800}.primary-button{border:none;color:#fff;background:linear-gradient(180deg,#a85f42 0%,var(--primary) 100%)}.secondary-button{border:1px solid rgba(94,61,47,.1);background:#8c4f3614;color:var(--primary-deep)}.text-button{border:none;background:transparent;color:var(--primary-deep)}.primary-button.wide{min-width:280px}.notice-card{max-width:1040px;margin:14px auto;border-radius:20px;padding:16px 18px;color:var(--muted);overflow-wrap:anywhere}.slim-note{margin-top:0;font-size:13px}.lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lobby-seat{border-radius:22px;padding:18px;display:flex;align-items:center;gap:14px;position:relative}.lobby-seat.current{border-color:#8c4f3666;box-shadow:0 0 0 2px #8c4f361f,var(--shadow)}.lobby-seat.empty{opacity:.72;border-style:dashed}.avatar-orb{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;font-weight:800;background:#8c4f361a;color:var(--primary-deep)}.seat-copy{display:grid;gap:4px}.seat-name{font-weight:800;color:var(--primary-deep)}.seat-status{font-size:13px;color:var(--muted)}.host-badge{position:absolute;right:14px;top:14px;border-radius:999px;padding:4px 8px;background:var(--primary);color:#fff;font-size:11px;font-weight:800}.lobby-actions{display:grid;justify-items:center;gap:10px}.resume-card{max-width:560px;margin:0 auto;border-radius:22px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.resume-title{font-weight:800;color:var(--primary-deep)}.resume-copy{margin-top:4px;color:var(--muted);font-size:13px}.resume-actions{display:flex;align-items:center;gap:10px}.game-layout{max-width:1460px;margin:0 auto;display:grid;grid-template-columns:265px minmax(0,1fr) 270px;gap:16px;align-items:start}.sidebar-column,.activity-column{display:grid;gap:16px;align-self:start}.sidebar-panel{border-radius:28px;padding:20px}.sidebar-title,.activity-title{margin:10px 0 0;font-family:"Noto Serif",serif;color:var(--primary-deep)}.score-sidebar{display:grid;gap:16px}.sidebar-scorecards{display:grid;gap:12px}.side-team-card{border-radius:20px;padding:14px;background:#ffffff9e;border:1px solid rgba(94,61,47,.08)}.side-team-card.current-team{border-color:#8c4f363d;box-shadow:inset 0 0 0 1px #8c4f3614}.side-team-head{display:flex;justify-content:space-between;gap:10px;align-items:end}.side-team-label{color:var(--primary);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.side-team-score{font-family:"Noto Serif",serif;font-size:28px;line-height:.9;color:var(--primary-deep)}.side-team-score small{margin-left:4px;font-size:11px;color:var(--muted)}.side-team-players{margin-top:8px;font-weight:800}.side-team-meta{margin-top:10px;color:var(--muted);font-size:13px}.round-brief{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.round-brief div{display:grid;gap:6px;padding:12px;border-radius:16px;background:#8c4f3612}.round-brief span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.round-brief strong{color:var(--primary-deep);font-size:14px}.timeline{position:relative;display:grid;gap:16px;margin-top:20px}.timeline:before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:1px;background:#8c4f3633}.timeline-item{position:relative;padding-left:28px;opacity:.72}.timeline-item.active{opacity:1}.timeline-dot{position:absolute;left:6px;top:8px;width:10px;height:10px;border-radius:50%;background:#8c4f3638}.timeline-item.active .timeline-dot{background:var(--primary);box-shadow:0 0 0 6px #8c4f3624}.timeline-row{display:flex;justify-content:space-between;gap:10px;align-items:end}.timeline-row.single-line{justify-content:flex-start}.timeline-name{font-weight:800}.timeline-score{font-family:"Noto Serif",serif;font-weight:700;color:var(--primary-deep)}.timeline-score small{margin-left:3px;font-size:11px;color:var(--muted)}.timeline-flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.timeline-flag,.profile-tag,.turn-chip,.move-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#8c4f3614;color:var(--primary-deep);font-size:11px;font-weight:800}.timeline-flag.current,.turn-chip.emphasis,.turn-chip.bonus,.move-badge{background:#b48d3b26}.center-column{display:grid;gap:16px}.turn-banner,.hand-shell,.profile-card,.activity-card{border-radius:24px;padding:18px}.turn-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;background:linear-gradient(180deg,#fffaf4f5,#f8eee4f0)}.turn-banner.is-live{border-color:#b48d3b47}.turn-banner-copy{min-width:0}.turn-banner h2{margin:4px 0 0;font-family:"Noto Serif",serif;font-size:clamp(20px,2.3vw,28px);line-height:1.08;color:var(--primary-deep)}.turn-banner p{margin:6px 0 0;color:var(--muted);line-height:1.45;font-size:14px}.turn-banner-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.turn-chip.warning{background:#7a232b1f;color:var(--danger)}.turn-chip.bonus{background:#245b431f;color:var(--good)}.board-shell{--preview-accent: rgba(255, 244, 216, .16);--preview-border: rgba(255, 244, 216, .22);--preview-solid: rgba(255, 244, 216, .92);position:relative;border-radius:36px;min-height:430px;padding:58px 22px 78px;background:radial-gradient(circle at 20% 14%,rgba(255,244,216,.12),transparent 24%),linear-gradient(180deg,rgba(55,94,79,.95) 0%,var(--felt) 100%);border:2px solid rgba(255,244,216,.12);box-shadow:inset 0 0 0 1px #fff4d80d,inset 0 0 52px #0000001f,var(--shadow);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.board-shell:after{content:"";position:absolute;inset:14px;border-radius:28px;border:1px dashed var(--felt-line);pointer-events:none}.board-shell.preview-tone-match{--preview-accent: rgba(157, 77, 57, .2);--preview-border: rgba(216, 121, 88, .38);--preview-solid: #f1b29d}.board-shell.preview-tone-addition{--preview-accent: rgba(180, 141, 59, .22);--preview-border: rgba(227, 190, 103, .4);--preview-solid: #f0d07d}.board-shell.preview-tone-trail{--preview-accent: rgba(188, 214, 203, .18);--preview-border: rgba(221, 239, 230, .28);--preview-solid: #ddf1e8}.board-shell-armed{border-color:#fff4d840;box-shadow:inset 0 0 0 1px #fff4d814,inset 0 0 52px #0000001f,0 0 0 4px #b48d3b14,var(--shadow)}.board-hud{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;z-index:1}.hud-chip{padding:8px 12px;border-radius:999px;background:#faf2e3f5;border:1px solid rgba(255,244,216,.1);font-size:12px;font-weight:800;color:#5b473a}.hud-chip.accent{color:var(--good)}.hud-chip.subdued{background:#faf2e329;color:#fff4d8e6;border-color:#fff4d829}.table-grid{position:relative;z-index:1;min-height:310px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:22px 18px;border-radius:28px;transition:background .16s ease,box-shadow .16s ease}.table-grid.is-drop-target{background:var(--preview-accent);box-shadow:inset 0 0 0 2px var(--preview-border)}.empty-table{color:#fff4d8d6;font-weight:700}.stitch-card{--card-tilt: 0deg;--card-lift: 0px;width:96px;min-height:142px;border-radius:18px;border:1px solid rgba(94,61,47,.16);background:linear-gradient(180deg,#fffefb,#fbf5ee);box-shadow:0 12px 28px #140e0b24;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:10px;position:relative;transform:translateY(var(--card-lift)) rotate(var(--card-tilt));transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.stitch-card.is-red{color:var(--primary)}.stitch-card.is-dark{color:#26211f}.card-corner{font-family:"Noto Serif",serif;font-weight:700;font-size:24px;line-height:1}.card-corner.bottom{align-self:flex-end;transform:rotate(180deg)}.card-center{display:grid;place-items:center;font-size:31px}.board-card{appearance:none;font:inherit}.board-card.is-click-target{cursor:pointer}.board-card.has-preview-target{box-shadow:0 12px 28px #140e0b2e}.board-card.is-highlighted{--card-lift: -8px;border-color:var(--preview-border);box-shadow:0 0 0 2px var(--preview-accent),0 18px 30px #0000002e}.board-card.is-target-card{box-shadow:0 0 0 4px var(--preview-border),0 18px 30px #0000002e}.board-card.is-sequence-card{background:linear-gradient(180deg,#fffefb,#fcf7ee)}.board-card.tone-match.is-target-card{border-color:#b75843cc}.board-card.tone-addition.is-target-card{border-color:#d8ad46e6}.board-card.tone-match .card-target-tag{background:#9d4d3929;color:#7d2f1e}.board-card.tone-addition .card-target-tag{background:#b48d3b2e;color:#71520d}.board-card.is-last-played{border-color:#b48d3b73}.board-card.is-direct-target{box-shadow:0 0 0 5px var(--preview-border),0 18px 30px #0000002e}.card-status-tag,.card-target-tag,.capture-step-tag{position:absolute;font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px}.card-status-tag{top:8px;right:8px;background:#7a232b24;color:var(--danger)}.card-target-tag{top:8px;left:50%;transform:translate(-50%)}.capture-step-tag{bottom:8px;right:8px;min-width:24px;display:grid;place-items:center;background:#b48d3b29;color:var(--felt-deep)}.board-preview{position:absolute;left:24px;right:24px;bottom:20px;border-radius:20px;padding:16px 18px;z-index:1;border:1px solid var(--preview-border);background:#101c1775;color:#fff8ecf5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.board-preview.match{background:linear-gradient(180deg,#3c1812e0,#21110dbd)}.board-preview.addition{background:linear-gradient(180deg,#443110e0,#1f170ac2)}.board-preview.trail{background:linear-gradient(180deg,#182821d1,#101c17a8)}.board-preview-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.board-preview-kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#fff4d8c7}.board-preview-copy{margin-top:6px;font-weight:700;line-height:1.45}.board-preview-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.preview-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#fff4d81f;color:#fff8eceb;font-size:11px;font-weight:800}.preview-pill.tone-match{background:#d8795833;color:#ffe7e0}.preview-pill.tone-addition{background:#e3be6733;color:#fff1cd}.preview-pill.tone-trail{background:#ddefe629;color:#effbf4}.preview-pill.bonus{background:#245b435c;color:#effcf3}.preview-pill.subtle{background:#fff4d81a;color:#fff8ecc7}.board-preview-groups{display:grid;gap:8px;margin-top:12px}.preview-group-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline}.preview-group-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff4d8b8}.preview-group-cards{font-weight:700;line-height:1.4}.hand-shell{display:grid;gap:14px}.hand-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.hand-kicker{color:#8c4f36a8}.stitch-hand-row{display:flex;justify-content:center;align-items:flex-end;padding:4px 16px 10px}.hand-card{margin-left:-22px;transform-origin:50% 100%}.hand-card:first-child{margin-left:0}.hand-card.selected{--card-lift: -12px;box-shadow:0 18px 30px #140e0b29;border-color:#8c4f3652}.hand-card.dragging{--card-lift: -20px;box-shadow:0 20px 32px #140e0b33}.ghost-note,.muted-note,.move-label{color:var(--muted);font-size:13px;line-height:1.55}.move-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.move-option{border:1px solid rgba(94,61,47,.12);border-radius:20px;padding:14px;background:#ffffffc2;display:grid;gap:12px;text-align:left;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.move-option.tone-match{background:linear-gradient(180deg,#fff7f5f0,#fffcf9db)}.move-option.tone-addition{background:linear-gradient(180deg,#fffbeff5,#fffef8e0)}.move-option.tone-trail{background:linear-gradient(180deg,#f6faf8f0,#ffffffd6)}.move-option.previewed,.move-option.drop-ready{transform:translateY(-2px);border-color:#8c4f3642;box-shadow:var(--shadow-soft)}.move-option-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.move-kind.tone-match{color:#8a3a28}.move-kind.tone-addition{color:#8a691d}.move-kind.tone-trail{color:#406156}.move-kicker{color:var(--muted);font-size:12px;font-weight:700}.move-lineup{display:flex;gap:10px;align-items:center}.move-arrow{color:var(--muted);font-weight:800}.move-capture-row,.move-badges,.profile-tags{display:flex;flex-wrap:wrap;gap:8px}.mini-card{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:8px 10px;border-radius:12px;background:#f7f0e5f2;border:1px solid rgba(94,61,47,.08);font-weight:800}.mini-card.played{background:#8c4f3614}.move-badge.tone-match{background:#9d4d391f;color:#8a3a28}.move-badge.tone-addition{background:#b48d3b29;color:#7b5c16}.move-badge.tone-trail{background:#bcd6cb33;color:#406156}.move-empty-target{padding:10px 12px;border-radius:14px;background:#8c4f3614;color:var(--primary-deep);font-weight:700}.activity-column{display:grid;gap:16px}.order-card .activity-title,.recent-calls-card .activity-title{margin-top:8px}.utility-card{display:grid;gap:12px}.utility-copy{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.utility-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}.utility-button{padding:10px 14px;border-radius:14px}.profile-card{text-align:center}.player-sidebar{text-align:left}.player-sidebar .section-kicker,.player-sidebar .profile-sub,.player-sidebar .profile-tags{justify-content:flex-start}.player-sidebar .profile-avatar{margin:4px 0 12px}.profile-avatar{width:72px;height:72px;margin:0 auto 10px;border-radius:22px;display:grid;place-items:center;background:#8c4f361a;color:var(--primary-deep);font-size:30px;font-weight:800}.profile-name{font-weight:800;font-size:22px}.profile-sub{margin-top:4px;color:var(--muted)}.profile-stats{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-stats div{display:grid;gap:6px;padding:12px;border-radius:16px;background:#8c4f3612}.profile-stats span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.profile-stats strong{font-family:"Noto Serif",serif;font-size:24px;color:var(--primary-deep)}.activity-card ul{margin:16px 0 0;padding-left:18px;display:grid;gap:10px;color:var(--muted);line-height:1.45}.error-banner{position:fixed;left:50%;bottom:14px;transform:translate(-50%);max-width:min(920px,calc(100vw - 24px));padding:12px 16px;border-radius:14px;background:var(--danger);color:#fff;box-shadow:var(--shadow);z-index:40}@media(max-width:1180px){.game-layout{grid-template-columns:1fr}.center-column{order:1}.sidebar-column{order:2}.activity-column{order:3;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.activity-column,.lobby-grid,.join-inline,.resume-card,.round-brief{grid-template-columns:1fr}.turn-banner{display:grid}.turn-banner-chips{justify-content:flex-start}.resume-card{display:grid;justify-items:start}.resume-actions{width:100%;justify-content:space-between}}@media(max-width:760px){.topbar{padding:0 14px}.reconnect-popover{right:0;left:auto;width:min(300px,calc(100vw - 24px))}.brand-block{gap:12px}.topnav,.share-pill{display:none}.cuarenta-app{padding:82px 12px 20px}.invite-copy h1{font-size:46px}.board-shell{padding:72px 14px 88px;min-height:360px}.board-preview{left:14px;right:14px;bottom:14px}.stitch-hand-row{justify-content:flex-start;overflow-x:auto;padding:4px 2px 10px}.hand-card{margin-left:-12px}.stitch-card{width:88px;min-height:132px}.move-options-grid{grid-template-columns:1fr}.profile-stats,.utility-row{grid-template-columns:1fr 1fr}.utility-row{display:grid}}