.online-shell{width:min(980px,calc(100% - 40px));margin:0 auto;padding:54px 0 80px}.online-shell h1{margin:22px 0 14px;font-size:clamp(42px,7vw,76px)}.online-shell h1 em{color:var(--accent);font-style:normal}.lead{color:var(--muted);line-height:1.7}.online-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:36px}.online-card{padding:28px;border:1px solid rgba(216,212,200,.9);border-radius:22px;background:var(--card);box-shadow:var(--shadow)}.online-card h2{margin:0 0 22px;font-family:Georgia,"Songti SC",serif;font-weight:500}.online-card label{display:grid;gap:7px;margin:14px 0;color:var(--muted);font-size:13px}.online-card input{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink)}.online-card button{margin-top:12px}.hint{color:var(--muted);font-size:12px;line-height:1.6}.room-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.room-actions input{grid-column:1/-1;box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink)}.locked{opacity:.72}@media(max-width:700px){.online-shell{width:min(100% - 20px,520px);padding-top:30px}.online-grid{grid-template-columns:1fr}.online-card{padding:22px}}
.auth-actions{display:flex;gap:10px}.auth-actions button{flex:1}.match-card{margin-top:22px}.match-head{display:flex;justify-content:space-between;align-items:center}.match-head h2{margin:0}.match-head span{color:var(--muted);font-size:13px}.online-board{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;margin-top:20px;padding:8px;background:#c89964;border:1px solid #8c5d32;aspect-ratio:9/10}.online-cell{display:flex;align-items:center;justify-content:center;min-width:0;border:0;background:transparent;color:transparent;font-family:Georgia,"Songti SC",serif;font-size:clamp(17px,4vw,31px)}.online-cell::after{content:"";position:absolute}.online-cell.piece-red,.online-cell.piece-black{border:1px solid #70451f;border-radius:50%;background:#f6e2b8;color:#b7362c;box-shadow:0 2px 0 #70451f}.online-cell.piece-black{color:#27221e}.online-cell.selected{outline:4px solid #176b4c;outline-offset:-5px}
.online-cell{box-shadow:inset -1px -1px rgba(89,45,17,.72)}
.online-board{position:relative;display:block;box-sizing:border-box;padding:0;overflow:hidden}.online-lines{position:absolute;inset:4.7%;width:90.6%;height:90.6%;overflow:visible}.online-lines g{fill:none;stroke:rgba(89,45,17,.78);stroke-width:.45;vector-effect:non-scaling-stroke}.online-lines text{fill:rgba(96,45,19,.62);font-family:Georgia,"Songti SC",serif;font-size:5px;letter-spacing:.4px;text-anchor:middle}.online-cell{position:absolute;width:11.325%;height:10.067%;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:translate(-50%,-50%);z-index:1}.online-cell.x0{left:4.7%}.online-cell.x1{left:16.025%}.online-cell.x2{left:27.35%}.online-cell.x3{left:38.675%}.online-cell.x4{left:50%}.online-cell.x5{left:61.325%}.online-cell.x6{left:72.65%}.online-cell.x7{left:83.975%}.online-cell.x8{left:95.3%}.online-cell.y0{top:4.7%}.online-cell.y1{top:14.7667%}.online-cell.y2{top:24.8333%}.online-cell.y3{top:34.9%}.online-cell.y4{top:44.9667%}.online-cell.y5{top:55.0333%}.online-cell.y6{top:65.1%}.online-cell.y7{top:75.1667%}.online-cell.y8{top:85.2333%}.online-cell.y9{top:95.3%}.online-cell.piece-red,.online-cell.piece-black{border:1px solid #70451f!important;border-radius:50%!important;background:#f6e2b8!important;color:#b7362c;box-shadow:0 2px 0 #70451f!important}.online-cell.piece-black{color:#27221e}.online-cell.selected{outline:4px solid #176b4c;outline-offset:-5px}
.online-cell{width:8.8%;height:8.1%;transform:translate(-50%,-50%)!important;transition:none!important}.online-cell:hover,.online-cell:focus{transform:translate(-50%,-50%)!important}.online-cell.piece-red,.online-cell.piece-black{font-size:clamp(15px,3.2vw,25px)}
.remember{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:7px}.remember input{width:auto}