.online-page [hidden]{display:none!important}.online-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.online-page :is(input,select){display:block;width:100%;min-height:48px;background:#0b1b29;color:#e0eee9;border:1px solid #56727f;border-radius:8px;padding:.6rem;font:400 1rem system-ui;margin:.5rem 0 1rem}.online-page label{font-size:.9rem;color:#bcd1db}.online-page h3{font:500 1.2rem/1.4 system-ui;text-shadow:none}.online-list{display:grid;gap:.8rem;margin:1rem 0}.online-row{padding:1rem;border:1px solid #3a5b69;border-radius:12px;background:#102431;display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.online-row p{flex:1;min-width:120px;margin:0}.online-page #notice:not(:empty){padding:1rem;border-left:3px solid #f6c643;background:#172b32}.online-page #room-detail{color:#96d9cf;overflow-wrap:anywhere}.online-page #room-panel{margin-top:1rem}.online-page .online-checker{display:grid;place-items:center;border-radius:50%;width:72%;height:72%;font-size:clamp(.7rem,3vw,1.3rem);border:2px solid currentColor;background:#255359}.online-page .white-piece .online-checker{background:#67532c}.online-page .chess-square small{font-size:clamp(.45rem,1.5vw,.65rem)}.online-page #room-actions:empty{display:none}.online-page .classic-toolbar label{max-width:180px}.online-page .classic-toolbar select{min-height:44px;margin:.2rem 0}.online-page button:disabled{opacity:.5}.online-page .chess-square:disabled{opacity:1}.online-page #history{overflow-wrap:anywhere;max-height:12rem;overflow:auto}.online-page #board{max-width:540px}@media(max-width:600px){.online-columns{grid-template-columns:1fr;gap:1rem}.online-row{padding:.8rem}.online-page .classic-hero h1{font-size:2rem}.online-page .classic-toolbar{gap:.5rem}.online-page #game-panel .classic-toolbar label{flex:1}.online-page #room-panel{padding-inline:7px}}