@font-face{font-family:Body;src:url('/assets/body-bold.ttf');font-weight:700 900}@font-face{font-family:Body;src:url('/assets/body.ttf');font-weight:400}@font-face{font-family:Sport;src:url('/assets/sport.ttf');font-weight:800}@font-face{font-family:Bubble;src:url('/assets/bubble.ttf');font-weight:700}@font-face{font-family:Grotesk;src:url('/assets/grotesk.ttf');font-weight:700}@font-face{font-family:Editorial;src:url('/assets/editorial.ttf');font-weight:800}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Body,Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #1977d2;outline-offset:4px}button svg{width:21px;height:21px;flex-shrink:0}button:disabled{cursor:default}.theme{--bg:#eeeae1;--ink:#171b22;--muted:#555952;--accent:#ff4c35;--on-accent:#171b22;--surface:#faf8f2;--border:#171b22;--line:#c4c4b9;--display:Sport;--radius:5px;background:var(--bg);color:var(--ink)}#app{min-height:100dvh;display:flex;flex-direction:column;padding:24px 24px 106px;position:relative;isolation:isolate;max-width:560px;margin:0 auto}.app-head{display:flex;justify-content:space-between;align-items:center;min-height:42px;z-index:2;gap:14px}.brand{padding:0;border:0;background:none;color:var(--ink);font-family:Grotesk,sans-serif;font-weight:700;font-size:26px;letter-spacing:-1.5px;display:flex;align-items:center;gap:6px}.brand-period{color:var(--ink)}.brand-mark{display:grid;place-items:center;width:29px;height:32px;color:var(--ink)}.brand-mark svg{width:27px;height:27px}.icon-button{display:grid;place-items:center;border:1px solid var(--line);color:var(--ink);background:var(--surface);width:38px;height:38px;border-radius:50%}.home-main{display:flex;flex-direction:column;flex:1;justify-content:center;gap:18px;padding-top:22px}.hero{position:relative}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;margin:0 0 14px;text-transform:uppercase}h1{font-family:var(--display),sans-serif;font-size:61px;letter-spacing:-1.5px;line-height:.95;margin:0 0 12px;font-weight:800}h1 em{font-style:normal}.tagline{font-size:14px;line-height:1.4;font-weight:500;margin:0}.hero-art{width:100%;height:184px;display:block;margin:5px auto 0}.hero-caption{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:1px;border-top:1px solid var(--line);padding-top:10px;gap:8px}.hero-caption span:first-child{display:flex;align-items:center;gap:4px}.hero-caption svg{width:13px;height:13px}.play-panel{display:flex;flex-direction:column;gap:10px}.crew{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:1px 0 5px;font-size:12px;line-height:1.45}.avatar-stack{display:flex;padding-left:5px}.avatar-stack b{width:34px;height:34px;border:2px solid var(--bg);margin-left:-5px;border-radius:50%;display:grid;place-items:center;background:#f6cc79;color:#242638;font-size:11px}.avatar-stack b:nth-child(2){background:#b7c7fa}.avatar-stack b:nth-child(3){background:#eaa4b8}.avatar-stack b:nth-child(4){background:var(--ink);color:var(--bg)}.primary,.secondary{border-radius:var(--radius);min-height:51px;padding:13px 16px;font-weight:800;font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;border:0;background:var(--accent);color:var(--on-accent)}.secondary{min-height:47px;background:var(--surface);color:var(--ink);border:1px solid var(--line);font-size:14px}.secondary>span{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600}.secondary svg{width:15px}.tiny{margin:3px 0 0;font-size:10px;text-align:center;line-height:1.5;color:var(--muted)}.dock{position:fixed;z-index:10;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:3px;width:calc(100% - 48px);max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:7px;box-shadow:0 6px 18px #0000000d}.dock button{background:none;border:0;border-radius:17px;color:var(--muted);flex:1;padding:8px 4px;display:flex;gap:4px;align-items:center;flex-direction:column;font-size:10px;font-weight:700;min-height:48px}.dock button.active{background:var(--ink);color:var(--bg)}.dock svg{width:20px;height:20px}.game-main{display:flex;flex-direction:column;flex:1;gap:19px;justify-content:center;padding:24px 0 0}.round-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;letter-spacing:.7px;font-weight:800}.round-top>b{background:var(--surface);border:1px solid var(--line);padding:7px 9px;border-radius:9px;white-space:nowrap}.back{border:0;background:none;color:var(--ink);padding:0;display:grid;place-items:center}.question{text-align:center;margin:9px 0 1px}.question h1{font-size:53px;line-height:1.03}.question p:last-child{font-size:13px;margin:13px 0 0;color:var(--muted)}.time-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.time-line>span{font-size:9px;font-weight:800;display:flex;align-items:center;gap:6px;letter-spacing:1px}.time-line svg{height:16px;width:16px}.time-line strong{font-size:25px;font-family:Grotesk;font-variant-numeric:tabular-nums}.time-line small{font-size:12px;color:var(--muted)}.targets{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:13px 0}.target{width:105px;height:105px;border-radius:50%;border:0;font-size:14px;font-family:Grotesk,Body,sans-serif;font-weight:700;box-shadow:inset 0 -7px 0 #00000012;position:relative}.target:active{transform:translateY(2px)}.target.blue{background:#2463df;color:#fff}.target.red{background:#c92f3d;color:#fff}.target.orange{background:#f9a13d;color:#211b21}.targets .target:last-child{margin:0 70px}.target.picked:after,.target.missed:after{content:'✓';position:absolute;right:-4px;top:0;border-radius:50%;background:#e1ffcd;color:#153e22;width:31px;height:31px;display:grid;place-items:center;border:2px solid var(--ink);font-size:22px}.target.missed:after{content:'×';background:#fff0eb;color:#a62126}.round-message{text-align:center;font-size:12px;line-height:1.5;min-height:18px;color:var(--muted)}.live-scores{border:1px solid var(--line);background:var(--surface);padding:14px;border-radius:var(--radius)}.score-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:12px}.score-label>span{font-size:10px;color:var(--muted)}.score-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;font-size:12px}.avatar{display:grid;place-items:center;height:27px;width:27px;border-radius:50%;background:#efd09d;color:#242638;font-size:10px}.score-row .avatar:nth-of-type(2){background:#c3c7ec}.score-row>span{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.center-main,.results-main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:30px 0}.center-main h1{font-size:49px}.center-main p{line-height:1.5;font-size:14px;margin:0}.room-code{padding:18px;border-radius:var(--radius);background:var(--surface);display:grid;gap:14px;border:1px solid var(--line)}.room-code>span{font-size:10px;letter-spacing:2px}.room-code>strong{font-family:Grotesk;font-size:35px}.player-list>div{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.player-list span{margin-left:auto;font-size:12px}.results-main{text-align:center;gap:17px}.results-main h1{font-size:56px}.results-main .eyebrow{margin:0}.result-medal{position:relative;background:var(--accent);color:var(--on-accent);border-radius:50%;width:215px;height:215px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-medal>svg{width:32px;height:32px}.result-medal>strong{font-family:var(--display);font-size:77px;line-height:1.1;letter-spacing:-3px}.result-medal small{font-family:Body;font-size:17px;letter-spacing:0;margin-left:5px}.result-medal>span{font-size:9px;letter-spacing:.8px;font-weight:800}.result-caption{font-size:13px;line-height:1.5;margin:0;color:var(--muted)}.result-rows{border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;background:var(--surface)}.result-rows>div{display:grid;grid-template-columns:30px 1fr auto;text-align:left;align-items:center;gap:12px;padding:13px;font-size:14px}.result-rows>div+div{border-top:1px solid var(--line)}.result-rows b{font-size:10px;color:var(--muted);text-align:center}.result-rows span{font-size:13px;font-variant-numeric:tabular-nums}.text-button{background:none;border:0;padding:5px;color:var(--ink);font-size:12px;font-weight:700}.toast{position:fixed;bottom:110px;left:24px;right:24px;z-index:20;max-width:420px;margin:auto;background:var(--ink);color:var(--bg);padding:13px 16px;border-radius:15px;font-size:12px;line-height:1.5;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:none}
/* 01 — Track-and-field editorial: hard geometry, italic headlines and race lanes. */
.t1 .home-main{gap:16px}.t1 .hero{background:var(--accent);margin:0 -24px;padding:20px 24px 13px}.t1 h1{font-style:italic;font-size:73px;letter-spacing:-1px}.t1 .hero-art{height:183px}.t1 .eyebrow{letter-spacing:2px}.t1 .hero-caption{border-color:#d02b22}.t1 .primary{font-family:Grotesk;text-transform:uppercase;letter-spacing:.2px}.t1 .dock{border-radius:8px}.t1 .dock button{border-radius:3px}.t1 .question h1{font-size:64px}.t1 .result-medal{border-radius:0;transform:skewY(-3deg)}.t1 .result-medal>*{transform:skewY(3deg)}
/* 02 — Candy toy-box: squishy pill controls and embossed dimensional shapes. */
.t2{--bg:#ffbada;--ink:#512582;--muted:#6c3e7c;--accent:#5c2baf;--on-accent:#fff;--surface:#ffe4ef;--line:#d889b4;--display:Bubble;--radius:24px}.t2 .brand{font-family:Bubble;letter-spacing:-.5px}.t2 h1{font-size:51px;letter-spacing:-1px;line-height:1.04}.t2 h1 em{color:#5422a2}.t2 .hero-art{height:205px}.t2 .hero-caption{border:0}.t2 .primary{box-shadow:0 5px 0 #a16ac5;border-radius:50px;margin-bottom:4px}.t2 .crew{background:#ffe4ef;padding:12px;border-radius:24px}.t2 .secondary{border:0}.t2 .dock{border:0;box-shadow:0 6px 0 #cd80aa}.t2 .dock button.active{background:#46d5e5;color:#3a2265}.t2 .target{box-shadow:inset 4px 6px 0 #ffffff30,inset -5px -9px 0 #00000020,0 6px 0 #a86a9a}.t2 .targets{gap:20px}.t2 .question h1{font-size:48px}.t2 .time-line{background:#fddc54;color:#472572;border:0;padding:12px 15px;border-radius:22px}.t2 .time-line small{color:#472572}.t2 .result-medal{background:#fcdf56;color:#512582;box-shadow:0 9px 0 #e99cbf}
/* 03 — Night signal: dark technical instrumentation, fine rings, quiet neon. */
.t3{--bg:#111319;--ink:#e8eee4;--muted:#a7b6b6;--accent:#c9ff42;--on-accent:#172016;--surface:#1b2028;--line:#3b4547;--display:Grotesk;--radius:13px;background-image:radial-gradient(ellipse at 80% 20%,#29371955,transparent 40%)}.t3 .brand-mark,.t3 h1 em{color:#c9ff42}.t3 h1{font-size:76px;letter-spacing:-5px}.t3 .hero .eyebrow{font-size:9px}.t3 .hero-art{height:192px}.t3 .hero-caption{font-size:8px}.t3 .primary{box-shadow:0 0 25px #c9ff421c}.t3 .dock{background:#1b2028}.t3 .dock button.active{background:#c9ff42;color:#152015}.t3 .question h1{font-size:50px;letter-spacing:-2px}.t3 .target{box-shadow:0 0 0 6px #ffffff0c,inset 0 -7px 0 #00000018}.t3 .time-line strong{color:#c9ff42}.t3 .time-line{border-style:dashed}.t3 .result-medal{background:#192719;border:1px solid #c9ff42;color:#c9ff42;box-shadow:0 0 0 14px #c9ff4208,0 0 0 28px #c9ff4205}.t3 .result-medal strong{font-size:71px;letter-spacing:-4px}
/* 04 — Resort: tiled water, sun discs, open turquoise space and scalloped labels. */
.t4{--bg:#a7eceb;--ink:#124f59;--muted:#28606a;--accent:#fff065;--on-accent:#124f59;--surface:#d3f6ee;--line:#69b6b7;--display:Editorial;--radius:17px}.t4 .app-head{border-bottom:1px solid #62b4b6;padding-bottom:12px}.t4 h1{font-size:44px;letter-spacing:-1.6px;line-height:1.05}.t4 .hero-art{height:218px;margin:9px -4px 0;width:calc(100% + 8px)}.t4 .hero-caption{border-top:0;font-size:8px}.t4 .primary{box-shadow:0 4px 0 #60b5b2}.t4 .secondary{background:#087e90;color:#fff;border:0}.t4 .dock{background:#d3f6ee;box-shadow:0 6px 0 #53a9af}.t4 .dock button.active{background:#087e90;color:white}.t4 .time-line{border-style:dashed}.t4 .question h1{font-size:43px}.t4 .target{border:5px solid #defaf4;box-shadow:0 7px 0 #67bcbe}.t4 .live-scores{border-style:dashed}.t4 .result-medal{box-shadow:0 10px 0 #69bbbe}.t4 .results-main h1{font-size:48px}
/* 05 — Prism: frosted shapes with smooth bevels and controlled luminosity. */
.t5{--bg:#e4e2ff;--ink:#343069;--muted:#59547e;--accent:#4039bc;--on-accent:#fff;--surface:#f5f3ff;--line:#bdb6e2;--display:Grotesk;--radius:20px;background-image:radial-gradient(circle at 0 40%,#b4e5ec80,transparent 40%),radial-gradient(circle at 100% 20%,#d4b1ed80,transparent 40%)}.t5 h1{font-size:50px;letter-spacing:-2px;line-height:1.05}.t5 h1 em{color:#4039bc}.t5 .hero-art{height:215px}.t5 .hero-caption{font-size:8px;border:0}.t5 .crew{padding:10px 0}.t5 .primary{box-shadow:0 8px 20px #4039bc20,inset 0 1px 0 #ffffff4a;background:linear-gradient(135deg,#5751d6,#4039bc)}.t5 .secondary,.t5 .live-scores{background:#f5f3ffba;border:1px solid #fff;box-shadow:0 6px 20px #6354930d}.t5 .dock{border:1px solid #fff;background:#f5f3fff2;box-shadow:0 7px 30px #70629825}.t5 .dock button.active{background:#4039bc;color:white}.t5 .target{box-shadow:inset 0 5px 5px #ffffff29,inset 0 -6px 8px #00000020,0 12px 18px #50408a1a}.t5 .time-line{border-color:#c9c2e2}.t5 .result-medal{background:radial-gradient(circle at 32% 22%,#fff,#b4c2ff 55%,#726cda);color:#343069;box-shadow:0 0 0 12px #fff4}
/* 06 — Cut paper: irregular edges, offset layers and asymmetric paper construction. */
.t6{--bg:#ffd1a9;--ink:#64352b;--muted:#825044;--accent:#3367ba;--on-accent:#fff;--surface:#fff0cf;--line:#c68865;--display:Bubble;--radius:8px}.t6 h1{font-size:52px;line-height:1.03;letter-spacing:-1.2px}.t6 h1 em{color:#bd4427}.t6 .hero-art{height:202px}.t6 .hero-caption{border-top:1px dashed #aa795d;font-size:8px}.t6 .primary{box-shadow:4px 5px 0 #b87751}.t6 .secondary{background:#fae95d;border:0;box-shadow:3px 3px 0 #d19c65}.t6 .crew{padding:0 4px}.t6 .dock{border:0;border-radius:10px 20px 10px 16px;box-shadow:4px 5px 0 #b87751}.t6 .dock button.active{background:#bd4427;color:#fff}.t6 .target{box-shadow:5px 7px 0 #be8c6850;border-radius:49% 44% 47% 50%}.t6 .time-line{border-style:dashed}.t6 .live-scores{border:0;box-shadow:3px 4px 0 #d8a177}.t6 .result-medal{background:#fae95d;color:#64352b;border-radius:44% 48% 47% 45%;box-shadow:7px 7px 0 #d8a177}
/* 07 — Chrome: mirrored silver against cherry typography; crisp fashion-sport UI. */
.t7{--bg:#f6b2cc;--ink:#542336;--muted:#704050;--accent:#b82244;--on-accent:#fff;--surface:#fbe2ee;--line:#ce83a0;--display:Sport;--radius:30px}.t7 .brand{font-style:italic}.t7 h1{font-size:69px;font-style:italic;letter-spacing:-.9px}.t7 h1 em{color:#b82244}.t7 .hero-art{height:191px}.t7 .hero-caption{font-size:8px}.t7 .primary{background:linear-gradient(#ce3159,#a21b3b);box-shadow:inset 0 1px 0 #ffb0c4,0 4px 0 #8b1734}.t7 .secondary{background:linear-gradient(175deg,#fff,#d5d8e3 45%,#f8f9fc 55%,#c4cad7);color:#542336;border:1px solid #fff}.t7 .dock{background:linear-gradient(160deg,#f9faff,#e2e2eb);border-color:white;box-shadow:0 5px 15px #9c38642b}.t7 .dock button.active{background:#b82244;color:white}.t7 .question h1{font-size:58px}.t7 .target{box-shadow:0 0 0 5px #e8e9ef,0 0 0 7px #b5b2c1,inset 0 5px 8px #ffffff25,inset 0 -5px 7px #0002}.t7 .targets{gap:23px}.t7 .live-scores{background:#fce5ef;border-color:#fff}.t7 .result-medal{background:linear-gradient(160deg,#fff 8%,#a7aebd 35%,#fff 47%,#c0c6d1 62%,#f1f4fa 85%);color:#9c1738}
/* 08 — Bauhaus: geometric typography, offset color zones and generous measured spacing. */
.t8{--bg:#dce8bf;--ink:#284a3e;--muted:#496653;--accent:#284a3e;--on-accent:#fff8e1;--surface:#eee9fa;--line:#a0a2b6;--display:Editorial;--radius:50px}.t8 h1{font-size:47px;letter-spacing:-2px;line-height:1.08}.t8 .hero-art{height:204px}.t8 .hero-caption{border:0;letter-spacing:.5px;font-size:8px}.t8 .play-panel{background:#f4edab;margin:0 -24px;padding:18px 24px 12px}.t8 .crew{margin-bottom:5px}.t8 .secondary{background:#f4ab70;color:#284a3e;border:0}.t8 .dock{border:0;background:#eee9fa;box-shadow:0 8px 18px #58556813}.t8 .question h1{font-size:45px}.t8 .time-line{padding:14px 16px;background:#f4edab;border:0;border-radius:30px}.t8 .target{box-shadow:none}.t8 .live-scores{border:0;border-radius:18px;background:#f4ab70}.t8 .result-medal{background:#f4edab;color:#284a3e;border-radius:0 50% 50% 50%;transform:rotate(-5deg)}.t8 .result-medal>*{transform:rotate(5deg)}.t8 .result-rows{border:0;border-radius:15px}
/* 09 — Modern arcade: angular corners and block tracks without low-resolution type. */
.t9{--bg:#292344;--ink:#f5f4ff;--muted:#bdb9d4;--accent:#d9fc8a;--on-accent:#25213b;--surface:#3b3459;--line:#63577d;--display:Grotesk;--radius:2px;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:24px 24px}.t9 .brand{letter-spacing:-1px}.t9 .brand-mark{color:#d9fc8a}.t9 h1{font-size:52px;letter-spacing:-2.4px;line-height:.98}.t9 h1 em{color:#d9fc8a}.t9 .hero-art{height:202px}.t9 .hero-caption{font-size:8px;border-style:dashed}.t9 .primary{box-shadow:4px 4px 0 #94b549}.t9 .secondary{background:#ed9bd1;color:#292344;border:0;box-shadow:4px 4px 0 #aa6299}.t9 .dock{border-radius:8px;border:1px solid #63577d;box-shadow:4px 4px 0 #1b152f}.t9 .dock button{border-radius:3px}.t9 .dock button.active{background:#8dceff;color:#292344}.t9 .time-line{border-style:dashed}.t9 .time-line strong{color:#d9fc8a}.t9 .target{box-shadow:4px 5px 0 #17112b,0 0 0 3px #d1c9e0}.t9 .results-main h1{font-size:49px}.t9 .result-medal{border-radius:12px;background:#d9fc8a;box-shadow:8px 8px 0 #788b4d}.t9 .result-medal>strong{font-size:72px}.t9 .result-rows{border-style:dashed}
@media(min-height:840px){.home-main{gap:24px}.hero-art{height:210px}.game-main{gap:23px}.targets{padding:20px 0}.target{width:112px;height:112px}.targets .target:last-child{margin:0 80px}}
@media(max-height:760px){#app{padding-top:17px;padding-bottom:99px}.home-main{padding-top:14px;gap:13px}.hero-art,.t2 .hero-art,.t4 .hero-art,.t5 .hero-art,.t6 .hero-art,.t7 .hero-art,.t8 .hero-art,.t9 .hero-art{height:162px}.t1 .hero-art{height:144px}.hero h1{font-size:49px}.t1 .hero h1,.t3 .hero h1,.t7 .hero h1{font-size:62px}.t4 .hero h1,.t8 .hero h1{font-size:41px}.game-main{gap:13px;padding-top:16px}.question{margin:0}.question h1,.t1 .question h1{font-size:46px}.targets{padding:4px 0;gap:12px}.target{height:88px;width:88px;font-size:12px}.targets .target:last-child{margin:0 70px}.round-message{font-size:11px}.results-main{gap:12px;padding-top:20px}.result-medal{width:175px;height:175px}.result-medal>strong{font-size:63px}.results-main h1{font-size:47px}.result-rows>div{padding:10px}.dock{bottom:14px}}
/* Stable, thumb-friendly answer row. Decorative theme styling never changes the answer colors. */
.game-main{gap:15px;padding-top:18px}.game-main .eyebrow{margin-bottom:9px}.game-main .question{margin:0}.game-main .question h1{font-size:46px;line-height:1.02;margin-bottom:0}.game-main .question p:last-child{margin-top:9px}.targets{gap:12px;padding:15px 0;flex-wrap:nowrap}.target{width:98px;height:98px;font-size:13px;flex-shrink:0}.targets .target:last-child{margin:0}.t2 .targets,.t7 .targets{gap:12px}.score-row{grid-template-columns:25px 1fr auto 25px 1fr auto;gap:5px}.score-row>strong{font-size:11px}.score-row>span{font-size:10px}.score-label{margin-bottom:11px}.live-scores{padding:13px 11px}.game-main .primary{min-height:49px}.t1 .game-main .question h1{font-size:54px}.t4 .game-main .question h1,.t8 .game-main .question h1{font-size:40px}
/* Fit the home composition above the dock without clipping or tiny control text. */
@media(min-height:761px) and (max-height:839px){
 .home-main{padding-top:16px;gap:14px}.home-main .eyebrow{margin-bottom:10px}.hero-art{height:154px}
 .t1 .hero{padding-top:16px;padding-bottom:11px}.t1 .hero h1{font-size:66px}.t1 .hero-art{height:144px}
 .t2 .hero-art{height:172px}.t3 .hero h1{font-size:69px}.t3 .hero-art{height:160px}
 .t4 .hero h1{font-size:36px}.t4 .hero-art{height:164px}.t4 .home-main{padding-top:14px}
 .t5 .hero-art{height:166px}.t6 .hero-art{height:168px}.t7 .hero-art{height:160px}
 .t8 .hero h1{font-size:37px}.t8 .hero-art{height:157px}.t8 .play-panel{padding-top:13px;padding-bottom:10px}
 .t9 .hero-art{height:170px}
}
.results-main{gap:10px;padding:18px 0 0}.results-main h1,.t4 .results-main h1,.t9 .results-main h1{font-size:44px;line-height:1.02;margin:0}.t1 .results-main h1,.t7 .results-main h1{font-size:55px}.t3 .results-main h1{font-size:49px;letter-spacing:-2px}.results-main .result-medal{width:166px;height:166px}.results-main .result-medal>strong{font-size:63px}.results-main .result-medal>svg{width:25px;height:25px}.results-main .result-medal>span{font-size:8px;letter-spacing:.4px}.results-main .result-rows>div{padding:10px 12px}.results-main .text-button{padding:8px}.results-main .primary{min-height:49px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.t4 .result-medal>strong,.t8 .result-medal>strong{font-family:Grotesk,sans-serif;font-size:60px;letter-spacing:-3px}