.sel-app{max-width:1450px;margin:24px auto;padding:18px;background:#edf3f8;border:1px solid #c5d4e3;border-radius:14px;color:#172b3a;font-family:Arial,sans-serif;box-sizing:border-box}.sel-app *{box-sizing:border-box}.sel-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.sel-heading h2{margin:0 0 5px;font-size:28px;color:#173e66}.sel-heading p{margin:0 0 12px}.sel-user{font-size:14px}.sel-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.sel-controls label{font-size:14px;font-weight:bold}.sel-controls input{width:145px;padding:10px;border:1px solid #a8bbce;border-radius:7px;text-transform:uppercase}.sel-btn{background:#175b91;color:#fff;border:0;border-radius:7px;padding:10px 14px;cursor:pointer;font-weight:bold}.sel-btn:hover{background:#0d426e}.sel-btn:disabled{opacity:.45;cursor:not-allowed}.sel-status{background:#fff;border-left:4px solid #2474aa;padding:11px 13px;border-radius:5px;margin:12px 0}.sel-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.sel-board-wrap{overflow:auto;background:#354b5a;padding:12px;border-radius:7px;box-shadow:inset 0 0 0 1px #6d879a}.sel-board{display:grid;grid-template-columns:repeat(19,minmax(28px,1fr));grid-template-rows:repeat(19,minmax(28px,1fr));aspect-ratio:1;width:100%;min-width:570px;max-width:1000px;margin:auto;background:#a5bfd7;border:1px solid #285f91;position:relative}.sel-cell{border:0;border-right:1px solid #4278a3;border-bottom:1px solid #4278a3;background:transparent;position:relative;padding:0;min-width:0;min-height:0;cursor:pointer}.sel-cell:focus-visible{outline:2px solid #ffcc36;z-index:2}.sel-cell:before{content:"";position:absolute;width:70%;height:70%;max-width:25px;max-height:25px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);display:none;z-index:1}.sel-cell.stone-1:before{display:block;background:radial-gradient(circle at 32% 27%,#6e6e6e,#090909 65%);box-shadow:1px 2px 3px #345}.sel-cell.stone-2:before{display:block;background:radial-gradient(circle at 32% 27%,#fff,#d7dce0 75%);box-shadow:1px 2px 3px #526}.sel-cell.last-move:after{content:"";position:absolute;z-index:2;width:5px;height:5px;background:#df3c32;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.sel-side{display:flex;flex-direction:column;gap:12px}.sel-card{background:#fff;border:1px solid #d1deea;border-radius:9px;padding:14px;min-width:0}.sel-card h3{margin:0 0 10px;color:#173e66}.sel-card p{margin:7px 0;font-size:14px;overflow-wrap:anywhere}.sel-help{font-size:12px!important;color:#536779;line-height:1.5}.sel-chat-log{height:210px;overflow-y:auto;background:#f4f7fa;border:1px solid #d8e2eb;border-radius:6px;padding:8px;margin-bottom:8px;overflow-wrap:anywhere}.sel-chat-msg{margin:0 0 8px;font-size:13px;line-height:1.35}.sel-chat-msg strong{color:#175b91}.sel-chat-time{font-size:10px;color:#758392;margin-left:4px}.sel-chat-form{display:flex;gap:6px}.sel-chat-input{width:100%;min-width:0;padding:9px;border:1px solid #bacada;border-radius:6px}.sel-chat-form .sel-btn{padding:8px 10px}.sel-footnote{font-size:12px;color:#607385;margin-bottom:0}.sel-login{padding:18px;border:1px solid #cbd8e5;border-radius:9px;background:#f4f8fb}.sel-login a{display:inline-block;background:#175b91;color:#fff;padding:9px 14px;border-radius:6px;text-decoration:none}@media(max-width:850px){.sel-layout{grid-template-columns:1fr}.sel-board{min-width:570px;grid-template-columns:repeat(19,minmax(28px,1fr));grid-template-rows:repeat(19,minmax(28px,1fr))}.sel-board-wrap{padding:8px}.sel-side{display:grid;grid-template-columns:1fr}.sel-heading h2{font-size:24px}}@media(max-width:480px){.sel-app{padding:10px;margin:12px auto}.sel-board{min-width:570px;grid-template-columns:repeat(19,minmax(28px,1fr));grid-template-rows:repeat(19,minmax(28px,1fr))}.sel-cell:before{width:78%;height:78%}.sel-controls{gap:6px}.sel-controls .sel-btn{padding:9px 10px}.sel-controls input{width:120px}.sel-chat-log{height:160px}}
.sel-online-card{margin:12px 0}.sel-online-card h3{margin:0 0 7px;color:#173e66}.sel-online-note{font-size:13px;color:#617587;margin:0 0 10px}.sel-online-list{display:flex;flex-direction:column;gap:7px}.sel-online-user{display:flex;align-items:center;gap:8px;padding:8px;background:#f5f8fb;border:1px solid #dce6ee;border-radius:7px;min-width:0}.sel-online-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#25a45a}.sel-online-name{flex:1;font-size:13px;overflow-wrap:anywhere}.sel-online-user .sel-btn,.sel-invite .sel-btn{padding:7px 10px;font-size:12px}.sel-busy-label{font-size:11px;color:#778899}.sel-incoming-list{display:flex;flex-direction:column;gap:7px;margin-top:8px}.sel-invite{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:10px;background:#fff7dc;border:1px solid #e7ce76;border-radius:7px}.sel-invite strong{flex-basis:100%;font-size:13px}.sel-invite .sel-reject{background:#687786}.sel-invite .sel-reject:hover{background:#4b5b69}