@font-face{font-family:Roboto Condensed Light;src:url(/assets/roboto-condensed-latin-300-normal-obJDv80q.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Condensed Light;src:url(/assets/roboto-condensed-latin-ext-300-normal-Dv3u2v9N.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Condensed Light;src:url(/assets/roboto-condensed-cyrillic-300-normal-QTn5iNZY.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;src:url(/assets/jost-latin-800-normal-Dqt5tSc_.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Roboto Condensed Light;src:url(/assets/roboto-condensed-cyrillic-ext-300-normal-CHAntAsm.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}:root{--bg:#141010;--panel:#181818;--panel-2:#242020;--line:#403c3c;--line-soft:#242020;--text:#ebe7eb;--nav-text:#b7afb3;--muted:#877c7f;--accent:#a3af60;--accent-hi:#a3af60;--accent-visited:#787448;--yel:#a3af60;--on-accent:#141010;--ok:#00a300;--error:#d74018;--font:"Roboto Condensed Light", "Roboto Condensed", "Arial Narrow", sans-serif;--shadow:3px 3px 0 #000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#2c282c}::-webkit-scrollbar-corner{background:#2c282c}::-webkit-scrollbar-thumb{background:#403c3c;border:1px solid #2c282c}::-webkit-scrollbar-button{display:none}@supports ((-moz-appearance:none)){:root{scrollbar-color:#403c3c #2c282c}}html{font-synthesis:none}b,strong,h1,h2,h3,h4,th,small,time,code,pre{font-family:inherit;font-weight:400}html,body,#root{height:100%}body{color:var(--text);font:14px/1.25 var(--font);-webkit-font-smoothing:antialiased;background:#30301c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Cg fill='%233c3824'%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='2' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='0' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E");margin:0}button{font:14px/1 var(--font);letter-spacing:.04em;cursor:pointer;color:#d7d3d7;background:linear-gradient(#787448,#545434);border:0;border-radius:0;height:32px;padding:0 24px;box-shadow:0 4px 4px -2px #0000008c}button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 2px -1px #0000008c}button:disabled{opacity:.4;cursor:default}button.link{height:auto;box-shadow:none;color:var(--muted);background:0 0;padding:4px 6px}button.link:hover:not(:disabled){color:var(--yel);background:0 0}button.link:active:not(:disabled){transform:none}input,select{font:14px/1.2 var(--font);color:#d7d3d7;background:#181818;border:1px solid #585050;border-radius:0;width:100%;height:28px;padding:0 8px}input:focus,select:focus{outline:none}input:-webkit-autofill{-webkit-text-fill-color:#d7d3d7;caret-color:#d7d3d7;box-shadow:inset 0 0 0 100px #181818}input:-webkit-autofill:hover{-webkit-text-fill-color:#d7d3d7;caret-color:#d7d3d7;box-shadow:inset 0 0 0 100px #181818}input:-webkit-autofill:focus{-webkit-text-fill-color:#d7d3d7;caret-color:#d7d3d7;box-shadow:inset 0 0 0 100px #181818}input::placeholder{color:#585050}a{color:inherit}a.link{color:var(--muted);font:14px var(--font);padding:4px 6px;text-decoration:none}a.link:hover{color:var(--yel)}.screen{min-height:calc(100% - var(--header-h));flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px 16px;display:flex}.screen.top{justify-content:flex-start;padding-top:16px}:root{--site-width:1496px;--header-h:72px;--footer-h:32px}body:before{content:"";z-index:-1;width:min(var(--site-width), calc(100% - 32px));background:#2c282c;position:fixed;top:-16px;bottom:-16px;left:50%;transform:translate(-50%);box-shadow:-2px 0 4px -1px #100e068c,2px 0 4px -1px #100e068c}.site-header{z-index:10;width:min(var(--site-width), calc(100% - 32px));height:var(--header-h);padding:0 12px;padding-top:env(safe-area-inset-top,0px);clip-path:inset(0 0 -8px);background:linear-gradient(#2c282c,#181818);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex;position:sticky;top:0;box-shadow:0 4px 4px -2px #0000008c}.site-logo{font:800 40px/1 "Futura PT", "Jost", var(--font);color:#e8e8e8;letter-spacing:-.01em;align-items:center;gap:8px;text-decoration:none;display:flex}.site-logo img{width:auto;height:40px;display:block}.site-logo-zone{color:#9fab60}.site-logo img.spin{animation:1.2s ease-in-out nuke-spin}@keyframes nuke-spin{to{transform:rotate(720deg)}}@media (prefers-reduced-motion:reduce){.site-logo img.spin{animation:none}}.site-header-right{align-items:center;gap:12px;display:flex}.site-header-right .link{color:var(--nav-text)}.logo{font:14px/1 var(--font);color:var(--accent);letter-spacing:-.02em;text-shadow:3px 3px #000;margin:0}.logo span{color:var(--yel)}.panel{width:100%;max-width:380px}.form{background:var(--panel);border:1px solid var(--line);flex-direction:column;gap:8px;padding:14px;display:flex}.form p{margin:0}.form label{font:14px var(--font);color:var(--muted);margin-bottom:-2px}.row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.row.start{justify-content:flex-start}.hint{color:var(--muted);margin:0;font-size:14px}.error{color:var(--error);margin:0}.form:has(>.form-notices){position:relative}.form-notices{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:calc(100% + 12px);left:0;right:0}.error-box{color:var(--text);background:#442418;border:1px solid #ab280c;margin:0;padding:8px 12px}.warning-box{color:var(--text);background:#644418;border:1px solid #bb9f10;margin:0;padding:8px 12px}.ok{color:var(--ok);margin:0}.menu{flex-direction:column;gap:4px;width:100%;max-width:380px;display:flex}.menu button{font:14px/1 var(--font);text-align:left;background:var(--panel-2);color:var(--text);border-left:4px solid var(--accent);box-shadow:none;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.menu button:hover:not(:disabled){background:var(--accent);color:var(--on-accent);border-left-color:var(--on-accent)}.menu button small{font:14px var(--font);color:var(--muted);text-transform:none;letter-spacing:0}.menu button:hover:not(:disabled) small{color:var(--on-accent)}.nick{color:var(--text);align-items:center;gap:8px;font-weight:400;text-decoration:none;display:inline-flex}.nick:hover{color:var(--yel)}.nick small{color:var(--muted);margin-left:4px;font-weight:400}.avatar{object-fit:cover;image-rendering:pixelated;border-radius:0;flex:none;display:inline-block;box-shadow:inset 0 0 0 1px #0006}.avatar-empty{color:#383434;background:#242020;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar-face-fit{width:75%;height:75%}.pad{padding:8px 10px}.mod{background:var(--panel);border:1px solid var(--line);min-width:0}.mod .menu{max-width:none;padding:8px}.server-list,.levels{border-collapse:collapse;width:100%}.server-list td,.levels td{border-top:1px solid var(--line-soft);padding:5px 8px}.chat{background:var(--panel);border:1px solid var(--line);flex-direction:column;min-width:0;height:min(72vh,600px);display:flex}.tab{color:var(--muted);box-shadow:none;background:#242020;align-items:center;gap:4px;padding:6px 8px;display:inline-flex}.tab:hover:not(:disabled){color:var(--text);background:#242020}.tab:active:not(:disabled){transform:none}.tab.on{background:var(--panel);color:var(--yel)}.online{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:3px;margin:0;padding:6px 8px;list-style:none;display:flex}.online a{display:flex}.friends{flex:1;padding-bottom:8px;overflow-y:auto}.friends h3{font:14px var(--font);color:var(--muted);margin:10px 8px 4px}.friends ul{margin:0;padding:0;list-style:none}.friend{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;display:flex}.friend:hover{background:#242020}.conversations{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.profile{flex-direction:column;gap:14px;width:100%;max-width:640px;display:flex}.profile h3{font:14px var(--font);color:var(--on-accent);background:var(--accent);margin:6px 0 0;padding:4px 6px}.stats{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:4px;display:grid}.stats div{background:var(--panel);border:1px solid var(--line);flex-direction:column;gap:2px;padding:8px;display:flex}.stats b{font:14px var(--font);color:var(--yel);font-variant-numeric:tabular-nums}.stats span{color:var(--muted)}.servers{flex-direction:column;gap:8px;width:100%;max-width:980px;display:flex}.servers-head h2,.single h2,.settings-page h2,.account h2{font:14px var(--font);color:var(--yel);text-shadow:var(--shadow);margin:0}.game{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game>canvas{object-fit:contain;image-rendering:pixelated;outline:none;width:100%!important;height:100%!important}.game-overlay{color:var(--muted);background:#000;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.click-to-play{z-index:4;cursor:pointer;justify-content:center;align-items:flex-end;padding-bottom:48px;display:flex;position:absolute;inset:0}.click-to-play span{color:var(--nav-text);font:14px/1 var(--font);background:#000000b3;padding:8px 14px}.debug{color:#affb78;white-space:pre-wrap;pointer-events:none;z-index:5;background:#000c;max-width:calc(100% - 16px);max-height:calc(100% - 16px);margin:0;padding:8px 10px;font:12px/1.35 ui-monospace,Menlo,monospace;position:absolute;top:8px;left:8px;overflow:auto}.game-placeholder{color:var(--muted);text-align:center;max-width:440px;padding:16px}.server-page .game-placeholder{background:#000;justify-content:center;align-items:center;margin:auto;display:flex;position:absolute;inset:0}.game-placeholder.lagged{z-index:4;background:#000000d9;flex-direction:column;gap:12px}.overlay-panel{border:1px solid var(--line);z-index:3;background:#1b1b1bf7;flex-direction:column;gap:8px;width:min(520px,100% - 32px);max-height:calc(100% - 90px);padding:14px;display:flex;position:absolute;top:60px;left:50%;overflow-y:auto;transform:translate(-50%)}.overlay-panel h3{margin:0}.overlay-error{position:absolute;bottom:8px;right:16px}.overlay-chat{left:50%;bottom:calc(18% + env(safe-area-inset-bottom,0px));pointer-events:none;flex-direction:column;gap:8px;width:min(460px,100% - 32px);display:flex;position:absolute;transform:translate(-50%)}.overlay-chat ol{overflow-wrap:anywhere;max-height:9em;color:var(--nav-text);background:0 0;flex-direction:column;justify-content:flex-end;margin:0;padding:4px 8px;list-style:none;transition:background .25s,max-height .25s;display:flex;overflow:hidden}.overlay-chat li{text-shadow:1px 1px #000,0 0 3px #000;animation:8s forwards chat-line}.overlay-chat li.system{color:#8b7468;padding:4px 0}.overlay-chat li.old{opacity:0;animation:none}.overlay-chat time{color:#8b7468}.overlay-chat .lobby-msg .avatar{box-shadow:none}.overlay-chat.open{pointer-events:auto}.overlay-chat.open ol{background:#181818;max-height:20em;overflow-y:auto}.overlay-chat.open li{opacity:1;text-shadow:none;animation:none}.overlay-chat-input input{width:100%;animation:.15s chat-in}.overlay-chat-hint{text-align:center;color:#8b7468;opacity:.7;text-shadow:1px 1px #000;margin:0}@keyframes chat-line{0%{opacity:0;transform:translateY(4px)}4%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}@keyframes chat-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.game-menu{z-index:6;background:#000000a6;justify-content:center;align-items:center;animation:.15s chat-in;display:flex;position:absolute;inset:0}.game-menu-box{background:var(--panel);flex-direction:column;width:min(420px,100% - 32px);max-height:calc(100% - 32px);display:flex;overflow:hidden}.game-menu-head{color:#d7d3d7;background-color:#484242;background-image:linear-gradient(#585050 0%,#383434 100%);flex:none;align-items:center;height:32px;padding:0 12px;line-height:16px;display:flex}.game-menu-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px;display:flex;overflow-y:auto}.game-menu-buttons{flex-direction:column;align-items:center;gap:8px;display:flex}.game-menu-buttons>button{width:256px}.game-menu-confirm{color:var(--nav-text);flex-direction:column;align-items:center;gap:8px;display:flex}.game-menu-confirm>div{gap:8px;display:flex}.game-menu-confirm button{width:124px}.game-menu-box.wide{width:min(640px,100% - 32px)}.game-menu-back{display:flex}.saves-panel{flex-direction:column;gap:12px;display:flex}.saves-new{gap:8px;display:flex}.saves-new input{flex:1}.lobby-list.saves-list{height:286px;overflow-y:auto}.lobby-row.saves-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 140px}.saves-actions{gap:8px;display:flex}.saves-panel .settings-hint,.saves-panel .settings-done{margin:0}.account{flex-direction:column;gap:10px;width:100%;max-width:520px;display:flex}.forgot{align-self:flex-start;padding:0}.verify-banner{top:calc(var(--header-h) + 4px + env(safe-area-inset-top,0px));z-index:5;border:1px solid var(--accent);box-shadow:var(--shadow);background:#28201c;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:6px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.password{position:relative}.password input{padding-right:40px}.password button{padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password button:active:not(:disabled){transform:translateY(-50%)}div.password button.link,div.password button.link:hover:not(:disabled),div.password button.link:active,div.password button.link:focus{color:#9b8378}.settings{flex-direction:column;gap:10px;display:flex}input[type=range]{accent-color:var(--accent);background:0 0;border:0;padding:0}.settings-page{flex-direction:column;gap:10px;width:100%;max-width:560px;display:flex}.single{flex-direction:column;gap:12px;width:100%;max-width:760px;display:flex}.single h3{font:14px var(--font);color:var(--on-accent);background:var(--accent);margin:6px 0 0;padding:4px 6px}.pick{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line);font:14px var(--font);text-transform:none;letter-spacing:0;padding:6px 10px}.pick:hover:not(:disabled){color:var(--yel);background:#2c282c}.pick.on{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow)}.binds{border-collapse:collapse;width:100%}.binds td{border-top:1px solid var(--line-soft);padding:2px 4px}.binds td:first-child{width:100%}.bind{background:var(--panel-2);min-width:96px;color:var(--text);box-shadow:inset 0 0 0 1px var(--line);text-transform:none;padding:4px 8px}.bind:hover:not(:disabled){color:var(--accent);background:#2c282c}.bind.on{background:var(--accent);color:var(--on-accent)}.controls,.saves{flex-direction:column;gap:8px;display:flex}.saves-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.save{border-top:1px solid var(--line-soft);grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:6px 0;display:grid}.save .hint{grid-column:1}.site-body{min-height:calc(100vh - var(--header-h));width:min(var(--site-width), calc(100% - 32px));grid-template-columns:200px minmax(0,1fr) 200px;align-items:start;gap:0 16px;margin:0 auto;display:grid}.site-body>.screen{min-height:0;padding:16px 0}.site-body>*{grid-column:2}.site-body>.side-nav{grid-area:1/1}.site-body>.side-right{grid-area:1/3}@media (width<=720px){.site-body{grid-template-columns:1fr}.site-body>*,.site-body>.side-nav,.site-body>.side-right{grid-column:1}.site-body>.side-nav,.site-body>.side-right{grid-row:auto!important}}.side-nav{background:#181818;align-self:stretch}.side-nav-sticky{top:var(--header-h);position:sticky}.side-nav-list{z-index:1;background:#181818;flex-direction:column;gap:0;padding:8px 1px;display:flex;position:relative;box-shadow:0 4px 4px -2px #0000008c}.side-nav-list a{color:var(--nav-text);border-radius:0;align-items:center;gap:8px;height:38px;padding:0 19px;line-height:16px;text-decoration:none;display:flex}.side-nav-list a .icon{display:block}.side-nav-count{color:var(--accent)}.side-nav-list a>span{display:block}.side-nav-list a:hover{background:#2c282c}.side-nav-buttons{background:#181818;flex-direction:column;align-items:flex-start;gap:2px;padding:19px 0 16px 20px;display:flex}.side-nav-title{color:var(--nav-text);margin-bottom:6px;line-height:16px}.side-nav-buttons a{line-height:0;display:block}.side-nav-buttons img{display:block}.side-stats{z-index:1;color:var(--nav-text);background:#181818;flex-direction:column;gap:6px;padding:19px 16px 16px 20px;line-height:16px;display:flex;position:relative;box-shadow:0 4px 4px -2px #0000008c}.side-stats-value{color:var(--accent);text-decoration:none}a.side-stats-value:hover{text-decoration:underline}.side-nav-poll{color:var(--nav-text);padding:19px 16px 16px 20px}.poll-dancer{aspect-ratio:1;width:calc(100% + 4px);image-rendering:pixelated;background-size:600% 100%;margin:2px 0 8px -4px;animation:.9s steps(6,end) infinite poll-dancer}@keyframes poll-dancer{0%{background-position:0 0}to{background-position:120% 0}}.poll-question{margin-bottom:8px;line-height:16px}.poll-options{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:10px;display:flex}button.link.poll-option,button.link.poll-option:hover:not(:disabled){height:auto;color:var(--nav-text);text-align:left;align-items:center;gap:8px;padding:0;line-height:16px;display:flex}.poll-box{background:#181818;border:1px solid #585050;flex:none;width:10px;height:10px}.poll-option.on .poll-box{background:var(--accent);border-color:var(--accent)}button.link.poll-option:hover .poll-box{border-color:var(--accent)}button.link.poll-vote,button.link.poll-vote:hover:not(:disabled){height:auto;color:var(--accent);padding:0}.poll-results{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.poll-row{justify-content:space-between;gap:8px;line-height:16px;display:flex}.poll-results li.mine .poll-row{color:var(--accent)}.poll-bar{background:#2c282c;height:4px;margin-top:2px}.poll-bar>div{background:var(--accent);height:100%}.poll-total{color:var(--muted);margin-top:2px}.icon{vertical-align:-1px;image-rendering:pixelated;flex:none;display:inline-block}.icons-sheet td{vertical-align:middle;padding:6px 12px}.icons-sheet .accent{color:var(--accent)}.login-links{flex-direction:column;align-items:flex-start;gap:4px;margin-top:24px;display:flex}.login-links a{padding:0 6px}.login-links a.visited{color:var(--accent-visited)}.login-page .form label,.login-page .hint,.login-page button.link{color:#d7d3d7}.login-page .login-links{width:100%;max-width:360px}.login-links a{color:var(--accent)}.login-page{min-height:calc(100vh - var(--header-h) - 32px);flex-direction:column;justify-content:flex-start;align-items:center;padding:96px 0 16px;display:flex}.login-page .form{background:0 0;border:0;width:100%;max-width:360px;padding:0}.sub-header{color:#d7d3d7;height:32px;top:var(--header-h);z-index:11;background-color:#484242;background-image:linear-gradient(#585050 0%,#383434 100%);grid-area:1/2;align-items:center;margin-left:-16px;padding:0 12px;line-height:16px;display:flex;position:sticky;box-shadow:0 4px 4px -2px #0000008c}.site-body:has(>.sub-header)>.side-nav{grid-row:1/span 2}.sub-header-right{margin-left:auto}.sub-header-right.online{color:var(--accent)}.site-body:has(>.sub-header){grid-template-rows:auto 1fr}.site-footer{width:min(var(--site-width), calc(100% - 32px));min-height:var(--footer-h);padding:0 12px env(safe-area-inset-bottom,0px);text-align:center;color:#60585c;background:#181818;justify-content:center;align-items:center;margin:0 auto;line-height:16px;display:flex;box-shadow:inset 0 4px 4px -2px #0000008c}.site-footer a{color:inherit;text-decoration:none}.site-footer-sep{margin:0 16px}.profile-page{align-items:flex-start}.site-body>.profile-page{padding-bottom:48px}.profile-side{flex-direction:column;flex:none;gap:8px;width:256px;display:flex}.profile-photo{object-fit:cover;width:256px;height:256px;image-rendering:pixelated;display:block}.profile-photo.empty{color:#383434;background:#242020;justify-content:center;align-items:center;display:flex}.profile-side button{text-align:left;width:100%;padding:0 12px}.rating-bar{background:#242020;height:32px;position:relative;overflow:hidden}.rating-fill{position:absolute;top:0;bottom:0;left:0}.profile-box{background:#242020;border:1px solid #585050}.profile-box-head{color:var(--nav-text);background:#585050;height:24px;padding:0 12px;line-height:24px}.profile-box-body{padding:12px}.followers-grid{grid-template-columns:repeat(3,72px);justify-content:space-between;row-gap:12px;display:grid}.followers-grid a{line-height:0;display:block}.file-list{flex-direction:column;gap:2px;margin:0;padding:6px 8px;list-style:none;display:flex}.file-list .post-link{color:#8b7468}.profile-box-body.empty{height:24px;min-height:0;padding:0}.rating-value{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.photo-menu-wrap{position:relative}.photo-menu{z-index:5;background:#242020;border:1px solid #585050;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 4px 4px -2px #0000008c}.profile-side .photo-menu button.link,.profile-side .photo-menu button.link:hover:not(:disabled){width:auto;color:var(--nav-text);align-self:flex-start;padding:0}.profile-side .error-box{margin:0}.profile-top{align-items:flex-start;gap:16px;width:100%;display:flex}.profile-info{color:var(--nav-text);flex:1;grid-template-columns:max-content 1fr;gap:4px 24px;margin-right:16px;display:grid}.profile-nick,.profile-divider{grid-column:1/-1}.profile-nick{text-shadow:1px 0}.profile-label{color:#8b7468}.profile-minibar{height:20px;color:var(--nav-text);text-shadow:1px 0;grid-column:1/-1;align-items:center;gap:8px;margin-top:12px;line-height:20px;display:flex}.profile-minibar:after{content:"";border-top:1px solid #8b7468;flex:1}.profile-comment{resize:none;font:14px/16px var(--font);color:#d7d3d7;background:#181818;border:1px solid #585050;border-radius:0;outline:none;grid-column:1/-1;height:62px;margin-top:4px;padding:6px 8px}.profile-comment::placeholder{color:#585050}.profile-comment:disabled{opacity:1}.comments-error{grid-column:1/-1}.composer{flex-direction:column;grid-column:1/-1;gap:8px;margin-top:4px;display:flex}.composer .profile-comment{margin-top:0}.composer-actions{justify-content:flex-end;gap:16px;display:flex}button.link.send-link,button.link.send-link:hover:not(:disabled){color:var(--nav-text);padding:0}.profile-info>.composer .composer-actions,.news-feed>.composer .composer-actions{gap:8px;margin-top:4px}.composer-media{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.composer-thumb{width:64px;height:64px;position:relative}.composer-thumb img{object-fit:cover;width:100%;height:100%;display:block}.composer-thumb button.link{color:#d7d3d7;background:#181818;padding:0 4px;position:absolute;top:0;right:0}.composer-uploading{color:#8b7468}.composer-error{margin:0}.post-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-width:520px;display:grid}.post-media a{aspect-ratio:1;display:block}.post-media img{object-fit:cover;width:100%;height:100%;display:block}.post-media.single{display:block}.post-media.single a{aspect-ratio:auto}.post-media.single img{width:auto;max-width:100%;height:auto;max-height:400px}.youtube{aspect-ratio:16/9;background:#000;max-width:520px;position:relative}.youtube iframe,.youtube-preview{border:0;width:100%;height:100%;position:absolute;inset:0}button.youtube-preview{height:100%;box-shadow:none;cursor:pointer;background:#000;padding:0}button.youtube-preview:active:not(:disabled){box-shadow:none;transform:none}.youtube-preview img{object-fit:cover;width:100%;height:100%;display:block}.youtube-play{border-style:solid;border-width:16px 0 16px 28px;border-color:transparent transparent transparent var(--accent);width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.comments{flex-direction:column;grid-column:1/-1;gap:16px;margin:12px 0 0;padding:0;list-style:none;display:flex}.comment{background:#242020;border:1px solid #585050;align-items:flex-start;gap:16px;padding:12px;display:flex}.comment-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.comment-author{color:var(--nav-text);text-shadow:1px 0;align-self:flex-start;text-decoration:none}.comment-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.post-link{color:var(--accent);text-decoration:none}.comment-meta{color:#8b7468;align-items:center;gap:16px;display:flex}.comment-likes{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.comment-meta .comment-likes button.link,.comment-meta .comment-likes button.link:hover:not(:disabled){color:inherit;display:inline-flex}button.link.comment-action,button.link.comment-action:hover:not(:disabled){color:var(--nav-text);padding:0}.replies{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.reply{flex-direction:column;gap:8px;display:flex}.reply-row{align-items:flex-start;gap:8px;display:flex}.reply .profile-divider{margin:0}.reply-author{color:#8b7468;text-shadow:1px 0;text-decoration:none}.comment-body .composer{margin-top:8px}.pager{grid-column:1/-1;align-items:center;gap:8px;margin-top:12px;display:flex}.pager button.link{color:var(--nav-text);padding:0}.pager-current{color:var(--accent)}.profile-divider{border:0;border-top:1px solid #8b7468;width:100%;margin:0 0 4px}.screen.soon{justify-content:center;align-self:stretch;align-items:center}.site-body>.settings-page{align-items:stretch;gap:16px;max-width:none}.settings-tabs{border-bottom:1px solid #585050;margin-left:-16px;padding-left:16px;display:flex}button.settings-tab,button.settings-tab:hover:not(:disabled){height:32px;box-shadow:none;color:var(--nav-text);background:0 0;padding:0 12px}button.settings-tab:active:not(:disabled){box-shadow:none;transform:none}button.settings-tab.on,button.settings-tab.on:hover:not(:disabled){color:#d7d3d7;background:#585050}.settings-content>.settings-grid,.settings-section,.create-form{width:100%;max-width:584px;margin-inline:auto}.settings-grid{color:var(--nav-text);grid-template-columns:minmax(200px,max-content) minmax(0,1fr);align-items:center;gap:8px 24px;display:grid}.settings-grid .profile-minibar{margin-top:12px}.settings-grid .profile-minibar:first-child{margin-top:0}.settings-choice{justify-self:end;position:relative}.settings-menu{min-width:160px;left:auto;right:0}.settings-menu button.link,.settings-menu button.link:hover:not(:disabled){color:var(--nav-text);text-align:left;padding:0}.settings-menu button.link[aria-selected=true]{color:#d7d3d7}.settings-menu.scroll{min-width:0;max-height:240px;overflow-y:auto}.settings-date{justify-self:end;gap:16px;display:flex}.settings-grid .settings-reset{grid-column:1/-1}.settings-slider{align-items:center;gap:12px;display:flex}.settings-slider input[type=range]{flex:1}.settings-value{text-align:right;min-width:56px}button.link.settings-toggle,button.link.settings-toggle:hover:not(:disabled){color:var(--nav-text);justify-self:end;padding:0;text-decoration:underline}.settings-slider input[type=range]{appearance:none;height:16px;accent-color:initial;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.settings-slider input[type=range]:focus{outline:none}.settings-slider input[type=range]::-webkit-slider-runnable-track{background:#403c3c;border:0;height:2px}.settings-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--nav-text);border:0;border-radius:0;width:10px;height:10px;margin-top:-4px}.settings-slider input[type=range]::-moz-range-track{background:#403c3c;border:0;height:2px}.settings-slider input[type=range]::-moz-range-thumb{background:var(--nav-text);border:0;border-radius:0;width:10px;height:10px}.settings-sections{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.settings-section-link{text-align:left;width:256px;padding:0 12px}.settings-section{flex-direction:column;gap:16px;display:flex}.settings-back{display:flex}.soon-inline{justify-content:center;padding:48px 0;display:flex}.settings-keys{grid-template-columns:120px 120px;justify-self:end;justify-items:end;display:grid}.settings-grid .profile-divider.settings-gap{border-top-color:#585050;grid-column:1/-1;margin:8px 0}button.link.settings-toggle:disabled{opacity:.4}.settings-form{display:contents}.settings-grid input:not([type=range]):not([type=checkbox]),.settings-grid .password{width:100%}.settings-wide{grid-column:1/-1;margin:0}.settings-wide-end{grid-column:1/-1}.settings-note{white-space:pre-line;margin:0}.settings-note-row{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.settings-hint{color:#8b7468}.settings-done{color:var(--nav-text)}.settings-submit{grid-column:1/-1;justify-self:end}.settings-photo{justify-content:flex-end;align-items:center;gap:16px;display:flex}.settings-links{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.settings-value-text{text-align:right;justify-self:end}.site-body>.lobby-page{align-items:stretch;gap:0;max-width:none;margin-left:-16px;padding:4px 0 16px}.lobby-row{grid-template-columns:16px 280px 140px minmax(0,1fr) 80px 64px;align-items:center;column-gap:12px;padding:0 12px;display:grid}.lobby-lock{display:flex}.lobby-head{height:24px;color:var(--nav-text)}.lobby-list{background:#242020;height:454px;padding:2px 0 4px;overflow-y:scroll}.lobby-head{padding-right:24px}.lobby-list .lobby-row.on{background:#444028}.lobby-list .lobby-row{height:28px;color:var(--nav-text);cursor:pointer;margin:0 2px;padding:0 10px}.lobby-chat-head{color:#d7d3d7;background-color:#484242;background-image:linear-gradient(#585050 0%,#383434 100%);align-items:center;height:32px;margin-top:16px;padding:0 12px;line-height:16px;display:flex;box-shadow:0 4px 4px -2px #0000008c}.lobby-chat{background:#242020;flex-direction:column;gap:8px;padding:0 0 8px 8px;display:flex}.lobby-chat-list{height:592px;color:var(--nav-text);overflow-wrap:anywhere;flex:none;margin:0;padding:4px 8px 0 0;list-style:none;overflow-y:scroll}.lobby-msg{align-items:flex-start;gap:8px;padding:8px 0;display:flex}.lobby-msg .avatar{box-shadow:none}.lobby-msg>div{min-width:0;margin-top:-3px;line-height:16px}.lobby-msg-head{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.lobby-msg-head time{color:#8b7468}.lobby-msg-text{color:#ebe7eb;white-space:pre-wrap}.lobby-chat .error-box{margin-right:8px}.lobby-chat-form{align-items:center;gap:4px;width:calc(100% - 8px);display:flex}.lobby-chat-input{flex:1;min-width:0;display:block}.smiley{vertical-align:middle}.dialog-last .smiley{width:auto;max-height:16px}.smiley-button{flex:none;position:relative}button.link.smiley-toggle{color:var(--nav-text);padding:4px;line-height:0}.smiley-picker{z-index:20;background:#242020;border:1px solid #585050;flex-wrap:wrap;gap:4px;width:336px;max-width:calc(100vw - 32px);max-height:264px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 4px 4px -2px #0000008c}.smiley-picker.down{top:calc(100% + 4px);bottom:auto}.smiley-picker button{min-width:36px;height:auto;min-height:36px;box-shadow:none;background:0 0;justify-content:center;align-items:center;padding:2px;display:flex}.smiley-picker button:hover{background:#2c282c}.smiley-picker button:active:not(:disabled){box-shadow:none;transform:none}.smiley-picker img{max-width:60px;display:block}.composer-field{align-items:flex-start;gap:4px;display:flex}.composer-field>input,.composer-field>textarea{flex:1;min-width:0}.composer-field>textarea.profile-comment{margin-top:0}.lobby-actions{justify-content:space-between;margin:12px 16px 0;display:flex}.lobby-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-body>.create-page{align-items:stretch;max-width:none}.create-form{flex-direction:column;gap:20px;display:flex}.create-actions{justify-content:space-between;display:flex}.create-error{align-self:flex-start}.site-body>.my-game{align-items:flex-start;max-width:none}.game-columns{justify-content:center;align-items:flex-start;gap:24px;display:flex}.game-columns>.settings-grid{flex:none;width:584px}.game-players-col{flex:none;width:360px}.game-actions{gap:12px;width:968px;max-width:100%;margin-inline:auto;display:flex}.lobby-row.game-player-row{grid-template-columns:minmax(0,1fr) 40px 140px}.game-actions-cell{justify-content:flex-end;gap:12px;display:flex}.lobby-head.game-player-row{padding-right:12px}.lobby-list.game-players{height:454px;overflow-y:hidden}button.link.game-action,button.link.game-action:hover:not(:disabled){color:var(--nav-text);padding:0;text-decoration:underline}.settings-grid textarea.create-motd{width:100%;margin:0}.create-motd-image img{object-fit:cover;width:80px;height:50px;display:block}.welcome-wrap{z-index:7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.welcome{background:#242020;flex-direction:column;width:min(960px,80%);height:min(720px,80%);display:flex;box-shadow:0 4px 4px -2px #0000008c}.welcome-head{color:#d7d3d7;white-space:nowrap;text-overflow:ellipsis;background-color:#484242;background-image:linear-gradient(#585050 0%,#383434 100%);flex:none;align-items:center;height:32px;padding:0 12px;line-height:16px;display:flex;overflow:hidden}.welcome-body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px;display:flex}.welcome-picture{flex:1;min-height:0;display:flex;position:relative}.welcome-image{object-fit:fill;filter:brightness(.4);width:100%;height:100%;position:absolute;inset:0}.welcome-text{min-height:0;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0;padding:12px;position:relative;overflow-y:auto}.welcome-actions{flex:none;gap:8px;display:flex}.welcome-actions button{min-width:140px}.skin-columns{flex:1;gap:16px;min-height:0;display:flex}.lobby-list.skin-list{flex:1;height:auto;overflow-y:auto}.lobby-row.skin-row{grid-template-columns:minmax(0,1fr)}.skin-frame{background:#100c10;border:1px solid #585050;flex:1;justify-content:center;align-items:center;display:flex}.skin-preview{image-rendering:pixelated}.killfeed{z-index:5;pointer-events:none;flex-direction:column;align-items:flex-end;gap:4px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:48px;right:16px}.killfeed li{height:28px;color:var(--text);white-space:nowrap;background:#000000b3;align-items:center;gap:8px;padding:0 10px;animation-name:killfeed-fade;animation-timing-function:ease;animation-fill-mode:forwards;display:flex}.killfeed img{width:auto;height:20px;image-rendering:pixelated}.killfeed-weapon{color:#8b7468}@keyframes killfeed-fade{to{opacity:0}}.skin-left{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.lobby-list.skin-roles{flex:none;height:auto;overflow:hidden}.lobby-list.skin-roles,.lobby-list.skin-list{background:#181818}.profile-minibar.skin-head{flex:none;margin:0}.lobby-list.skin-list.off{opacity:.4;pointer-events:none}.spectator-info{z-index:5;color:var(--text);pointer-events:none;background:#000000b3;flex-direction:column;gap:2px;padding:8px 12px;display:flex;position:absolute;top:16px;left:16px}.spectator-nick{text-shadow:1px 0;margin-bottom:4px}.spectator-stats{grid-template-columns:max-content max-content;gap:2px 12px;display:grid}.scoreboard-wrap{pointer-events:none;z-index:6}.welcome.scoreboard{height:auto;max-height:80%;box-shadow:none;background:#000000b3}.scoreboard .lobby-list.score-list{background:0 0}.lobby-row.score-row{grid-template-columns:minmax(0,1fr) 80px 80px 64px}.lobby-list.score-list{height:auto;overflow:hidden}.lobby-head.score-row{padding-right:12px}.score-row>span:not(:first-child){text-align:center;justify-self:center}.lobby-players{grid-template-columns:2ch auto 2ch;justify-content:start;display:grid}.lobby-players>span:first-child{text-align:right}.lobby-list.skin-players{flex:1}.lobby-row.skin-player{grid-template-columns:minmax(0,1fr) max-content}.voice-speakers{left:16px;bottom:calc(18% + env(safe-area-inset-bottom,0px));z-index:5;pointer-events:none;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex;position:absolute}.voice-speakers li{color:var(--text);background:#000000b3;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.voice-speakers .avatar{box-shadow:none}.site-body>.news-page{max-width:none;height:calc(100vh - var(--header-h) - 32px);flex-direction:column;align-items:center;margin-left:-16px;padding:0;display:flex}.news-page>.news-feed{width:100%}.news-scroll .comments,.news-scroll .pager,.news-scroll>.settings-hint{width:100%;max-width:720px;margin-inline:auto}.news-scroll>.settings-hint{text-align:center}.news-feed{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex}.news-feed>.composer{width:calc(100% - 32px);max-width:688px;margin:16px auto 0}.news-feed>.comments-error{width:calc(100% - 32px);max-width:688px;margin:0 auto}.news-scroll{background:#242020;flex:1;min-height:0;overflow-y:auto;box-shadow:inset 0 4px 4px -2px #0000008c}.news-scroll .comments{gap:0;margin-top:0;padding:16px 0}.news-scroll .comment{background:0 0;border:1px solid #585050;padding:20px 16px}.news-scroll .comments>.comment+.comment{margin-top:-1px}.sub-header .news-search{width:220px;height:24px}.site-body>.messages-page{max-width:none;height:calc(100vh - var(--header-h));align-items:stretch;gap:0;padding:0}.messages-area{background:#242020;flex:1;min-height:0;margin-left:-16px;overflow-y:auto;box-shadow:inset 0 4px 4px -2px #0000008c}.messages-top{align-items:center;gap:12px;margin-left:-16px;padding:16px 32px;display:flex}.messages-top input{flex:1;min-width:0}.messages-top button{flex:none}.dialogs{width:100%;max-width:840px;margin:0 auto;padding:16px 0;list-style:none}.dialog-row+.dialog-row{margin-top:-1px}.dialog-open{width:100%;height:112px;box-shadow:none;text-align:left;font:inherit;text-transform:none;letter-spacing:0;color:var(--nav-text);background:0 0;border:1px solid #585050;align-items:center;gap:16px;padding:12px 16px;display:flex}.dialog-open:hover:not(:disabled){background:#2c2628}.dialog-open:active:not(:disabled){box-shadow:none;transform:none}.dialog-who{flex-direction:column;flex:none;align-items:center;gap:4px;height:84px;display:flex}.dialog-status{color:#8b7468;line-height:16px}.dialog-status.online{color:var(--accent)}.dialog-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.dialog-nick{color:var(--accent);text-shadow:1px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dialog-last{color:var(--nav-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dialog-you{color:#8b7468}.dialog-meta{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.dialog-date{color:#8b7468}.dialog-unread{text-align:center;background:var(--accent);min-width:20px;height:20px;color:var(--on-accent);padding:0 6px;line-height:20px}.dialog-area{flex-direction:column;display:flex}.dialog-list{flex:1;width:100%;max-width:840px;height:auto;min-height:0;margin:0 auto;padding:8px 16px 0;overflow-y:auto}.dialog-day{text-align:center;color:#8b7468;padding:8px 0}.lobby-chat-list .lobby-msg-text{color:var(--nav-text)}.lobby-chat-list .lobby-msg{align-items:flex-end;gap:8px}.lobby-chat-list .lobby-msg>div{background:#2c282c;margin-top:0;padding:8px 12px}.lobby-chat-list .avatar-gap{flex:none;width:32px;height:32px}mark.hit{color:var(--accent);background:0 0}.dialog-error{flex:none;width:100%;max-width:808px;margin:8px auto 0}.dialog-compose{flex:none;width:100%;max-width:840px;margin:0 auto;padding:8px 16px 12px}.dialog-compose .composer{margin-top:0}.dialog-compose .composer input:not([type=file]){width:100%}.dialog-hint{text-align:center;flex:none;padding:8px 16px 12px}.comment-body>.profile-divider,.reply>.profile-divider{border-top-color:#585050}.site-body>.dm-new-page{align-items:stretch;gap:12px;width:100%;max-width:720px;margin-inline:auto}.dm-to{position:relative}.dm-to input{width:100%}.lobby-list.dm-found{z-index:5;height:auto;max-height:230px;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 4px -2px #0000008c}.lobby-row.dm-found-row{gap:8px;display:flex}.dm-chips{flex-wrap:wrap;gap:8px;display:flex}.dm-chip{height:32px;color:var(--nav-text);background:#242020;border:1px solid #585050;align-items:center;gap:8px;padding:0 8px 0 4px;display:inline-flex}.dm-chip .avatar{box-shadow:none}.dm-new-page>.composer{margin-top:0}.dm-new-page>.composer .profile-comment{height:190px}.dm-new-page>.composer .composer-actions{gap:8px;margin-top:4px}.dialogs-empty{text-align:center;padding:0 16px;list-style:none}.captcha:empty{display:none}.captcha iframe{max-width:100%}.hp-field{opacity:0;width:1px;height:1px;position:absolute;left:-10000px}.verify-done{color:var(--accent);margin:0}button.link:hover:not(:disabled),a.link:hover{color:var(--accent)!important}button.link:active:not(:disabled){box-shadow:none;transform:none}