/* Drop Derby site, "A · Arcade Parlak" (DEC-99). Self-hosted fonts and icons only (CSP default-src 'self'). */
@font-face{font-family:Luckiest;src:url(/assets/fonts/luckiest-guy-latin-400-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:Luckiest;src:url(/assets/fonts/luckiest-guy-latin-ext-400-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:Rubik;font-weight:400;src:url(/assets/fonts/rubik-latin-400-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:Rubik;font-weight:400;src:url(/assets/fonts/rubik-latin-ext-400-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:Rubik;font-weight:700;src:url(/assets/fonts/rubik-latin-700-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:Rubik;font-weight:700;src:url(/assets/fonts/rubik-latin-ext-700-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:Rubik;font-weight:800;src:url(/assets/fonts/rubik-latin-800-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:Rubik;font-weight:800;src:url(/assets/fonts/rubik-latin-ext-800-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:Bungee;src:url(/assets/fonts/bungee-latin.woff2) format('woff2');font-display:swap}
/* Cyrillic and Arabic script (ru, ar, fa): Rubik for text; display text in Russo One (Cyrillic) and Lalezar (Arabic) under the Luckiest family (font A, owner 8 Oct). */
@font-face{font-family:Rubik;font-weight:400;src:url(/assets/fonts/rubik-cyrillic-400-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Rubik;font-weight:700;src:url(/assets/fonts/rubik-cyrillic-700-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Rubik;font-weight:800;src:url(/assets/fonts/rubik-cyrillic-800-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Luckiest;src:url(/assets/fonts/dd-display-ru.woff2) format('woff2');font-display:swap;unicode-range:U+0400-052F}
@font-face{font-family:Rubik;font-weight:400;src:url(/assets/fonts/rubik-cyrillic-ext-400-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Rubik;font-weight:700;src:url(/assets/fonts/rubik-cyrillic-ext-700-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Rubik;font-weight:800;src:url(/assets/fonts/rubik-cyrillic-ext-800-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Rubik;font-weight:400;src:url(/assets/fonts/rubik-arabic-400-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Rubik;font-weight:700;src:url(/assets/fonts/rubik-arabic-700-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Rubik;font-weight:800;src:url(/assets/fonts/rubik-arabic-800-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Luckiest;src:url(/assets/fonts/dd-display-ar.woff2) format('woff2');font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFC}
/* Font A (owner, 8 Oct): one game face per script Luckiest lacks, and a body face where Rubik lacks the script. Files hold only what the catalogs use (scripts/fonts/subset-fonts.py); anything else falls back to the system face. */
@font-face{font-family:"DD Display VI";src:url(/assets/fonts/dd-display-vi.woff2) format('woff2');font-display:swap}@font-face{font-family:"DD Display TH";src:url(/assets/fonts/dd-display-th.woff2) format('woff2');font-display:swap}@font-face{font-family:"DD Display JA";src:url(/assets/fonts/dd-display-ja.woff2) format('woff2');font-display:swap}@font-face{font-family:"DD Display SC";src:url(/assets/fonts/dd-display-sc.woff2) format('woff2');font-display:swap}@font-face{font-family:"DD Display TC";src:url(/assets/fonts/dd-display-tc.woff2) format('woff2');font-display:swap}@font-face{font-family:"DD Display KR";src:url(/assets/fonts/dd-display-ko.woff2) format('woff2');font-display:swap}@font-face{font-family:"DD Body VI";font-weight:200 1000;src:url(/assets/fonts/dd-body-vi.woff2) format('woff2');font-display:swap}@font-face{font-family:"DD Body TH";font-weight:100 600;src:url(/assets/fonts/dd-body-th-500.woff2) format('woff2');font-display:swap}@font-face{font-family:"DD Body TH";font-weight:700 900;src:url(/assets/fonts/dd-body-th-700.woff2) format('woff2');font-display:swap}@font-face{font-family:"DD Body JA";font-weight:100 600;src:url(/assets/fonts/dd-body-ja-500.woff2) format('woff2');font-display:swap}@font-face{font-family:"DD Body JA";font-weight:700 900;src:url(/assets/fonts/dd-body-ja-800.woff2) format('woff2');font-display:swap}@font-face{font-family:"DD Body SC";font-weight:200 900;src:url(/assets/fonts/dd-body-sc.woff2) format('woff2');font-display:swap}@font-face{font-family:"DD Body TC";font-weight:200 900;src:url(/assets/fonts/dd-body-tc.woff2) format('woff2');font-display:swap}@font-face{font-family:"DD Body KR";font-weight:200 900;src:url(/assets/fonts/dd-body-ko.woff2) format('woff2');font-display:swap}:root:lang(vi){--dd-face:"DD Display VI";--dd-body:"DD Body VI"}:root:lang(th){--dd-display:"DD Display TH";--dd-body:"DD Body TH"}:root:lang(ja){--dd-display:"DD Display JA";--dd-body:"DD Body JA"}:root:lang(zh-CN){--dd-display:"DD Display SC";--dd-body:"DD Body SC"}:root:lang(zh-HK){--dd-display:"DD Display TC";--dd-body:"DD Body TC"}:root:lang(ko){--dd-display:"DD Display KR";--dd-body:"DD Body KR"}
/* Line breaks: Japanese headings at phrase boundaries, Chinese headings at punctuation, Korean text between words; a line that still does not fit may break anywhere. */
:root:lang(ko) body{word-break:keep-all;overflow-wrap:anywhere}:root:lang(ja) :is(h1,h2,h3,.display){word-break:auto-phrase}:root:is(:lang(zh-CN),:lang(zh-HK)) :is(h1,h2,h3,.display){word-break:keep-all;overflow-wrap:anywhere}

:root{
 --navy:#141a4a;--navy-2:#232a6b;--ink-soft:#5a5f8a;--ink-3:#3b406e;--cream:#fff4e2;--paper:#fff;
 --red:#e3122b;--red-hi:#ff5b6b;--blue:#1170ff;--blue-hi:#5cc7ff;--yellow:#ffd23f;--yellow-deep:#ffb300;--silver:#dfe4ef;--bronze:#f0a868;
 --green:#2fd38a;--pink:#ff5fa2;--purple:#7b4bff;--sky:#2a86f0;
 --stroke:4px solid var(--navy);--drop:0 6px 0 var(--navy);--drop-lg:0 8px 0 var(--navy);--r-lg:26px;--r-md:18px;--r-sm:12px;
 --wide:min(1360px,calc(100% - 48px));
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.arcade{margin:0;font-family:var(--dd-body,Rubik),system-ui,sans-serif;font-weight:400;background:var(--sky);color:var(--navy);min-height:100vh;position:relative;overflow-x:hidden}
body.arcade img{display:block;max-width:100%}
body.arcade a{color:inherit}
.ic{width:1em;height:1em;fill:currentColor;flex:none;vertical-align:-.125em}
body.arcade [hidden]{display:none!important}
body.arcade #site{display:flow-root}
.a-sky{position:absolute;inset:0 0 auto;height:900px;background:linear-gradient(180deg,rgba(40,120,240,.55),rgba(150,110,255,.35) 60%,rgba(42,134,240,1)),url(/assets/lobby-cloud-world.webp) center top/cover;z-index:0;pointer-events:none}
.display{font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em}
.outline-text{color:var(--cream);text-shadow:0 4px 0 var(--navy),3px 3px 0 var(--navy),-2px -2px 0 var(--navy),2px -2px 0 var(--navy),-2px 2px 0 var(--navy)}
.wallet-address,code.wallet{text-transform:none!important;font-family:ui-monospace,Consolas,monospace;letter-spacing:0}

/* building blocks */
.a-panel{background:var(--cream);border:var(--stroke);border-radius:var(--r-lg);box-shadow:var(--drop-lg)}
.a-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;white-space:nowrap;font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.03em;font-size:18px;line-height:1;padding:13px 20px;border-radius:16px;border:var(--stroke);color:#fff;text-decoration:none;text-shadow:0 2px 0 rgba(20,26,74,.6);box-shadow:var(--drop),inset 0 -6px 0 rgba(0,0,0,.18),inset 0 4px 0 rgba(255,255,255,.35);background:linear-gradient(var(--red-hi),var(--red));transition:transform .08s}
.a-btn:active{transform:translateY(3px);box-shadow:0 3px 0 var(--navy),inset 0 -6px 0 rgba(0,0,0,.18)}
.a-btn.blue{background:linear-gradient(var(--blue-hi),var(--blue))}
.a-btn.ghost{background:#fff;color:var(--navy);text-shadow:none}
.a-btn.gold{background:linear-gradient(#ffe25a,var(--yellow-deep));color:var(--navy);text-shadow:none}
.a-btn.big{font-size:22px;padding:15px 24px}.a-btn.small{font-size:15px;padding:9px 14px;border-width:3px}
.a-btn[disabled]{filter:grayscale(.7);opacity:.6;cursor:not-allowed}
.a-btn:focus-visible,.a-nav a:focus-visible,.a-tab:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}
.a-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;text-transform:uppercase;font-size:13px;padding:6px 10px;border:3px solid var(--navy);border-radius:12px;transform:rotate(3deg);background:#fff;color:var(--navy)}
.a-badge.open{background:var(--green)}.a-badge.soon{background:var(--yellow)}.a-badge.live{background:var(--red);color:#fff}.a-badge.done{background:#d7d3e8}.a-badge.devnet{background:var(--purple);color:#fff;transform:rotate(-2deg)}
.a-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:800;font-size:13px;background:#fff;border:3px solid var(--navy);border-radius:12px;padding:5px 10px}
.a-bar{flex:1;height:18px;border:3px solid var(--navy);border-radius:99px;background:#fff;overflow:hidden}.a-bar i{display:block;height:100%;background:repeating-linear-gradient(-45deg,var(--red-hi) 0 10px,var(--red) 10px 20px);border-inline-end:3px solid var(--navy)}
.a-mono{flex:none;display:grid;place-items:center;width:46px;height:46px;color:#fff;background:var(--hue,var(--red));border:3px solid var(--navy);border-radius:14px;font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;font-size:18px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.2);overflow:hidden}
.a-mono img{width:100%;height:100%;object-fit:cover}
.a-coin{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;background:var(--hue,var(--yellow-deep));border:3px solid var(--navy);font-size:21px}

/* header */
.a-top{position:relative;z-index:6;display:flex;align-items:center;gap:20px;margin:16px auto 0;width:min(1392px,calc(100% - 24px));padding:12px 22px}
.a-top .a-logo{height:46px;width:auto}
.a-nav{display:flex;gap:8px;margin:0 auto}
.a-nav a{display:flex;align-items:center;gap:8px;font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;text-transform:uppercase;font-size:17px;padding:10px 14px;border-radius:14px;border:3px solid transparent;text-decoration:none}
.a-nav a .ic{font-size:22px;color:var(--red)}.a-nav a.on{background:var(--yellow);border-color:var(--navy);box-shadow:0 4px 0 var(--navy)}
.a-tools{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.a-round{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;border:3px solid var(--navy);background:#fff;box-shadow:0 4px 0 var(--navy);font-size:22px;cursor:pointer;color:var(--navy)}
.a-round .dot{position:absolute;top:-6px;inset-inline-end:-6px;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:var(--red);color:#fff;font:800 12px/16px var(--dd-body,Rubik);border:3px solid var(--navy);display:none}
.a-round .dot.on{display:block}
.a-lang{font:800 13px var(--dd-body,Rubik);width:auto;padding:0 10px;gap:6px;display:flex}
.a-pop{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:360px;max-width:calc(100vw - 24px);z-index:20;padding:16px;display:none}
.a-pop.on{display:block}
.a-pop h3{font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;text-transform:uppercase;font-size:20px;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.a-wallet{position:relative}
.a-wallet-card .addr{display:flex;align-items:center;gap:8px;background:#fff;border:3px solid var(--navy);border-radius:14px;padding:10px;font-size:13px;word-break:break-all}
.a-wallet-card .row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.a-wallet-card .net{display:flex;align-items:center;gap:8px;margin-top:10px;font:800 13px var(--dd-body,Rubik);color:var(--ink-3)}
.a-note{font-size:13px;color:var(--ink-3);line-height:1.45;margin:8px 0 0}
.a-notes{display:grid;gap:8px;max-height:360px;overflow:auto}
.a-notes a{display:grid;gap:2px;background:#fff;border:3px solid var(--navy);border-radius:14px;padding:9px 11px;text-decoration:none}
.a-notes a b{font-weight:800;font-size:14px}.a-notes a small{font-size:12px;color:var(--ink-soft)}
.a-strip{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:var(--wide);margin:12px auto 0;font:800 13px var(--dd-body,Rubik);color:#fff;text-shadow:0 1px 0 var(--navy)}
.a-strip .a-badge{text-shadow:none}

/* the language/devnet strip product-ui.mjs inserts above <main> */
body.arcade .product-language{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;width:var(--wide);margin:12px auto 0;font:800 13px var(--dd-body,Rubik);color:#fff;text-shadow:0 1px 0 var(--navy)}
body.arcade .product-language span{font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;text-transform:uppercase;background:var(--purple);border:3px solid var(--navy);border-radius:12px;padding:5px 10px;text-shadow:none;transform:rotate(-1deg)}
body.arcade .product-language label{display:none}
/* owner 14 Oct: the network switch (Devnet here, Mainnet its own site) and the mainnet notice under the header */
body.arcade .a-net{display:inline-flex;align-items:stretch;border:3px solid var(--navy);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 3px 0 var(--navy);text-shadow:none}
body.arcade .a-net-b{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 4px;border:0;background:#fff;color:var(--navy);font:400 14px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;text-transform:uppercase;text-decoration:none;cursor:pointer}
body.arcade .a-net-b+.a-net-b{border-inline-start:3px solid var(--navy)}body.arcade a.a-net-b:hover,body.arcade button.a-net-b:hover{background:var(--cream)}
body.arcade .a-net-b.on{background:var(--yellow);cursor:default}body.arcade .a-net-b.on i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px var(--navy)}
body.arcade .a-netbanner{flex-basis:100%;max-width:860px;margin:4px auto 0;padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 16px;align-items:center;background:#fff6c8;color:var(--navy);text-shadow:none}
body.arcade .a-netbanner b{font:400 19px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;text-transform:uppercase}body.arcade .a-netbanner p{margin:0;font:700 13.5px var(--dd-body,Rubik);color:var(--ink-3)}
body.arcade .a-netbanner>b,body.arcade .a-netbanner>p{grid-column:1}body.arcade .a-netbanner .a-btn{grid-column:2;grid-row:1/3;white-space:nowrap}
/* the row's purple BETA pill styles every span in it; the banner's own spans (Latin network names, button labels) stay plain */
body.arcade .product-language .a-netbanner span{background:none;border:0;border-radius:0;padding:0;margin:0;transform:none;font:inherit;text-shadow:none;color:inherit}
@media (max-width:640px){body.arcade .a-netbanner{grid-template-columns:minmax(0,1fr)}body.arcade .a-netbanner .a-btn{grid-column:1;grid-row:auto;justify-self:start}}

/* page */
.a-main{position:relative;z-index:1;width:var(--wide);margin:0 auto;padding:24px 0 70px}
.a-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:44px 0 20px}
.a-heading h2{display:flex;align-items:center;gap:12px;font-size:40px;margin:0}
.a-heading h2 .ic{color:var(--yellow)}
.a-tabs{display:flex;gap:8px;flex-wrap:wrap}
.a-tab{font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;text-transform:uppercase;font-size:15px;white-space:nowrap;background:var(--cream);border:3px solid var(--navy);border-radius:14px;box-shadow:0 4px 0 var(--navy);padding:9px 14px;display:flex;gap:8px;align-items:center;cursor:pointer;color:var(--navy)}
.a-tab.on{background:var(--yellow)}.a-tab i{font-style:normal;background:var(--navy);color:#fff;border-radius:99px;padding:1px 8px;font-size:12px}

/* lobby hero */
.a-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:32px;align-items:center;min-height:440px;padding:40px 48px;overflow:hidden}
.a-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cream) 0 44%,rgba(255,244,226,.55) 62%,rgba(255,244,226,0)),url(/assets/hero-1920x1080.webp) right center/cover no-repeat;z-index:0}
.a-hero>*{position:relative;z-index:1}
.a-hero-copy{display:flex;flex-direction:column;gap:14px;max-width:620px}
.a-kicker{align-self:flex-start;display:flex;align-items:center;gap:8px;font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;text-transform:uppercase;font-size:15px;color:#fff;background:var(--red);padding:7px 12px;border-radius:12px;border:3px solid var(--navy);transform:rotate(-2deg)}
.a-hero h1{font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;font-weight:400;text-transform:uppercase;font-size:58px;line-height:.98;margin:0;color:var(--navy)}
.a-hero h1 span{color:var(--red)}
/* owner 12 Oct hero copy: Chinese and Thai have no spaces, so the red part keeps together and moves down whole */
.a-hero h1:lang(zh) span,.a-hero h1:lang(th) span{display:inline-block}
.a-hero p{font-size:18px;color:var(--ink-3);max-width:480px;margin:0;line-height:1.45}
.a-cta{display:flex;gap:14px;flex-wrap:wrap}
.a-stats{display:flex;gap:28px;flex-wrap:wrap}.a-stats b{display:block;font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;font-size:30px;color:var(--red);text-shadow:0 2px 0 var(--navy)}.a-stats small{font-size:13px;font-weight:700;color:var(--ink-3)}
.a-mascot{width:100%;max-width:400px;height:auto;justify-self:center;align-self:center;filter:drop-shadow(0 10px 0 rgba(20,26,74,.45)) drop-shadow(0 0 28px rgba(255,244,226,.85));transform:rotate(-4deg)}

/* demo race + featured */
.a-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);min-height:400px}
.a-stage-media{position:relative;border-inline-end:var(--stroke);border-radius:22px 0 0 22px;overflow:hidden;background:#2a3380}
.a-stage-media img,.a-stage-media video{width:100%;height:100%;object-fit:cover}
.a-stage-media .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,26,74,0) 50%,rgba(20,26,74,.7))}
.a-stage-media .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;display:grid;place-items:center;font-size:40px;color:#fff;background:linear-gradient(var(--red-hi),var(--red));border:4px solid var(--navy);border-radius:50%;box-shadow:var(--drop);cursor:pointer}
.a-stage-media .label{position:absolute;inset-inline-start:20px;bottom:20px;display:flex;gap:8px;flex-wrap:wrap}
.a-stage-side{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:30px 40px 30px 30px}
.a-stage-side .a-badge{align-self:flex-start}
.a-title{min-width:0}.a-title b{display:block;font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;font-weight:400;text-transform:uppercase;font-size:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-title.big b{font-size:30px;white-space:normal}
.a-title small{display:flex;align-items:center;gap:6px;color:var(--ink-soft);font-weight:700;font-size:13px}.a-title small .ic{color:var(--red)}
.a-prize{display:flex;align-items:center;gap:12px;background:#fff;border:3px solid var(--navy);border-radius:16px;padding:9px 12px}
.a-prize small{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;color:var(--ink-soft);text-transform:uppercase}
.a-prize strong{font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;font-weight:400;font-size:28px;line-height:1}.a-prize em{font-style:normal;font-size:16px;color:var(--red)}
.a-prize .warn{margin-inline-start:auto;color:var(--blue);font-size:20px}
.a-cap{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.a-cap b{font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;font-weight:400;font-size:16px}
.a-meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;color:var(--ink-3)}.a-meta span{display:flex;align-items:center;gap:6px}.a-meta .ic{color:var(--red)}
.a-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;display:grid;place-items:center;font-size:28px;border:var(--stroke);border-radius:50%;background:linear-gradient(#ffe25a,var(--yellow-deep));box-shadow:var(--drop);color:var(--navy);z-index:2;cursor:pointer}
.a-arrow.left{inset-inline-start:-22px}.a-arrow.right{inset-inline-end:-22px}
.a-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}.a-dots i{width:14px;height:14px;border-radius:50%;background:var(--cream);border:3px solid var(--navy)}.a-dots i.on{background:var(--yellow);width:34px;border-radius:99px}

/* poster cards */
.a-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.a-card{overflow:hidden;display:flex;flex-direction:column;text-decoration:none}
.a-card-media{position:relative;height:190px;border-bottom:var(--stroke);background:#2a3380}
.a-card-media img{width:100%;height:100%;object-fit:cover}
.a-card-media .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,26,74,.35),rgba(20,26,74,0) 35%,rgba(20,26,74,.55))}
.a-card-top{position:absolute;top:12px;inset-inline-start:12px;inset-inline-end:12px;display:flex;justify-content:space-between;align-items:flex-start}
.a-card-bottom{position:absolute;inset-inline-start:12px;inset-inline-end:12px;bottom:12px;display:flex;justify-content:space-between;gap:8px}
.a-card-bottom .a-chip{background:rgba(20,26,74,.85);color:#fff;border-color:rgba(20,26,74,.85)}
.a-card-body{display:flex;flex-direction:column;gap:12px;padding:16px 18px 20px}
.a-card-body .a-btn{width:100%}
.a-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:26px 28px}
.a-empty b{font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;text-transform:uppercase;font-size:24px}
.a-empty p{margin:0;color:var(--ink-3);font-size:15px;line-height:1.5}

/* three steps */
.a-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:44px}
.a-step{position:relative;padding:24px 24px 24px 90px;min-height:112px}
.a-step>.ic{position:absolute;inset-inline-start:24px;top:24px;font-size:46px;color:var(--red)}
.a-step b{display:block;font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;text-transform:uppercase;font-weight:400;font-size:21px;margin-bottom:4px}
.a-step p{font-size:14px;line-height:1.5;color:var(--ink-3);margin:0}
.a-step .num{position:absolute;inset-inline-end:18px;top:12px;font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;font-size:44px;opacity:.18}

/* how to play (A · step strip) */
.a-pagehead{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:10px 0 22px}.a-pagehead .a-chip,.a-pagehead .a-badge{white-space:normal}
.a-pagehead h1{font-size:46px;margin:0;min-width:0;overflow-wrap:anywhere;hyphens:auto}
.a-strip5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:24px}
.a-scard{position:relative;display:grid;grid-template-rows:150px auto;overflow:hidden}
.a-scard .pic{position:relative;border-bottom:var(--stroke);background:linear-gradient(160deg,#7fd0ff,#c9b8ff);display:grid;place-items:center;font-size:64px;color:var(--navy)}
.a-scard .pic img{width:100%;height:100%;object-fit:cover}
.a-scard .n{position:absolute;inset-inline-start:12px;top:12px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--yellow);border:4px solid var(--navy);font:400 19px Bungee,var(--dd-body,Rubik);box-shadow:0 4px 0 var(--navy)}
.a-scard .tx{padding:14px 16px 18px}
.a-scard b{display:flex;align-items:center;gap:8px;font:400 19px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;line-height:1.1}.a-scard b .ic{color:var(--red);font-size:22px}
.a-scard p{font:400 14px/1.45 var(--dd-body,Rubik);color:var(--ink-3);margin:8px 0 0}
.a-box{padding:20px 22px;margin-bottom:24px}
.a-box h2{display:flex;align-items:center;gap:10px;font:400 28px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;margin:0 0 14px}
.a-box h2 .ic{color:var(--green)}
.a-fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.a-ftile{display:grid;gap:8px;align-content:start;padding:14px;background:#fff;border:3px solid var(--navy);border-radius:18px}
.a-ftile>.ic{font-size:30px;color:var(--blue)}.a-ftile b{font:800 16px var(--dd-body,Rubik)}.a-ftile p{font:400 13px/1.45 var(--dd-body,Rubik);color:var(--ink-3);margin:0}
.a-ftile .soon{justify-self:start;font:800 11px var(--dd-body,Rubik);background:#ede6ff;color:#4b2bb8;border:2px solid #b9a6ff;border-radius:8px;padding:1px 6px}
.a-org{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;background:linear-gradient(#fff6c8,#ffe27a)}
.a-org p{font:700 15px/1.45 var(--dd-body,Rubik);color:#6b4d00;margin:0}
.a-faq details{border-top:2.5px dashed rgba(20,26,74,.18);padding:12px 0}
.a-faq summary{display:flex;align-items:center;gap:10px;font:800 17px var(--dd-body,Rubik);cursor:pointer;list-style:none}
.a-faq summary::-webkit-details-marker{display:none}
.a-faq summary .ic{margin-inline-start:auto;font-size:18px;transition:transform .15s}.a-faq details[open] summary .ic{transform:rotate(180deg)}
.a-faq p{font:400 15px/1.55 var(--dd-body,Rubik);color:var(--ink-3);margin:8px 0 0;max-width:820px}

/* legal and plain documents */
.a-doc{padding:30px 36px;max-width:920px;margin:0 auto}
.a-doc h1{font:400 40px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;margin:0 0 6px;overflow-wrap:anywhere;hyphens:auto}
.a-doc .upd{font:800 13px var(--dd-body,Rubik);color:var(--ink-soft);margin:0 0 18px}
.a-doc h2{font:800 20px var(--dd-body,Rubik);margin:22px 0 6px}
.a-doc p,.a-doc li{font:400 16px/1.6 var(--dd-body,Rubik);color:var(--ink-3)}
.a-doc ul{padding-inline-start:20px;margin:6px 0}
.a-doc .callout{background:#ede6ff;border:3px solid var(--navy);border-radius:16px;padding:12px 14px;font-weight:700;color:var(--navy)}

/* footer */
.a-foot{position:relative;z-index:1;width:var(--wide);margin:0 auto;padding:16px 0 40px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px 26px;align-items:center;color:var(--cream)}
.a-foot img{height:34px;width:auto}.a-foot b{color:var(--yellow)}
.a-foot nav{display:flex;gap:16px;flex-wrap:wrap;font:800 14px var(--dd-body,Rubik)}.a-foot nav a{text-decoration:none}.a-foot nav a:hover{text-decoration:underline}
body.arcade .a-top .a-x{color:var(--navy);text-decoration:none;font-size:20px}
/* owner 11 Oct: with the X button the phone header needs room for the logo: smaller round tools, no caret on the language button */
@media (max-width:440px){body.arcade .a-top{gap:8px}body.arcade .a-top .a-logo{flex:none;height:30px}body.arcade .a-top .a-tools{gap:6px}body.arcade .a-top .a-tools .a-round{width:42px;height:42px;border-radius:12px;font-size:18px}body.arcade .a-top .a-lang{padding:0 6px}body.arcade .a-top .a-lang .ic{display:none}body.arcade .a-top .a-btn.gold{min-height:42px;padding:0 12px}}body.arcade .a-top .a-x:hover{background:var(--navy);color:#fff}
.a-cards a.go{background:linear-gradient(var(--blue-hi),var(--blue));color:#fff}.a-cards a.go b,.a-cards a.go small,.a-cards a.go>.ic{color:#fff}.a-cards a.go .a-btn{grid-column:1/-1;justify-self:start;margin-top:4px;background:#fff;color:var(--navy);text-shadow:none}
.r-go b{font-variant-numeric:tabular-nums;margin-inline-start:4px;padding:2px 8px;border-radius:10px;background:rgba(255,255,255,.22)}
.a-foot .social{display:flex;gap:10px}.a-foot .social a{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--cream);color:var(--navy);border:3px solid var(--navy);font-size:20px}
.a-foot small{grid-column:1/-1;font:700 13px var(--dd-body,Rubik);opacity:.95}

/* dialogs, sheets, toasts */
body.arcade #drop-dialog{border:var(--stroke);border-radius:var(--r-lg);box-shadow:var(--drop-lg);background:var(--cream);color:var(--navy);padding:22px 24px;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow:auto}
body.arcade #drop-dialog::backdrop{background:rgba(20,26,74,.6)}
body.arcade #drop-dialog.wide{width:min(980px,calc(100vw - 24px))}
body.arcade #drop-dialog h2{font:400 26px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;margin:0 0 12px;padding-inline-end:48px;overflow-wrap:anywhere}
body.arcade .dialog-close{position:absolute;inset-inline-end:14px;top:12px;width:40px;height:40px;border-radius:12px;border:3px solid var(--navy);background:#fff;font-size:22px;cursor:pointer;color:var(--navy)}
body.arcade .drop-dialog-brand{display:none}
.a-choices{display:grid;gap:10px;margin:8px 0}
.a-choice{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:3px solid var(--navy);border-radius:16px;font:800 16px var(--dd-body,Rubik);cursor:pointer;color:var(--navy);text-align:start;box-shadow:0 4px 0 var(--navy)}
.a-choice i{width:28px;height:28px;border-radius:8px;border:2px solid var(--navy);background:var(--hue)}
.a-choice span{margin-inline-start:auto;font:700 12px var(--dd-body,Rubik);color:var(--ink-soft)}
.a-choice[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none}
.a-sign{white-space:pre-wrap;font:600 12px/1.5 ui-monospace,Consolas,monospace;background:#fff;border:3px solid var(--navy);border-radius:14px;padding:12px;max-height:220px;overflow:auto;margin:10px 0}
.a-ok{display:flex;align-items:center;gap:8px;font:800 13px var(--dd-body,Rubik);color:#0f7a4b;background:#dff7ea;border:2px solid #8fd9b3;border-radius:10px;padding:6px 10px}
body.arcade #drop-toast{position:fixed;inset-inline-end:18px;bottom:18px;z-index:50;max-width:min(380px,calc(100vw - 36px));background:var(--cream);color:var(--navy);border:var(--stroke);border-radius:18px;box-shadow:var(--drop);padding:12px 14px;font:800 14px var(--dd-body,Rubik);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}
body.arcade #drop-toast.visible{opacity:1;transform:none;pointer-events:auto}
.a-cards{position:fixed;inset-inline-end:18px;top:96px;z-index:40;display:grid;gap:10px;width:min(340px,calc(100vw - 36px))}
.a-cards a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center;background:var(--cream);border:var(--stroke);border-radius:18px;box-shadow:var(--drop);padding:10px 12px;text-decoration:none;animation:a-in .25s ease-out}
.a-cards a .ic{grid-row:span 2;font-size:26px;color:var(--red)}.a-cards a b{font:800 14px var(--dd-body,Rubik)}.a-cards a small{font:700 12px var(--dd-body,Rubik);color:var(--ink-soft)}
@keyframes a-in{from{opacity:0;transform:translateX(calc(30px * var(--dir,1)))}to{opacity:1;transform:none}}

/* product screens rendered by product-ui.mjs (room, review, my races, manage, rules) */
body.arcade .product-page{position:relative;z-index:1;background:var(--cream);border:var(--stroke);border-radius:var(--r-lg);box-shadow:var(--drop-lg);padding:24px 26px;color:var(--navy)}
body.arcade .product-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
body.arcade .product-heading small{font:800 12px var(--dd-body,Rubik);letter-spacing:.08em;color:var(--ink-soft)}
body.arcade .product-heading h1{font:400 40px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;margin:4px 0 0;line-height:1}
body.arcade .product-heading a{font:800 14px var(--dd-body,Rubik)}
body.arcade .product-page h2{font:400 24px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;margin:0 0 10px}
body.arcade .product-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0}
body.arcade .product-metrics>div{background:#fff;border:3px solid var(--navy);border-radius:16px;padding:10px 12px}
body.arcade .product-metrics small{display:block;font:800 11px var(--dd-body,Rubik);letter-spacing:.06em;color:var(--ink-soft)}
body.arcade .product-metrics b{font:400 22px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik)}
body.arcade .product-panel,body.arcade .product-rules{background:#fff;border:3px solid var(--navy);border-radius:18px;padding:16px 18px;margin:12px 0}
body.arcade .product-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
body.arcade .product-status{display:inline-flex;font:800 13px var(--dd-body,Rubik);background:var(--yellow);border:3px solid var(--navy);border-radius:12px;padding:5px 10px}
body.arcade .product-warning{background:#e8f2ff;border:3px solid var(--blue);border-radius:14px;padding:10px 12px;font:700 14px var(--dd-body,Rubik);color:#0c3f8f}
body.arcade .product-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
body.arcade .product-page button,body.arcade .product-rules button,body.arcade #drop-dialog button[data-product-action]{font:400 15px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;padding:10px 14px;border-radius:14px;border:3px solid var(--navy);background:linear-gradient(var(--red-hi),var(--red));color:#fff;box-shadow:0 4px 0 var(--navy);cursor:pointer}
body.arcade .product-page button[disabled]{filter:grayscale(.7);opacity:.6;cursor:not-allowed}
body.arcade .product-page label,body.arcade .product-rules label{display:grid;gap:6px;font:800 13px var(--dd-body,Rubik);color:var(--ink-3)}
body.arcade .product-page input,body.arcade .product-page select,body.arcade .product-page textarea,body.arcade .product-rules input,body.arcade .product-rules select,body.arcade .product-rules textarea{font:600 15px var(--dd-body,Rubik);color:var(--navy);background:#fff;border:3px solid var(--navy);border-radius:12px;padding:9px 11px}
body.arcade .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
body.arcade .product-room-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;background:#fff;border:3px solid var(--navy);border-radius:18px;box-shadow:0 4px 0 var(--navy);padding:10px 14px;margin:10px 0;text-decoration:none}
body.arcade .product-room-card img{width:72px;height:72px;object-fit:cover;border-radius:12px;border:3px solid var(--navy)}
body.arcade .product-room-card h3{font:400 20px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;margin:2px 0}
body.arcade .product-room-card strong{font:400 22px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-align:end}
body.arcade .product-room-card small{font:700 12px var(--dd-body,Rubik);color:var(--ink-soft)}
body.arcade .product-proof{white-space:pre-wrap;font:600 12px ui-monospace,Consolas,monospace;background:#fff;border:3px solid var(--navy);border-radius:14px;padding:12px;max-height:60vh;overflow:auto}
body.arcade .participant-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}
body.arcade #product-participants p{display:flex;align-items:center;gap:10px;border-top:2px dashed rgba(20,26,74,.15);padding:6px 0;margin:0}
body.arcade #product-participants code{font:600 13px ui-monospace,Consolas,monospace;text-transform:none}
body.arcade .product-cover{position:relative;border:3px solid var(--navy);border-radius:18px;overflow:hidden;margin-bottom:12px}
body.arcade .product-cover img{width:100%;height:220px;object-fit:cover}
body.arcade .product-cover h2{position:absolute;inset-inline-start:16px;bottom:12px;color:#fff;text-shadow:0 3px 0 var(--navy)}
body.arcade .product-blockers{background:#fff6c8;border:3px solid var(--navy);border-radius:14px;padding:10px 14px;margin-top:12px}
body.arcade .product-blockers summary{font:800 14px var(--dd-body,Rubik);cursor:pointer}

/* phone */
.a-tabbar{display:none}
@media (max-width:900px){
 .a-nav{display:none}
 .a-top{padding:10px 12px;gap:10px}.a-top .a-logo{height:34px}
 .a-tools .label{display:none}
 .a-tabbar{position:fixed;inset-inline-start:10px;inset-inline-end:10px;bottom:10px;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);padding:8px}
 .a-tabbar a{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;text-transform:uppercase;font-size:11px;padding:6px 0;text-decoration:none;border:3px solid transparent;border-radius:14px}
 .a-tabbar .ic{font-size:24px;color:var(--red)}.a-tabbar a.on{background:var(--yellow);border-color:var(--navy)}
 .a-main{padding:16px 0 120px;width:calc(100% - 24px)}
 .a-hero{grid-template-columns:minmax(0,1fr);padding:22px 18px}
 .a-hero::before{background:linear-gradient(180deg,var(--cream) 0 52%,rgba(255,244,226,.35)),url(/assets/hero-1080x1350.webp) center bottom/cover no-repeat}
 .a-hero h1{font-size:38px}.a-hero p{font-size:15px}.a-cta{flex-direction:column}body.arcade .a-mascot{display:none}.a-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 12px;border:var(--stroke);border-radius:var(--r-md);background:var(--cream);box-shadow:0 4px 0 var(--navy)}.a-stats>*{min-width:0;text-align:center}.a-stats b{font-size:22px}.a-stats small{font-size:11.5px;line-height:1.25}
 .a-heading{margin:30px 0 14px}.a-heading h2{font-size:28px}.a-tabs{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:6px}
 .a-stage{grid-template-columns:minmax(0,1fr)}.a-stage-media{height:220px;border-inline-end:0;border-bottom:var(--stroke);border-radius:22px 22px 0 0}.a-stage-side{padding:18px}
 .a-arrow{width:44px;height:44px;font-size:20px;top:110px}.a-arrow.left{inset-inline-start:-6px}.a-arrow.right{inset-inline-end:-6px}
 .a-grid3,.a-steps,.a-strip5,.a-fgrid{grid-template-columns:minmax(0,1fr);gap:14px}
 .a-org{grid-template-columns:minmax(0,1fr)}
 .a-doc{padding:20px 18px}.a-doc h1{font-size:30px}
 .a-pagehead h1{font-size:34px}
 .a-foot{grid-template-columns:minmax(0,1fr);padding:10px 0 110px;width:calc(100% - 24px)}
 .a-cards{top:auto;bottom:96px;inset-inline-end:12px}
 body.arcade .product-columns{grid-template-columns:minmax(0,1fr)}
 body.arcade .product-page{padding:18px 14px}
 body.arcade .product-heading h1{font-size:30px}
 body.arcade .product-room-card{grid-template-columns:56px minmax(0,1fr)}body.arcade .product-room-card img{width:56px;height:56px}body.arcade .product-room-card strong{grid-column:2;text-align:start}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* room page · "Başlangıç ızgarası" (room-2), join panel states, confirm sheet, celebration */
.r-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;min-height:230px;padding:26px 30px;overflow:hidden;color:#fff;margin-bottom:22px}
.r-head .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.r-head .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,18,54,.88),rgba(13,18,54,.45) 60%,rgba(13,18,54,.2))}
.r-head>*:not(.bg):not(.shade){position:relative}
.identity{display:flex;align-items:center;gap:16px;min-width:0}
.identity h1{font:400 40px/1 var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;margin:0;color:var(--cream);text-shadow:0 4px 0 var(--navy);overflow-wrap:anywhere}
.identity small{display:flex;align-items:center;gap:6px;margin-top:6px;font:800 14px var(--dd-body,Rubik);color:#d9dcff}
.a-mono.big{width:72px;height:72px;font-size:26px;border-radius:20px}
.r-head .prize{background:var(--cream);color:var(--navy);border:var(--stroke);border-radius:20px;box-shadow:var(--drop);padding:12px 18px;text-align:end}
.r-head .prize small{display:block;font:800 12px var(--dd-body,Rubik);letter-spacing:.06em;color:var(--ink-soft);text-transform:uppercase}
.r-head .prize strong{font:400 40px/1.05 var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik)}.r-head .prize em{font-style:normal;font-size:20px;color:var(--red)}
.r-cols{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;align-items:start;margin-bottom:22px}
.r-cols.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.r-cols .main,.r-cols .side{display:grid;gap:22px;min-width:0}.r-cols .main>*,.r-cols .side>*{min-width:0}.r-stage header .a-chip{white-space:normal}
.r-stage,.r-people,.r-ladder,.r-rules{padding:18px 20px}
.r-stage header,.r-people header,.r-ladder header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.r-stage h3,.r-people h3,.r-ladder h3,.r-rules h3{display:flex;align-items:center;gap:8px;font:400 22px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;margin:0}
.r-stage h3 .ic,.r-people h3 .ic,.r-ladder h3 .ic,.r-rules h3 .ic{color:var(--red)}
.r-ring{display:block;width:min(100%,520px);height:auto;margin:0 auto}
.r-count{display:grid;justify-items:start;gap:2px;margin:8px 0}
.r-count>small{font:800 12px var(--dd-body,Rubik);letter-spacing:.05em;color:var(--ink-soft);text-transform:uppercase}
.r-count .digits{display:flex;align-items:center;gap:6px}.r-count .digits span{font:400 30px Bungee,var(--dd-body,Rubik);background:var(--navy);color:var(--yellow);border-radius:10px;padding:2px 8px;min-width:54px;text-align:center}
.r-count .digits em{font-style:normal;font:400 24px Bungee,var(--dd-body,Rubik)}
.r-count .units{display:grid;grid-template-columns:repeat(3,62px);gap:6px}.r-count .units small{font:700 11px var(--dd-body,Rubik);color:var(--ink-soft);text-align:center}
.r-join{display:grid;gap:12px;padding:18px 20px;align-content:start}
.r-join .a-badge{justify-self:start}
.r-join .chk{list-style:none;display:grid;gap:8px;margin:0;padding:0}
.r-join .chk li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;font:800 14px/1.3 var(--dd-body,Rubik)}
.r-join .chk li small{display:block;font:400 12px var(--dd-body,Rubik);color:var(--ink-soft)}
.r-join .chk .ic{font-size:20px}
.ok{color:#18b56f}.no{color:var(--red)}.inf{color:var(--blue)}.wait{color:#e2a100}
.a-btn.wide{width:100%}
.fine{font:400 12px/1.45 var(--dd-body,Rubik);color:var(--ink-soft);margin:0}
.why{display:flex;gap:9px;align-items:flex-start;font:700 13px/1.4 var(--dd-body,Rubik);border-radius:14px;padding:10px 12px}.why .ic{font-size:18px;margin-top:1px;flex:none}
.why.red{background:#ffe3e6;border:2.5px dashed #f3a6b0;color:#8c0a1b}.why.blue{background:#eef4ff;border:2.5px dashed #9db8ec;color:#28407a}.why.orange{background:#fff3e6;border:2.5px dashed #f2b36b;color:#7a4300}
.r-join .row,.r-confirm .row{display:flex;gap:8px;flex-wrap:wrap}.row.end{justify-content:flex-end}
.youin{min-width:0;display:flex;align-items:center;gap:12px;background:#fff;border:3px solid var(--navy);border-radius:16px;padding:10px 12px}
.youin>span{min-width:0}.youin b{display:block;font:400 18px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase}.youin small{font:700 12px var(--dd-body,Rubik);color:var(--ink-soft)}
.r-blockers{background:#fff6c8;border:3px solid var(--navy);border-radius:14px;padding:8px 12px}.r-blockers summary{font:800 13px var(--dd-body,Rubik);cursor:pointer}.r-blockers li{font:400 13px/1.5 var(--dd-body,Rubik);color:var(--ink-3)}
.r-timeline{display:grid;gap:4px;padding:14px 16px}
.r-timeline .stage{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px;border-radius:14px}
.r-timeline .stage.on{background:var(--yellow);border:3px solid var(--navy)}
.r-timeline .stage.done .stage-ic{background:var(--green);color:#fff}
.r-timeline .stage.wait{color:var(--navy);opacity:.42}
.r-timeline .stage.warn{background:#ffe3d3;border:3px solid var(--navy)}
.r-timeline .stage.on .stage-ic{animation:r-pulse 1.4s ease-in-out infinite}
@keyframes r-pulse{50%{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.r-timeline .stage.on .stage-ic{animation:none}}
.r-timeline .stage-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;border:3px solid var(--navy);font-size:18px;color:var(--red)}
.r-timeline b{font:400 16px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase}.r-timeline small{font:800 12px var(--dd-body,Rubik);color:var(--ink-3)}
.r-ladder .rung{display:grid;grid-template-columns:62px minmax(0,1fr) 120px;gap:12px;align-items:center;padding:8px 0;border-top:2.5px dashed rgba(20,26,74,.15)}
.r-ladder .medal{display:grid;place-items:center;height:42px;border-radius:14px;border:3px solid var(--navy);font:400 15px Bungee,var(--dd-body,Rubik);background:#dfe7ff}
.r-ladder .gold .medal{background:var(--yellow)}.r-ladder .silver .medal{background:#dfe3ee}.r-ladder .bronze .medal{background:#ffcfa8}
.r-ladder b{font:400 22px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik)}.r-ladder em{font-style:normal;color:var(--red);font-size:15px}.r-ladder small{display:block;font:700 12px var(--dd-body,Rubik);color:var(--ink-soft)}
.r-ladder .rung-bar{height:14px;border:3px solid var(--navy);border-radius:99px;background:#fff;overflow:hidden}.r-ladder .rung-bar i{display:block;height:100%;background:repeating-linear-gradient(-45deg,var(--red-hi) 0 8px,var(--red) 8px 16px)}
.r-rules ul{list-style:none;display:grid;gap:10px;margin:12px 0 0;padding:0}
.r-rules li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;font:400 14px/1.5 var(--dd-body,Rubik);color:var(--ink-3)}.r-rules li .ic{font-size:20px;color:var(--blue)}.r-rules li b{color:var(--navy);font-weight:800}
.r-people .tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.r-people .search{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;background:#fff;border:3px solid var(--navy);border-radius:14px;padding:0 10px}
.r-people .search input{flex:1;border:0;outline:0;font:600 15px var(--dd-body,Rubik);padding:10px 0;background:transparent;color:var(--navy)}
.r-people .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.r-people .person{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#fff;border:3px solid var(--navy);border-radius:12px;padding:6px 8px;text-decoration:none;min-width:0}
.r-people .person code{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r-people .person.me{background:var(--yellow)}
.r-people .person b{margin-inline-start:auto;font:400 12px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);background:var(--navy);color:var(--yellow);border-radius:6px;padding:2px 6px}
.r-people .pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;font:800 14px var(--dd-body,Rubik)}
.r-confirm{display:grid;gap:12px}
.r-confirm .sumrow{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;font:700 14px var(--dd-body,Rubik);color:var(--ink-3)}.r-confirm .sumrow b{font:800 14px var(--dd-body,Rubik);color:var(--navy);text-align:end}.r-confirm .sumrow .ic{font-size:19px;color:var(--navy)}
.r-celebrate{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(255,210,63,.5),rgba(13,18,54,.9) 60%);overflow:hidden;padding:20px}
.r-celebrate .cel{display:grid;justify-items:center;gap:14px;text-align:center;color:var(--cream);max-width:620px}
.r-celebrate h2{font:400 clamp(38px,8vw,64px)/1 var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;margin:14px 0 0;text-shadow:0 5px 0 var(--navy),3px 3px 0 var(--navy),-2px -2px 0 var(--navy)}
.r-celebrate p{font:700 18px/1.45 var(--dd-body,Rubik);margin:0;text-shadow:0 2px 0 var(--navy)}
.r-celebrate .row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.r-celebrate .drop{position:relative;display:grid;place-items:center;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#6c5bd6,#3a2f9a);border:5px solid var(--navy);box-shadow:0 8px 0 var(--navy);animation:r-pop .5s cubic-bezier(.2,1.6,.4,1)}
.r-celebrate .drop img{filter:drop-shadow(0 0 18px rgba(255,210,63,.95));animation:r-drop .9s cubic-bezier(.3,1.4,.5,1)}
.r-celebrate .tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font:400 18px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);background:var(--yellow);color:var(--navy);border:3px solid var(--navy);border-radius:11px;padding:4px 10px 1px;box-shadow:0 3px 0 var(--navy)}
.r-celebrate .cf{position:absolute;top:-30px;left:var(--x);width:12px;height:20px;background:var(--c);border:2px solid var(--navy);border-radius:3px;animation:r-fall 2.6s var(--d) ease-in forwards}
@keyframes r-pop{from{transform:scale(.4)}to{transform:none}}
@keyframes r-drop{from{transform:translateY(-160px)}to{transform:none}}
@keyframes r-fall{to{transform:translateY(110vh) rotate(540deg)}}
@media (max-width:900px){
 .r-head{grid-template-columns:minmax(0,1fr);padding:18px;min-height:0}.r-head .prize{text-align:start}.identity h1{font-size:28px}.a-mono.big{width:56px;height:56px}
 .r-cols,.r-cols.even{grid-template-columns:minmax(0,1fr)}
 .r-cols .side{order:-1}
 .r-ladder .rung{grid-template-columns:56px minmax(0,1fr)}.r-ladder .rung-bar{display:none}
}

/* create a race · "A · Seviye yolu" (DEC-102), phone m1 sticky outflow strip */
.c-levels{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:20px;overflow-x:auto}
.c-levels .lv{display:flex;align-items:center;gap:8px;flex:none;background:none;border:0;cursor:pointer;font:400 16px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;color:var(--ink-soft);padding:6px 8px;border-radius:14px}
.c-levels .lv i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:3px solid var(--navy);background:#fff;font:400 15px Bungee,var(--dd-body,Rubik);font-style:normal;color:var(--navy)}
.c-levels .lv.done{color:var(--navy)}.c-levels .lv.done i{background:var(--green)}
.c-levels .lv.on{color:var(--navy);background:var(--yellow);border:3px solid var(--navy);box-shadow:0 4px 0 var(--navy)}.c-levels .lv.on i{background:#fff}
.c-levels .lvline{flex:1;min-width:20px;height:4px;border-radius:4px;background:#d9d3ff}.c-levels .lvline.done{background:var(--green)}
.c-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;align-items:start}
.c-form{padding:22px 24px;display:grid;gap:16px;align-content:start}
.c-sec{display:flex;align-items:center;gap:10px;font:400 26px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;margin:0}
.c-sec .n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--yellow);border:3px solid var(--navy);font:400 16px Bungee,var(--dd-body,Rubik)}
.c-field{display:grid;gap:6px;align-content:start;min-width:0}
.c-field>label{display:flex;align-items:center;gap:6px;font:800 14px var(--dd-body,Rubik);color:var(--navy)}.c-field>label .ic{color:var(--red)}
.c-field>small{font:400 12px/1.4 var(--dd-body,Rubik);color:var(--ink-soft)}
.c-in{width:100%;font:600 16px var(--dd-body,Rubik);color:var(--navy);background:#fff;border:3px solid var(--navy);border-radius:14px;padding:11px 12px;outline:0}
.c-in:focus{box-shadow:0 0 0 4px rgba(255,210,63,.6)}
.c-in.big{font:400 26px Bungee,var(--dd-body,Rubik);max-width:140px}
textarea.c-in{resize:vertical;font:500 13px ui-monospace,Consolas,monospace}
.c-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.c-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.c-opts{display:grid;gap:10px}.c-opts.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.c-opts.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.c-opt{display:grid;gap:4px;justify-items:start;text-align:start;padding:10px 12px;background:#fff;border:3px solid var(--navy);border-radius:16px;cursor:pointer;color:var(--navy);box-shadow:0 4px 0 var(--navy)}
.c-opt .ic{font-size:22px;color:var(--red)}.c-opt b{font:800 14px var(--dd-body,Rubik)}.c-opt small{font:400 12px/1.35 var(--dd-body,Rubik);color:var(--ink-soft)}
.c-opt.on{background:var(--yellow)}.c-opt.on small{color:var(--ink-3)}
.c-upload{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:3px dashed var(--navy);border-radius:16px;cursor:pointer;font:800 14px var(--dd-body,Rubik);min-height:64px}
.c-upload img{width:44px;height:44px;object-fit:cover;border-radius:10px;border:3px solid var(--navy)}.c-upload.wide img{width:78px}
.c-upload .ic{font-size:26px;color:var(--red)}
.c-note{display:flex;gap:10px;align-items:flex-start;font:700 13px/1.45 var(--dd-body,Rubik);background:#eef4ff;border:2.5px dashed #9db8ec;color:#28407a;border-radius:14px;padding:10px 12px}.c-note .ic{font-size:18px;flex:none;margin-top:1px}
.c-note.warn{background:#ffe3e6;border-color:#f3a6b0;color:#8c0a1b}
.c-cap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.c-cap .presets{display:flex;gap:6px;flex-wrap:wrap}
.c-cap .presets button{font:400 15px Bungee,var(--dd-body,Rubik);padding:6px 10px;border:3px solid var(--navy);border-radius:12px;background:#fff;cursor:pointer;color:var(--navy)}.c-cap .presets button.on{background:var(--yellow)}
.c-amount{display:flex;align-items:center;gap:8px;font:800 14px var(--dd-body,Rubik)}.c-amount .c-in{font:400 22px Bungee,var(--dd-body,Rubik)}.c-amount em{font-style:normal;font:800 15px var(--dd-body,Rubik);color:var(--red)}
.c-mint{display:flex;gap:8px;margin-top:8px}
.a-note.ok{color:#0f7a4b}
.c-ladder{display:grid;gap:6px;background:#fff;border:3px solid var(--navy);border-radius:16px;padding:10px 12px}
.c-ladder .lrow{display:grid;grid-template-columns:64px 96px minmax(0,1fr) 170px;gap:10px;align-items:center}
.c-ladder .rk{display:grid;place-items:center;height:36px;border-radius:12px;border:3px solid var(--navy);background:var(--yellow);font:400 14px Bungee,var(--dd-body,Rubik)}
.c-ladder .pc{display:flex;align-items:center;gap:4px;font:800 14px var(--dd-body,Rubik)}.c-ladder .pc .c-in{padding:6px 8px;font:400 16px Bungee,var(--dd-body,Rubik)}
.c-ladder .bar{height:14px;border:3px solid var(--navy);border-radius:99px;background:#fff;overflow:hidden}.c-ladder .bar i{display:block;height:100%;background:repeating-linear-gradient(-45deg,var(--red-hi) 0 8px,var(--red) 8px 16px)}
.c-ladder .am{font:400 16px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-align:end}.c-ladder .am small{display:block;font:700 11px var(--dd-body,Rubik);color:var(--ink-soft)}
.c-bonus{display:grid;gap:12px;background:#fff8ea;border:3px solid var(--navy);border-radius:18px;padding:12px 14px}
.c-toggle{display:inline-flex;align-items:center;gap:10px;font:800 15px var(--dd-body,Rubik);background:none;border:0;cursor:pointer;color:var(--navy);justify-self:start}
.c-toggle i{position:relative;width:46px;height:26px;border-radius:99px;border:3px solid var(--navy);background:#d9d3ff}.c-toggle i::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--navy);transition:.15s}
.c-toggle.on i{background:var(--green)}.c-toggle.on i::after{inset-inline-start:22px}
.c-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:6px}
.c-side{display:grid;gap:18px;position:sticky;top:16px}
.c-box{padding:16px 18px}.c-box h3{display:flex;align-items:center;gap:8px;font:400 19px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;margin:0 0 10px}
.c-outflow .oline{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0;border-top:2px dashed rgba(20,26,74,.15);font:600 14px var(--dd-body,Rubik);color:var(--ink-3)}
.c-outflow .oline .ic{font-size:18px;color:var(--navy)}.c-outflow .oline b{font:800 14px var(--dd-body,Rubik);color:var(--navy);text-align:end}
.c-outflow .tag{display:inline-block;font:800 10px var(--dd-body,Rubik);text-transform:uppercase;border-radius:6px;padding:1px 6px;background:#dff7ea;color:#0f5a39;border:2px solid #8fd9b3}.c-outflow .tag.no{background:#ffe3e6;color:#8c0a1b;border-color:#f3a6b0}
.c-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.c-review .rv{background:#fff;border:3px solid var(--navy);border-radius:16px;padding:10px 12px}
.c-review header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.c-review header b{display:flex;align-items:center;gap:6px;font:400 16px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase}
.c-review ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.c-review li{display:flex;justify-content:space-between;gap:10px;font:600 13px var(--dd-body,Rubik);color:var(--ink-3)}.c-review li b{font:800 13px var(--dd-body,Rubik);color:var(--navy);text-align:end;overflow-wrap:anywhere}
.c-poster{max-width:100%}
.c-sticky{display:none}
@media (max-width:900px){
 .c-grid{grid-template-columns:minmax(0,1fr)}
 .c-side{position:static;order:2}
 .c-row2,.c-row3,.c-opts.c3,.c-review{grid-template-columns:minmax(0,1fr)}
 .c-opts.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
 .c-form{padding:16px 14px}
 .c-ladder .lrow{grid-template-columns:56px 84px minmax(0,1fr)}.c-ladder .bar{display:none}
 .c-sticky{position:fixed;inset-inline-start:10px;inset-inline-end:10px;bottom:96px;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}
 .c-sticky small{display:block;font:800 11px var(--dd-body,Rubik);color:var(--ink-soft);text-transform:uppercase}.c-sticky b{font:400 16px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik)}
 body.arcade.view-create .a-main{padding-bottom:200px}
}

/* phone: grid and flex children may shrink below their content width */
.c-form,.c-form>*,.c-field,.c-opts>*,.c-row2>*,.c-row3>*{min-width:0}
.c-mint .c-in,.c-amount .c-in{min-width:0;flex:1}
.c-opt b,.c-opt small{overflow-wrap:anywhere}

.c-nav{flex-wrap:wrap}
@media (max-width:900px){.c-nav .a-btn{white-space:normal;text-align:center;flex:1 1 140px;font-size:16px;padding:12px 14px}}
/* ---------- my races · B (board) and manage · C (tabs), DEC-102 ---------- */
.a-chip.green{background:#dff7ea;border-color:#2c9a63;color:#0f5a39}
.a-chip.gold{background:#fff1b8;border-color:#d9a400;color:#5c4100}
.a-chip.navy{background:var(--navy);color:var(--yellow)}
.a-chip.purple{background:#efe9ff;border-color:#7b4bff;color:#3d1f9e}
.a-chip.redwarn{background:#ffe3e6;border-color:#e3122b;color:#8c0a1b}
button.a-chip{cursor:pointer;font-family:var(--dd-body,Rubik),sans-serif;color:var(--navy)}button.a-chip.navy{color:var(--yellow)}
a.a-chip{text-decoration:none;color:var(--navy)}
.m-r{margin-inline-start:auto}
.a-badge.test{background:repeating-linear-gradient(-45deg,var(--yellow) 0 8px,#ffe9a3 8px 16px);color:var(--navy);transform:rotate(-2deg)}
.m-fill{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:14px}.m-fill .m-field{margin-top:0;flex:1;min-width:150px}
.r-head .prize .a-badge.test{margin-bottom:6px}
.r-when{display:flex;align-items:center;gap:8px;margin:12px 0 4px;font:800 15px var(--dd-body,Rubik);color:var(--navy)}.r-when .ic{color:var(--red)}
.m-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,470px);gap:22px;align-items:start}
.m-col{display:grid;gap:20px;min-width:0}
.m-nowrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.m-nowrow.n1{grid-template-columns:minmax(0,1fr)}
.m-now{position:relative;display:block;min-height:250px;overflow:hidden;text-decoration:none;color:#fff;padding:0}
.m-now .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.m-now .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,18,54,.1) 25%,rgba(13,18,54,.82))}
.m-now-top{position:absolute;top:14px;inset-inline-start:14px;z-index:1;display:flex;gap:8px}
.m-now-in{position:absolute;inset:auto 0 0;z-index:1;display:grid;gap:10px;padding:16px}
.m-now-in>b{font:400 28px/1 var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;color:#fff;text-shadow:0 3px 0 var(--navy),0 0 12px rgba(13,18,54,.6)}
.m-now-in>small{font:800 13px var(--dd-body,Rubik);color:#fff;text-shadow:0 1px 0 var(--navy),0 0 8px rgba(13,18,54,.7);text-transform:uppercase;letter-spacing:.02em}
.m-count{font:400 54px/1 Bungee,var(--dd-body,Rubik);color:var(--yellow);text-shadow:0 4px 0 var(--navy)}
.m-meline{display:flex;align-items:center;gap:10px;background:var(--cream);color:var(--navy);border:3px solid var(--navy);border-radius:16px;padding:6px 8px 6px 6px;font:800 14px var(--dd-body,Rubik)}
.m-meline>span:not(.a-btn){display:grid;flex:1;min-width:0}.m-meline small{font:700 12px var(--dd-body,Rubik);color:var(--ink-soft)}
.m-meline img{border-radius:50%;flex:none}
.m-idle{display:flex;align-items:center;gap:16px;padding:20px 22px}.m-idle>.ic{font-size:40px;color:var(--red);flex:none}.m-idle>div{flex:1;min-width:0}.m-idle b{font:400 20px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase}.m-idle p{margin:4px 0 0;font:600 14px var(--dd-body,Rubik);color:var(--ink-3)}
.m-sec{padding:18px 20px}.m-sec h3{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:400 22px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;margin:0 0 6px}
.m-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:2.5px dashed rgba(20,26,74,.15)}
.m-thumb{display:block;width:64px;height:52px;border:3px solid var(--navy);border-radius:12px;overflow:hidden;background:#d9d3ff}.m-thumb img{width:100%;height:100%;object-fit:cover}
.m-tt{min-width:0}.m-tt>b{display:block;font:800 16px var(--dd-body,Rubik);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-tt>small{display:block;font:700 12px var(--dd-body,Rubik);color:var(--ink-soft);margin-top:2px}
.m-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}.m-chips .a-badge{transform:none;font-size:11px;padding:3px 7px}.m-chips .a-chip{font-size:12.5px;padding:3px 8px}
.m-row .m-chips .a-chip{white-space:normal}.m-created .m-chips .a-chip{white-space:nowrap}
.m-row .a-btn{white-space:nowrap}
/* owner 12 Oct: a draft's Continue and Delete side by side (My races, Create a race) */
.m-dbtns{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.m-drafts .m-chips .a-chip{white-space:nowrap}
/* the drafts sit in the narrow column: Continue and Delete go under the name, the chip keeps its own line */
.m-drafts .m-row{grid-template-columns:64px minmax(0,1fr);row-gap:10px}.m-drafts .m-dbtns{grid-column:2/-1;justify-content:flex-start}
.a-pagehead button.c-del{border-color:var(--red);color:#8c0a1b}.a-pagehead button.c-del:hover{background:#ffe3e6}
.c-drafts{padding:14px 18px;margin-bottom:20px}.c-drafts h3{display:flex;align-items:center;gap:10px;margin:0 0 4px;font:400 20px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase}
.c-draft{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 0;border-top:2.5px dashed rgba(20,26,74,.15)}
.c-draft-t{min-width:0}.c-draft-t b{display:block;font:800 15px var(--dd-body,Rubik);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-draft-t small{display:block;font:700 12px var(--dd-body,Rubik);color:var(--ink-soft);margin-top:2px}
.c-draft>.a-chip{font-size:12.5px;padding:3px 8px}
@media (max-width:640px){.c-draft{grid-template-columns:minmax(0,1fr);row-gap:8px}.c-draft>.a-chip{justify-self:start}.c-draft .m-dbtns{justify-content:flex-start}}
.m-claim{display:grid;gap:8px;padding:18px 20px;background:linear-gradient(#fff6c8,#ffe27a)}
.m-claim-t{display:flex;align-items:center;gap:8px;font:400 18px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase}
.m-claim .amt{font:400 40px/1 Bungee,var(--dd-body,Rubik)}.m-claim .amt em{font:400 18px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);font-style:normal;margin-inline-start:8px}
.m-claim small{font:700 13px var(--dd-body,Rubik);color:#6b4d00}
.m-kv{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:8px}.m-kv small{display:block;font:800 11px var(--dd-body,Rubik);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.m-kv b{font:400 26px Bungee,var(--dd-body,Rubik)}.m-kv b em{font:800 13px var(--dd-body,Rubik);font-style:normal;margin-inline-start:6px}
.m-more{text-align:center}
.m-connect{display:grid;justify-items:center;gap:10px;text-align:center;padding:34px 22px}.m-connect img{border-radius:50%}.m-connect b{font:400 22px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase}.m-connect p{max-width:520px;margin:0;font:600 14px var(--dd-body,Rubik);color:var(--ink-3)}
/* manage */
.m-head{display:grid;grid-template-columns:260px minmax(0,1fr) auto;gap:22px;align-items:center;padding:16px 22px 16px 16px;margin-bottom:22px}
.m-hthumb{display:block;height:130px;border:3px solid var(--navy);border-radius:16px;overflow:hidden;background:#d9d3ff}.m-hthumb img{width:100%;height:100%;object-fit:cover}
.m-hmain{min-width:0}.m-hmain>.m-chips:first-child{margin-top:0}
.m-hmain h2{font:400 32px/1.05 var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;margin:10px 0 2px;overflow-wrap:anywhere}
.m-hacts{display:grid;gap:10px}
.m-tabs{display:flex;gap:8px;margin:0 0 -3px 18px;position:relative;z-index:1}
.m-tabs button{display:inline-flex;align-items:center;gap:8px;font:400 16px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;background:#efe6d4;color:var(--navy);border:3px solid var(--navy);border-bottom:0;border-radius:16px 16px 0 0;padding:11px 16px 9px;cursor:pointer}
.m-tabs button.on{background:var(--cream)}.m-tabs button b{font:400 12px Bungee,var(--dd-body,Rubik);background:var(--navy);color:var(--yellow);border-radius:8px;padding:2px 7px}
.m-tabs button:focus-visible{outline:4px solid var(--yellow);outline-offset:2px}
.m-body{padding:20px 22px;margin-bottom:22px}.m-body h3{display:flex;align-items:center;gap:9px;font:400 20px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;margin:0 0 12px}.m-body h4{display:flex;align-items:center;gap:7px;font:800 14px var(--dd-body,Rubik);margin:16px 0 8px}
.m-life{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:4px 2px 14px;margin-bottom:6px}
.m-life .lv{cursor:default;font-size:14px;padding:4px 7px}.m-life .lv i{width:30px;height:30px;font-size:13px}.m-life .lv i .ic{width:16px;height:16px}.m-life .lv>span{display:grid;line-height:1.1}.m-life .lv small{font:700 11px var(--dd-body,Rubik);text-transform:none;color:var(--ink-soft);margin-top:2px}
.m-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.m-grid.pay{grid-template-columns:minmax(0,1fr) minmax(260px,380px)}
.m-stack{display:grid;gap:18px;min-width:0}
.m-card{background:#fff;border:3px solid var(--navy);border-radius:18px;padding:16px 18px;min-width:0}
.m-card .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.m-big{display:flex;align-items:baseline;gap:8px}.m-big b{font:400 48px/1 Bungee,var(--dd-body,Rubik)}.m-big span{font:800 18px var(--dd-body,Rubik);color:var(--ink-soft)}
.m-prog{display:block;width:100%;height:14px;margin:10px 0 8px;border:3px solid var(--navy);border-radius:10px;background:#efe6d4;overflow:hidden;appearance:none}
.m-prog::-webkit-progress-bar{background:#efe6d4}.m-prog::-webkit-progress-value{background:var(--green)}.m-prog::-moz-progress-bar{background:var(--green)}
.m-muted{display:block;font:700 13px/1.45 var(--dd-body,Rubik);color:var(--ink-3);margin:6px 0 0}
.m-joins{display:grid;gap:6px}.m-join{display:flex;align-items:center;gap:9px;font:800 13px var(--dd-body,Rubik)}.m-join img{border-radius:50%}.m-join small{margin-inline-start:auto;font:700 12px var(--dd-body,Rubik);color:var(--ink-soft)}
.m-next{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.m-next li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:8px 10px;border-radius:12px}
.m-next li.now{background:#fff6c8;border:2.5px solid var(--navy)}
.m-next .t{font:400 13px Bungee,var(--dd-body,Rubik);color:var(--red);padding-top:2px}.m-next b{display:block;font:800 14px var(--dd-body,Rubik)}.m-next small{font:600 12.5px var(--dd-body,Rubik);color:var(--ink-3)}
/* header favourites (owner 12 Oct): the heart next to the bell, its panel, the flying heart */
.a-fav .ic{color:var(--red)}.a-favs{display:grid;gap:6px;max-height:min(60vh,420px);overflow:auto;margin-bottom:10px}
.a-fav-row{display:flex;align-items:center;gap:8px}.a-fav-row a{flex:1;min-width:0}.a-fav-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.a-fav-x{flex:none;width:30px;height:30px;border:3px solid var(--navy);border-radius:10px;background:var(--cream);display:grid;place-items:center;cursor:pointer}.a-fav-x .ic{width:14px;height:14px}
.a-fly-heart{position:fixed;z-index:9999;width:28px;height:28px;color:var(--red);pointer-events:none}.a-fly-heart svg{width:28px;height:28px;fill:currentColor}
/* My races (owner 12 Oct): your place on a finished race, on its picture */
.m-thumb{position:relative}.m-place{position:absolute;right:3px;bottom:3px;min-width:26px;height:22px;padding:0 5px;border:2px solid var(--navy);border-radius:11px;display:grid;place-items:center;font:400 13px/1 var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik),sans-serif;background:var(--cream);color:var(--navy)}
.m-p1{background:var(--yellow)}.m-p2{background:var(--silver)}.m-p3{background:var(--bronze)}
/* room page share choices (the race view's popup has the same parts) */
.r-share-go{margin-top:12px;flex-wrap:wrap}
.m-link{display:flex;align-items:center;gap:8px;background:var(--cream);border:3px solid var(--navy);border-radius:14px;padding:8px 8px 8px 12px}.m-link code{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.m-search{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;background:#fff;border:3px solid var(--navy);border-radius:14px;padding:0 12px}.m-search .ic{color:var(--ink-soft)}
.m-search input{flex:1;min-width:0;border:0;outline:0;font:700 15px var(--dd-body,Rubik);padding:11px 0;background:transparent;color:var(--navy)}
.m-search:focus-within{box-shadow:0 0 0 4px rgba(255,210,63,.7)}
.m-tbl{width:100%;border-collapse:collapse;font:700 14px var(--dd-body,Rubik)}
.m-tbl th{text-align:start;font:800 11px var(--dd-body,Rubik);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);padding:8px 10px;border-bottom:3px solid var(--navy)}
.m-tbl td{padding:9px 10px;border-bottom:2px dashed rgba(20,26,74,.12)}.m-tbl td.n{font:400 15px Bungee,var(--dd-body,Rubik)}
.m-tbl .w{display:flex;align-items:center;gap:9px}.m-tbl .w img{border-radius:50%;flex:none}.m-tbl a{text-decoration:none;color:var(--navy)}
.m-more{margin-top:12px}
.m-lines{display:grid;gap:2px}
.m-lines .ln{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:2px dashed rgba(20,26,74,.12);font:700 14px var(--dd-body,Rubik)}.m-lines .ln:first-child{border-top:0}
.m-lines .ln>.ic{font-size:20px;color:var(--purple)}.m-lines .ln b{font:800 14px var(--dd-body,Rubik);text-align:end}
.m-lines .tag{display:inline-flex;align-items:center;gap:4px;margin-inline-start:8px;font:800 11px var(--dd-body,Rubik);background:#efe6d4;border-radius:8px;padding:2px 7px;vertical-align:middle}.m-lines .tag.ok{background:#dff7ea;color:#0f5a39}.m-lines .tag.no{background:#ffe3e6;color:#8c0a1b}
.m-card>.a-chip{margin-top:12px}
.m-pay{display:grid;grid-template-columns:44px 36px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:9px 0;border-top:2px dashed rgba(20,26,74,.14);font:700 14px var(--dd-body,Rubik)}
.m-pay .rk{font:400 17px Bungee,var(--dd-body,Rubik);text-align:center}.m-pay img{border-radius:50%}.m-pay .am{font:800 14px var(--dd-body,Rubik);text-align:end}.m-pay .a-chip a{color:inherit}
.m-card .why,.m-body>.why{margin-top:12px}
.m-rules{list-style:none;margin:0 0 4px;padding:0;display:grid}.m-rules li{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;padding:10px 0;border-top:2px dashed rgba(20,26,74,.12);font:700 14px var(--dd-body,Rubik);color:var(--ink-3)}.m-rules li:first-child{border-top:0}.m-rules b{font:800 14px var(--dd-body,Rubik);color:var(--navy)}
.m-field{margin-top:14px}.m-field>span{font:800 14px var(--dd-body,Rubik);color:var(--navy)}
#drop-dialog .row.end{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:16px}
#drop-dialog .why code.wallet{white-space:nowrap;font:inherit}
@media (max-width:560px){#drop-dialog .row.sign-trouble{flex-direction:column-reverse;align-items:stretch}}
.r-join .r-manage{margin-top:12px}
@media (max-width:1100px){.m-head{grid-template-columns:200px minmax(0,1fr)}.m-hacts{grid-column:1/-1;display:flex;flex-wrap:wrap}.m-hthumb{height:110px}}
@media (max-width:900px){
 .m-grid,.m-grid.pay{grid-template-columns:minmax(0,1fr)}
 /* phone: one column, the prize to claim right under the live cards */
 .m-board{display:flex;flex-direction:column;align-items:stretch;gap:20px}.m-col{display:contents}
 .m-board .m-nowrow,.m-board .m-idle{order:1}.m-board .m-claim{order:2}.m-board .m-drafts{order:3}.m-board .m-joined{order:4}.m-board .m-older{order:5}.m-board .m-favs{order:6}.m-board .m-created{order:7}.m-board .m-totals{order:8}
 .m-nowrow{grid-template-columns:minmax(0,1fr)}
 .m-head{grid-template-columns:minmax(0,1fr);padding:14px}.m-hthumb{height:140px}.m-hmain h2{font-size:26px}
 .m-tabs{margin-inline-start:6px;overflow-x:auto;scrollbar-width:none}.m-tabs button{flex:none;font-size:14px;padding:9px 11px 7px}
 .m-body{padding:16px 12px}.m-card{padding:14px 12px}
 .m-row{grid-template-columns:52px minmax(0,1fr);gap:10px}.m-thumb{width:52px;height:44px}.m-row>.a-btn{grid-column:2;justify-self:start}
 .m-tbl{font-size:12.5px}.m-tbl th:nth-child(4),.m-tbl td:nth-child(4),.m-tbl th:nth-child(5),.m-tbl td:nth-child(5){display:none}
 .m-pay{grid-template-columns:34px 30px minmax(0,1fr) auto}.m-pay>.a-chip{grid-column:3/-1;justify-self:start}
 .m-rules li{grid-template-columns:minmax(0,1fr);gap:2px}
 .m-count{font-size:44px}.m-idle{flex-wrap:wrap}
}
/* ---------- test arena (DEC-118) ---------- */
.t-grid{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:22px;align-items:start;margin-bottom:22px}
.t-start,.t-now,.t-hist{padding:20px 22px;min-width:0}
.t-start h3,.t-hist h3{display:flex;align-items:center;gap:9px;font:400 20px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase;margin:0 0 14px}
.t-label{display:block;font:800 14px var(--dd-body,Rubik);margin-bottom:8px}
.t-count{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:10px;align-items:center}
.t-count .a-round{width:52px;height:52px;font:400 28px/1 Bungee,var(--dd-body,Rubik)}
.t-count input{width:100%;min-width:0;text-align:center;font:400 40px/1 Bungee,var(--dd-body,Rubik);color:var(--navy);background:#fff;border:3px solid var(--navy);border-radius:16px;padding:8px 6px;outline:0;appearance:textfield;-moz-appearance:textfield}
.t-count input::-webkit-outer-spin-button,.t-count input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.t-count input:focus{box-shadow:0 0 0 4px rgba(255,210,63,.7)}
.t-presets{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}
.t-track-now{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;padding:6px 12px;background:#efe9ff;border:2.5px solid #7b4bff;border-radius:999px;font:800 14px/1.2 var(--dd-body,Rubik);color:#3d1f9e}
.t-track-now .ic{font-size:16px}
.t-now>.t-v{justify-self:start}
.m-tbl .t-v{margin-inline-start:6px;padding:1px 6px;font:800 11px var(--dd-body,Rubik);border-width:2px;vertical-align:middle}
.t-start .a-btn.big{margin-top:2px}
.t-now{display:grid;gap:12px;align-content:start;min-height:320px}
.t-now>b{font:400 26px/1.1 var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase}
.t-now>.a-badge{justify-self:start}
.t-now p{margin:0;font:600 14px/1.5 var(--dd-body,Rubik);color:var(--ink-3)}
.t-now .row{display:flex;gap:10px;flex-wrap:wrap}
.t-idle{display:grid;justify-items:center;gap:10px;text-align:center;padding:30px 10px}.t-idle img{border-radius:50%}.t-idle b{font:400 24px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase}
.t-mine{display:flex;align-items:center;gap:12px;background:#fff6c8;border:3px solid var(--navy);border-radius:16px;padding:10px 14px}
.t-mine img{border-radius:50%;flex:none}.t-mine span{display:grid;font:800 17px var(--dd-body,Rubik);color:var(--navy)}.t-mine small{font:700 13px var(--dd-body,Rubik);color:var(--ink-soft)}
.t-top{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.t-top li{display:grid;grid-template-columns:40px 30px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:7px 8px;border-radius:12px;font:700 14px var(--dd-body,Rubik)}
.t-top li.me{background:#fff6c8;border:2.5px solid var(--navy)}
.t-top .rk{font:400 16px Bungee,var(--dd-body,Rubik);text-align:center}.t-top img{border-radius:50%}.t-top .tm{font:800 13px var(--dd-body,Rubik);color:var(--ink-3);font-variant-numeric:tabular-nums}
.t-hist .m-tbl small{font:700 12px var(--dd-body,Rubik);color:var(--ink-soft)}
.m-arena{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:20px;text-decoration:none;color:var(--navy);background:repeating-linear-gradient(-45deg,#fff6c8 0 14px,#fff1b0 14px 28px)}
.m-arena>.ic{font-size:30px;color:var(--red);flex:none}.m-arena b{display:block;font:400 20px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase}.m-arena small{font:700 13px var(--dd-body,Rubik);color:var(--ink-3)}.m-arena .a-btn{margin-inline-start:auto}
@media (max-width:900px){
 .t-grid{grid-template-columns:minmax(0,1fr)}
 .t-start,.t-now,.t-hist{padding:16px 12px}
 .t-top li{grid-template-columns:32px 26px minmax(0,1fr) auto;gap:8px}.t-top li .a-chip{display:none}
 .t-hist .m-tbl th:nth-child(3),.t-hist .m-tbl td:nth-child(3),.t-hist .m-tbl th:nth-child(6),.t-hist .m-tbl td:nth-child(6){display:none}
 .m-arena{flex-wrap:wrap}.m-arena .a-btn{margin-inline-start:0}
}
/* ---------- 404 (404.html; dist root, so Vercel serves it for every unknown path) ---------- */
body.nf{background:linear-gradient(180deg,rgba(40,120,240,.35),rgba(150,110,255,.25) 60%,rgba(42,134,240,.9)),url(/assets/lobby-cloud-world.webp) center top/cover var(--sky)}
.nf-main{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:28px 0 40px;min-height:100vh;display:grid;align-content:center;gap:22px}
.nf-logo{justify-self:center}.nf-logo img{display:block;width:250px;max-width:70vw;height:auto}
.nf-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center;padding:32px 36px}
.nf-art{position:relative;min-height:250px;display:grid;place-items:center;padding-inline-end:92px}
.nf-code{position:relative;z-index:1;font:400 136px/1 Bungee,var(--dd-body,Rubik);color:var(--navy);text-shadow:0 8px 0 rgba(20,26,74,.18);letter-spacing:-.02em}
.nf-track{position:absolute;inset-inline-start:4%;inset-inline-end:24%;top:80%;height:20px;border:4px solid var(--navy);border-radius:14px;background:linear-gradient(#7b4bff,#5b2fe0);transform:rotate(-8deg);box-shadow:0 6px 0 var(--navy)}
.nf-marble{position:absolute;inset-inline-end:0;top:56%;width:96px;height:auto;filter:drop-shadow(0 8px 0 rgba(20,26,74,.35));animation:nf-roll 2.4s ease-in-out infinite}
@keyframes nf-roll{0%,100%{transform:translate(-10px,-8px) rotate(0)}50%{transform:translate(4px,12px) rotate(160deg)}}
@media (prefers-reduced-motion:reduce){.nf-marble{animation:none}}
.nf-copy{display:grid;gap:14px;justify-items:start}
.nf-copy h1{font-size:46px;line-height:1.02;margin:0;text-transform:uppercase}
.nf-copy p{margin:0;font:600 17px/1.5 var(--dd-body,Rubik);color:var(--ink-3)}
.nf-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.nf-foot{justify-self:center;margin:0;font:800 13px var(--dd-body,Rubik);color:#fff;text-shadow:0 1px 0 var(--navy)}.nf-foot b{color:var(--yellow)}
/* B: one centred card */
.nf-b .nf-card{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;max-width:620px;justify-self:center}
.nf-b .nf-art{min-height:180px;width:100%;padding-inline-end:80px}.nf-b .nf-code{font-size:104px}.nf-b .nf-track{inset-inline-start:16%;inset-inline-end:26%;top:82%}.nf-b .nf-marble{width:76px;inset-inline-end:9%;top:52%}
.nf-b .nf-copy{justify-items:center}.nf-b .nf-row{justify-content:center}
/* C: the track photo behind white type */
.nf-c .nf-card{background:linear-gradient(90deg,rgba(13,18,54,.9),rgba(13,18,54,.55)),url(/assets/track-approved-cover.jpg) center/cover;color:#fff}
.nf-c .nf-code{color:#fff;text-shadow:0 8px 0 rgba(0,0,0,.35)}.nf-c .nf-copy p{color:#e9ecff}.nf-c .nf-track{display:none}
@media (max-width:820px){
 .nf-card{grid-template-columns:minmax(0,1fr);padding:22px 18px;gap:12px;text-align:center}
 .nf-art{min-height:170px;padding-inline-end:64px}.nf-code{font-size:84px}.nf-marble{width:64px}.nf-track{inset-inline-end:20%}
 .nf-copy{justify-items:center}.nf-copy h1{font-size:32px}.nf-row{justify-content:center}
}
/* ---------- language menu (17 languages, flags as on j.tools) ---------- */
.a-flag{display:inline-flex;flex:none;width:22px;height:22px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px var(--navy)}
.a-flag svg{display:block;width:100%;height:100%}
body.arcade .a-lang{gap:7px;padding:0 10px 0 7px}.a-lang .a-lang-short{font:800 13px var(--dd-body,Rubik);white-space:nowrap}.a-lang .ic{width:14px;height:14px;opacity:.75}
.a-langpop{width:236px;padding:8px;max-height:min(72vh,620px);overflow-y:auto}
.a-langpop button{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:0;border-radius:12px;background:none;color:var(--navy);font:700 14px var(--dd-body,Rubik),system-ui,sans-serif;text-align:start;cursor:pointer}
.a-langpop button:hover,.a-langpop button:focus-visible{background:#f6efe0;outline:0}.a-langpop button.on{background:#fff6c8;box-shadow:inset 0 0 0 2px var(--navy)}
.a-langpop .a-flag{width:20px;height:20px;box-shadow:0 0 0 1.5px var(--navy)}.a-langpop .nm{flex:1;white-space:nowrap}.a-langpop .ic{color:var(--red);width:16px;height:16px}
@media (max-width:820px){body.arcade .a-lang .a-lang-short{display:none}body.arcade .a-lang{padding:0 8px}}
/* On narrow screens the header buttons sit mid-bar: their menus open from the header edge so they stay on screen. */
@media (max-width:900px){body.arcade .a-top .a-wallet{position:static}}

/* ---------- right-to-left languages (ar, fa) ---------- */
code.wallet,.wallet-address,.m-link code,.t-top code,.m-tbl code{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .ic-caret-left,[dir="rtl"] .ic-caret-right,[dir="rtl"] .ic-arrow-square-out,[dir="rtl"] .ic-sign-out{transform:scaleX(-1)}
[dir="rtl"] .a-badge,[dir="rtl"] .a-pagehead h1{letter-spacing:0}
[dir="rtl"]{--dir:-1}
[dir="rtl"] .r-head .shade{background:linear-gradient(270deg,rgba(13,18,54,.88),rgba(13,18,54,.45) 60%,rgba(13,18,54,.2))}
@media (min-width:901px){[dir="rtl"] .a-hero::before{background:linear-gradient(270deg,var(--cream) 0 44%,rgba(255,244,226,.55) 62%,rgba(255,244,226,0)),url(/assets/hero-1920x1080.webp) left center/cover no-repeat}}
/* Create a race v2 (owner, 8 Oct; designs approved): aligned option boxes, token picker with logos, the V5 prize
   table with a distribution ring, and the numbered wallet paste popup. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.c2-lbl{display:flex;align-items:center;gap:6px;font:800 15px var(--dd-body,Rubik);margin:6px 0 2px}.c2-lbl .ic{color:var(--red)}.c2-lbl .sp{flex:1}
.c2-hint{margin:8px 0 0;font:600 12.5px/1.4 var(--dd-body,Rubik);color:var(--ink-soft)}
.c-step-help{font:600 15px/1.6 var(--dd-body,Rubik);margin:0;color:var(--ink-soft);max-width:64ch}
.room-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding:12px;border:2px solid var(--navy);border-radius:12px;background:#fff9ed;color:var(--navy);box-sizing:border-box;margin:8px 0;min-width:0;text-align:start}
.room-times>span{display:grid;gap:4px;min-width:0}.room-times span{font:700 12px/1.4 var(--dd-body,Rubik);color:var(--navy)}
.room-times strong{font:800 14px/1.4 var(--dd-body,Rubik);overflow-wrap:anywhere;color:var(--navy)}
.room-times .room-time-count{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;border-top:1px solid #ccc;padding-top:8px}
.a-card-bottom .room-times{margin:0;padding:8px}.a-card-bottom .room-times strong{font-size:12px}
.a-card-bottom .room-times span{font-size:10px}.m-chips>.room-times{flex-basis:100%}.m-now-in>.room-times{position:relative}
.c-start-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;background:#e7f1ff;border:2px solid var(--blue);border-radius:12px}
.c-start-plan>div{display:grid;gap:5px;min-width:0}.c-start-plan span{font:700 13px var(--dd-body,Rubik)}.c-start-plan strong{font:800 15px/1.5 var(--dd-body,Rubik);overflow-wrap:anywhere}
.c2-box:focus-within{outline:3px solid var(--blue);outline-offset:3px}
#c-err:empty{display:none}
#c-err:focus{outline:3px solid var(--blue);outline-offset:4px;border-radius:12px}
.pz-pre button.a-chip{color:var(--navy);background:#fff;cursor:pointer}
.pz-pre button.a-chip:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.pz-pre button.a-chip:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:900px){
 #c-root .c-levels{gap:6px;justify-content:space-between;overflow:visible}
 #c-root .c-levels .lv{padding:5px;flex:0 1 auto}
 #c-root .c-levels .lv span,#c-root .c-levels .lvline{display:none}
 .c-sticky{min-width:0}
 .c-sticky>div{flex:1 1 38%;min-width:0;overflow-wrap:anywhere}
 .c-sticky>.a-btn{flex:1 1 62%;min-width:0;white-space:normal;text-align:center;font-size:14px}
 .c-sticky b{font:800 13px/1.4 var(--dd-body,Rubik)}
}
.c2-opts2,.c2-opts3{display:grid;gap:12px}.c2-opts2{grid-template-columns:repeat(2,minmax(0,1fr))}.c2-opts3{grid-template-columns:repeat(3,minmax(0,1fr))}
.c2-ob{display:grid;grid-template-columns:36px minmax(0,1fr);gap:2px 12px;align-items:center;min-height:84px;padding:10px 16px;border:var(--stroke);border-radius:var(--r-md);background:#fff;box-shadow:0 5px 0 var(--navy);text-align:start;color:var(--navy);cursor:pointer}
.c2-ob .ic{grid-row:1/3;font-size:26px;color:var(--red)}.c2-ob b{font:800 16px var(--dd-body,Rubik);align-self:end}.c2-ob small{font:600 12.5px/1.3 var(--dd-body,Rubik);color:var(--ink-soft);align-self:start}
.c2-ob.on{background:linear-gradient(180deg,#ffe27a,#ffc21a)}.c2-ob:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.c2-ob[disabled]{background:#f2efe8;box-shadow:none;cursor:not-allowed;opacity:.72}.c2-ob[disabled] .ic{color:var(--ink-soft)}
.c2-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.c2-box{display:flex;align-items:center;gap:10px;height:60px;padding:0 16px;border:var(--stroke);border-radius:var(--r-md);background:#fff;box-shadow:0 4px 0 var(--navy);min-width:0}
.c2-box input{flex:1;min-width:0;border:0;outline:0;background:none;font:800 19px var(--dd-body,Rubik);color:var(--navy)}.c2-box em{font:800 14px var(--dd-body,Rubik);color:var(--red);font-style:normal;white-space:nowrap}

.c2-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:60px}.c2-chips .a-chip{cursor:pointer}.c2-chips .a-chip.on{background:var(--navy);color:var(--yellow)}
.c2-sum{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:72px;padding:8px 16px;border:var(--stroke);border-radius:var(--r-md);background:#fff;box-shadow:0 4px 0 var(--navy)}
.c2-sum>.ic{font-size:28px;color:var(--blue)}.c2-sum b{display:block;font:800 16px var(--dd-body,Rubik)}.c2-sum small{font:600 12.5px var(--dd-body,Rubik);color:var(--ink-soft)}
.c2-fixed{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;padding:12px 16px;border:3px dashed var(--navy);border-radius:var(--r-md);background:rgba(255,255,255,.7)}
.c2-fixed>.ic{font-size:24px}.c2-fixed b{display:block;font:800 15px var(--dd-body,Rubik)}.c2-fixed small{font:600 12.5px/1.35 var(--dd-body,Rubik);color:var(--ink-soft)}
.c2-tok{display:flex;align-items:center;gap:12px;width:100%;height:64px;padding:0 14px;border:var(--stroke);border-radius:var(--r-md);background:#fff;box-shadow:0 4px 0 var(--navy);color:var(--navy);text-align:start;cursor:pointer;min-width:0}
.c2-tok .nm{flex:1;display:flex;flex-direction:column;min-width:0}.c2-tok .nm b{font:800 17px var(--dd-body,Rubik);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c2-tok .nm small{font:600 12px var(--dd-body,Rubik);color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp-av{flex:none;display:inline-grid;place-items:center;width:var(--s);height:var(--s);border-radius:50%;border:3px solid var(--navy);background:#fff;overflow:hidden}.tp-av img{width:100%;height:100%;object-fit:cover}
.tp-av.empty{color:var(--ink-soft);font-size:18px}
.tp-coin{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 30%,hsl(var(--h) 85% 72%),hsl(var(--h) 70% 48%));color:#fff;font:400 calc(var(--s,40px)*.45) var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik));text-shadow:0 2px 0 rgba(20,26,74,.6)}
.tp-prog{display:inline-block;padding:1px 7px;border:2px solid var(--navy);border-radius:999px;font:800 10.5px var(--dd-body,Rubik);background:#e8f1ff;color:var(--navy);vertical-align:2px}.tp-prog.t22{background:#efe9ff;color:#3d1f9e;border-color:#3d1f9e}
body.tp-open{overflow:hidden}
.tp-dim,.wp-dim{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(20,26,74,.55)}
.tp-dlg{width:min(560px,100%);max-height:86vh;display:flex;flex-direction:column;background:var(--cream);border:var(--stroke);border-radius:var(--r-lg);box-shadow:var(--drop-lg);overflow:hidden}
.tp-dlg header,.wp header{display:flex;align-items:center;gap:10px;padding:18px 20px 10px}.tp-dlg header h3,.wp header h3{margin:0;flex:1;font:400 24px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik));text-transform:uppercase}
.tp-dlg header .x,.wp header .x{width:40px;height:40px;border:3px solid var(--navy);border-radius:12px;background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer}
.tp-search{margin:0 20px;display:flex;align-items:center;gap:8px;padding:0 12px;height:48px;border:var(--stroke);border-radius:14px;background:#fff}.tp-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:600 15px var(--dd-body,Rubik);color:var(--navy)}

.tp-chips{display:flex;gap:8px;padding:12px 20px 0;flex-wrap:wrap}.tp-chips .a-chip{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.tp-body{overflow:auto;padding:6px 12px 14px;min-height:120px}.tp-sec{font:800 11.5px var(--dd-body,Rubik);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;padding:12px 8px 6px}
.tp-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:62px;padding:8px 10px;border-radius:14px;border:3px solid transparent;cursor:pointer}
.tp-row:hover,.tp-row.focus{background:#fff;border-color:var(--navy)}.tp-row.off{opacity:.55;cursor:not-allowed}.tp-row .nm{display:flex;flex-direction:column;min-width:0}.tp-row .nm b{font:800 16px var(--dd-body,Rubik)}
.tp-row small{font:600 12.5px var(--dd-body,Rubik);color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-row .why{font:700 12px var(--dd-body,Rubik);color:var(--red)}.tp-row .bal{text-align:end;font:800 15px var(--dd-body,Rubik)}.tp-row .bal small{display:block}
.tp-row.skel .nm b,.tp-row.skel .nm small{display:block;height:12px;border-radius:6px;background:#efe6d2;margin:3px 0}.tp-row.skel .nm b{width:40%}.tp-row.skel .nm small{width:70%}
.tp-msg{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 8px;font:700 14px/1.4 var(--dd-body,Rubik);color:var(--ink-3)}.tp-msg.bad{color:#a30d21}
.tp-card{margin:12px 8px 4px;padding:16px;border:var(--stroke);border-radius:var(--r-md);background:#fff}.tp-card .top{display:flex;gap:12px;align-items:center}.tp-card .top b{display:block;font:800 18px var(--dd-body,Rubik)}
.tp-card .mint{display:block;font:700 12px ui-monospace,Consolas,monospace;color:var(--ink-soft);word-break:break-all}.tp-card .a-btn{margin-top:14px}
.tp-checks{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.tp-checks li{display:flex;gap:8px;align-items:flex-start;font:700 13.5px/1.35 var(--dd-body,Rubik)}.tp-checks li .ic{flex:none;font-size:17px}
.tp-checks .ok .ic{color:#1f9d55}.tp-checks .warn .ic{color:#c77700}.tp-checks .no .ic{color:var(--red)}.tp-checks small{display:block;font:600 12px var(--dd-body,Rubik);color:var(--ink-soft)}
.tp-foot{display:flex;gap:6px;align-items:center;padding:10px 20px 16px;border-top:2px dashed #e6dcc6;font:600 12.5px/1.35 var(--dd-body,Rubik);color:var(--ink-soft)}
.pz-mode{display:inline-flex;border:3px solid var(--navy);border-radius:999px;overflow:hidden}.pz-mode button{border:0;padding:6px 14px;font:800 12.5px var(--dd-body,Rubik);background:#fff;color:var(--navy);cursor:pointer}.pz-mode button.on{background:var(--navy);color:var(--yellow)}
.pz-pre{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pz-pre .a-chip{cursor:pointer}.pz-win{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;font:800 13px var(--dd-body,Rubik)}
.pz-win input{width:64px;height:36px;text-align:center;border:3px solid var(--navy);border-radius:10px;font:800 15px var(--dd-body,Rubik);color:var(--navy)}
.pz-two{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px;align-items:start}
.pz-table{border:var(--stroke);border-radius:var(--r-md);overflow:hidden;background:#fff}
.pz-row{display:grid;grid-template-columns:18px 150px minmax(0,1fr) 44px;gap:10px;align-items:center;padding:10px 12px;border-top:2.5px solid #e6dcc6}.pz-row:first-child{border-top:0}
.pz-row.gold{background:linear-gradient(180deg,#ffe27a,#ffc21a)}.pz-row.silver{background:linear-gradient(180deg,#f4f7fc,#d9e0ec)}.pz-row.bronze{background:linear-gradient(180deg,#ffe2c4,#f0b37e)}.pz-row.bad{box-shadow:inset 0 0 0 3px var(--red)}
.pz-sw{width:16px;height:16px;border-radius:5px;border:2.5px solid var(--navy)}
.pz-rk{display:inline-flex;align-items:center;gap:6px}.pz-rk input{width:54px;height:42px;text-align:center;border:3px solid var(--navy);border-radius:11px;font:800 16px var(--dd-body,Rubik);color:var(--navy);background:#fff}.pz-rk i{font:800 16px var(--dd-body,Rubik);font-style:normal}.pz-rk b{font:800 14px var(--dd-body,Rubik)}
.pz-am{display:flex;align-items:center;gap:8px;min-width:0}.pz-am input{flex:1;min-width:0;height:42px;padding:0 12px;border:3px solid var(--navy);border-radius:11px;font:800 17px var(--dd-body,Rubik);color:var(--navy);background:#fff}.pz-am em{font:800 13px var(--dd-body,Rubik);color:var(--red);font-style:normal;max-width:70px;overflow:hidden;text-overflow:ellipsis}
.pz-del{width:42px;height:42px;border:3px solid var(--navy);border-radius:11px;background:#fff;display:grid;place-items:center;color:var(--navy);cursor:pointer}
.pz-info{grid-column:2/-1;font:700 12.5px var(--dd-body,Rubik);color:var(--ink-3)}.pz-err{grid-column:2/-1;display:flex;gap:6px;align-items:center;font:700 12.5px var(--dd-body,Rubik);color:#a30d21}
.pz-empty{margin:0;padding:18px;font:700 14px var(--dd-body,Rubik);color:var(--ink-soft);text-align:center}
.pz-add{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.pz-ring{border:var(--stroke);border-radius:var(--r-md);background:#fff;padding:16px;display:grid;justify-items:center;gap:12px;box-shadow:0 5px 0 var(--navy)}
.pz-donut{width:150px;height:150px;border-radius:50%;border:4px solid var(--navy);display:grid;place-items:center}.pz-donut span{display:grid;place-items:center;align-content:center;width:86px;height:86px;border-radius:50%;background:#fff;border:3px solid var(--navy);font:800 20px/1 var(--dd-body,Rubik);text-align:center}.pz-donut small{display:block;font:700 12px var(--dd-body,Rubik)}
.pz-legend{display:grid;gap:4px;width:100%;font:700 12.5px var(--dd-body,Rubik)}.pz-legend div{display:flex;justify-content:space-between;gap:8px}.pz-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;border:2px solid var(--navy);margin-inline-end:6px;vertical-align:-1px}
.pz-sum{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border:3px solid #1f9d55;border-radius:16px;background:#e9f9ef;font:800 14.5px var(--dd-body,Rubik);color:#11633a}.pz-sum.bad{border-color:var(--red);background:#fff0f1;color:#a30d21}
.pz-sum .bar{flex:1 1 120px;height:12px;border:2.5px solid currentColor;border-radius:999px;background:#fff;overflow:hidden}.pz-sum .bar i{display:block;height:100%;background:currentColor}.pz-sum b{flex:1 1 220px}
.c2-rev{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.c2-rc{border:var(--stroke);border-radius:var(--r-md);background:#fff;padding:14px 16px;box-shadow:0 4px 0 var(--navy);min-width:0}
.c2-rc h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:800 15px var(--dd-body,Rubik)}.c2-rc h4 .sp{flex:1}.c2-rc dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;font:600 13.5px var(--dd-body,Rubik)}.c2-rc dt{color:var(--ink-soft)}.c2-rc dd{margin:0;text-align:end;font-weight:800;overflow-wrap:anywhere}
.c2-mini{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center}.c2-mini .ring{width:96px;height:96px;border-radius:50%;border:3px solid var(--navy)}
.c2-ready{border:3px solid #c77700;border-radius:var(--r-md);background:#fff7e0;padding:12px 16px;font:700 13.5px/1.5 var(--dd-body,Rubik);color:#8a5200}.c2-ready>b{display:flex;gap:6px;align-items:center;margin-bottom:4px}.c2-ready details{margin-top:6px}.c2-ready ul{margin:6px 0 0;padding-inline-start:18px}
.c2-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.c2-fs{display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 12px;align-items:center;padding:12px 14px;border:var(--stroke);border-radius:var(--r-md);background:#fff}
.c2-fs .n{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border:3px solid var(--navy);border-radius:50%;font:800 16px var(--dd-body,Rubik);background:var(--yellow)}.c2-fs b{font:800 15px var(--dd-body,Rubik)}.c2-fs small{font:600 12px/1.3 var(--dd-body,Rubik);color:var(--ink-soft)}.c2-fs.wait{opacity:.6}.c2-fs.wait .n{background:#fff}
.wp{width:min(760px,100%);max-height:90vh;display:flex;flex-direction:column;background:var(--cream);border:var(--stroke);border-radius:var(--r-lg);box-shadow:var(--drop-lg);overflow:hidden}
.wp .hint{margin:0;padding:0 22px 10px;font:600 13px/1.4 var(--dd-body,Rubik);color:var(--ink-soft)}
.wp-ed{margin:0 22px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;height:min(430px,50vh);border:var(--stroke);border-radius:16px;background:#fff;overflow:hidden}
.wp-gut,.wp-st{overflow:hidden;font:800 12.5px/30px var(--dd-body,Rubik);padding:8px 0}.wp-gut{background:#f6efe0;border-inline-end:3px solid var(--navy);text-align:end;color:var(--ink-soft)}.wp-gut span{display:block;height:30px;padding-inline-end:12px}
.wp-gut span.bad{background:#ffd9dd;color:#a30d21}.wp-gut span.dup{background:#fff1c9;color:#8a5200}
.wp-ed textarea{border:0;outline:0;resize:none;padding:8px 12px;font:600 13.5px/30px ui-monospace,Consolas,monospace;color:var(--navy);background:repeating-linear-gradient(#fff 0 29px,#f0e8d6 29px 30px) 0 8px/100% 30px local;white-space:pre;overflow:auto}
.wp-st{min-width:170px;padding-inline:12px}.wp-st span{display:flex;align-items:center;gap:4px;height:30px;white-space:nowrap}.wp-st .ok{color:#1f9d55}.wp-st .dup{color:#8a5200}.wp-st .bad{color:#a30d21}
.wp-stats{display:flex;gap:8px;flex-wrap:wrap;padding:12px 22px 4px}.wp-stats span{display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border:3px solid var(--navy);border-radius:999px;font:800 13px var(--dd-body,Rubik);background:#fff}
.wp-stats .ok{background:#e9f9ef;border-color:#1f9d55;color:#11633a}.wp-stats .dup{background:#fff7e0;border-color:#c77700;color:#8a5200}.wp-stats .bad{background:#fff0f1;border-color:var(--red);color:#a30d21}
.wp footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 22px 18px}.wp footer .sp{flex:1}
@media (max-width:900px){.pz-two{grid-template-columns:minmax(0,1fr)}.pz-ring{grid-template-columns:120px minmax(0,1fr);justify-items:stretch;align-items:center}.pz-donut{width:120px;height:120px}.pz-donut span{width:70px;height:70px;font-size:17px}}
@media (max-width:560px){.c2-opts2,.c2-opts3,.c2-grid2,.c2-rev,.c2-flow{grid-template-columns:minmax(0,1fr)}.c2-sum{grid-template-columns:32px minmax(0,1fr)}.c2-sum .a-btn{grid-column:1/-1}
 .pz-row{grid-template-columns:18px minmax(0,1fr) 44px}.pz-rk{grid-column:2}.pz-am{grid-column:1/-1}.pz-del{grid-column:3;grid-row:1}.pz-info,.pz-err{grid-column:1/-1}.pz-win{margin-inline-start:0}
 .tp-dim,.wp-dim{place-items:end stretch;padding:0}.tp-dlg,.wp{width:auto;max-height:84vh;border-radius:26px 26px 0 0;border-bottom:0}.wp-ed{margin:0 12px;grid-template-columns:40px minmax(0,1fr)}.wp-ed textarea{font-size:11px;padding-inline:8px}.wp-st{display:none}.wp .hint,.wp-stats,.wp footer{padding-inline:12px}}
/* Owner 8 Oct: no blue border around a box while typing in it. */
.c2-box input:focus,.tp-search input:focus,.pz-rk input:focus,.pz-am input:focus,.pz-win input:focus,.wp-ed textarea:focus{outline:0}
/* Spam protection, design V5 (owner, 8 Oct): one rule per row, gold while on, a summary strip; the confirm popup. */
.sv5{border:var(--stroke);border-radius:var(--r-md);overflow:hidden;background:#fff;box-shadow:0 5px 0 var(--navy)}
.sv5-r{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-top:2.5px solid #e6dcc6}.sv5-r:first-child{border-top:0}
.sv5-r.on{background:linear-gradient(180deg,#ffe27a,#ffc21a)}
.sv5-r>.ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:3px solid var(--navy);background:#fff;font-size:22px;color:var(--navy)}
.sv5-r .tx{min-width:0}.sv5-r .tx b{display:block;font:800 15px/1.25 var(--dd-body,Rubik)}.sv5-r .tx small{display:block;margin-top:2px;font:600 12px/1.35 var(--dd-body,Rubik);color:var(--ink-3)}
.sv5-seg{display:inline-flex;border:3px solid var(--navy);border-radius:999px;overflow:hidden;background:#fff}
.sv5-seg button{border:0;border-left:2.5px solid var(--navy);background:none;padding:7px 12px;font:800 12.5px var(--dd-body,Rubik);color:var(--navy);white-space:nowrap;cursor:pointer}.sv5-seg button:first-child{border-left:0}
.sv5-seg button.on{background:var(--navy);color:var(--yellow)}
.sv5-in{display:flex;align-items:center;width:120px;height:44px;padding:0 12px;border:3px solid var(--navy);border-radius:12px;background:#fff}
.sv5-in input{width:0;flex:1;min-width:0;border:0;outline:0;background:none;font:800 18px var(--dd-body,Rubik);color:var(--navy)}
.sv5-foot{display:flex;gap:8px;align-items:center;padding:12px 16px;background:var(--navy);color:#fff;font:700 13.5px/1.4 var(--dd-body,Rubik)}.sv5-foot>.ic{flex:none;color:var(--yellow)}
.cf-dim{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(20,26,74,.55)}
.cf{width:min(520px,100%);background:var(--cream);border:var(--stroke);border-radius:var(--r-lg);box-shadow:var(--drop-lg);padding:24px;display:grid;gap:14px;text-align:center;justify-items:center;color:var(--navy)}
.cf .badge{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;border:4px solid var(--navy);background:linear-gradient(180deg,#ffe27a,#ffc21a);font-size:36px;box-shadow:0 5px 0 var(--navy)}
.cf h3{margin:0;font:400 26px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik));text-transform:uppercase}
.cf p{margin:0;font:700 16px/1.5 var(--dd-body,Rubik)}.cf p b{color:var(--red)}
.cf ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;width:100%}
.cf li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;text-align:start;padding:10px 12px;border-radius:14px;background:#fff;border:3px solid var(--navy);font:700 14px/1.35 var(--dd-body,Rubik)}.cf li .ic{color:var(--red);font-size:20px}
.cf small{font:600 12.5px/1.4 var(--dd-body,Rubik);color:var(--ink-soft)}
.cf .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;width:100%}
@media (max-width:560px){
 .sv5-r{grid-template-columns:44px minmax(0,1fr)}.sv5-r>:last-child{grid-column:1/-1}
 .sv5-seg{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.sv5-seg button{padding:9px 2px;text-align:center}
 .sv5-in{width:100%}
 .cf-dim{place-items:end stretch;padding:0}.cf{width:auto;border-radius:26px 26px 0 0;border-bottom:0}}
/* Room money popups: the organizer's deposit and a winner's claim (designs create-fund.png, claim.png). */
.mo-dim{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(20,26,74,.55)}
.mo{position:relative;width:min(460px,100%);max-height:92vh;overflow:auto;background:var(--cream);border:var(--stroke);border-radius:var(--r-lg);box-shadow:var(--drop-lg);padding:24px 22px 20px;display:grid;gap:14px;color:var(--navy)}
.mo.center{text-align:center;justify-items:center}
.mo>.x{position:absolute;top:12px;right:12px;width:38px;height:38px;border:3px solid var(--navy);border-radius:12px;background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer}
html[dir="rtl"] .mo>.x{right:auto;left:12px}
.mo-h{display:flex;align-items:center;gap:8px;margin:0;padding-inline-end:44px;font:400 24px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik));text-transform:uppercase}.mo-h .ic{color:var(--red)}
.mo-net{justify-self:start;align-self:start;width:max-content;max-width:calc(100% - 56px);margin:0 0 8px;font-size:11px;padding:3px 8px;border-width:2px;border-radius:9px}
.mo h3#mo-t:not(.mo-h){margin:0;font:400 26px/1.15 var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik));text-transform:uppercase}
.mo-p{margin:0;font:700 14.5px/1.5 var(--dd-body,Rubik)}.mo-p.left{text-align:start;font-weight:600;color:var(--ink-3)}
.mo-badge{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;border:4px solid var(--navy);font-size:38px;color:var(--navy);box-shadow:0 5px 0 var(--navy)}
.mo-badge.green{background:#2fd28a}.mo-badge.red{background:#ff5a6a}.mo-badge.gold{background:linear-gradient(180deg,#ffe27a,#ffc21a)}
.mo-lines{display:grid;gap:2px;width:100%}.mo-lines .ln{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:start;padding:7px 0;font:700 14px/1.35 var(--dd-body,Rubik);text-align:start}
.mo-lines .ln>.ic{font-size:18px;margin-top:1px}.mo-lines .ln>span small{display:block;font:600 12px/1.35 var(--dd-body,Rubik);color:var(--ink-soft)}.mo-lines .ln>b{font:800 14.5px var(--dd-body,Rubik);white-space:nowrap}
.mo-lines .ln a{color:var(--navy)}.mo-lines.small .ln{padding:4px 0;font-size:13px}
.mo-lines .tag{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:999px;border:2px solid currentColor;font:800 10.5px var(--dd-body,Rubik);vertical-align:1px;white-space:nowrap}
.mo-lines .tag.no{color:#a30d21;background:#fff0f1}.mo-lines .tag.ok{color:#11633a;background:#e9f9ef}
.mo-total{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;width:100%;padding-top:12px;border-top:3px dashed #e6dcc6;text-align:start}
.mo-total>span:first-child b{display:block;font:800 12.5px var(--dd-body,Rubik);text-transform:uppercase;letter-spacing:.03em}.mo-total small{font:600 11.5px var(--dd-body,Rubik);color:var(--ink-soft)}
.mo-total .v{display:grid;justify-items:end}.mo-total .v b{font:400 26px/1.05 var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik))}.mo-total .v em{font:800 13px var(--dd-body,Rubik);font-style:normal}
.mo-back{display:flex;gap:6px;align-items:center;margin:0;font:700 12.5px var(--dd-body,Rubik);color:#11633a}
.mo-foot{margin:0;font:600 12px/1.4 var(--dd-body,Rubik);color:var(--ink-soft);text-align:center}
.mo-wait{display:flex;gap:10px;align-items:center;justify-content:center;padding:30px 10px;font:700 15px var(--dd-body,Rubik)}.mo-wait .ic{font-size:24px;color:var(--red);animation:mo-spin 1.4s linear infinite}
@keyframes mo-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mo-wait .ic{animation:none}}
.mo-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}.mo-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;text-align:start}
.mo-steps .n{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:3px solid var(--navy);background:#fff;font:800 15px var(--dd-body,Rubik)}
.mo-steps li.done .n{background:#2fd28a}.mo-steps li.on .n{background:var(--yellow);box-shadow:0 0 0 4px rgba(255,194,26,.35)}
.mo-steps b{display:block;font:800 14.5px var(--dd-body,Rubik)}.mo-steps small{font:600 12px var(--dd-body,Rubik);color:var(--ink-soft)}
.mo-prize{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:var(--stroke);border-radius:var(--r-md);background:linear-gradient(180deg,#fff8dc,#ffeaa0)}
.mo-prize small{display:block;font:800 11.5px var(--dd-body,Rubik);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}.mo-prize b{font:400 30px/1.05 var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik))}
.mo-link{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:var(--stroke);border-radius:14px;background:#fff;min-width:0}.mo-link code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 13px ui-monospace,Consolas,monospace;text-align:start}
.mo .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}
.mo .a-btn.wide{width:100%;justify-content:center}
@media (max-width:560px){.mo-dim{place-items:end stretch;padding:0}.mo{width:auto;max-height:90vh;border-radius:26px 26px 0 0;border-bottom:0}}
/* Room page after the race: what you won (SITE-023). */
.why.green{background:#e9f9ef;border:2.5px dashed #8fd9b0;color:#11633a}.why a{color:inherit;font-weight:800}
.youin.won{background:linear-gradient(180deg,#fff8dc,#ffeaa0)}.youin.won b{font:400 20px/1.15 var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik))}
/* Room page after a verified race (approved results.png). */
.r-done{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px}.r-done h2{margin:0 8px 0 0;font-size:40px;line-height:1}
.r-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;padding:22px 20px 0;overflow:hidden}
.r-podium .pod{display:grid;justify-items:center;gap:4px;text-align:center;min-width:0}.r-podium .pod img{width:64px;height:64px}
.r-podium .pod code{font:800 13px var(--dd-body,Rubik)}.r-podium .pod small{font:700 12px var(--dd-body,Rubik);color:var(--ink-soft)}.r-podium .pod b{font:800 17px var(--dd-body,Rubik)}.r-podium .pod b em{font:800 11px var(--dd-body,Rubik);font-style:normal}
.r-podium .step{display:grid;place-items:center;width:100%;margin-top:8px;border:var(--stroke);border-bottom:0;border-radius:18px 18px 0 0;font:400 46px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik));color:#fff;text-shadow:0 3px 0 var(--navy)}
.r-podium .p1 .step{height:170px;background:#ffd23e}.r-podium .p2 .step{height:130px;background:#c3cbe0}.r-podium .p3 .step{height:100px;background:#ffb27d}
.r-res{padding:16px 18px}.r-res header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.r-res header h3{margin:0;flex:1}
.r-find{display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;border:3px solid var(--navy);border-radius:12px;background:#fff;min-width:0;flex:0 1 260px}.r-find input{flex:1;min-width:0;width:0;border:0;outline:0;background:none;font:600 14px var(--dd-body,Rubik);color:var(--navy)}
.r-res .tm,.r-res .pz{text-align:end;white-space:nowrap;font-weight:800}.r-res .pz em{font-size:11px;font-style:normal}.r-res tr.me{background:var(--navy);color:#fff}.r-res tr.me .pz{color:var(--yellow)}.r-res tr.flash{outline:4px solid var(--yellow)}
.r-res tr.gap td{text-align:center;color:var(--ink-soft)}.r-res .tie{margin-inline-start:6px;font-size:10.5px;padding:2px 8px}
.r-verify{padding:16px 18px}.r-verify h3{margin:0 0 10px}.r-verify dl{margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;font:700 13px var(--dd-body,Rubik)}.r-verify dt{color:var(--ink-3)}.r-verify dd{margin:0;display:flex;gap:6px;align-items:center;justify-content:flex-end}.r-verify .ok{color:#1f9d55}
.r-mine{display:flex;align-items:center;gap:14px}.r-mine img{width:64px;height:64px}.r-mine .rk{font:400 52px/1 var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik));color:var(--red)}.r-mine .rk small{font:800 18px var(--dd-body,Rubik);color:var(--navy)}
.youin.won>span small{display:block;font:800 11.5px var(--dd-body,Rubik);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}.youin.won b em{font:800 13px var(--dd-body,Rubik);font-style:normal}
@media (max-width:560px){.r-podium{gap:8px;padding:16px 10px 0}.r-podium .pod code{font-size:11px}.r-podium .pod b{font-size:14px}.r-podium .p1 .step{height:120px}.r-podium .p2 .step{height:92px}.r-podium .p3 .step{height:72px}
 .r-done h2{font-size:30px}.r-res{padding:12px 10px}.r-res .m-tbl th:nth-child(3),.r-res .m-tbl td:nth-child(3){display:none}}
/* Full result pages and Solscan links (owner, 8 Oct). */
.r-res a.scan,.r-podium a.scan{display:inline-flex;align-items:center;gap:4px;color:inherit;text-decoration:none}.r-res a.scan .ic,.r-podium a.scan .ic{font-size:13px;opacity:.75}.r-res a.scan:hover code,.r-podium a.scan:hover code{text-decoration:underline}
.r-pager{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font:700 13px var(--dd-body,Rubik)}.r-pager .sp{flex:1}.r-pager .a-chip{cursor:pointer}.r-pager .a-chip.on{background:var(--navy);color:var(--yellow)}.r-pager small{color:var(--ink-soft);font-weight:700}.r-pager .a-round{width:38px;height:38px;font-size:18px}.r-pager .a-round[disabled]{opacity:.4;cursor:default}
/* Owner design V4 (8 Oct): a money summary is the wallet's figure, one colour strip of where it goes, a short key. */
.mo-q{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;text-align:start}
.mo-q>span{font:800 11.5px var(--dd-body,Rubik);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}
.mo-q b{font:400 26px/1.05 var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik));white-space:nowrap}.mo-q b em{font:800 13px var(--dd-body,Rubik);font-style:normal}
.mo-bar{display:flex;width:100%;height:22px;border:var(--stroke);border-radius:999px;overflow:hidden;background:var(--navy)}
.mo-bar i{display:block;flex:var(--w) 1 0;min-width:0;height:100%}.mo-bar i+i{border-inline-start:2px solid var(--navy)}
.mo-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;width:100%;text-align:start}
.mo-key>span{display:grid;grid-template-columns:12px minmax(0,1fr);gap:2px 8px;align-items:center;align-content:start;min-width:0;font:700 13px/1.3 var(--dd-body,Rubik)}
.mo-key>span>i{width:12px;height:12px;border-radius:4px;border:2px solid var(--navy)}
.mo-key b,.mo-key small{grid-column:2}.mo-key b{font:800 13px var(--dd-body,Rubik)}.mo-key small{font:600 11.5px/1.3 var(--dd-body,Rubik);color:#11633a}
.mo-bar .c-prize,.mo-key .c-prize{background:var(--yellow)}.mo-bar .c-room,.mo-key .c-room{background:var(--red-hi)}.mo-bar .c-net,.mo-key .c-net{background:var(--purple)}.mo-bar .c-dep,.mo-key .c-dep{background:var(--green)}.mo-bar .c-rent,.mo-key .c-rent,.mo-bar .c-ata,.mo-key .c-ata{background:var(--blue-hi)}
.mo-q b{text-align:end}.c-box .mo-q,.c-box .mo-bar,.c-box .mo-key{margin-top:10px}.c-box .mo-q{justify-content:flex-start}.c-box .mo-q b{font-size:22px;text-align:start}.c-sticky b em{font:inherit;font-style:normal}
/* Owner design S5 (9 Oct): every scrollbar is the checkered finish flag on a cream rail with the navy stroke; the
   page bar is 18px, inner ones (popups, lists, strips) 14px; arrows hidden. Browsers without ::-webkit-scrollbar get
   the same two colours. */
html::-webkit-scrollbar,body.arcade *::-webkit-scrollbar{width:14px;height:14px}
html::-webkit-scrollbar{width:18px;height:18px}
html::-webkit-scrollbar-button,body.arcade *::-webkit-scrollbar-button{display:none;width:0;height:0}
html::-webkit-scrollbar-corner,body.arcade *::-webkit-scrollbar-corner{background:transparent}
html::-webkit-scrollbar-track,body.arcade *::-webkit-scrollbar-track{background:var(--cream);border:3px solid var(--navy);border-radius:8px}
html::-webkit-scrollbar-thumb,body.arcade *::-webkit-scrollbar-thumb{background:repeating-conic-gradient(var(--navy) 0 25%,#fff 0 50%) 0 0/8px 8px;border:3px solid var(--navy);border-radius:6px}
html::-webkit-scrollbar-thumb:hover,body.arcade *::-webkit-scrollbar-thumb:hover{background:repeating-conic-gradient(var(--red) 0 25%,#fff 0 50%) 0 0/8px 8px}
@supports not selector(::-webkit-scrollbar){html,body.arcade *{scrollbar-color:var(--navy) var(--cream)}}

/* phone wallet sheet: the app links look like the wallet buttons (owner, 9 Oct) */
a.a-choice{text-decoration:none;color:inherit}
a.a-choice span{text-decoration:none}
.a-btn.wrap{white-space:normal;text-align:center;line-height:1.15;padding-block:12px}
/* SITE-032 · My races: the result of a finished race */
.m-res{margin:-4px 0 12px 78px;border:3px solid var(--navy);border-radius:16px;background:#fff;padding:0 12px}
.m-res summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center;padding:10px 0;font:400 15px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);text-transform:uppercase}
.m-res summary::-webkit-details-marker{display:none}
.m-res summary::after{content:'▾';margin-inline-start:auto}
.m-res[open] summary::after{content:'▴'}
.m-res-me{display:flex;gap:12px;align-items:center;padding:4px 0 10px}
.m-res-me .place{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--yellow);border:3px solid var(--navy);font:400 28px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);line-height:1}
.m-res-me .place small{font:800 11px var(--dd-body,Rubik)}
.m-res-me span{display:grid}.m-res-me span small{color:var(--ink-3);font-weight:800}
.m-res-top{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.m-res-top li{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:6px 8px;border-radius:12px;background:#f6efe1}
.m-res-top li i{font-style:normal;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2.5px solid var(--navy);font:400 14px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik)}
.m-res-top li.gold i{background:var(--yellow)}.m-res-top li.silver i{background:#d7dbe8}.m-res-top li.bronze i{background:#f0b07a}
.m-res-top li.me{outline:3px solid var(--navy);background:#fff6c9}
.m-res-top li b{font:400 12px var(--dd-face,Luckiest),Luckiest,var(--dd-display,var(--dd-body,Rubik)),var(--dd-body,Rubik);background:var(--navy);color:#fff;border-radius:8px;padding:2px 6px}
.m-res-top li small{font-weight:800;color:var(--ink-3)}
.m-res .why{margin-bottom:10px}
.m-res .row{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:12px}
@media (max-width:640px){.m-res{margin-left:0}}
/* SITE-033: the marble colour in the join popup; the wallet network line and steps in the money popups */
.cel-colour{display:inline-flex;gap:8px;align-items:center;justify-content:center;margin:2px auto 8px;padding:6px 12px;border:3px solid var(--navy);border-radius:999px;background:#fff;color:var(--navy)}
.mo-net{margin:6px 0 10px;border:2.5px dashed rgba(20,26,61,.3);border-radius:12px;padding:8px 10px;font:800 13px var(--dd-body,Rubik)}
.mo-net summary{cursor:pointer;list-style:none;display:flex;gap:6px;align-items:center}
.mo-net summary::-webkit-details-marker{display:none}
.mo-steps-net{margin:8px 0 4px;padding-inline-start:20px;display:grid;gap:4px;font:700 13px var(--dd-body,Rubik)}
/* SITE-033: the room logo on its My races thumbnail (owner, 9 Oct) */
.m-thumb{position:relative}
.m-thumb .m-logo{position:absolute;right:3px;bottom:3px;width:24px;height:24px;border-radius:7px;border:2.5px solid var(--navy);background:#fff;object-fit:cover}
/* SITE-034: on phones the toast sits centred above the bottom tab bar, not under it in the corner (owner, 9 Oct) */
@media (max-width:900px){body.arcade #drop-toast{inset-inline:16px;bottom:calc(100px + env(safe-area-inset-bottom,0px));max-width:none;text-align:center}}
/* SITE-035: Verify on-chain is a proof list (owner, 9 Oct) */
.vp-note{display:flex;gap:8px;align-items:flex-start;margin:0 0 8px;padding:8px 10px;border-radius:12px;background:#eef4ff;color:var(--navy);font:700 12.5px/1.35 var(--dd-body,Rubik)}.vp-note .ic{flex:none;width:16px;height:16px;margin-top:1px;color:var(--blue)}
.vp-sub{margin:0 0 10px;font:800 13px var(--dd-body,Rubik);color:var(--ink-3)}
.vp-row{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:11px 0;border-top:2.5px dashed rgba(20,26,61,.15)}
.vp-more{flex:1 0 100%;min-width:0;padding-inline-start:46px}.vp-more>:first-child{margin-top:0}
.vp-row:first-child{border-top:0}
.vp-row>.vp-main{flex:1;min-width:0}.vp-v{display:none}.vp-row b{display:block;font:800 15px var(--dd-body,Rubik)}.vp-row small{display:block;font:800 12px var(--dd-body,Rubik);color:var(--ink-3)}
.vp-ok{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--green);border:3px solid var(--navy);color:#fff;font-size:18px}
.vp-row.wait{color:var(--navy)}.vp-row.wait>.vp-ok,.vp-row.wait>.vp-main{opacity:.55}.vp-row.wait .vp-ok{background:#fff;color:var(--navy)}
.vp-btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.vp-pays{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.vp-pays .chip{display:inline-flex;gap:4px;align-items:center;padding:3px 8px;border:2.5px solid var(--navy);border-radius:999px;background:#fff;font:800 12px var(--dd-body,Rubik);color:var(--navy);text-decoration:none}
.vp-tech{margin-top:12px;border:2.5px dashed rgba(20,26,61,.3);border-radius:12px;padding:10px 12px;font:800 13px var(--dd-body,Rubik)}
.vp-tech summary{cursor:pointer}
.vp-tech dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;margin:10px 0 6px}
.vp-tech dt{color:var(--ink-3)}.vp-tech dd{margin:0;min-width:0}.vp-tech code{font:12px ui-monospace,monospace;word-break:break-all}
.vp-pays .chip.wait{opacity:.6;color:var(--navy)}
.vp-you{display:inline-flex;align-items:center;padding:2px 8px;border:2.5px solid var(--navy);border-radius:999px;background:var(--yellow);font:800 11px var(--dd-body,Rubik);color:var(--navy)}
.vp-all{margin-top:6px}
.vp-all summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;padding:4px 10px;border:2.5px solid var(--navy);border-radius:999px;background:#fff;font:800 13px var(--dd-body,Rubik);color:var(--navy)}
.vp-all summary::-webkit-details-marker{display:none}
.vp-count{padding:0 6px;border-radius:999px;background:var(--navy);color:#fff;font-size:12px}.vp-all[open] .vp-count{background:var(--yellow);color:var(--navy)}
.vp-all[open] summary{background:var(--navy);color:var(--yellow)}
.vp-find{margin-top:8px;height:36px;max-width:100%}.vp-find input{font-size:13px}
.vp-list{list-style:none;margin:6px 0 0;padding:0}
.vp-list li{display:grid;grid-template-columns:2.4em minmax(0,1fr) auto 22px;gap:8px;align-items:center;padding:5px 4px;border-top:1.5px dashed rgba(20,26,61,.15);font:800 12px var(--dd-body,Rubik)}
.vp-list li:first-child{border-top:0}
.vp-list li.me{background:rgba(255,210,63,.4);border-radius:8px}
.vp-list li.none{display:block;color:var(--ink-3)}
.vp-list .n{color:var(--ink-3);text-align:end}.vp-list .amt{color:var(--navy);white-space:nowrap}
.vp-list code{font:12px ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vp-list a,.vp-list .wait{display:grid;place-items:center;color:var(--navy)}.vp-list .wait{opacity:.5}
.vp-pg{display:flex;align-items:center;gap:8px;margin-top:6px;font:800 12px var(--dd-body,Rubik)}
.vp-pg small{flex:1;color:var(--ink-3);font-weight:800}.vp-pg .pgn{color:var(--navy);white-space:nowrap}
.vp-pg .a-round{width:32px;height:32px;border-radius:10px;border-width:2.5px;box-shadow:0 2px 0 var(--navy);font-size:16px}
.vp-pg .a-round:disabled{opacity:.4;cursor:default}
@media (max-width:560px){
body.arcade #drop-dialog:has(.vp){padding:16px 14px}
body.arcade #drop-dialog:has(.vp) h2{font-size:21px;margin-bottom:4px}
.vp-sub{font-size:12px;margin-bottom:2px}
.vp-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px 9px;align-items:start;padding:7px 0;border-top-width:2px}
.vp-ok{width:22px;height:22px;border-width:2.5px;font-size:12px}
.vp-row b{font-size:14px;line-height:1.3}
.vp-row small{display:none}
.vp-btns{grid-column:2;gap:5px;justify-content:flex-start;align-items:center}
.vp-more{grid-column:2;padding:0}
.vp-v{display:inline-flex;font:800 12px var(--dd-body,Rubik);color:var(--ink-3);margin-inline-end:2px}
.vp-btns .a-btn{font-size:11px;padding:5px 9px 4px;gap:4px;border-width:2px;border-radius:999px;box-shadow:0 2px 0 var(--navy);text-shadow:none}
.vp-pays{gap:5px;margin-top:5px}
.vp-pays .chip{font-size:11px;padding:2px 7px;border-width:2px}
.vp-tech{margin-top:6px;padding:8px 10px;font-size:12px;border-width:2px}
.vp-tech dl{grid-template-columns:minmax(0,1fr);gap:1px;margin:8px 0 4px}
.vp-tech dd{margin-bottom:6px}.vp-tech code{font-size:11px}
}

ol.c2-flow{list-style:none;margin:0;padding:0}.c-timeline-lead{font-weight:800;margin:0}