:root{--bg:#0a0c0f;--panel:#111419;--line:#22272f;--text:#ece7df;--muted:#8d939c;--crimson:#d4372e;--holdup:#ff8a3d;--chainhold:#d9b15a;--lastbridge:#37d3e8;--wowaddons:#e3bf6a;--display:"Anton", Impact, "Arial Narrow", sans-serif;--label:"Barlow Condensed", "Arial Narrow", sans-serif;--body:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--bar:64px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar) + 16px)}html,body{background:var(--bg);color:var(--text);font:16px/1.5 var(--body);margin:0}a{color:inherit}.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}@media (width<=640px){.wrap{padding:0 16px}}.topbar{z-index:20;height:var(--bar);backdrop-filter:blur(14px);background:#0a0c0fd1;border-bottom:1px solid #ffffff0f;align-items:center;gap:36px;padding:0 28px;display:flex;position:fixed;inset:0 0 auto}.topbar .brand{line-height:0;display:flex}.topbar .brand img{width:auto;height:26px}.topbar .brand .mark{height:30px;display:none}.topbar nav{gap:28px;height:100%;display:flex}.topbar nav a{font:600 15px/1 var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;text-decoration:none;transition:color .14s;display:flex;position:relative}.topbar nav a:hover,.topbar nav a[aria-current]{color:var(--text)}.topbar nav a[aria-current]:after{content:"";background:var(--crimson);height:3px;position:absolute;bottom:0;left:0;right:0}.account{align-items:center;display:flex}.topbar .get{background:var(--crimson);color:#fff;height:38px;font:700 14px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;border-radius:6px;align-items:center;padding:0 20px;text-decoration:none;transition:filter .14s;display:inline-flex}.topbar .get:hover{filter:brightness(1.12)}.topbar .langs{margin-left:auto}.topbar .langs+.get{margin-left:-20px}.topbar .get+.account{margin-left:-24px}.signin-button,.me summary{background:var(--crimson);color:#fff;height:38px;font:700 14px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 20px;transition:filter .14s;display:inline-flex}.signin-button{border:1px solid var(--line);background:0 0}.signin-button:hover{filter:none;background:#ffffff0f}.me{position:relative}.me summary{border:1px solid var(--line);color:var(--text);text-transform:none;letter-spacing:.04em;background:0 0;max-width:180px;font-size:16px;list-style:none}.me summary::-webkit-details-marker{display:none}.me summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.me[open] summary{border-color:var(--muted)}.me .menu{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex-direction:column;min-width:190px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px -12px #000000b3}.me .menu a,.me .menu button{color:var(--text);font:600 14px/1 var(--label);letter-spacing:.1em;text-transform:uppercase;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:10px 12px;text-decoration:none}.me .menu a:hover,.me .menu button:hover{background:#ffffff0f}@media (width<=640px){.topbar{gap:16px;padding:0 16px}.topbar .brand .logo{display:none}.topbar .brand .mark{display:block}.topbar nav{gap:16px}.topbar nav a{letter-spacing:.1em;font-size:14px}.topbar .get,.topbar .to-profile,.topbar .langs{display:none}.topbar .get+.account{margin-left:auto}.signin-button,.me summary{padding:0 14px;font-size:13px}.me summary{text-overflow:ellipsis;white-space:nowrap;max-width:120px;line-height:36px;display:block;overflow:hidden}.me summary:after{display:none}}.langs{flex:none;gap:2px;display:inline-flex}.langs button{min-width:36px;height:32px;color:var(--muted);font:600 14px/1 var(--label);letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:0 8px;transition:color .14s}.langs button:hover{color:var(--text)}.langs button[aria-pressed=true]{border-color:var(--line);color:var(--text);background:#ffffff0d}.button{height:48px;color:var(--text);font:700 16px/1 var(--label);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#0a0c0f59;border:1px solid #ece7df59;border-radius:6px;justify-content:center;align-items:center;padding:0 28px;text-decoration:none;transition:filter .14s,border-color .14s,transform .14s;display:inline-flex}.button:hover{border-color:var(--text)}.button.primary{background:var(--crimson);color:#fff;border:0}.button.primary:hover{filter:brightness(1.12)}.button.play{background:var(--accent);color:#111;border:0;height:42px}.button.play:hover{filter:brightness(1.1)}button.link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}button.link:hover{color:var(--text)}.chip{background:var(--crimson);color:#fff;height:22px;font:700 12px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;vertical-align:middle;border-radius:4px;align-items:center;margin-left:10px;padding:0 8px;display:inline-flex}.hero{isolation:isolate;min-height:min(86vh,760px);padding:calc(var(--bar) + 40px) 0 72px;align-items:center;display:flex;position:relative;overflow:hidden}.hero .backdrop{object-fit:cover;object-position:75% 30%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg, var(--bg) 0%, #0a0c0fbf 30%, transparent 60%), linear-gradient(0deg, var(--bg) 0%, transparent 30%);position:absolute;inset:0}.hero h1{max-width:16ch;font:400 clamp(52px, 7.6vw, 112px)/.94 var(--display);text-transform:uppercase;letter-spacing:.005em;margin:0}.hero p{color:#c9c4bc;max-width:34ch;margin:22px 0 0;font-size:clamp(17px,1.45vw,20px)}.hero .actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero .hint{max-width:44ch;color:var(--muted,#9a938b);margin-top:14px;font-size:14px}.page-hero{min-height:min(58vh,520px);padding-bottom:48px}.page-hero h1{max-width:none;font-size:clamp(56px,9vw,128px)}@media (width<=760px){.hero{align-items:flex-end;min-height:88vh}.hero .backdrop{object-position:72% 40%;height:66%}.hero:before{background:linear-gradient(0deg, var(--bg) 36%, #0a0c0f99 48%, transparent 64%)}.page-hero{min-height:62vh}}.section{padding-top:72px}.section:last-child{padding-bottom:24px}.kicker{color:var(--crimson);font:700 14px/1 var(--label);letter-spacing:.22em;text-transform:uppercase;margin:0 0 6px}.section>h2{font:400 clamp(40px, 5vw, 64px)/1 var(--display);text-transform:uppercase;margin:0 0 32px}@media (width>=761px){.home-hero{min-height:740px;padding-top:calc(var(--bar) + 40px);align-items:flex-start;padding-bottom:170px}.home-hero h1{font-size:clamp(52px,6.6vw,96px)}.home-hero p{max-width:56ch}}.home-window{z-index:2;width:min(1240px,100% - 48px);margin:-150px auto 0;line-height:0;transition:transform .18s;display:block;position:relative}.home-window:hover,.home-window:focus-visible{transform:translateY(-6px)}.home-window img{filter:drop-shadow(0 40px 90px #d4372e52)drop-shadow(0 20px 40px #000c);width:100%;height:auto;display:block}.band{position:relative;overflow:hidden}.band h2{font:400 clamp(56px, 7vw, 104px)/.96 var(--display);text-transform:uppercase;margin:0}.band p{max-width:42ch;margin:22px 0 0;font-size:20px;line-height:1.45}.band .actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.band .inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.room-band{background:var(--crimson);color:var(--bg);margin-top:110px}.room-band .inner{min-height:640px}.room-band p{color:#fff;font-weight:500}.room-band .shot{place-self:start center;margin:56px 0 -240px;line-height:0}.room-band .shot img{filter:drop-shadow(0 30px 60px #0000008c);width:min(400px,100%);height:auto;display:block}.games-band{padding-top:110px}.games-band .head{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px;display:flex}.games-band .head p{color:#c9c4bc;text-align:right;margin:0}.posters{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.poster{--accent:var(--crimson);background:var(--panel);text-decoration:none;transition:background .18s;display:block}.poster .art{line-height:0;overflow:hidden}.poster img{aspect-ratio:2/3;object-fit:cover;width:100%;height:auto;transition:transform .4s;display:block}.poster:hover img,.poster:focus-visible img{transform:scale(1.03)}.poster:hover,.poster:focus-visible{background:color-mix(in srgb, var(--accent) 16%, var(--panel))}.poster:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.poster span{color:var(--accent);font:700 22px/1.1 var(--label);letter-spacing:.14em;padding:18px 24px 22px;display:block}.poster small{color:var(--text);font:500 16px/1.3 var(--body);letter-spacing:0;margin-top:6px;display:block}.addons-band{background:var(--wowaddons);color:#17120a}.addons-band .inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:620px;padding-top:64px;padding-bottom:64px}.addons-band p{color:#2b2212;font-weight:500}.addons-band .button{color:#fff;background:#17120a;border:0}.addons-band .button:hover{filter:brightness(1.5)}.addons-band .shot{line-height:0;transition:transform .18s;display:block}.addons-band .shot:hover,.addons-band .shot:focus-visible{transform:translateY(-6px)}.addons-band .shot img{filter:drop-shadow(0 26px 50px #321e0080);width:100%;height:auto;display:block}.last-band{isolation:isolate;text-align:center;justify-content:center;align-items:center;min-height:620px;padding:0 24px;display:flex}.last-band>img{z-index:-2;object-fit:cover;object-position:75% 30%;width:100%;height:100%;position:absolute;inset:0}.last-band:before{content:"";z-index:-1;background:linear-gradient(0deg, var(--bg), #0a0c0f8c 40%, var(--bg));position:absolute;inset:0}.last-band h2{font-size:clamp(64px,9vw,140px);line-height:.94}.last-band p{color:#d8d3cb;max-width:none;margin:18px auto 0}.last-band .actions{justify-content:center}main:has(>.last-band)~.site-footer{margin-top:0}@media (width<=760px){.home-window{width:calc(100% - 32px);margin-top:0}.band h2{font-size:clamp(44px,13vw,64px)}.band p{font-size:17px}.band .inner{grid-template-columns:1fr;gap:28px}.room-band{margin-top:56px}.room-band .inner{min-height:0;padding-top:48px}.room-band .shot{margin:0 auto -180px}.room-band .shot img{width:78vw;max-width:340px}.games-band{padding-top:56px}.games-band .head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:28px}.games-band .head p{text-align:left}.poster span{padding:10px 8px 12px;font-size:15px}.poster small{margin-top:4px;font-size:12px}.addons-band .inner{min-height:0;padding-top:48px;padding-bottom:48px}.last-band{min-height:480px;padding:0 16px}.last-band h2{font-size:clamp(56px,17vw,88px)}}.tabs,.mode-tabs{flex-wrap:wrap;gap:6px;display:flex}.tabs button,.mode-tabs button{color:var(--muted);font:600 13px/1 var(--label);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:6px 10px}.tabs button.on,.mode-tabs button.on{border-color:var(--line);color:var(--text);background:#ffffff0d}.emblem{object-fit:contain;filter:drop-shadow(0 2px 6px #0009);flex:none}.emblem.none{width:24px;display:inline-block}.picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:-120px;display:grid;position:relative}.game-tile{border:2px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;height:128px;padding:0;transition:border-color .16s,transform .16s;position:relative;overflow:hidden}.game-tile img{object-fit:cover;object-position:70% 40%;opacity:.55;width:100%;height:100%;transition:opacity .16s;position:absolute;inset:0}.game-tile span{color:#fff;font:400 30px/1 var(--display);letter-spacing:.02em;text-shadow:0 2px 12px #000c;position:absolute;bottom:14px;left:18px}.game-tile:hover{transform:translateY(-2px)}.game-tile:hover img,.game-tile.on img{opacity:1}.game-tile.on{border-color:var(--accent);box-shadow:0 16px 40px -16px var(--accent)}@media (width<=760px){.picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:-40px}.game-tile{height:64px}.game-tile span{font-size:15px;bottom:8px;left:8px}}.mode-tabs{margin:28px 0 0}.mode-tabs button{padding:10px 16px;font-size:15px}.count{color:var(--muted);font:600 14px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;margin:18px 0 10px}table.ladder{border-collapse:collapse;width:100%;font:600 17px/1.2 var(--label);letter-spacing:.03em}.ladder th{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--line);padding:12px 14px;font-size:13px}.ladder td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 14px}.ladder th:nth-child(n+4),.ladder td:nth-child(n+4){text-align:right}.ladder td:first-child{width:56px;color:var(--muted);font-size:18px}.ladder td:nth-child(2) a{text-decoration:none}.ladder td:nth-child(2) a:hover{text-decoration:underline}.ladder td:nth-child(3){color:#c9c4bc;align-items:center;gap:10px;display:flex}.ladder.timed td:nth-child(3){display:table-cell}.ladder tr.podium td:first-child{color:var(--accent);font:400 24px/1 var(--display)}.ladder tbody tr:hover{background:#ffffff08}.ladder tr.me{background:color-mix(in srgb, var(--accent) 12%, transparent)}.ladder tr.me td:nth-child(2) a{color:var(--accent)}.ladder tr.gap td{color:var(--muted);text-align:center}@media (width<=640px){table.ladder{font-size:15px}.ladder th:nth-child(5),.ladder td:nth-child(5),.ladder th:nth-child(6),.ladder td:nth-child(6){display:none}.ladder td,.ladder th{padding:10px 8px}.ladder td:nth-child(3){font-size:0}.ladder.timed td:nth-child(3){font-size:inherit}}.empty-state{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.empty-state p{color:#c9c4bc;flex-basis:100%;margin:24px 0 4px;font-size:18px}.player-hero .wrap{align-items:center;gap:28px;display:flex}.player-hero .best{filter:drop-shadow(0 10px 30px #000000b3);width:clamp(110px,14vw,170px);height:auto}.player-hero h1{overflow-wrap:anywhere;font-size:clamp(56px,9vw,120px)}.player-hero .actions{align-items:center;margin-top:22px}.player-hero .chip{margin-left:0}@media (width<=640px){.player-hero .wrap{flex-direction:column;align-items:flex-start;gap:8px}}.profile{flex-direction:column;gap:40px;display:flex}.profile>p{color:#c9c4bc;font-size:18px}.game-block .strip{border:1px solid var(--line);border-bottom:3px solid var(--accent);border-radius:8px 8px 0 0;height:120px;text-decoration:none;display:block;position:relative;overflow:hidden}.game-block .strip img{object-fit:cover;object-position:70% 40%;width:100%;height:100%;position:absolute;inset:0}.game-block .strip:before{content:"";z-index:1;background:linear-gradient(90deg,#0a0c0fd9,#0000 60%);position:absolute;inset:0}.game-block .strip span{z-index:2;font:400 40px/1 var(--display);color:#fff;position:absolute;bottom:16px;left:22px}.mode-cards{border:1px solid var(--line);background:var(--line);border-top:0;border-radius:0 0 8px 8px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1px;display:grid;overflow:hidden}.mode-card{background:var(--panel);align-items:center;gap:16px;padding:20px;display:flex}@media (width<=640px){.mode-cards{grid-auto-flow:row}}.mode-card p{margin:0}.mode-card .mode{color:var(--muted);font:600 13px/1 var(--label);letter-spacing:.16em;text-transform:uppercase}.mode-card .rank{font:700 22px/1.1 var(--label);letter-spacing:.03em;color:var(--accent);margin-top:6px}.mode-card .place{color:#c9c4bc;margin-top:6px;font-size:14px}.mode-card .place a{color:var(--text);font-weight:600}.mode-card .emblem.none{border:2px dashed var(--line);border-radius:50%;width:72px;height:72px}.mode-card.never{flex-direction:column;align-items:flex-start;gap:6px}.mode-card.never .rank{color:var(--muted)}.mode-card.never .button{margin-top:8px}.builds-version{color:#c9c4bc;margin:-18px 0 28px}.builds{border:1px solid var(--line);background:var(--line);border-radius:8px;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.builds li{background:var(--panel);align-items:center;gap:22px;padding:20px 24px;display:flex}.builds li.yours{background:linear-gradient(90deg, #d4372e24, var(--panel) 55%)}.builds .system{color:var(--muted);flex:none;transition:color .14s}.builds li:hover .system,.builds li.yours .system{color:var(--text)}.builds div{flex:1;min-width:0}.builds h3{font:700 22px/1.1 var(--label);letter-spacing:.03em;margin:0}.builds p{color:var(--muted);margin:4px 0 0;font-size:15px}.builds .button{flex:none;height:44px;padding:0 22px;font-size:15px}@media (width<=640px){.builds li{flex-wrap:wrap;gap:14px;padding:18px 16px}.builds div{flex-basis:calc(100% - 42px)}.builds .button{width:100%}}.settings h2{font:400 clamp(32px, 4vw, 44px)/1 var(--display);text-transform:uppercase;margin:0 0 16px}.settings .langs button{min-width:48px;height:40px;font-size:16px}.site-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:18px 36px;margin-top:96px;padding:40px 28px 48px;font-size:14px;display:flex}.site-footer .brand img{opacity:.85;width:auto;height:22px;display:block}.site-footer nav{flex-wrap:wrap;gap:14px 24px;display:flex}.site-footer nav a{color:var(--muted);font:600 14px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.site-footer nav a:hover{color:var(--text)}.site-footer .langs{margin-left:auto}.site-footer p{margin:0}.site-footer .games-version{letter-spacing:.02em;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=640px){.site-footer{padding:32px 16px 40px}.site-footer p{margin:0}}.privacy{max-width:680px;margin:0 auto;padding:40px 16px 64px}.privacy h1{font-size:22px}.privacy h2{margin-top:28px;font-size:16px}.privacy p,.privacy li{color:#c9c6c1}.privacy a{color:var(--text)}dialog.signin{border:1px solid var(--line);background:var(--panel);width:min(420px,100vw - 32px);color:var(--text);border-radius:10px;padding:0}dialog.signin::backdrop{backdrop-filter:blur(4px);background:#000000a6}dialog.signin form{flex-direction:column;gap:14px;padding:26px;display:flex;position:relative}dialog.signin h2{font:400 30px/1 var(--display);text-transform:uppercase;margin:0}dialog.signin p{color:#c9c6c1;margin:0}dialog.signin label{color:var(--muted);font:600 13px/1.2 var(--label);letter-spacing:.12em;text-transform:uppercase;flex-direction:column;gap:6px;display:flex}dialog.signin input{border:1px solid var(--line);background:var(--bg);color:var(--text);font:16px var(--body);letter-spacing:normal;text-transform:none;border-radius:6px;padding:12px}dialog.signin input:focus{outline:2px solid var(--crimson);outline-offset:1px}dialog.signin button[type=submit]{background:var(--crimson);color:#fff;height:44px;font:700 15px/1 var(--label);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;border-radius:6px;align-self:flex-start;padding:0 24px}dialog.signin button[type=submit]:disabled{opacity:.6}dialog.signin button.code{align-self:flex-start;height:44px;padding:0 24px}dialog.signin .hint{color:var(--muted);font-size:13px}dialog.signin .error:empty{display:none}dialog.signin .error{color:#ff8a7a}dialog.signin .close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:12px;right:14px}