/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--bg:#101114;--surface:#1A1C21;--raised:#24272D;--text:#F4F0E8;--muted:#B8B7B3;--brand:#D94B1F;--burnt:#A63816;--red:#E32620;--yellow:#FFC247;--line:#3b3e44}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:var(--raised);color:var(--text);padding:12px 18px;font-weight:650}button:hover{border-color:var(--brand)}button:disabled{cursor:not-allowed;color:var(--muted)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.skip{position:absolute;left:12px;top:-100px;background:var(--yellow);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:12px}header{min-height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px;padding:20px max(24px,calc((100vw - 1240px)/2))}.brand{font-weight:850;letter-spacing:-.8px;white-space:nowrap}.brand>span:not(.mark){font-weight:450}.brand small{font-size:11px;color:var(--muted);margin-left:6px}.mark{display:inline-block;color:var(--brand);font-size:30px;margin-right:12px}nav{display:flex;gap:26px;margin:auto;font-size:14px;color:var(--muted)}nav .current{color:var(--text);border-bottom:2px solid var(--brand);padding-bottom:9px}.outline{background:transparent;white-space:nowrap}main{max-width:1240px;padding:0 24px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:58px 0 36px}.eyebrow,.tiny{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--muted)}h1{font-size:clamp(40px,5vw,68px);line-height:1.03;letter-spacing:-3px;margin:20px 0}h1 span{color:var(--brand)}.lede{color:var(--muted);font-size:18px}.scene{width:40%;max-width:420px;border-bottom:1px solid var(--burnt)}.scene svg{width:100%;display:block}.scene>span{font-size:9px;letter-spacing:1.7px;color:var(--muted);display:block;padding:12px}.notice{border:1px solid var(--line);padding:13px 18px;color:var(--muted);font-size:12px;display:flex;gap:16px;align-items:center;margin-bottom:32px}.demo{color:var(--yellow);font-weight:750;font-size:10px;letter-spacing:1px;white-space:nowrap}.workspace{display:grid;grid-template-columns:310px 1fr;gap:32px;margin-bottom:64px}aside{padding-right:32px;border-right:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-heading h2,.section-heading h3{margin:0;font-size:17px}.section-heading>span{font-size:10px;letter-spacing:1px;color:var(--muted)}label{display:block;font-size:12px;margin-bottom:8px;color:var(--muted)}input{width:100%;padding:12px;background:var(--surface);border:1px solid var(--line);color:var(--text);margin-bottom:18px}.games{display:grid;gap:10px}.game{padding:0;display:flex;text-align:left;align-items:center;gap:15px;background:var(--surface);width:100%;min-height:84px}.game[aria-pressed=true]{border-color:var(--brand);box-shadow:inset 3px 0 var(--brand)}.game-art{height:82px;width:67px;flex-shrink:0;display:grid;place-items:center;background:var(--raised);font-size:37px;color:var(--brand);clip-path:polygon(0 0,100% 0,100% 85%,80% 100%,0 100%)}.game strong,.game small{display:block}.game strong{font-size:14px}.game small{font-size:11px;color:var(--muted);margin-top:4px}.aside-note{margin-top:40px;color:var(--muted);font-size:15px}.aside-note p{border-left:2px solid var(--burnt);padding-left:14px}.detail-top{display:flex;align-items:center;justify-content:space-between}.status{font-size:11px;color:var(--yellow)}#detail-title{font-size:34px;letter-spacing:-1px;margin:10px 0}.muted{color:var(--muted)}.tabs{display:flex;border-bottom:1px solid var(--line);gap:24px;margin:28px 0}.tabs button{padding:12px 0;background:none;border:0;border-bottom:3px solid transparent;font-size:14px}.tabs button[aria-pressed=true]{border-bottom-color:var(--brand)}.tabs span{background:var(--raised);padding:2px 6px;margin-left:6px;font-size:11px}.room{display:flex;gap:20px;align-items:center;padding:20px;background:var(--surface);border:1px solid var(--line);margin-bottom:12px}.room-icon{background:var(--raised);width:44px;height:44px;display:grid;place-items:center;color:var(--brand);font-size:22px}.room-info{flex:1}.room h4{margin:0 0 4px;font-size:16px}.room p{margin:0;font-size:12px;color:var(--muted)}.primary{background:var(--brand);color:#000;border-color:var(--brand)}.empty{padding:28px;border:1px dashed var(--line);color:var(--muted)}.empty h4{color:var(--text);margin:0 0 8px}.empty p{margin:0 0 18px}.account{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.account strong{display:block;font-size:14px;margin:6px 0}.account p{font-size:12px;color:var(--muted);margin:0}.avatar{font-size:30px;color:var(--brand);border:1px solid var(--line);padding:5px 19px}.member{padding:16px;border:1px solid var(--line);background:var(--surface);margin:12px 0}.member span{float:right;color:var(--yellow);font-size:12px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px max(24px,calc((100vw - 1192px)/2));color:var(--muted);font-size:10px;letter-spacing:1px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:900px){header{gap:16px;flex-wrap:wrap}nav{order:3;width:100%;justify-content:center}header>.outline{margin-left:auto}.workspace{grid-template-columns:240px 1fr;gap:24px}aside{padding-right:24px}.room{flex-wrap:wrap}.room button{width:100%}}@media(max-width:620px){header{padding:16px}.brand{font-size:14px}.mark{margin-right:6px}.outline{font-size:12px;padding:10px}.intro{padding:32px 0 24px}.scene{display:none}h1{letter-spacing:-2px}.workspace{grid-template-columns:1fr}aside{border-right:0;padding-right:0}.aside-note{display:none}.games{grid-template-columns:1fr}.notice{align-items:flex-start;flex-direction:column;gap:6px}#detail-title{font-size:30px}.room{padding:16px}.detail-top{gap:12px}footer{flex-direction:column}nav{gap:24px}main{padding:0 16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.account-login{padding:12px;border:1px solid var(--line);font-size:12px;white-space:nowrap}.community{border-top:1px solid var(--line);padding:32px 0 64px}.community>h2{font-size:clamp(28px,4vw,42px);letter-spacing:-1px}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.community-panel{background:var(--surface);border:1px solid var(--line);padding:24px;min-width:0}.community-panel h3{margin:0 0 20px;font-size:20px}.community-panel h3 small{font-size:12px;color:var(--muted)}select,textarea{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);padding:12px;margin-bottom:18px}select:focus-visible,textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.region-detail{padding:18px 0}.region-detail strong{font-size:26px}.region-detail p{color:var(--muted);font-size:13px}.community-panel table{border-collapse:collapse;width:100%;font-size:14px}.community-panel th,.community-panel td{padding:12px 6px;border-bottom:1px solid var(--line);text-align:left}.community-panel th{font-size:11px;color:var(--muted)}.community-panel td:last-child,.community-panel th:last-child{text-align:right}.table-wrap{overflow-x:auto}.check-label{display:flex;align-items:flex-start;gap:10px;margin:6px 0 18px}.check-label input{width:18px;height:18px;margin:0;flex-shrink:0}.community-panel form+p{font-size:13px;color:var(--yellow)}#guild-space{margin-bottom:28px}.comparison-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:12px 0;font-size:12px}#region-comparison{margin-top:20px}@media(max-width:700px){.community-grid{grid-template-columns:1fr}.community-panel{padding:18px}}
