*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#184332,#081c16);color:#f5eddb;font:16px system-ui}main{max-width:900px;padding:20px;margin:auto}header,.room-bar,.join-row,.actions{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}header{border-bottom:1px solid #d3b77844;padding-bottom:12px}a{color:#e7ca8d}h1{font:40px Georgia;margin:25px 0 10px}h2{font:25px Georgia}p{line-height:1.6}.muted{color:#b5cbb9;font-size:14px}.panel{background:#17382bd9;border:1px solid #d2b67b44;border-radius:18px;padding:22px;margin:20px 0}label{display:flex;flex-direction:column;gap:8px;font-size:14px;margin:12px 0;flex:1}input,select{font:inherit;min-height:48px;padding:12px;border:1px solid #bca26a77;background:#0b281d;color:#f6ebd4;border-radius:9px;max-width:100%;width:100%}button{font:600 14px system-ui;cursor:pointer;min-height:48px;border:1px solid #dabc80;background:#e7ca8d;color:#142c20;border-radius:10px;padding:12px 18px}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px}.secondary{background:transparent;color:#e7ca8d}#status{color:#e8cb91;min-height:24px}.seats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.seat{padding:13px;background:#183d2f;border:1px solid #8e9e7733;border-radius:12px;font-size:13px;overflow-wrap:anywhere}.seat.mine{border-color:#e6c579}.seat strong{display:block;margin:5px 0;color:#e8d6ac}.seat small{color:#b6c9b7}.cards{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px 0}.card{display:flex;position:relative;justify-content:center;align-items:center;background:#fff9eb;color:#193328;width:62px;height:90px;border-radius:8px;font:24px Georgia;box-shadow:0 4px 0 #bfb79e,0 6px 12px #0003;padding:3px}.card.red{color:#b02d3c}.card.selected{outline:3px solid #efc96f;transform:translateY(-5px)}.card:disabled{opacity:.4}.played-card{text-align:center;font-size:12px;color:#bbd0bc}.played-card .card{margin-top:6px}.actions{justify-content:center;gap:10px}.result{color:#ead09a}details{font-size:14px;margin:20px 0}summary{color:#e7ca8d;cursor:pointer;min-height:40px}[hidden]{display:none!important}@media(max-width:520px){main{padding:15px}.seats{grid-template-columns:repeat(2,1fr)}.card{width:52px;height:78px;font-size:21px}.panel{padding:16px}.cards{gap:8px}h1{font-size:34px}.join-row{display:block}.actions button{flex:1}.room-bar{gap:8px}.room-bar button{font-size:12px;padding:10px}}