.lounge-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.lounge-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px 0 22px}.lounge-intro h2{font-size:clamp(1.6rem,4vw,2.4rem);margin:0 0 7px}.lounge-intro p{margin:0;color:#aab0c4;line-height:1.5}.lounge-panel{background:#1b1e2c;border:1px solid #34384b;border-radius:18px;padding:22px;margin-bottom:20px}.lounge-panel h3{font-size:1.1rem;margin:0 0 15px}.lounge-games{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.lounge-choice{border:1px solid #43445c;border-radius:14px;background:#25293b;color:#f2f2ee;padding:18px;text-align:left;cursor:pointer;min-height:124px}.lounge-choice strong{display:block;font-size:1.08rem;margin:9px 0}.lounge-choice span{font-size:.875rem;color:#bfc4d6}.lounge-choice.selected{border-color:#c5f382;background:#303d31}.lounge-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lounge-row>*{min-width:0}.lounge-panel input,.lounge-panel select{font:inherit;color:#f2f4ef;background:#101722;border:1px solid #50576a;border-radius:10px;padding:12px;min-height:44px;max-width:100%}.lounge-panel label{font-size:.9rem;color:#c7cbd9}.lounge-panel input[type=range]{padding:0;accent-color:#c5f382;min-height:32px;width:100%}.lounge-field{flex:1;min-width:140px}.lounge-field label{display:flex;justify-content:space-between;margin-bottom:6px}.lounge-muted{font-size:.875rem!important;line-height:1.55;color:#aab0c4!important}.lounge-error{min-height:1.4em;color:#f6c892;font-size:.95rem;line-height:1.5;margin:12px 0}.lounge-room-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #34394a}.lounge-room-row strong,.lounge-room-row small{display:block}.lounge-room-row small{margin-top:5px;color:#b1b7ca;font-size:.875rem}.lounge-people{display:flex;flex-wrap:wrap;gap:8px}.lounge-person{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;padding:8px 10px;border-radius:8px;background:#292f40}.lounge-person::before{content:'';width:6px;height:6px;border-radius:50%;background:#b8ed77}.lounge-messages{height:245px;overflow:auto;overscroll-behavior:contain;padding-right:8px;display:flex;flex-direction:column;gap:11px}.lounge-message{font-size:.94rem;line-height:1.45;overflow-wrap:anywhere}.lounge-message strong{color:#c9ef9a;font-size:.85rem;margin-right:8px}.lounge-message.brag{padding:10px;background:#303932;border-radius:8px}.lounge-message button{border:0;background:none;color:#adb2c3;font-size:.75rem;cursor:pointer;margin-left:6px}.lounge-chat-form{display:flex;gap:8px;margin-top:15px}.lounge-chat-form input{width:100%;min-width:0}.lounge-chat-form button{padding:8px 14px}.lounge-ranking{width:100%;border-collapse:collapse;font-size:.9rem}.lounge-ranking td{padding:11px 0;border-bottom:1px solid #34394a}.lounge-ranking td:last-child{text-align:right;color:#cef498;font-variant-numeric:tabular-nums}.lounge-match-top{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:18px}.lounge-match-top h3{margin:0 0 6px}.lounge-match-top p{margin:0}.lounge-canvas{width:100%;height:auto;aspect-ratio:8/5;border-radius:12px;display:block;background:#152039}.lounge-aim{padding-top:18px;display:grid;grid-template-columns:1fr 1fr 130px;gap:14px}.lounge-aim .lounge-row{grid-column:1/-1}.lounge-roster{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.lounge-roster span{padding:8px 10px;background:#283444;border-radius:8px;font-size:.875rem}.lounge-roster .turn{background:#394632;color:#d2f49e}.lounge-board{display:grid;grid-template-columns:repeat(8,1fr);width:min(100%,520px);aspect-ratio:1;margin:0 auto;border:6px solid #3d4b4b;border-radius:8px;overflow:hidden}.lounge-square{display:flex;align-items:center;justify-content:center;padding:0;position:relative;border:0;min-width:0;font-size:clamp(1.5rem,5vw,2.8rem);background:#d2d8b5;cursor:pointer;color:#213830;aspect-ratio:1}.lounge-square.dark{background:#668f7b}.lounge-square.picked{background:#d0a1f0}.lounge-square.legal::after{content:'';position:absolute;width:23%;height:23%;border:3px solid #184c3f;border-radius:50%;opacity:.8}.lounge-piece.white{color:#fff9de;text-shadow:0 2px 2px #1c3728,1px 0 #1c3728,-1px 0 #1c3728}.lounge-piece.black{color:#19382d;text-shadow:0 1px #c3d0b6}.lounge-disk{width:65%;height:65%;border-radius:50%;box-shadow:inset 0 0 0 4px #ffffff22,0 3px #243b3655;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:#153e34;color:#eaf1d2}.lounge-disk.white{background:#fff1c6;color:#43554b}.lounge-sound{display:flex;align-items:center;gap:10px;max-width:240px}.lounge-sound input{width:90px!important}.lounge-promote{margin-top:14px}.lounge-connect{color:#c8ed9c;font-size:.875rem}.lounge-rules{margin:14px 0 0;line-height:1.6;color:#b6bdd0;font-size:.9rem}.lounge-panel button:disabled{opacity:.45;cursor:not-allowed}.lounge-panel :focus-visible{outline:3px solid #e6c687;outline-offset:3px}@media(max-width:1000px){.lounge-layout{grid-template-columns:minmax(0,1fr) 240px}.lounge-panel{padding:16px}.lounge-aim{grid-template-columns:1fr 1fr}.lounge-aim>label{grid-column:1/-1}.lounge-games{grid-template-columns:1fr}.lounge-choice{min-height:0;padding:14px}.lounge-choice strong{display:inline;margin-right:12px}}@media(max-width:760px){.lounge-layout{grid-template-columns:1fr}.lounge-intro{align-items:flex-start;flex-direction:column}.lounge-games{grid-template-columns:repeat(3,1fr)}.lounge-choice strong{display:block;font-size:.94rem}.lounge-choice span{font-size:.8rem}.lounge-panel{padding:15px}.lounge-match-top{align-items:flex-start}.lounge-aim{gap:12px}.lounge-sound{flex-wrap:wrap}.lounge-square{font-size:clamp(1.4rem,7vw,2.7rem)}}