:root{font-family:'DM Sans',sans-serif;color:#f5f5f7;background:#080809;font-synthesis:none;--muted:#949498;--line:#29292c;--accent:#c3ff5c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,.brand,strong{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(52px,6.2vw,88px);font-weight:500;letter-spacing:-5px;line-height:1.04;margin:23px 0}h2{font-size:25px;letter-spacing:-1px;font-weight:500;margin:0 0 16px}h3{font-weight:500;font-size:16px}p{font-size:14px;line-height:1.7;color:var(--muted)}.beta-bar{padding:9px 4%;display:flex;gap:16px;font-size:10px;border-bottom:1px solid var(--line);color:#a5a5a9;background:#111113}.beta-bar>span:first-child{color:var(--accent);letter-spacing:1.6px;font-weight:700}.beta-bar>span:last-child{margin-left:auto}.beta-bar i,.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:5px}header{max-width:1510px;margin:auto;display:flex;align-items:center;gap:32px;padding:27px 4%;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:600;letter-spacing:-1.3px;white-space:nowrap}.brand span{color:var(--accent)}nav{display:flex;gap:28px;margin:auto;font-size:12px;color:var(--muted)}nav a.active,nav a:hover{color:white}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:15px 21px;border-radius:7px;font-weight:600;font-size:12px;line-height:1.4}.primary{background:#f5f5f5;color:#111}.primary:hover{background:var(--accent)}.secondary{color:#e9e9eb;background:transparent;border:1px solid #424247}.secondary:hover{background:#222225}.small{padding:12px 16px}.text-button{background:none;color:var(--accent);font-size:12px;padding:6px 0;display:inline-block}.actions{display:flex;gap:12px;margin-top:27px}.muted,.field-note{color:var(--muted);font-size:12px;line-height:1.65}.eyebrow{color:#a3a3a8;font-size:10px;letter-spacing:1.8px;font-weight:500}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:425px;gap:25px;padding:45px 0 35px}.hero p{font-size:15px}.hero-note{font-size:10px;color:var(--muted);margin:23px 0 0}.hero-art{height:340px;position:relative;isolation:isolate}.dot-face{width:38px;height:38px;display:block;flex-shrink:0}.hero-art .dot-face{position:absolute;width:clamp(70px,9vw,125px);height:auto;filter:drop-shadow(0 8px 6px #0005)}.hero-art .dot-face:nth-child(1){left:14%;top:0;transform:rotate(-15deg)}.hero-art .dot-face:nth-child(2){left:43%;top:12%;transform:rotate(12deg)}.hero-art .dot-face:nth-child(3){left:70%;top:6%;transform:rotate(-10deg)}.hero-art .dot-face:nth-child(4){left:1%;top:40%;transform:rotate(-20deg)}.hero-art .dot-face:nth-child(5){left:31%;top:52%;transform:rotate(12deg);z-index:1}.hero-art .dot-face:nth-child(6){left:60%;top:48%;transform:rotate(18deg)}.hero-art .dot-face:nth-child(7){left:74%;top:72%;width:85px;transform:rotate(-20deg)}main{max-width:1380px;margin:auto;padding:0 4% 60px}.metrics{display:grid;grid-template-columns:1fr 1fr 1.15fr 1fr;border-block:1px solid var(--line);padding:24px 0}.metrics>div{display:flex;flex-direction:column;gap:9px;padding:0 22px;border-right:1px solid var(--line)}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border:0}.metrics span{font-size:9px;color:var(--muted);letter-spacing:1px}.metrics strong{font-size:25px;letter-spacing:-1px;font-weight:500;display:flex;align-items:center;gap:10px}.metrics em{font-style:normal;color:#606067;font-size:17px}.metrics small{font-size:10px;color:var(--muted)}.metrics .text-button{font-size:10px;text-align:left;padding:0}.tiny-pill{border:1px solid #484833;padding:4px 6px;border-radius:3px;font-size:7px!important;color:#d6d89b!important;letter-spacing:.5px!important}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:33px 0 20px}.section-head h2{margin:6px 0 0}.section-head .eyebrow{color:var(--accent)}.featured{border:1px solid var(--line);border-radius:12px;background:#101012;min-height:210px;display:flex;align-items:center;justify-content:center;padding:25px;position:relative;overflow:hidden}.feature-player{width:32%;display:flex;align-items:center;flex-direction:column;gap:11px;min-width:0}.feature-player .dot-face{width:105px;height:105px}.feature-player b{font-size:16px;font-weight:500;overflow-wrap:anywhere}.feature-mid{text-align:center;min-width:90px}.feature-mid strong{font-size:34px;font-weight:400;display:block;letter-spacing:4px}.feature-mid span{font-size:9px;letter-spacing:1px;color:var(--muted)}.feature-label{position:absolute;left:20px;top:17px;color:#a2a2a7;font-size:9px;letter-spacing:1px}.feature-player small{font-size:9px;color:#a1a1a8}.pill{display:inline-block;border:1px solid #3b3b40;border-radius:4px;padding:4px 7px;color:#aaaab2;font-size:8px;letter-spacing:.7px;white-space:nowrap}.bracket-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:26px}.bracket-top h3 span{color:var(--muted);font-size:11px;margin-left:8px}.round-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.round-tabs button{background:transparent;color:#9c9ca2;padding:9px 12px;border:1px solid var(--line);border-radius:5px;font-size:10px}.round-tabs button.active{color:#e5ffc0;border-color:#708248;background:#1b2412}.bracket-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.match{background:#111113;border:1px solid var(--line);border-radius:8px;padding:12px;text-align:left;color:inherit;min-width:0}.match:hover{border-color:#666671}.match-line{display:flex;align-items:center;gap:9px;font-size:11px;min-height:42px}.match-line .dot-face{width:27px;height:27px}.match-line>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.match-line>b{margin-left:auto;font-size:13px}.match-line.winner{color:var(--accent)}.match-line.loser{opacity:.48}.match-meta{font-size:8px;color:#797982;display:flex;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #252528;margin-top:6px}.bracket-foot{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#797982;line-height:1.7;margin:16px 0 25px}.two-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-top:27px}.panel{border:1px solid var(--line);border-radius:10px;padding:28px;background:#101012;min-width:0}.panel>.section-head{margin:0 0 20px}.leader-row{display:flex;align-items:center;gap:12px;border-top:1px solid #242428;padding:12px 0}.leader-row .rank{color:#68686f;font-size:11px;width:16px}.leader-row .dot-face{width:34px;height:34px}.leader-row .identity{flex:1;min-width:0}.identity b{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.identity small{color:#7f7f88;font-size:9px}.leader-row>strong{font-size:13px;font-weight:400}.invitation h2{font-size:33px;line-height:1.15;margin-top:20px}.invitation .primary{margin-top:22px;width:100%}.key-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:12px 0;font-size:11px}.key-row span{color:var(--muted)}.key-row b{font-weight:500}.funding{display:grid;grid-template-columns:1fr 1.3fr;gap:55px;padding:45px 0 0;margin-top:42px;border-top:1px solid var(--line)}.funding h2{margin-top:15px;font-size:29px}.funding p{margin-top:0}footer{max-width:1380px;margin:auto;border-top:1px solid var(--line);padding:30px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span{font-size:10px;color:var(--muted)}footer .brand{font-size:21px}.page-title{padding:55px 0 35px}.page-title h1{font-size:66px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:9px;font-weight:400;letter-spacing:1px;color:var(--muted);padding:12px 15px;border-bottom:1px solid var(--line)}td{font-size:13px;padding:15px;border-bottom:1px solid #242428}td:first-child{color:#777780}td .table-dot{display:flex;align-items:center;gap:12px}.inline-label{display:flex;align-items:center;gap:10px;font-size:11px!important;margin:0!important}.inline-label select{width:auto;margin:0;padding:8px 13px}.archive{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.archive .panel{display:flex;gap:15px;align-items:center}.archive small{font-size:10px;color:var(--muted)}.archive b{display:block;font-size:13px;margin:4px 0}.empty{padding:55px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:12px}.profile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:23px}.profile-card{display:flex;align-items:center;flex-direction:column;text-align:center;justify-content:center}.profile-card .dot-face{width:145px;height:145px;margin-bottom:20px}.profile-card h2{font-size:29px;margin:0}.profile-card p{overflow-wrap:anywhere;max-width:100%}.profile-stats{display:flex;justify-content:center;width:100%;gap:32px;margin:27px 0}.profile-stats strong{font-size:24px;display:block;font-weight:400}.profile-stats span{font-size:10px;color:var(--muted)}label{display:block;font-size:12px;color:#c9c9d0;margin:22px 0 9px}input,select{display:block;width:100%;background:#18181c;color:#eee;border:1px solid #38383f;border-radius:6px;padding:12px 14px;font-size:13px}select{color-scheme:dark}.checkbox{display:flex;gap:12px;align-items:center;line-height:1.5}.checkbox input{width:16px;height:16px;accent-color:var(--accent)}.field-note{font-size:11px}.wallet-address{padding:12px;border:1px dashed #42424a;color:var(--accent);font-family:monospace;overflow-wrap:anywhere;font-size:11px;margin:20px 0}.connect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{font-family:monospace;color:var(--accent);font-size:12px;display:block;margin-bottom:30px}.connect-grid h2{font-size:23px}.connect-grid p{min-height:95px}.api-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px}.api-panel pre{background:#09090b;border-radius:7px;padding:25px;color:#c3ed9f;line-height:1.8;font-size:12px;margin:0;overflow:auto}.connect-grid .secondary{font-size:11px}dialog{color:#eee;background:#111114;border:1px solid #3c3c44;border-radius:14px;padding:32px;max-width:560px;width:calc(100% - 32px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-size:36px;margin:15px 0;letter-spacing:-1.6px}dialog .primary{width:100%;margin-top:20px}.close{position:absolute;top:12px;right:15px;color:#aaa;background:none;font-size:25px;padding:4px 8px}#new-face .dot-face{width:95px;height:95px;margin:20px auto}fieldset{border:0;padding:0;margin:20px 0}legend{font-size:12px;margin-bottom:12px;color:#ccc}.color-options{display:flex;gap:12px;flex-wrap:wrap}.color-options button{width:29px;height:29px;border-radius:50%;border:3px solid #111114;outline:1px solid transparent}.color-options button[aria-pressed=true]{outline-color:white}.rules{padding-left:20px;color:#aaaab4;font-size:12px;line-height:1.8}.rules li{padding:8px 0}.rules b{color:#eee}.error{color:#ff9696;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#e2ffc3;color:#15220a;border-radius:7px;padding:14px 22px;font-size:12px;max-width:calc(100% - 32px);width:max-content;z-index:5;transition:opacity .18s,transform .18s}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.match-history{max-height:320px;overflow:auto}.throw{display:flex;gap:12px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.throw span:first-child{color:var(--muted)}.waiting{text-align:center;color:var(--muted);padding:35px 20px;font-size:13px;grid-column:1/-1}.offline{color:#ffb77b!important}.hero-art .dot-face:hover{filter:brightness(1.12)}
@media(min-width:1500px){.hero-art{max-width:490px}.hero-art .dot-face{width:125px}}
@media(max-width:1000px){header{gap:20px}nav{gap:15px}.hero-art{height:280px}.metrics strong{font-size:21px}.metrics>div{padding:0 15px}.tiny-pill{display:none}.bracket-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.connect-grid{gap:12px}.panel{padding:23px}.hero h1{font-size:64px}.hero-art .dot-face{width:100px}}
@media(max-width:760px){header{flex-wrap:wrap;padding:20px 5%;gap:20px}.brand{font-size:24px}header>.primary{margin-left:auto}nav{order:3;width:100%;justify-content:space-between;margin:0;font-size:11px;gap:8px}.beta-bar{font-size:8px;padding:8px 5%;gap:9px}.beta-bar>span:last-child{display:none}main{padding:0 5% 35px}.hero{grid-template-columns:1fr;gap:10px;padding-top:35px;min-height:0}.hero h1,.page-title h1{font-size:57px;letter-spacing:-3.8px}.hero-art{height:225px;width:330px;max-width:100%;margin:8px auto 0}.hero-art .dot-face{width:87px}.hero-art .dot-face:nth-child(7){width:60px;top:69%}.hero p{font-size:13px}.hero-note{font-size:9px}.actions{gap:9px}.primary,.secondary{font-size:11px;padding:13px 17px}.metrics{grid-template-columns:1fr 1fr;gap:24px;padding:22px 0}.metrics>div{padding:0 0 0 15px}.metrics>div:nth-child(odd){padding-left:0}.metrics>div:nth-child(even){border:0}.metrics span{font-size:8px}.metrics strong{font-size:23px}.metrics small{font-size:9px}.section-head{align-items:flex-start;gap:12px}.section-head h2{font-size:22px}.section-head .muted{font-size:10px;max-width:110px;text-align:right}.featured{padding:40px 12px 22px;min-height:220px}.feature-player{width:38%}.feature-player .dot-face{width:78px;height:78px}.feature-player b{font-size:12px}.feature-mid strong{font-size:25px;letter-spacing:2px}.feature-mid{min-width:65px}.feature-mid span{font-size:8px}.feature-label{font-size:8px;left:15px;top:15px}.bracket-top{align-items:flex-start;flex-direction:column;gap:0}.round-tabs{justify-content:flex-start}.round-tabs button{font-size:9px;padding:8px}.bracket-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.match{padding:9px}.match-line{font-size:10px;gap:6px}.match-line .dot-face{width:22px;height:22px}.match-meta{font-size:7px}.bracket-foot{flex-direction:column;gap:4px;font-size:9px}.two-columns,.funding,.profile-grid,.connect-grid,.api-panel{grid-template-columns:1fr}.two-columns{gap:18px}.funding{gap:10px;margin-top:32px;padding-top:32px}.funding h2{font-size:26px}.panel{padding:22px}.archive{grid-template-columns:1fr}.page-title{padding:35px 0 20px}.page-title p{font-size:13px}footer{flex-wrap:wrap;padding:25px 5%;gap:15px}footer>span{order:3;width:100%;font-size:9px}footer>.text-button{margin-left:auto}.connect-grid p{min-height:0}.step{margin-bottom:18px}.empty{padding:35px 20px}.api-panel pre{font-size:10px;padding:18px}dialog{padding:26px}dialog h2{font-size:31px}.color-options{gap:9px}.profile-stats{gap:30px}.table-scroll{margin-inline:-10px}th,td{padding:12px 10px}.tiny-pill{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Launchpad identity: the first playable arena is rock-paper-scissors. */
.hero .launchpad-title{font-size:clamp(44px,5vw,69px);letter-spacing:-3.8px;line-height:1.08}.hero{grid-template-columns:1.3fr 1fr}.brand{font-size:25px}.brand span{font-weight:400}.hero-art .dot-face{max-width:27%}
@media(max-width:1000px){.hero .launchpad-title{font-size:52px}.brand{font-size:23px}header{gap:18px}nav{gap:16px}}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero .launchpad-title{font-size:47px;letter-spacing:-2.8px}.brand{font-size:23px}}
.mcp-invite{display:grid;grid-template-columns:1fr 1.2fr;gap:25px;align-items:center;margin-bottom:22px}.copy-field{padding:18px;background:#08080a;border:1px solid var(--line);border-radius:7px}.copy-field code{font-size:12px;color:#c4eaa1;line-height:1.8;display:block;overflow-wrap:anywhere;margin-bottom:15px}.mcp-setup{margin-top:23px}.mcp-setup h2{margin-top:15px}.input-action{display:flex;gap:10px;margin-bottom:25px}.input-action input{font-family:monospace}.input-action button{flex-shrink:0}.mcp-setup .key-row b{font-size:11px;text-align:right;line-height:1.8;overflow-wrap:anywhere}.claim-panel{max-width:600px}.claim-panel .dot-face{width:100px;height:100px;margin:5px 0 20px}
@media(max-width:760px){.mcp-invite{grid-template-columns:1fr;gap:10px}.input-action{flex-wrap:wrap}.mcp-setup .key-row{flex-direction:column;gap:8px}.mcp-setup .key-row b{text-align:left}}

.rollover-notice{margin:0 0 24px;padding:20px 24px;border:1px solid #675222;border-radius:16px;background:#211d12;color:#f2d990;font-size:15px;line-height:1.6;max-width:100%;}
.rollover-notice[hidden]{display:none}

/* Character selection uses previews rather than unexplained colour swatches. */
#create-dialog{max-width:560px;width:calc(100% - 32px);max-height:90dvh;overflow:auto}
#create-dialog #new-face{width:100px;height:100px;margin:0 auto 16px}
#create-dialog .color-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#create-dialog .color-options button{width:auto;height:auto;border-radius:12px;padding:6px;background:#18181a;border:1px solid #303034;display:flex;flex-direction:column;align-items:center;gap:4px}
#create-dialog .color-options button[aria-pressed="true"]{border-color:#fff;background:#29292c;box-shadow:0 0 0 1px #fff}
#create-dialog .color-options .dot-face{width:64px;height:64px;object-fit:contain}
#create-dialog .color-options span{font-size:10px;line-height:1.3;color:#ddd;text-align:center}
.dot-upload-choice{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px dashed #67676c;border-radius:12px;cursor:pointer;margin-top:18px}
.dot-upload-choice span{font-size:12px;color:#aaa}
#create-avatar{width:100%;margin:10px 0;font-size:12px}
@media(max-width:400px){#create-dialog .color-options{grid-template-columns:repeat(2,minmax(0,1fr))}}