.online-page{background:radial-gradient(ellipse at 15% 0%, color-mix(in srgb, var(--table-felt-start) 35%, transparent), transparent 50%), var(--navy-deep);color:rgb(var(--ink-rgb));flex:1;padding:32px 16px 64px}.online-wrap{overflow-wrap:anywhere;min-width:0;max-width:1152px;margin:auto}.online-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin:24px 0;display:flex}.online-heading h1{letter-spacing:-.035em;font-size:clamp(28px,5vw,40px);font-weight:750}.online-heading p{color:rgb(var(--ink-rgb) / .65);max-width:680px;margin-top:10px;line-height:1.7}.online-grid{align-items:start;gap:24px;display:grid}.online-panel{border:1px solid var(--navy-panel-border);background:linear-gradient(145deg, var(--form-panel-start), var(--navy-deep));border-radius:20px;min-width:0;padding:24px}.online-panel h2{margin-bottom:16px;font-size:20px;font-weight:650}.online-panel h3{font-size:16px;font-weight:650}.online-field{border:1px solid rgb(var(--ink-rgb) / .19);background:var(--form-input);width:100%;min-width:0;color:rgb(var(--ink-rgb));border-radius:10px;padding:11px 12px;font-size:16px;display:block}.online-field:focus{outline:2px solid var(--gold);outline-offset:2px}.online-label{color:rgb(var(--ink-rgb) / .77);gap:8px;font-size:14px;display:grid}.online-muted{color:rgb(var(--ink-rgb) / .65);font-size:14px;line-height:1.7}.online-person{border-top:1px solid rgb(var(--ink-rgb) / .09);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.online-person:first-child{border-top:0}.online-person a:hover{color:var(--gold-bright)}.online-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.online-note{border:1px solid rgb(var(--ink-rgb) / .13);border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.7}.online-error{background:rgb(var(--bad-rgb) / .12);border-color:rgb(var(--bad-rgb) / .27);color:var(--bad-text-soft)}.online-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.online-kpis div{border:1px solid rgb(var(--ink-rgb) / .08);background:rgb(var(--ink-rgb) / .02);border-radius:14px;padding:16px}.online-kpis dt{color:rgb(var(--ink-rgb) / .65);font-size:12px}.online-kpis dd{color:var(--gold-bright);margin-top:8px;font-size:24px;font-weight:650}.online-hand{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 0;display:flex}.online-card{cursor:pointer;background:0 0;border:0;border-radius:2px;padding:0}.online-card:focus-visible{outline:3px solid var(--gold-bright);outline-offset:3px}.online-card:disabled{cursor:default}.online-score{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;display:grid}.online-score strong{color:var(--gold-bright);margin-top:8px;font-size:32px;display:block}.online-avatar{border:1px solid var(--gold);width:60px;height:60px;color:var(--gold-bright);background:rgb(var(--ink-rgb) / .03);border-radius:100%;flex-shrink:0;place-items:center;font-size:24px;display:grid}.online-badge{border:1px solid var(--gold);color:var(--gold-bright);border-radius:999px;padding:4px 10px;font-size:12px}@media (min-width:900px){.online-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr)}}@media (max-width:480px){.online-panel{padding:18px}.online-kpis{grid-template-columns:1fr 1fr}.online-heading{margin-top:16px}}.online-person,.online-score,.online-heading{overflow-wrap:anywhere}@media (max-width:480px){.online-table{padding:16px}.online-table>:not(:last-child){margin-bottom:18px}.online-table-center{gap:12px}.online-deck{--card-width:48px;--card-height:67px;gap:12px}.online-opponent{--card-width:40px;--card-height:56px}.online-score{gap:10px}.online-score strong{font-size:26px}}.online-outcome{border:1px solid;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.online-outcome[data-outcome=won]{color:var(--ok-text);background:rgb(var(--ok-rgb) / .07)}.online-outcome[data-outcome=lost]{color:var(--bad-text);background:rgb(var(--bad-rgb) / .07)}.online-outcome[data-outcome=draw]{color:var(--info-text);background:rgb(var(--info-rgb) / .07)}.online-hidden-cards{justify-content:center;padding:8px;display:flex}.online-hidden-cards>*+*{margin-left:calc(var(--card-width,69px) * -.7)}.online-game-actions{z-index:20;background:var(--navy-deep);position:sticky;bottom:12px;box-shadow:0 -8px 30px #0006}