*{box-sizing:border-box}:root{--card-red:#c81e1e;--card-black:#1a1a1a;--felt:#0f5132;--felt-dark:#0b3d26}html,body,#root{height:100%}body{color:#111827;background:#111827;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.45rem .9rem;font-size:.95rem}button:hover:not(:disabled){background:#f3f4f6}button:disabled{cursor:not-allowed;opacity:.45}button.primary{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:600}button.primary:hover:not(:disabled){background:#1d4ed8}.screen-center{background:#fff;max-width:600px;min-height:100%;margin:0 auto;padding:3rem 1rem}.game-shell{color:#f9fafb;background:#111827;flex-direction:column;height:100%;display:flex;overflow:hidden}.game-header{background:#1f2937;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.game-header__title{letter-spacing:.02em;font-weight:800}.game-main{flex:auto;gap:.75rem;min-height:0;padding:.75rem 1rem;display:flex}.game-footer{background:#1f2937;flex:none;padding:.5rem 1rem .75rem}.table-felt{background:radial-gradient(ellipse at center, var(--felt) 0%, var(--felt-dark) 100%);color:#f0fdf4;border-radius:14px;flex-direction:column;flex:60%;justify-content:space-between;min-height:0;padding:.75rem;display:flex;overflow:auto}.meld-panel{color:#111827;background:#fff;border-radius:14px;flex:40%;min-height:0;padding:.75rem;overflow-y:auto}.turn-banner{text-align:center;letter-spacing:.02em;flex:none;padding:.5rem;font-size:1rem;font-weight:700}.turn-banner--you{color:#422006;background:#facc15}.turn-banner--them{color:#e5e7eb;background:#374151}.turn-banner__error{color:#7f1d1d;background:#fecaca;border-radius:6px;margin-top:4px;padding:2px 6px;font-weight:600;display:block}.playing-card{background:#fff;border:1px solid #c9ccd1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:80px;padding:4px;font-size:1.3rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex;position:relative;box-shadow:0 1px 3px #00000040}.playing-card:not(:disabled):hover{transform:translateY(-6px);box-shadow:0 6px 10px #0000004d}.playing-card--selected{box-shadow:0 0 0 3px #2563eb,0 4px 8px #0000004d}.playing-card--small{width:32px;height:46px}.playing-card--large{width:76px;height:108px;font-size:1.7rem}.playing-card--large .playing-card__corner{font-size:.85rem}.playing-card--large .playing-card__pip{font-size:2rem}.playing-card__corner{text-align:center;font-size:.68rem;line-height:.95;position:absolute}.playing-card__corner--top{top:3px;left:4px}.playing-card__corner--bottom{bottom:3px;right:4px;transform:rotate(180deg)}.playing-card__pip{font-size:1.5rem}.playing-card__joker{letter-spacing:1px;writing-mode:vertical-rl;color:#7c3aed;font-size:.6rem}.playing-card__back{cursor:default;background:repeating-linear-gradient(45deg,#1d4ed8,#1d4ed8 6px,#1e40af 6px 12px);border:2px solid #fff}.playing-card__back:hover{transform:none}.opponent-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.opponent-panel{text-align:center;background:#ffffff14;border-radius:10px;min-width:110px;padding:.4rem .6rem}.opponent-panel--active{box-shadow:0 0 0 3px #facc15}.opponent-panel__name{justify-content:center;align-items:center;gap:6px;margin-bottom:4px;font-size:.85rem;font-weight:700;display:flex}.opponent-panel__backs{justify-content:center;display:flex}.opponent-panel__backs .playing-card{margin-left:-20px}.opponent-panel__backs .playing-card:first-child{margin-left:0}.avatar-circle{color:#422006;background:#facc15;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;font-weight:800;display:inline-flex}.avatar-circle--active{box-shadow:0 0 0 3px #fff}.center-row{justify-content:center;align-items:flex-start;gap:2.5rem;padding:.5rem 0;display:flex}.pile{text-align:center;border:2px solid #0000;border-radius:12px;padding:6px}.pile--clickable{cursor:pointer}.pile--clickable:hover{background:#ffffff1a}.pile--available{border-color:#facc15;box-shadow:0 0 12px #facc1599}.pile-label{color:#d1fae5;margin-top:4px;font-size:.75rem}.pile-hint{color:#fde68a;max-width:120px;margin-top:2px;font-size:.7rem}.pile-hint--blocked{color:#fca5a5}.hand-fan{justify-content:center;align-items:flex-end;min-height:96px;padding:12px 4px 0;display:flex}.hand-fan__card{margin-left:-18px;transition:transform .15s}.hand-fan__card:first-child{margin-left:0}.hand-fan__card:hover{z-index:5}.selected-tray{background:#2563eb2e;border:2px dashed #60a5fa;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;padding:6px 10px;display:flex}.selected-tray__label{color:#bfdbfe;font-size:.8rem;font-weight:600}.action-bar{flex-wrap:wrap;align-items:center;gap:8px;min-height:38px;margin-bottom:6px;display:flex}.action-bar__wait{color:#9ca3af;font-style:italic}.action-bar__note{color:#fca5a5;font-size:.85rem}.staged-chip{background:#374151;border-radius:999px;align-items:center;gap:4px;padding:2px 4px 2px 10px;font-size:.8rem;display:inline-flex}.staged-chip button{border-radius:999px;padding:0 6px;font-size:.75rem}@media (width<=820px){.game-main{flex-direction:column;overflow-y:auto}}