:root{color:#1d2b24;background:#2f6b4f;font-family:system-ui,sans-serif}body{margin:0}main{max-width:960px;margin:0 auto;padding:1rem}h1{color:#f4f1e8;margin:0 0 1rem}.card{background:#f4f1e8;border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}label{flex-direction:column;gap:.25rem;display:flex}input,select,button{font:inherit;padding:.5rem}.link code{word-break:break-all}[role=alert]{background:#fde2e1;border-radius:.5rem;padding:.5rem}[role=status]{color:#f4f1e8}.table{flex-direction:column;gap:.75rem;display:flex}.info{flex-flow:wrap;align-items:center;gap:.5rem 1rem}.opponents{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.melds ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.melds h2,.mine h2{margin:0;font-size:1.1rem}.cards{flex-wrap:wrap;gap:.25rem;display:inline-flex}.playing-card{text-align:center;background:#fff;border:1px solid #b9b2a0;border-radius:.35rem;min-width:2.2rem;padding:.35rem .3rem;font-size:1rem;font-weight:600;display:inline-block}.playing-card.red{color:#c0262d}.playing-card.black{color:#1d2b24}.playing-card.joker{box-shadow:0 0 0 2px #d9a400}.playing-card.selected{transform:translateY(-.4rem);box-shadow:0 0 0 3px #2f6b4f}.turn,.plan{flex-direction:column;gap:.5rem;display:flex}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.inline{flex-direction:row;align-items:center;gap:.5rem}button.playing-card{cursor:pointer}.result table{border-collapse:collapse;width:100%}.result th,.result td{text-align:left;vertical-align:top;border-bottom:1px solid #d8d1bf;padding:.35rem}.banner{color:#1d2b24;background:#fff3c4;border-radius:.5rem;padding:.5rem}footer{text-align:center;margin-top:1.5rem}footer a{color:#f4f1e8}