:root{--bg: #0f5132;--felt: #146c43;--card-bg: #fafafa;--card-back: #1f3b6e;--card-border: #1a1a1a;--text: #f8f9fa;--red: #c0392b;--black: #1a1a1a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.app{max-width:900px;margin:0 auto;padding:1.5rem}.app__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.app__header h1{font-size:1.4rem;font-weight:600;margin:0}.app__deal-again{background:#fff;color:#1a1a1a;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer}.app__deal-again:hover{background:#e9ecef}.app__controls{display:flex;align-items:center;gap:.75rem}.opponent-toggle{display:inline-flex;align-items:center;gap:.4rem;background:#00000040;border-radius:6px;padding:.25rem}.opponent-toggle__label{font-size:.8rem;opacity:.8;margin:0 .25rem 0 .5rem}.opponent-toggle__btn{background:transparent;color:var(--text);border:none;padding:.3rem .6rem;border-radius:4px;font-size:.85rem;cursor:pointer}.opponent-toggle__btn.is-active{background:#fff;color:#1a1a1a;font-weight:600;cursor:default}.opponent-toggle__btn:disabled:not(.is-active){opacity:.5;cursor:not-allowed}.table{background:var(--felt);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 6px 20px #00000040}.table__center{text-align:center;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);padding:.75rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.status{margin:0;font-weight:600;letter-spacing:.02em}.stock{margin:0;opacity:.85;font-size:.9rem}.anchor{margin:0;font-size:.85rem;opacity:.85}.forfeit{background:#ffe6c8f2;color:#5a2e00;border:none;padding:.4rem .9rem;border-radius:6px;font-weight:600;cursor:pointer;font-size:.85rem}.forfeit:hover{background:#ffdcae}.hand__captured{opacity:.75;font-weight:500;font-size:.85rem}.game-over{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-over__panel{background:#1f3b6e;color:#fff;border-radius:12px;padding:2rem 2.5rem;text-align:center;box-shadow:0 20px 50px #00000073;min-width:280px}.game-over__banner{margin:0 0 .75rem;font-size:1.6rem;font-weight:700}.game-over__score{margin:0 0 1.25rem;font-size:1.05rem;opacity:.9}.game-over__new{background:#fff;color:#1f3b6e;border:none;padding:.6rem 1.4rem;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer}.game-over__new:hover{background:#e9ecef}.play-area{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:110px;padding:.5rem;width:100%;background:#0000001f;border-radius:8px}.play-area__empty{margin:auto;opacity:.7;font-size:.9rem;font-style:italic}.hand--active{outline:2px solid rgba(255,235,130,.7);border-radius:10px;padding:.4rem;margin:-.4rem}.hand__active-pill{font-weight:500;font-size:.85rem;opacity:.85}.card--clickable{font:inherit;cursor:pointer;transition:transform 80ms ease,box-shadow 80ms ease}.card--clickable:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 6px 14px #00000059}.card--clickable:disabled{cursor:default;opacity:.7}.hand__label{margin:0 0 .5rem;font-size:.95rem;font-weight:600;opacity:.9}.hand__cards{display:flex;gap:.6rem;flex-wrap:wrap}.card{width:70px;height:100px;border-radius:8px;border:1px solid var(--card-border);display:flex;flex-direction:column;justify-content:space-between;padding:.4rem .5rem;font-weight:700;-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px #00000040}.card--face{background:var(--card-bg)}.card--red{color:var(--red)}.card--black{color:var(--black)}.card__rank{font-size:1.1rem}.card__suit{align-self:flex-end;font-size:1.8rem;line-height:1}.card--back{background:repeating-linear-gradient(45deg,var(--card-back),var(--card-back) 6px,#2a4d8a 6px,#2a4d8a 12px)}