.home{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding:32px 20px calc(32px + env(safe-area-inset-bottom));box-sizing:border-box;background:radial-gradient(120% 80% at 50% 0%,#14543d,#0b3d2e 55%,#07271d);color:#f4f4f4;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-align:center}.home-header{display:flex;flex-direction:column;align-items:center;gap:8px}.home-title{margin:0;font-weight:900;font-size:clamp(34px,9vw,56px);letter-spacing:.5px;display:flex;gap:.3em;line-height:1.05}.home-title-saffron{color:#f93}.home-title-green{color:#3fbf57}.home-tagline{margin:0;font-size:15px;opacity:.7}.home-menu{display:flex;flex-direction:column;gap:16px;width:100%;max-width:360px}.home-game-btn{display:flex;align-items:center;gap:16px;width:100%;padding:20px 24px;border:none;border-radius:18px;background:linear-gradient(135deg,#ffb347,#ff8a3d);color:#1a1208;font-size:22px;font-weight:800;cursor:pointer;box-shadow:0 10px 28px #00000059;transition:transform .12s ease,box-shadow .12s ease}.home-game-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0000006b}.home-game-btn:active{transform:translateY(0)}.home-game-icon{font-size:34px;line-height:1}.home-game-label{flex:1;text-align:left}.home-install-btn{padding:12px 22px;border:1.5px solid rgba(255,255,255,.45);border-radius:999px;background:transparent;color:#f4f4f4;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease}.home-install-btn:hover{background:#ffffff1f}.ios-help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.ios-help-modal{background:#fff;color:#1a1a1a;border-radius:18px;padding:24px;max-width:340px;width:100%;text-align:left;box-shadow:0 20px 60px #0006}.ios-help-modal h2{margin:0 0 10px;font-size:20px}.ios-help-modal p{margin:0 0 12px;font-size:15px}.ios-help-modal ol{margin:0 0 20px;padding-left:20px;font-size:15px;line-height:1.7}.ios-share-icon{display:inline-block;color:#007aff;font-weight:700}.ios-help-close{width:100%;padding:12px;border:none;border-radius:12px;background:#0b3d2e;color:#fff;font-size:16px;font-weight:700;cursor:pointer}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(ellipse at top,#1f5d3b,#0c3220 70%,#061b11);color:#f0f0f0;-webkit-user-select:none;user-select:none}:root{--card-w: 84px;--card-h: 118px}.app{display:grid;grid-template-rows:auto auto 1fr;height:100vh;padding:12px 24px;gap:12px;max-width:1280px;margin:0 auto}.top-toolbar{display:flex;align-items:center;gap:12px}.toolbar-btn,.hand-action-btn{padding:8px 18px;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s}.toolbar-btn:hover:not(:disabled),.hand-action-btn:hover:not(:disabled){background:#ffffff38}.toolbar-home{text-decoration:none;display:inline-flex;align-items:center}.toolbar-icon-btn{display:inline-flex;align-items:center;gap:6px}.toolbar-icon-btn svg{display:block;flex-shrink:0}.toolbar-btn:disabled,.hand-action-btn:disabled{opacity:.4;cursor:not-allowed}.hand-action-btn{min-width:130px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.hand-action-btn svg{display:block;flex-shrink:0}.drop-points{color:inherit;font-size:16px}.board{display:grid;grid-template-rows:1fr auto 1fr;gap:12px;min-height:0}.status-bar{display:flex;align-items:center;gap:24px;padding:8px 16px;background:#000;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.status-bar .title{font-weight:900;font-size:34px;line-height:1.3;letter-spacing:.5px;background:linear-gradient(to bottom,#f93,#f93 33.33%,#fff 33.33%,#fff 66.66%,#138808 66.66%,#138808);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.status-bar .wild-badge{display:inline-flex;flex-direction:column;align-items:center;gap:0;padding:3px 12px;background:#ffffff1a;border-radius:6px}.wild-cap{display:block;margin-bottom:-1px}.wild-rank{font-weight:700;font-size:18px;line-height:1;color:#ffd866}.status-msg{flex:1;text-align:center;font-size:15px;opacity:.95}.status-bar .match-info{display:flex;align-items:center;gap:12px;padding:4px 10px;background:#ffffff1a;border-radius:6px;font-size:19px;white-space:nowrap}.status-bar .match-info .mi-item{display:inline-flex;align-items:center;gap:5px}.status-bar .match-info svg{display:block;opacity:.85}.match-score-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#333;border:1px solid rgba(0,0,0,.15);border-radius:999px;padding:6px 18px;font-size:17px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:background .12s,border-color .12s}.match-score-chip svg{display:block}.msc-side{display:inline-flex;align-items:center;gap:4px}.msc-human{color:var(--human-color)}.msc-bot{color:var(--bot-color)}.msc-sep{color:#888}.match-score-chip:hover{background:#f1f1f1;border-color:#00000040}.match-score-chip.score-flash{animation:score-flash 1s ease}@keyframes score-flash{0%,to{transform:scale(1);box-shadow:none}30%{transform:scale(1.22);box-shadow:0 0 16px #ffd866f2}}.settings-button{background:transparent;color:#ffffffd9;border:none;padding:0;font-size:26px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .12s,transform .2s}.settings-button:hover{color:#fff;transform:rotate(45deg)}.help-button{width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:transparent;color:#ffffffd9;font-size:15px;font-weight:800;line-height:1;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:color .12s,border-color .12s,background .12s}.help-button:hover{color:#fff;border-color:#fff;background:#ffffff24}.help-modal{background:#1c2a22;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:18px 22px;width:min(620px,94vw);max-height:88vh;display:flex;flex-direction:column;gap:12px;color:#f0f0f0}.help-body{overflow-y:auto;padding-right:6px;display:flex;flex-direction:column;gap:14px}.help-group{margin:6px 0 0;font-size:16px;color:#ffd866;border-bottom:1px solid rgba(255,216,102,.3);padding-bottom:4px}.help-body section{display:flex;flex-direction:column;gap:4px}.help-body h4{margin:0;font-size:14px;color:#fff}.help-body p{margin:0;font-size:13px;line-height:1.5;opacity:.9}.help-body ul{margin:0;padding-left:18px;font-size:13px;line-height:1.55;opacity:.9}.help-body li{margin-bottom:2px}.help-body strong{color:#fff}.help-body em{color:#ffe08a;font-style:normal}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:160}.settings-modal{background:#1c2a22;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:18px 22px;width:min(420px,92vw);display:flex;flex-direction:column;gap:16px;color:#f0f0f0}.settings-header{display:flex;align-items:center;justify-content:space-between}.settings-header h2{margin:0;font-size:20px}.settings-close{background:transparent;color:#ffffffb3;border:none;font-size:22px;line-height:1;cursor:pointer;padding:0 6px}.settings-close:hover{color:#fff}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field>label{font-size:14px;font-weight:600}.settings-field-row{flex-direction:row;align-items:center;justify-content:space-between}.settings-field-checkbox{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.settings-field input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ffd866}.settings-field-row input[type=number]{width:72px;padding:5px 8px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;font-size:14px}.settings-segmented{display:flex;gap:8px}.settings-seg{flex:1;padding:8px 0;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#f0f0f0;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}.settings-seg:hover{background:#ffffff29}.settings-seg.is-active{background:#ffd8662e;border-color:#ffd866;color:#ffd866}.settings-subfields{display:flex;flex-direction:column;gap:12px;padding:12px 14px;background:#ffffff0a;border-radius:8px}.settings-subfields .settings-field-row label{font-weight:500;font-size:13px}.settings-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.settings-cancel,.settings-save{padding:8px 18px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.18)}.settings-cancel{background:transparent;color:#f0f0f0}.settings-cancel:hover{background:#ffffff14}.settings-save{background:#ffd866;color:#1c2a22;border-color:#ffd866}.settings-save:hover{background:#ffe08a}.settings-swatches{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.settings-cardback-row{display:flex;align-items:center;gap:10px;margin-top:6px}.settings-sublabel{width:14px;text-align:center;opacity:.6;font-size:13px;font-weight:700}.theme-swatch{width:48px;height:28px;padding:0;border-radius:6px;cursor:pointer;border:2px solid rgba(255,255,255,.25);overflow:hidden;display:inline-flex;background:none}.theme-swatch .sw-half{display:block;width:50%;height:100%}.back-swatch{width:34px;height:48px;padding:0;border-radius:6px;cursor:pointer;border:2px solid rgba(255,255,255,.25);background-clip:padding-box}.theme-swatch.is-active,.back-swatch.is-active{border-color:#fff;box-shadow:0 0 0 1px #0009}.settings-hint{opacity:.6;font-size:12px;font-weight:400}.match-history-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:150}.match-history-modal{background:#1c2a22;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:18px 22px;width:min(560px,92vw);max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;color:#f0f0f0}.match-history-header{display:flex;align-items:center;justify-content:space-between}.match-history-header h2{margin:0;font-size:20px}.match-history-close{background:transparent;color:#ffffffb3;border:none;font-size:22px;line-height:1;cursor:pointer;padding:0 6px}.match-history-close:hover{color:#fff}.match-history-totals{display:flex;gap:24px;align-items:center;font-size:15px}.match-history-side{display:inline-flex;align-items:center;gap:6px}.match-history-side svg{display:block}.match-history-target{opacity:.7;font-size:13px;margin-left:auto}.match-history-table th svg{display:block}.match-history-over{margin:0;padding:8px 12px;background:#ffd8661f;border:1px solid rgba(255,216,102,.4);border-radius:6px;font-weight:600}.match-history-next{margin:0;opacity:.85;font-size:13px}.match-history-empty{margin:0;opacity:.7;font-style:italic}.match-history-table{width:100%;border-collapse:collapse;font-size:14px}.match-history-table th,.match-history-table td{text-align:left;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.match-history-table th{opacity:.7;font-weight:600;font-size:12px;letter-spacing:.5px}.match-history-note{opacity:.7;font-size:13px}.match-history-turns{opacity:.65;font-size:12px}.bot-area{display:flex;align-items:center;justify-content:center}.bot-hand{display:flex;flex-direction:row;align-items:flex-end;gap:10px}.bot-hand-side{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.bot-hand-label{display:flex;color:#fff}.bot-hand-row{display:flex;align-items:center}.bot-card-slot{width:var(--card-w);height:var(--card-h)}.hand-count-after,.hand-count-before{display:inline-flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0;min-width:32px;height:32px;padding:0 10px;color:#9ca3af;font-size:14px;font-weight:700;letter-spacing:.3px}.hand-count-after{margin-left:24px}.hand-count-before{margin-right:24px}@keyframes hand-count-blink{0%,to{opacity:1}50%{opacity:.1}}.hand-count-before.count-blink{animation:hand-count-blink 1s ease-in-out infinite}.badge{display:inline-block;min-width:22px;padding:1px 6px;background:#ffffff26;border-radius:10px;font-size:12px;text-align:center}.middle-area{display:flex;align-items:center;justify-content:space-around;gap:32px;position:relative;padding:80px 36px;border-radius:16px;background-color:#4a3525;background-image:radial-gradient(ellipse at center,#ffeed21f,#0000 62%),url(/woodtexture-seamless.jpg);background-size:cover,400px 400px;background-repeat:no-repeat,repeat;background-position:center,center;border:1px solid rgba(0,0,0,.4);box-shadow:0 10px 28px #00000073,inset 0 1px #ffebcd1f,inset 0 -2px 6px #0000004d}.turn-dial{position:relative;width:calc(var(--card-h) * 1.12);height:calc(var(--card-h) * 1.12);flex:0 0 auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}.turn-dial:after{content:"";position:absolute;top:-22px;right:-22px;bottom:-22px;left:-22px;border-radius:50%;z-index:-1;opacity:0;transition:opacity 1.4s ease-in;pointer-events:none}.turn-dial-glow-draw:after{opacity:1;background:radial-gradient(circle,rgba(34,197,94,.4) 0%,rgba(34,197,94,.22) 50%,rgba(34,197,94,.06) 75%,transparent 82%)}.turn-dial-glow-discard:after{opacity:1;background:radial-gradient(circle,rgba(239,68,68,.4) 0%,rgba(239,68,68,.22) 50%,rgba(239,68,68,.06) 75%,transparent 82%)}.turn-dial-svg{width:100%;height:100%;display:block;overflow:visible}.dial-rim{fill:#1c140d;stroke:#d4af6e8c;stroke-width:1.5}.dial-face{fill:#2a1f15;stroke:#00000080;stroke-width:1}.dial-divider{stroke:#d4af6e2e;stroke-width:.8}.dial-hub{fill:#12100c;stroke:#d4af6e99;stroke-width:1.5}.dial-turn{fill:#9ca3af;font:700 15px/1 system-ui,sans-serif;text-anchor:middle;dominant-baseline:central}.dial-arrow path{fill:#e2d6be52;transition:fill .25s ease}.dial-arrow-active{color:#f0c94a}.dial-arrow-active path{fill:#f0c94a;filter:drop-shadow(0 0 4px currentColor)}.turn-dial-over .dial-arrow-active path{fill:#6b7280;filter:none}.table-overlay{position:absolute;top:24px;right:80px;bottom:24px;left:80px;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:none}.table-overlay>*{pointer-events:auto}.deadwood-panel{background:#1c2a22;border:1px solid rgba(255,216,102,.45);border-radius:12px;padding:18px 28px;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:460px;box-shadow:0 6px 20px #00000073}.app-fit .deadwood-panel{padding:10px 20px;gap:6px;min-width:340px}.app-fit .deadwood-scale-wrap{width:300px}.app-fit .deadwood-subtitle{font-size:11px}.deadwood-title{font-size:18px;font-weight:700;color:#ffd866;letter-spacing:.4px}.deadwood-subtitle{font-size:13px;opacity:.85}.deadwood-count-button{font-size:36px;font-weight:800;background:#ffd866;color:#1a1a1a;border:none;border-radius:10px;padding:8px 28px;min-width:120px;cursor:pointer;letter-spacing:.5px;transition:background .12s,transform .08s}.deadwood-count-button:hover{background:#ffe892}.deadwood-count-button:active{transform:scale(.98)}.deadwood-scale-wrap{position:relative;width:420px}.deadwood-ruler{position:relative;width:100%;height:78px;cursor:pointer;touch-action:none}.ruler-track-line{position:absolute;top:22px;left:0;right:0;height:4px;border-radius:2px;background:#ffffff4d}.ruler-knob{position:absolute;top:22px;width:40px;height:40px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#7b8794,#4b5563);border:1px solid rgba(0,0,0,.4);box-shadow:0 2px 6px #00000073;display:flex;align-items:center;justify-content:center;pointer-events:none}.ruler-knob-arrow{width:0;height:0;margin-top:6px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid #dc2626}.ruler-ticks{position:absolute;top:46px;left:0;right:0;height:30px}.ruler-tick{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.ruler-tick-mark{width:2px;height:8px;border-radius:1px;background:#fff6}.ruler-tick-major .ruler-tick-mark{height:13px;background:#ffd866d9}.ruler-tick-num{margin-top:3px;font-size:12px;opacity:.8}.deadwood-count-row{display:flex;align-items:center;gap:18px}.deadwood-tick{width:44px;height:44px;border-radius:50%;background:#ffd8662e;color:#ffd866;border:1px solid rgba(255,216,102,.5);font-size:26px;font-weight:700;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .12s,transform .08s,opacity .12s}.deadwood-tick:hover:not(:disabled){background:#ffd86652}.deadwood-tick:active:not(:disabled){transform:scale(.92)}.deadwood-tick:disabled{opacity:.35;cursor:not-allowed}.pile{display:flex;flex-direction:column;align-items:center;gap:6px}.pile-card{width:var(--card-w);height:var(--card-h)}.flight-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200}.pile-label{font-size:13px;opacity:.85;text-align:center;white-space:nowrap}.pile-count-label{min-width:22px;color:#9ca3af;font-size:12px;font-weight:700;text-align:center;white-space:nowrap}.stock-stack{position:relative;width:var(--card-w);height:var(--card-h)}.stock-stack .stock-wild{position:absolute;top:-6px;left:calc(var(--card-w) * -.405);width:var(--card-w);height:var(--card-h);z-index:0;pointer-events:none}.stock-stack .stock-top{position:absolute;top:0;left:0;width:var(--card-w);height:var(--card-h);z-index:2}.discard-stack{position:relative;width:var(--card-w);height:var(--card-h);transition:width .45s ease}.discard-stack .discard-top{position:absolute;top:0;left:0;width:var(--card-w);height:var(--card-h);z-index:2}.discard-stack .discard-top,.discard-stack .pile-stack-layer{transition:transform .45s ease}.discard-stack-landscape{width:var(--card-h);height:var(--card-h)}.discard-stack-landscape .discard-top,.discard-stack-landscape .pile-stack-layer{transform:translate(calc((var(--card-h) - var(--card-w)) / 2)) rotate(90deg)}.discard-fan .discard-fan-card{position:absolute;top:0;width:var(--card-w);height:var(--card-h);transition:left .18s ease}.pile-stack-layer{position:absolute;width:var(--card-w);height:var(--card-h);border-radius:8px;z-index:1;pointer-events:none}.pile-stack-layer.back{background:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 6px,transparent 6px 12px),repeating-linear-gradient(-45deg,rgba(255,255,255,.07) 0 6px,transparent 6px 12px),linear-gradient(135deg,var(--cb-1) 0%,var(--cb-2) 50%,var(--cb-3) 100%);border:1px solid rgba(0,0,0,.55);background-clip:padding-box}.pile-stack-layer.face{background:#f3f3f3;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 2px #00000040}.pile-clickable{cursor:pointer}.pile-clickable .stock-top,.pile-clickable .discard-top{transition:transform .15s}.pile-clickable:hover .stock-top,.pile-clickable:hover .discard-top{transform:translate(4px,4px)}.stock-top .card:hover,.discard-top .card:hover{transform:none}.pile-disabled{cursor:not-allowed}.pile-muted .discard-stack{filter:grayscale(.35) brightness(.82);opacity:.7}.pile-muted .pile-label{opacity:.55}.pile-empty{width:var(--card-w);height:var(--card-h);border:2px dashed rgba(255,255,255,.25);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;opacity:.6}.declare-box{position:relative;width:var(--card-w);height:var(--card-h);border:2px dashed rgba(255,216,102,.6);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffd866;font-weight:700;font-size:14px;letter-spacing:.5px;background:#ffd8660a;transition:background .12s,border-color .12s,box-shadow .12s}.declare-box-armed{animation:declare-armed-blink 1s step-start infinite}@keyframes declare-armed-blink{0%,49%{opacity:1}50%,to{opacity:.3}}.declare-box-over{background:#ffd86640;border-color:#ffd866;box-shadow:0 0 0 3px #ffd86659}.declare-box-has-card{border-style:solid;border-color:#ffd86666;background:transparent;padding:0}.declare-box-has-card .card{width:100%;height:100%}.pile-disabled .declare-box{opacity:.4;border-color:#fff3;color:#ffffff80;background:transparent}.pile-disabled .declare-box.declare-box-has-card{opacity:1;border-color:#ffd86666}.log-slot{flex:1;position:relative;align-self:stretch;min-width:0}.log-panel{position:absolute;top:0;left:0;right:0;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:13px;color:#f0f0f0;cursor:pointer;z-index:20;transition:background .15s ease}.log-panel:hover{background:#0000008c}.log-panel-compact{height:100%;padding:0 14px;display:flex;align-items:center;overflow:hidden;white-space:nowrap}.log-panel-compact .log-line{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.log-panel-expanded{padding:10px 14px}.log-panel-list{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.log-line{line-height:1.4;opacity:.85}.player-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.hand-actions{align-self:stretch;display:flex;align-items:center;gap:12px}.hand-actions .drop-button{margin-left:auto}.hand-help-msg{flex:1;text-align:center;font-size:13px;opacity:.8}.hand .hand-count-before{align-self:flex-start}.hand{display:flex;gap:4px;flex-wrap:nowrap;align-items:center;padding:6px;border-radius:10px;transition:background .12s,box-shadow .12s}.hand.hand-drop-active{background:#ffd8661f;box-shadow:0 0 0 2px #ffd8668c inset}.pile.pile-drop-active{box-shadow:0 0 0 2px #ffd8668c;border-radius:10px}.hand-slot{touch-action:none}.hand-slot.just-picked .card{box-shadow:0 0 0 3px #ffd866;border-radius:8px}.card{width:var(--card-w);height:var(--card-h);border-radius:8px;background:#fff;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;position:relative;overflow:hidden}.card img{width:100%;height:100%;display:block;pointer-events:none}.card-mini{border:1px solid rgba(0,0,0,.45);border-radius:3px}.card:hover{transform:translateY(-6px)}.bot-card-slot .card{cursor:default}.bot-card-slot .card:hover{transform:none}.card-selected{box-shadow:0 0 0 4px #ffd866;transform:translateY(-12px)}.card-dimmed{cursor:not-allowed}.card-back{background:linear-gradient(135deg,var(--cb-1) 0%,var(--cb-2) 50%,var(--cb-3) 100%);border:1px solid rgba(0,0,0,.55);background-clip:padding-box}:root,.cardback-blue{--cb-1: #2c3e95;--cb-2: #1a2660;--cb-3: #0f1740}.cardback-teal{--cb-1: #0d7a7a;--cb-2: #0a5252;--cb-3: #063535}.cardback-purple{--cb-1: #5b3a9b;--cb-2: #3f2870;--cb-3: #271546}.cardback-crimson{--cb-1: #9b2335;--cb-2: #6b1620;--cb-3: #420d14}.cardback-slate{--cb-1: #3a4a5b;--cb-2: #283440;--cb-3: #161e26}.card-back-pattern{width:100%;height:100%;background:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 6px,transparent 6px 12px),repeating-linear-gradient(-45deg,rgba(255,255,255,.07) 0 6px,transparent 6px 12px);border-radius:7px;border:1px solid rgba(255,255,255,.28);background-clip:padding-box}.revealed-hand{display:flex;flex-direction:column;gap:6px;align-items:center;width:100%}.revealed-hand-label{margin:0;opacity:.85;font-size:14px;display:inline-flex;align-items:center;gap:5px}.reveal-groups{display:flex;flex-direction:row;gap:24px;flex-wrap:nowrap;align-items:flex-start;justify-content:center}.reveal-group{display:flex;flex-direction:column;gap:4px;padding-top:4px;border-top:3px solid rgba(255,255,255,.18);border-radius:2px;transition:border-top-color .4s ease}.reveal-group-pure{border-top-color:#ffd866}.reveal-group-seq{border-top-color:#88c4ff}.reveal-group-set{border-top-color:#a3e635}.reveal-group-deadwood{border-top-color:#f87171}.reveal-group-flat,.reveal-group.labels-hidden{border-top-color:transparent}.reveal-group.labels-hidden.reveal-group-deadwood{opacity:1}.reveal-group-deadwood:not(.labels-hidden){opacity:.85}.group-label{font-size:11px;letter-spacing:.4px;text-align:center;white-space:nowrap;opacity:.75;transition:opacity .4s ease}.reveal-group.labels-hidden .group-label{opacity:0}.group-cards{display:flex;gap:0;flex-wrap:nowrap}.group-cards>.flip-card+.flip-card{margin-left:-28px}.bot-area-result,.player-area-result{align-items:center;overflow-y:auto;min-height:0}.middle-area-result{min-height:190px}.result-score{position:relative;display:flex;flex-direction:column;gap:10px;align-items:center;padding:18px 28px;background:#fff;border:3px solid var(--ring-color);border-radius:26px;width:min(420px,90vw);box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ring-color),0 0 0 9px #fff,0 0 0 12px var(--ring-color),0 10px 28px 12px #0000008c;color:#1f2937;--rs-human: color-mix(in srgb, var(--human-color), #1f2937 30%);--rs-bot: color-mix(in srgb, var(--bot-color), #1f2937 30%);max-height:100%;overflow-y:auto}.result-title{margin:0;font-size:44px;line-height:1}.result-reason{margin:0;font-size:13px;opacity:.85;text-align:center}.rs-board-row{display:flex;align-items:center;gap:16px;width:100%}.rs-board{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;row-gap:10px;column-gap:16px;flex:1;min-width:0}.rs-name{grid-column:1;font-size:20px;font-weight:700;line-height:1;justify-self:start;display:inline-flex;align-items:center;gap:8px}.rs-name svg,.bot-hand-label svg{display:block}.rs-board .rs-bot{color:var(--rs-bot)}.rs-board .rs-you{color:var(--rs-human)}.rs-prev-group{grid-column:2;justify-self:start;display:inline-flex;align-items:baseline;gap:4px}.rs-prev{font-size:18px;opacity:.8;line-height:1}.rs-plus{font-size:20px;font-weight:800;line-height:1}.rs-sign{font-size:18px;opacity:.6}.rs-total{grid-column:4;font-size:22px;font-weight:700;line-height:1;justify-self:end;display:inline-flex;align-items:center;gap:8px}.rs-delta-big{grid-column:3;grid-row:1 / span 2;justify-self:center;align-self:stretch;display:flex;align-items:center;justify-content:center;font-size:72px;font-weight:800;line-height:1}.result-score button.primary{flex-shrink:0;background:#ffd866;color:#1a1a1a;border:1px solid #ffd866;font-weight:700;cursor:pointer}.rs-next{width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;margin-right:-16px}.celebration{position:relative;width:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;overflow:hidden;border-radius:16px}.celebration-face{font-size:96px;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55));z-index:2}.celebration-face.is-win{animation:celebrate-bounce .9s ease-in-out infinite}.celebration-face.is-lose{animation:sad-sway 2.4s ease-in-out infinite;opacity:.9}.celebration-face.is-draw{opacity:.92}@keyframes celebrate-bounce{0%,to{transform:translateY(0) scale(1) rotate(-5deg)}50%{transform:translateY(-14px) scale(1.08) rotate(5deg)}}@keyframes sad-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.celebration-msg{font-size:22px;font-weight:800;letter-spacing:.5px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6);z-index:2}.celebration-newmatch{margin-top:6px;padding:10px 24px;background:#ffd866;color:#1a1a1a;border:1px solid #ffd866;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;z-index:2}.celebration-newmatch:hover{background:#ffe08a}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1;pointer-events:none}.confetti{position:absolute;top:-16px;width:9px;height:14px;border-radius:2px;opacity:.9;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:.95}to{transform:translateY(340px) rotate(540deg);opacity:.95}}.flip-card{width:var(--card-w);height:var(--card-h);perspective:800px}.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease-in-out}.flip-card.is-flipped .flip-card-inner{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-back{transform:rotateY(180deg)}.flip-card .card{width:100%;height:100%}.flip-card .card:hover{transform:none}.flight-card-box{width:var(--card-w);height:var(--card-h)}.discard-fan .discard-buried-card{position:absolute;top:0;left:0;width:var(--card-w);height:var(--card-h);transform-origin:center center;pointer-events:none}.discard-fan .buried-count-badge{position:absolute;top:100%;margin-top:6px;pointer-events:none}.app-fit{padding:2px 8px;max-width:none;gap:4px}.app-fit .board{gap:6px}.app-fit .status-bar{padding:4px 8px}.app-fit .status-bar .title{font-size:18px}.app-fit .status-msg,.app-fit .status-bar .match-info{font-size:12px}.app-fit .settings-button{font-size:20px}.app-fit .top-toolbar{gap:8px}.app-fit .toolbar-btn,.app-fit .hand-action-btn{padding:4px 10px;font-size:12px;min-width:0}.app-fit .hand-action-btn{min-width:92px}.app-fit .hand{gap:3px;padding:3px}.app-fit .hand-actions{gap:8px}.app-fit .bot-hand,.app-fit .pile{gap:3px}.app-fit .bot-hand-label,.app-fit .pile-label,.app-fit .pile-count-label,.app-fit .hand-help-msg,.app-fit .revealed-hand-label{font-size:11px}.app-fit .hand-count-after{margin-left:12px;min-width:26px;height:26px;font-size:12px}.app-fit .hand-count-before{margin-right:12px;min-width:26px;height:26px;font-size:12px}.app-fit .middle-area{gap:16px;padding:calc(var(--card-w) * .25 + 10px) 24px}.app-fit .board{gap:4px}.app-fit .log-panel{font-size:11px}.app-fit .result-score{padding:10px 18px;border-width:2px;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ring-color),0 0 0 6px #fff,0 0 0 8px var(--ring-color),0 6px 16px 8px #0000008c}.app-fit .result-title{font-size:30px}.app-fit .rs-delta-big{font-size:44px}.app-fit .table-overlay{top:4px;right:24px;bottom:4px;left:24px}.app-fit .log-panel-compact{padding:0 10px}.orientation-gate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:24px;background:radial-gradient(ellipse at top,#1f5d3b,#0c3220 70%,#061b11);color:#f4f4f4}.orientation-gate-icon{font-size:60px;line-height:1}.orientation-gate h2{margin:0;font-size:22px;font-weight:800}.orientation-gate p{margin:0;max-width:320px;opacity:.85;font-size:15px;line-height:1.5}.match-tabs{display:flex;gap:4px;margin:0 0 4px;padding:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:999px}.match-tab{flex:1 1 0;padding:8px 10px;border:0;border-radius:999px;background:none;font:inherit;font-size:.9rem;font-weight:600;color:#ffffffbf;cursor:pointer;transition:background .12s ease,color .12s ease}.match-tab:hover{background:#ffffff1a;color:#fff}.match-tab.active{background:#eef2ef;color:#16241d}.match-tab.active:hover{background:#fff;color:#16241d}.shadow-blurb,.shadow-footnote{margin:0 0 10px;font-size:.8rem;line-height:1.45;color:#0009}.shadow-footnote{margin:10px 0 0}.shadow-pending{margin:0 0 8px;font-size:.8rem;opacity:.7}.shadow-verdict{font-weight:700}.shadow-decided{font-weight:400;opacity:.8}.shadow-row-open{cursor:pointer}.shadow-row-open:hover{background:#ffffff17}.shadow-miscount{color:var(--bot-color, #c44);font-size:.85em}.shadow-table tfoot td{border-top:1px solid rgba(0,0,0,.15);padding-top:6px}.review-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:160}.review-modal{--rv-col: 32px;--rv-gutter-a: 86px;--rv-gutter-b: 58px;--card-w: 24px;--card-h: 44px;--rv-surface: #1b2921;--rv-block-bg: #24352b;--rv-you: color-mix(in srgb, var(--human-color, #003f87), #ffffff 48%);--rv-house: color-mix(in srgb, var(--bot-color, #cc002b), #ffffff 42%);--rv-bot: #b9a6e8;--rv-closed: #1c4f8f;--rv-closed-ink: #eef4fb;--rv-open: #cbe8c4;--rv-open-ink: #14361a;background:var(--rv-surface);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 14px 10px;width:min(1000px,96vw);max-height:94vh;display:flex;flex-direction:column;gap:8px;color:#f0f0f0}.review-header{display:flex;align-items:center;gap:12px}.review-header h2{margin:0;font-size:19px}.review-wild{font-size:13px;opacity:.7;margin-right:auto}.review-duel{display:inline-flex;align-items:baseline;gap:10px;font-size:13px}.review-duel-verdict{font-weight:700}.review-duel-score{font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;padding:2px 10px;border-radius:999px;background:#ffffff1a}.review-duel-pending{opacity:.6;font-style:italic}.review-scroll{overflow:auto;flex:1 1 auto;overscroll-behavior:contain}.review-grid{width:max-content}.rv-row{display:grid;grid-template-columns:var(--rv-gutter-a) var(--rv-gutter-b) repeat(var(--rv-turns, 18),var(--rv-col));align-items:stretch}.rv-seat,.rv-label{position:sticky;background:var(--rv-surface);font-size:10px;line-height:1.15;display:flex;align-items:center;padding:0 5px;overflow:hidden;z-index:2}.rv-seat{left:0;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.rv-label{left:var(--rv-gutter-a);opacity:.75}.rv-seat-name{display:inline-flex;align-items:center;gap:4px;color:var(--rv-accent)}.rv-seat-name svg{display:block}.rv-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-left:1px solid rgba(255,255,255,.06);font-size:11px;min-height:16px}.review-grid .card{cursor:default}.review-grid .card:hover{transform:none}.rv-turns{position:sticky;top:0;z-index:4;font-weight:700;font-size:11px}.rv-turns .rv-seat,.rv-turns .rv-label{z-index:5}.rv-turns .rv-cell{padding:3px 0;background:#16211b}.rv-block{margin-top:8px;border-radius:10px;overflow:hidden;--rv-accent: rgba(255, 255, 255, .22)}.rv-block .rv-seat,.rv-block .rv-label{background:var(--rv-block-bg)}.rv-block .rv-seat{border-left:3px solid var(--rv-accent)}.rv-seat-you{--rv-accent: var(--rv-you)}.rv-seat-bot{--rv-accent: var(--rv-bot)}.rv-seat-house{--rv-accent: var(--rv-house)}.rv-toggle{display:flex;align-items:center;gap:4px;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.rv-caret{font-size:9px;opacity:.65}.rv-collapsed{background:var(--rv-block-bg);border-left:3px solid var(--rv-accent)}.rv-collapsed .rv-toggle{padding:6px 5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.rv-offer-row .rv-cell{background:var(--rv-closed);color:var(--rv-closed-ink);padding:3px 0}.rv-open-row .rv-cell{background:var(--rv-open);color:var(--rv-open-ink)}.rv-options .rv-seat{align-items:flex-start;padding-top:5px}.rv-strip .rv-cell{background:#185b6b;font-weight:600;padding:2px 0}.rv-hand-row .rv-cell,.rv-pick-row .rv-cell{padding:3px 0}.rv-cell.rv-pick-closed{background:var(--rv-closed);color:var(--rv-closed-ink)}.rv-cell.rv-pick-open{background:var(--rv-open);color:var(--rv-open-ink)}.rv-out-row .rv-cell{background:#f6cdb4;color:#4a2410;padding:3px 0}.rv-cell.rv-declare{background:#ff8c1a;color:#2b1400}.rv-cell.rv-unplayed{background:none}.rv-symbol{font-weight:700;font-size:12px;line-height:1}.rv-end-row .rv-cell{border-bottom:4px solid transparent}.rv-cell.rv-group-pure{background:#ffd23f42;border-bottom-color:#ffd23f}.rv-cell.rv-group-pure-alt{background:#f4721642;border-bottom-color:#f47216}.rv-cell.rv-group-seq{background:#4da3ff42;border-bottom-color:#4da3ff}.rv-cell.rv-group-seq-alt{background:#22d3ee42;border-bottom-color:#22d3ee}.rv-cell.rv-group-set{background:#a3e6353d;border-bottom-color:#a3e635}.rv-cell.rv-group-set-alt{background:#d946ef42;border-bottom-color:#d946ef}.rv-cell.rv-group-deadwood{background:#f8717142;border-bottom-color:#f87171}.rv-cell.rv-group-flat{background:none}.rv-cell.rv-group-start{border-left:2px solid rgba(255,255,255,.65)}.rv-cell.rv-sim{opacity:.55}.rv-cell.rv-sim-start{border-left:2px solid #ffd866}.rv-pending .rv-pending-note{grid-column:3 / -1;padding:10px 8px;font-size:13px;opacity:.7}.review-legend{margin:0;font-size:11px;opacity:.75}.review-legend-sim{opacity:.8}.rs-review{position:absolute;top:12px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid rgba(0,0,0,.3);border-radius:999px;color:#1a1a1a;cursor:pointer}.rs-review:hover{background:#0000000f}.settings-version{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;opacity:.65}.settings-version-value{font-variant-numeric:tabular-nums}