:root{color-scheme:dark;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:#e5eee7;background:#081510;--muted:#94aa9e;--line:#294438;--jade:#2e7054;--gold:#d2bf8d}
*{box-sizing:border-box}body{margin:0;min-width:0;background:radial-gradient(ellipse at 75% 0,#19402b55,transparent 55%),#081510;min-height:100vh}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button{border:0}button:disabled{cursor:default;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #dec994;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.review-note{font-size:10px;line-height:22px;text-align:center;color:#b7a778;background:#171e14;border-bottom:1px solid #cbb67e18;letter-spacing:.1px}
.site-header{max-width:1360px;margin:auto;min-height:82px;display:flex;align-items:center;gap:48px;padding:12px 40px;border-bottom:1px solid #244332}.brand{flex-shrink:0}.logo-crop{display:block;width:188px;aspect-ratio:3.2;overflow:hidden;position:relative;mix-blend-mode:screen}.logo-crop img{position:absolute;width:137.5%;max-width:none;left:-18.75%;top:-116.667%;filter:contrast(1.2)}nav{display:flex;gap:28px;align-self:stretch}.nav-link{position:relative;background:transparent;color:var(--muted);font-size:13px;white-space:nowrap;padding:0 2px}.nav-link.active{color:#f0ead7}.nav-link.active:after{content:"";height:2px;position:absolute;bottom:-12px;inset-inline:0;background:var(--gold)}.nav-link:hover{color:#fff}.account-tools{margin-inline-start:auto;display:flex;gap:20px;align-items:center}.language{background:none;min-width:40px;min-height:42px;color:#a6beb1;font-size:12px}.profile-button{display:flex;align-items:center;gap:10px;background:#11261c;border:1px solid #304a3b;padding:5px 12px;border-radius:30px;min-height:44px;font-size:12px}.avatar{display:grid;place-items:center;border-radius:50%;height:36px;width:36px;flex:0 0 36px;font-family:Georgia,serif;font-size:19px;color:#eeddb8;background:#374633;border:1px solid #b6a87b50}.self-avatar{width:30px;height:30px;flex-basis:30px;font-size:17px}.avatar.slate{background:#283b42;color:#d9e1e4}.avatar.rose{background:#493d3b;color:#edcfbf}.avatar.olive{background:#4b4c34;color:#e1debc}
main{max-width:1280px;margin:auto;padding:28px 40px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-heading>div:first-child{display:flex;align-items:center;gap:24px}h1{font-size:27px;font-weight:600;letter-spacing:-.6px;margin:0}.connection{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted);white-space:nowrap}.connection i{height:6px;width:6px;background:#7ac99a;border-radius:50%;box-shadow:0 0 8px #80bc6f38}.heading-actions{display:flex;gap:10px}.primary,.secondary{min-height:44px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:12px;line-height:1.5}.primary{background:linear-gradient(180deg,#347858,#22573f);border:1px solid #548d68;color:#f2f4e8;font-weight:600;box-shadow:inset 0 1px 0 #83bf881c}.primary:hover{background:#3d825f}.secondary{background:#10251a;border:1px solid #345340;color:#cfdbd1}.secondary:hover{background:#1c3426}.create-button>span:first-child{font-size:20px;line-height:1}.people-icon{font-size:18px}.notification-count{display:inline-grid;place-items:center;font-size:10px;width:18px;height:18px;border-radius:50%;background:#d2be8d;color:#152419}.room-panel{background:#0b1c13;border:1px solid #2a4837;border-radius:10px;overflow:hidden;box-shadow:0 18px 65px #0003}.room-toolbar{padding:15px 18px;display:flex;gap:20px;justify-content:space-between;align-items:center}.room-tabs{display:flex;gap:3px;align-items:center}.tab{min-height:40px;background:transparent;color:var(--muted);padding:8px 12px;border-radius:5px;font-size:12px;white-space:nowrap;border:1px solid transparent}.tab.selected{color:#efe7ce;background:#243b2a;border-color:#4b6040}.tab-count{font-size:10px;padding-inline-start:6px;color:#a6b99a}.search-actions{display:flex;align-items:center;gap:9px}.search{display:flex;align-items:center;gap:8px;background:#08160e;border:1px solid #294532;border-radius:5px;height:40px;padding:0 10px;min-width:0}.search svg{height:16px;width:16px;fill:none;stroke:#8fa897;stroke-width:1.6;flex-shrink:0}.search input{width:190px;color:#e4ebdc;background:transparent;border:0;outline:none;min-width:0;font-size:11px;line-height:1.7}.search input::placeholder{color:#7f9685}.filter-button{min-height:40px;padding:6px 12px;font-size:11px;white-space:nowrap}.filter-button>span:first-child{font-size:19px}.filter-button[aria-expanded=true]{border-color:var(--gold)}#filter-count{background:#cfbd8b;color:#172218;border-radius:3px;min-width:14px;padding:0 3px;font-size:10px}.filters{display:flex;align-items:end;gap:16px;padding:15px 18px;background:#102719;border-top:1px solid #203c2a}.filters label{display:grid;gap:7px;font-size:11px;color:#a2b79f}.filters select{height:38px;min-width:145px;background:#091b10;color:#d5e1d1;border:1px solid #36533c;border-radius:5px;padding:4px 9px;font-size:11px}.text-button{background:transparent;color:#a6bbab;font-size:11px;min-height:36px;padding:5px 0}.text-button:hover{color:#efdfb4}.filters .text-button{margin-inline-start:auto}.table-scroll{overflow-x:auto}.room-table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:start}.room-table th{font-size:10px;letter-spacing:.2px;font-weight:500;color:#a2b394;background:#213725;border-block:1px solid #3c5337;padding:12px 16px;text-align:start}.room-table td{padding:16px;border-bottom:1px solid #233d2a;font-size:12px;vertical-align:middle}.room-table tr:last-child td{border-bottom:0}.room-table tbody tr{background:#0f2116}.room-table tbody tr:nth-child(even){background:#11281b}.room-table tbody tr:hover{background:#193524}.room-table tr.own-room{background:#1a3020}.room-col{width:auto}.stake-col{width:96px}.target-col{width:94px}.theme-col{width:150px}.state-col{width:116px}.action-col{width:124px}.room-person{display:flex;align-items:center;gap:12px;min-width:0}.room-person>div{min-width:0}.room-name{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.8}.room-details{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:10px;color:#8fa28e;line-height:1.7}.host-link{color:#aabda5;background:none;padding:0;font-size:inherit;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-link:hover{text-decoration:underline}.friend-label{color:#bbc49b;font-size:9px;display:inline-flex;align-items:center;gap:3px}.friend-label:before{content:"·"}.own-label{color:#ddc98e;font-size:9px}.free-pill{font-size:11px;color:#aad6ad;background:#1c3b25;border:1px solid #32583a;border-radius:4px;padding:4px 9px;display:inline-block}.point-value{font-family:Georgia,serif;font-size:23px;color:#e1d2a5;font-variant-numeric:tabular-nums;line-height:1.2}.point-label{font-size:9px;color:#8c9f88;display:block;margin-top:3px}.board-cell{display:flex;align-items:center;gap:8px;font-size:10px;color:#aabc9f}.board-mini{width:48px;height:32px;display:flex;position:relative;gap:3px;justify-content:space-around;padding:0 3px;border:4px solid #745330;border-radius:3px;background:#d7cfaa;overflow:hidden;box-shadow:0 1px 4px #0005;flex-shrink:0;--point:#2e6150}.board-mini:after{position:absolute;content:"";top:0;bottom:0;left:47%;width:3px;background:#73502d}.board-mini i{width:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:11px solid var(--point);position:relative}.board-mini i:after{content:"";position:absolute;left:-3px;top:1px;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:11px solid var(--point)}.board-mini.midnight{background:#7d98a8;border-color:#263b45;--point:#2a4759}.board-mini.forest{background:#b6c496;border-color:#47633c;--point:#3d7049}.board-mini.classic{--point:#805532}.board-mini.chogan{background:#dbcbba;--point:#913c39}.board-mini.persepolis{--point:#876b42}.state{display:flex;gap:5px;align-items:center;color:#99b693;font-size:10px;white-space:nowrap}.state:before{content:"";height:5px;width:5px;background:#76b984;border-radius:50%}.seat-count{display:block;color:#81947e;font-size:9px;margin-top:6px}.join-button{width:100%;min-height:44px;padding:8px 12px}.own-close{color:#c6bda4;background:none;min-height:42px;font-size:11px;padding:5px 8px;width:100%;border:1px solid #46523a;border-radius:5px}.own-close:hover{color:#f1cebf;border-color:#907160}.room-extra{display:none}.table-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2c4532;padding:8px 18px;color:#95aa92;font-size:10px}.table-footer button{display:flex;gap:6px;align-items:center}.refresh-icon{font-size:19px}.page-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:9px;color:#6d887a;padding:16px 2px}.page-footer>div{display:flex;align-items:center;gap:24px}.page-footer button{font-size:10px}.footer-dot{padding:0 6px}.sample-label{color:#84947c}.empty-state{text-align:center;padding:36px 20px 40px}.empty-state>span{font-size:40px;color:#a8ae81}.empty-state h3{font-size:15px}.empty-state p{font-size:12px;color:var(--muted)}
dialog{background:#102419;color:#e1e9dc;border:1px solid #4a5e40;border-radius:12px;padding:0;width:min(590px,calc(100vw - 28px));max-height:calc(100dvh - 28px);box-shadow:0 20px 90px #000a;overflow:auto}dialog::backdrop{background:#020906bd;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #2f4933;gap:20px}.dialog-header h2{font-size:20px;margin:0;font-weight:500}.dialog-x{background:none;color:#a8b6a2;font-size:25px;width:36px;height:36px;border-radius:4px}.dialog-body{padding:22px 24px}.dialog-note{color:#9caf95;font-size:12px;line-height:1.9;margin:0 0 20px}.form-field{display:grid;gap:8px;font-size:12px;margin-bottom:22px}.form-field input,.form-field select{background:#07180d;border:1px solid #38523a;border-radius:5px;padding:12px;color:#e3eadd;width:100%}.form-field small{color:#97aa8c;font-size:10px;line-height:1.7}fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}legend{font-size:12px;padding:0;margin-bottom:10px}.choices{display:flex;gap:8px}.choice{flex:1;display:grid;gap:5px;cursor:pointer;border:1px solid #38513a;border-radius:6px;padding:12px;font-size:12px;background:#0d1e12;text-align:center}.choice:has(input:checked){border-color:#bba46b;background:#283e25;box-shadow:inset 0 0 0 1px #bba46b30}.choice input{accent-color:#d7c695;margin:0 auto 2px}.choice small{font-size:10px;color:#a5b197}.theme-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-choice{display:grid;justify-items:center;gap:8px;cursor:pointer;font-size:11px;border:1px solid #344b32;border-radius:6px;padding:10px;background:#0b1d11}.theme-choice input{accent-color:#c6b27b}.theme-choice:has(input:checked){border-color:#bba46b;background:#293f28}.theme-choice .board-mini{width:65px;height:43px}.theme-choice .board-mini i{border-left-width:4px;border-right-width:4px;border-top-width:16px}.theme-choice .board-mini i:after{left:-4px;border-left-width:4px;border-right-width:4px;border-bottom-width:16px}.dialog-footer{display:flex;gap:10px;align-items:center;justify-content:flex-end;padding:16px 24px;background:#0d1d13;border-top:1px solid #2d432d}.dialog-footer>small{margin-inline-end:auto;font-size:10px;color:#9faf92}.friend-tabs{display:flex;gap:6px;padding:14px 24px 0}.friend-tabs button{flex:1}.friend-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #2d442e}.friend-row:last-child{border:0}.friend-row>div{flex:1}.friend-row strong{display:block;font-size:13px;font-weight:500}.friend-row small{display:block;font-size:10px;color:#9eae95;margin-top:6px}.friend-row .secondary{padding:5px 10px;font-size:10px}.row-tools{display:flex;align-items:center;gap:8px}.profile-summary{display:flex;gap:16px;align-items:center;margin-bottom:24px}.profile-summary .avatar{height:50px;width:50px;flex-basis:50px}.profile-summary strong{font-size:16px}.profile-summary small{display:block;color:#92a78c;margin-top:8px;font-size:10px}.menu-item{display:flex;justify-content:space-between;width:100%;background:transparent;padding:16px 0;border-top:1px solid #2c4632;font-size:12px;text-align:start}.info-list{display:grid;gap:12px;font-size:13px;line-height:1.9;color:#b6c3ab;padding-inline-start:20px}.notice-title{color:#d7c390;font-size:13px;margin-top:0}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);max-width:min(480px,calc(100% - 30px));padding:14px 20px;background:#243b23;color:#f0e2bc;border:1px solid #766c46;border-radius:7px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;font-size:12px;text-align:center;line-height:1.8;z-index:10}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.site-header{gap:28px;padding-inline:24px}.logo-crop{width:166px}nav{gap:20px}main{padding-inline:24px}.profile-label{display:none}.theme-col{width:120px}.state-col{width:105px}.room-toolbar{gap:10px}.search input{width:140px}.room-table td,.room-table th{padding-inline:12px}.target-col{width:82px}.stake-col{width:84px}.action-col{width:112px}}
@media(max-width:900px){.state-col{display:none}.room-extra{display:block;margin-top:4px;font-size:9px;color:#8fa387}.room-person{gap:9px}.room-person .avatar{height:30px;width:30px;flex-basis:30px;font-size:16px}.page-heading>div:first-child{gap:14px}.room-toolbar{flex-wrap:wrap}.room-tabs{flex:1}.search-actions{flex:1;justify-content:flex-end}.search input{width:150px}.room-table .theme-col{width:104px}.board-cell{gap:5px}.board-cell .board-mini{width:34px;height:27px;border-width:3px}.board-cell .board-mini i{border-left-width:2px;border-right-width:2px}.board-cell .board-mini i:after{left:-2px;border-left-width:2px;border-right-width:2px}.board-cell{font-size:9px}}
@media(max-width:700px){.site-header{gap:15px;padding:8px 16px;min-height:66px;flex-wrap:wrap}.logo-crop{width:157px}.account-tools{gap:8px}nav{order:3;flex-basis:100%;justify-content:flex-start;gap:25px;height:35px}.nav-link{font-size:12px}.nav-link.active:after{bottom:-8px}.profile-button{padding:4px 8px;min-height:40px}main{padding:22px 14px 10px}h1{font-size:23px}.page-heading{margin-bottom:18px}.page-heading>div:first-child{display:block}.connection{font-size:9px;margin-top:8px}.heading-actions{gap:7px}.heading-actions .secondary,.heading-actions .primary{padding:8px 10px;font-size:11px}.people-icon{display:none}.room-toolbar{padding:10px;gap:10px}.room-tabs{flex-basis:100%}.tab{font-size:11px;padding:7px 9px;min-height:38px}.search-actions{flex-basis:100%;justify-content:stretch}.search{flex:1}.search input{width:100%}.room-table .theme-col{display:none}.stake-col{width:66px}.target-col{width:68px}.action-col{width:90px}.room-table td,.room-table th{padding:12px 8px}.room-table th{font-size:9px}.room-table .room-person{display:block}.room-person .avatar{display:none}.room-name{font-size:12px}.room-details{gap:4px;font-size:9px}.free-pill{font-size:10px;padding:4px 6px}.point-value{font-size:21px}.point-label{font-size:8px}.join-button{font-size:11px;padding:7px 8px;min-height:44px}.own-close{font-size:10px;min-height:44px}.filters{flex-wrap:wrap;gap:10px;padding:12px}.filters label{flex:1;min-width:110px}.filters select{min-width:0;width:100%}.filters .text-button{flex-basis:100%;text-align:start}.table-footer{padding:5px 10px}.page-footer{flex-wrap:wrap;gap:2px;padding-top:15px}.page-footer>div{gap:18px}.sample-label{font-size:9px}.dialog-header{padding:14px 18px}.dialog-body{padding:18px}.dialog-footer{padding:14px 18px}.friend-row{gap:9px}.friend-row .secondary{font-size:10px}.friend-tabs{padding:12px 18px 0}.theme-choices{gap:7px}.choices{gap:6px}.choice{padding:10px 6px}.dialog-header h2{font-size:18px}}
@media(max-width:370px){.stake-col{width:57px}.target-col{width:58px}.action-col{width:80px}.room-table td,.room-table th{padding-inline:6px}.heading-actions .secondary{padding-inline:8px}.notification-count{width:15px;height:15px}.page-heading{gap:8px}h1{font-size:21px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){.review-note{line-height:17px;font-size:9px}.site-header{min-height:55px;flex-wrap:nowrap;padding:4px 16px;gap:18px}.logo-crop{width:135px}nav{order:0;flex-basis:auto;align-self:stretch;height:auto;gap:16px}.nav-link{font-size:10px}.nav-link.active:after{bottom:-4px}.account-tools{gap:5px}.profile-button{min-height:38px}.language{min-height:36px;min-width:28px}.profile-button .avatar{height:25px;width:25px;flex-basis:25px}main{padding:12px 16px}.page-heading{margin-bottom:12px}.page-heading>div:first-child{display:flex;gap:14px}h1{font-size:21px}.connection{margin:0;font-size:9px}.heading-actions .primary,.heading-actions .secondary{min-height:40px;padding:6px 12px;font-size:11px}.room-toolbar{flex-wrap:nowrap;padding:8px 12px;gap:8px}.room-tabs{flex:0 1 auto}.tab{font-size:10px;padding:5px 8px;min-height:36px}.search-actions{flex:1;min-width:0;gap:5px}.search{flex:1;min-width:65px;height:36px}.search input{width:100%;font-size:10px}.filter-button{padding:4px 8px;min-height:36px;font-size:10px}.room-table th{padding-block:9px}.room-table td{padding-block:10px}.room-name{font-size:12px}.room-table .room-person{display:flex}.room-person .avatar{display:grid}.page-footer{padding-top:8px}}
@media(orientation:landscape) and (max-width:650px){.site-header{gap:12px}.logo-crop{width:116px}nav{gap:12px}.profile-button{padding:4px 6px}.profile-button>span:last-child{display:none}.room-tabs{gap:1px}.tab{padding:5px 6px;font-size:9px}.tab-count{padding-inline-start:3px}.search{padding-inline:6px}.search svg{width:12px}.filter-button>span:nth-child(2){display:none}.room-person .avatar{display:none}.page-heading>div:first-child{gap:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Incoming requests stay visible in the lobby, not only inside a profile. */
.request-banner{display:flex;align-items:center;gap:12px;padding:9px 14px;margin-bottom:14px;border:1px solid #635d38;border-radius:7px;background:#252c1a}
.request-banner .avatar{width:30px;height:30px;flex-basis:30px;font-size:16px}
.request-banner p{margin:0;display:flex;gap:9px;align-items:center;flex:1;font-size:11px;color:#bfc2a2;min-width:0}
.request-banner strong{font-size:12px;color:#efe1b9;font-weight:500}.request-banner .secondary{min-height:38px;padding:5px 16px}.request-banner .text-button{min-height:38px;padding-inline:10px}
@media(max-width:700px){.request-banner{gap:9px;padding:7px 10px;margin-bottom:10px}.request-banner p{display:grid;gap:4px;font-size:9px}.request-banner .secondary{font-size:11px;padding-inline:13px}.request-banner .text-button{font-size:11px}}
@media(orientation:landscape) and (max-width:1100px) and (max-height:600px){.request-banner{padding:4px 10px;margin-bottom:8px}.request-banner p{display:flex;font-size:9px;gap:7px}.request-banner .secondary,.request-banner .text-button{min-height:36px;font-size:10px}.request-banner .avatar{width:26px;height:26px;flex-basis:26px}}
@media(orientation:landscape) and (max-width:650px){.site-header{min-height:48px}main{padding-top:8px}.page-heading{margin-bottom:6px}.room-table th{padding-block:6px}}

.paid-amount{color:#e6cf8b;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.paid-amount small{font-size:9px;color:#acb59a}.entry-summary{border:1px solid #48583a;background:#172b19;border-radius:6px;padding:12px 14px;margin-bottom:22px;display:grid;gap:10px}.entry-summary>div{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;color:#a9b79a}.entry-summary strong{font-weight:500;color:#dfd1a0}.entry-summary>div:nth-child(2) strong{color:#b8dfb4}

.form-field select{min-height:46px;cursor:pointer;color-scheme:dark;font:inherit}

/* Production lobby: real account/session, errors and shared relationship controls. */
button:disabled{opacity:.55;cursor:default}.account-menu-wrap{position:relative}.account-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:210px;z-index:5;border:1px solid #465e42;border-radius:8px;background:#102419;box-shadow:0 16px 40px #0008;padding:6px}.account-menu button{display:block;width:100%;text-align:start;background:none;color:#d8e2cf;border-radius:4px;padding:12px;font:inherit;font-size:12px;min-height:44px}.account-menu button:hover{background:#253c29}.profile-button .account-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.heading-actions #friends-button{max-width:280px;white-space:normal}.social-lobby-tools:empty{display:none}.lobby-feedback{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d8bc83;font-size:11px;line-height:1.7;margin-block:0 10px}.lobby-feedback:has(#lobby-status:empty):has(#continue-match[hidden]){display:none}.lobby-feedback a{text-decoration:none}.social-inbox{margin-inline:0!important}.social-lobby-tools+.social-inbox{margin-bottom:12px}.connection[data-state=error] i{background:#d78d64;box-shadow:none}.connection[data-state=loading] i{background:#bba66e}.empty-state .secondary{margin-inline-start:8px}.room-person .avatar{background:#374633;color:#eeddb8}.room-table .friend-room{box-shadow:inset 3px 0 #6fa080}.host-link:disabled{opacity:1;cursor:default}.room-name{max-width:100%}.room-details .host-link{min-height:24px}.dialog-close{position:absolute;top:12px;inset-inline-end:14px;z-index:1;color:#b7c4aa;background:none;font-size:25px;width:36px;height:36px;border-radius:4px}.dialog-title{font-size:20px;font-weight:500;margin:0;padding:20px 60px 20px 24px;border-bottom:1px solid #2f4933}html[dir=rtl] .dialog-title{padding:20px 24px 20px 60px}#dialog-content>form,#dialog-content>.dialog-description,#dialog-content>.modal-note,#dialog-content>.back-link{margin:20px 24px}#dialog-content>form{margin-bottom:24px}.field{display:grid;gap:8px;margin-bottom:18px;font-size:12px}.field input,.field select{min-width:0;width:100%;padding:12px;border:1px solid #38523a;border-radius:5px;background:#07180d;color:#e3eadd;font:inherit}.field input[readonly]{color:#abb8a0}.dialog-description,.modal-note{color:#b1bea5;font-size:12px;line-height:1.9}.back-link{display:block;background:none;color:#d5c792;font-size:12px;min-height:40px;padding:0}.full-width{width:100%}.inline-error{color:#f1b196;line-height:1.8;font-size:12px;min-height:1em}.form-actions{display:flex;justify-content:flex-end;gap:12px}.paid-unavailable{font-size:11px;color:#c8b58c;line-height:1.8;margin:0 0 18px}.form-field select option:disabled{color:#8e9988}.filters select:disabled{opacity:.6}.rules-copy{margin:20px 24px;font-size:13px;line-height:2;color:#c2cdb6}#rooms[aria-busy=true]{opacity:.75}#main-dialog:focus-visible{outline:none}
@media(max-width:700px){.heading-actions #friends-button{max-width:160px;font-size:10px;padding-inline:8px}.profile-button .account-name{display:none}.dialog-title{font-size:18px}.lobby-feedback{font-size:10px}.social-inbox{flex-wrap:nowrap!important}.social-inbox-copy{flex-basis:auto!important}.social-inbox-actions{flex-wrap:nowrap}.social-inbox-next{max-width:65px}.page-footer .sample-label{font-size:9px}.room-details .host-link{max-width:100%}.heading-actions{gap:6px}.account-tools{gap:4px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){.heading-actions #friends-button{max-width:180px;font-size:10px}.social-inbox{padding-block:4px!important;margin-bottom:8px!important;font-size:10px!important}.social-inbox-copy{flex-direction:row!important;gap:8px!important;align-items:center}.social-inbox button{min-height:36px!important;font-size:10px!important}.dialog-title{padding-block:14px}.lobby-feedback{margin-bottom:6px}}

/* Keep the create form inside small phone viewports. */
.form-field,.choice,.theme-choice{min-width:0}.form-field select{min-width:0;max-width:100%}.theme-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-choice .board-mini{max-width:100%}.theme-choice>span{max-width:100%;overflow-wrap:anywhere}
@media(max-width:370px){.choice{font-size:10px;padding-inline:3px}.theme-choice{padding-inline:4px;font-size:10px}.theme-choice .board-mini{width:100%;height:34px}.theme-choice .board-mini i{border-left-width:2px;border-right-width:2px}.theme-choice .board-mini i:after{left:-2px;border-left-width:2px;border-right-width:2px}}

.account-balance{display:grid;gap:3px;text-align:start;color:#dfce99;background:none;padding:4px 0;min-height:40px;white-space:nowrap}.account-balance small{font-size:9px;color:#9daf99}.account-balance strong{font-size:14px;font-weight:500}.account-balance strong span{font-size:10px}.avatar-editor{margin:20px 24px;padding-bottom:18px;border-bottom:1px solid #34513b}.avatar-editor-preview{display:flex;align-items:center;gap:15px}.avatar-editor-preview>.avatar{width:72px;height:72px;flex:0 0 72px;font-size:26px}.avatar-editor-preview>div{min-width:0}.photo-pick{display:grid;gap:8px;font-size:12px}.photo-pick input{max-width:100%;width:220px;font-size:11px;color:#b7c8aa}.photo-pick input::file-selector-button{background:#234b33;border:1px solid #68815a;color:#e5edd7;border-radius:4px;padding:9px;cursor:pointer}.avatar-editor small{display:block;color:#98ad90;font-size:10px;margin-top:8px;line-height:1.7}.photo-actions{display:flex;gap:16px;margin-top:14px}.photo-feedback{font-size:11px;color:#d7c58f;line-height:1.8;margin-bottom:0}.photo-feedback:empty{display:none}@media(max-width:700px){.account-tools{gap:9px}.account-balance strong{font-size:12px}.account-balance small{font-size:8px}.avatar-editor-preview>.avatar{width:56px;height:56px;flex-basis:56px}.photo-pick input{width:100%}}@media(max-width:370px){.logo-crop{width:130px}.site-header{gap:8px;padding-inline:12px}.account-tools{gap:6px}.profile-button{padding-inline:6px}.language{min-width:25px}}

.contact-body{font-size:13px;line-height:1.9}.support-email{display:block;color:#dfcd95;font-size:20px;margin-block:18px;overflow-wrap:anywhere;text-align:start}.contact-body .modal-note{margin-inline:0}#support-status{font-size:11px;color:#bccfa7}

.site-header a.nav-link{display:flex;align-items:center}

.account-menu a{display:block;padding:12px 15px;font-size:12px;color:#d7e3d4;border-bottom:1px solid #294433}.account-menu a:hover{background:#254333}
@media(max-width:700px){.site-header nav{gap:12px;overflow-x:auto;max-width:100%}.site-header nav .nav-link{font-size:11px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){.site-header{gap:12px}.site-header nav{gap:10px}.site-header nav [data-i18n=ranking]{display:none}.site-header .logo-crop{width:112px}.site-header nav .nav-link{font-size:10px}}

.site-header nav{overflow-y:hidden}.site-header nav .nav-link{flex-shrink:0}
@media(max-width:370px){.site-header nav{gap:8px}.site-header nav .nav-link{font-size:10px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){.site-header nav{overflow:visible;align-items:center}.site-header nav .nav-link{min-height:36px}.site-header{gap:10px;padding-inline:12px}.site-header .account-tools{gap:5px}}