@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--cream:#f7f3e9;--ink:#232924;--blue:#2847ef;--orange:#ff743e;--line:#d6d3c9;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px var(--body)}button,input,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:3px}[hidden]{display:none!important}.masthead,main,footer{max-width:1550px;padding-left:40px;padding-right:40px;margin:auto}.masthead{height:105px;display:flex;align-items:center;gap:35px}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font:900 26px/.86 var(--display);letter-spacing:-.5px}.brand-mark{width:53px;height:53px;background:var(--blue);border-radius:50%;color:var(--cream);display:flex;align-items:center;justify-content:center;font-size:44px;letter-spacing:-5px;padding-right:5px;transform:rotate(-8deg)}.brand-mark span{transform:translateY(3px)}.star{color:var(--orange);font-size:24px;margin-left:6px}.masthead p{font-size:10px;line-height:1.5;border-left:1px solid var(--line);padding-left:30px}.about-link{margin-left:auto;font-size:9px;font-weight:700;text-decoration:none;letter-spacing:.8px}.game-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ink);padding:23px 0 21px}.eyebrow{font-size:8px;font-weight:700;letter-spacing:1.7px;color:var(--blue)}h1{font:800 38px/.95 var(--display);letter-spacing:-.5px;margin:8px 0 0}h1 span{font-family:var(--body);font-size:10px;vertical-align:top;margin-left:4px}.game-heading>a{font-size:10px;text-underline-offset:4px}.arcade{position:relative;height:min(72vw,720px);min-height:540px;max-height:calc(100svh - 100px);border-radius:14px;overflow:hidden;background:#a7d7e0;isolation:isolate;box-shadow:0 4px 0 #c7c9bb}canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#15334a55,transparent 25%,transparent 75%,#132a3240)}.start-screen{position:absolute;inset:0;background:linear-gradient(90deg,#152c39ec 0%,#152c39a8 30%,#152c3915 70%);color:var(--cream);display:flex;align-items:center;padding:45px 5%}.start-content{max-width:480px}.label{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#ffcc9d}.start-screen h2{font:800 clamp(50px,5.4vw,83px)/.92 var(--display);letter-spacing:-1px;margin:19px 0 20px;text-transform:uppercase}.start-screen h2 em{font-style:normal;color:var(--orange)}.start-screen p{font-size:12px;line-height:1.7;color:#e2e9de}.how-to{display:flex;flex-direction:column;gap:8px;font-size:10px;margin:24px 0}.how-to b{font-size:8px;color:#ffbd8a;margin-right:10px}.button{border:0;min-height:48px;padding:15px 23px;font:700 11px var(--body);letter-spacing:.7px;border-radius:5px;text-align:center}.button:hover{filter:brightness(1.08)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.6;cursor:wait}.primary{color:#1e281f;background:var(--orange);min-width:260px;box-shadow:0 4px 0 #0002}.start-controls{font-size:8px!important;letter-spacing:.5px;margin-top:18px}.start-controls span{margin-left:15px}.best-start{font-size:9px!important;color:#f9d593!important;min-height:15px}.round-stamp{margin-left:auto;margin-right:4%;margin-top:-210px;background:#ffb585;color:#3b392b;width:132px;height:132px;border-radius:50%;outline:1px dashed #574d3280;outline-offset:-8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;font-weight:700;transform:rotate(12deg);line-height:1.6;box-shadow:3px 6px 0 #0001}.round-stamp b{font:900 31px/.9 var(--display);text-align:center;margin:5px}.round-stamp span{font-size:7px}.top-actions{position:absolute;right:23px;top:22px;display:flex;gap:6px;z-index:10}.top-actions button{background:#16313b80;border:1px solid #f7f3e945;border-radius:5px;color:white;min-width:35px;height:32px;font-size:9px;font-weight:700;padding:0 10px}.top-actions #fullscreen{font-size:20px}.hud{position:absolute;inset:23px 24px auto;display:flex;align-items:flex-start;gap:45px;color:white;pointer-events:none}.time small{font-size:8px;font-weight:700;letter-spacing:1.4px;display:block}.time strong{font:800 48px/1 var(--display);font-variant-numeric:tabular-nums;display:block;margin-top:6px;text-shadow:0 2px 10px #1235}.time strong span{font-size:19px}.time>span{font-size:9px;color:#ffeab5;display:block;margin-top:6px}.goal{position:absolute;left:50%;transform:translateX(-50%);top:0;text-align:center;width:245px;background:#16333bcc;border:1px solid #ffffff35;border-radius:5px;padding:12px 16px}.goal small{font-size:9px;letter-spacing:1.2px;font-weight:700}.goal>span{display:block;font-size:8px;margin-top:7px;color:#d5e5db}.hold-track{height:4px;background:#eef4c430;margin-top:10px;border-radius:3px;overflow:hidden}.hold-track i{display:block;width:0;height:100%;background:#eff5a3}.bottom-hud{position:absolute;bottom:24px;left:25px;right:25px;color:white;display:flex;align-items:flex-end;gap:25px;pointer-events:none}.speed strong{font:800 50px/1 var(--display);font-variant-numeric:tabular-nums}.speed span{font-size:8px;margin-left:5px}.desktop-hint{font-size:8px;letter-spacing:.6px;margin-bottom:6px}.desktop-hint span{margin-left:17px}.bottom-hud button{pointer-events:auto;margin-left:auto;border:1px solid #f7f3e97a;border-radius:50%;width:36px;height:36px;font-size:24px;background:#13393c55;color:white}.countdown{position:absolute;inset:0;display:grid;place-items:center;color:#fff4d8;font:900 120px var(--display);text-shadow:0 7px 0 #2847ef}.toast{position:absolute;top:29%;left:15%;width:70%;text-align:center;color:#fff6c6;font:800 30px var(--display);text-shadow:0 2px 4px #0007;pointer-events:none}.touch-controls{position:absolute;bottom:25px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:9px}.touch-controls button{pointer-events:auto;background:#18394cb0;color:white;border:1px solid #fff8;border-bottom:4px solid #0c242daa;border-radius:12px;width:66px;height:60px;font:600 30px var(--body);touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls .brake{width:105px;background:#ff8040db;color:#192e32;font-size:11px;font-weight:800}.brake span{display:block;font-size:17px;margin-bottom:3px}.touch-controls button.held{background:#f6f5c4;color:var(--ink);transform:translateY(2px);border-bottom-width:2px}.pause-screen,.finish-screen,.error-screen{position:absolute;inset:0;background:#12313bbb;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;z-index:12}.pause-screen h2{font:900 70px var(--display);margin:10px 0 25px}.finish-screen{padding:18px;overflow:auto;justify-content:flex-start}.ticket{width:380px;max-width:100%;background:var(--cream);color:var(--ink);padding:22px 26px;border-radius:5px;margin:auto;box-shadow:5px 8px 0 #10263188;border-top:6px solid var(--orange);text-align:center}.ticket-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.4px;font-weight:700;padding-bottom:13px;border-bottom:1px dashed #b9b9a9;margin-bottom:16px}.ticket-label{font-size:8px;font-weight:700;letter-spacing:1.2px}.ticket h2{font:900 45px/.9 var(--display);margin:10px 0}.finish-time{font:800 79px/1 var(--display);color:var(--blue);letter-spacing:-1px}.ticket>p{font-size:11px;line-height:1.6;margin:11px 0 16px}.ticket label{display:block;font-size:10px;text-align:left;margin-bottom:6px}.ticket label span{font-size:8px;color:#5f6963}.ticket input{width:100%;padding:10px 12px;border:1px solid #c6c7b7;border-radius:4px;background:transparent;font-size:12px}.blue{background:var(--blue);color:white;width:100%;margin-top:10px}.text-button{border:0;background:none;font-size:10px;text-decoration:underline;text-underline-offset:3px;padding:11px}.honor{display:block;font-size:8px;color:#677367}.replay{display:block;width:100%;background:#e9e5d8;border:1px solid #d0d0bf;margin-top:16px;min-height:41px}.ticket #share-status{font-size:9px;margin:0 0 6px;min-height:12px}.ticket textarea{width:100%;font-size:10px;padding:7px}.error-screen{padding:35px;text-align:center;background:#15323df2}.error-screen h2{font:800 43px var(--display)}.error-screen p{max-width:400px;line-height:1.6;font-size:12px;margin-bottom:25px}.challenge-banner{display:flex;gap:12px;align-items:center;padding:14px 20px;background:var(--blue);color:white;border-radius:8px;margin-bottom:15px}.challenge-banner>span{font-size:26px}.challenge-banner small{font-size:7px;letter-spacing:1px;display:block;margin-bottom:5px}.challenge-banner b{font-size:13px}.challenge-banner button{margin-left:auto;background:none;border:0;color:white;font-size:24px;padding:5px}.notice{font-size:11px;padding:13px;background:#ffe1cb;border-radius:5px}.under-game{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.6px;padding:21px 3px;color:#5e675d}.under-game i{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:4px}.about{display:grid;grid-template-columns:1fr 1fr;gap:75px;border-top:1px solid var(--line);padding:41px 0;margin-top:13px}.about-title{display:flex;gap:23px}.orange-star{font-size:58px;color:var(--orange);line-height:1}.about h2{font:800 42px/.98 var(--display);margin:0;letter-spacing:-.5px}.about p{font-size:12px;line-height:1.8;max-width:470px;margin:0;color:#5e675d}.about .credit{font-size:9px;margin-top:17px}footer{display:flex;justify-content:space-between;font-size:8px;color:#6a7469;padding-top:23px;padding-bottom:23px;border-top:1px solid var(--line)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#arcade:fullscreen{border-radius:0;width:100vw;height:100svh;max-height:none}.arcade.is-playing .top-actions{z-index:10}.arcade.is-touch .desktop-hint{display:none}.arcade.is-touch .bottom-hud{bottom:99px}.arcade.is-touch .speed strong{font-size:32px}
@media(min-width:900px){.touch-controls{left:30%;right:30%}}@media(max-width:900px){.masthead,main,footer{padding-left:25px;padding-right:25px}.arcade{height:610px;min-height:510px}.start-screen h2{font-size:62px}.round-stamp{margin-right:0;width:110px;height:110px}.start-screen{padding-left:35px}.goal{left:47%;width:205px}.goal>span{font-size:7px}.about{gap:30px}.about h2{font-size:36px}}@media(max-width:600px){.masthead,main,footer{padding-left:15px;padding-right:15px}.masthead{height:83px;gap:15px;justify-content:space-between}.wordmark{font-size:22px;gap:10px}.brand-mark{width:44px;height:44px;font-size:37px}.star{font-size:21px}.masthead p{border:0;padding:0;text-align:right;font-size:9px}.about-link{display:none}.game-heading{padding:16px 0}.eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:30px;margin-top:6px}.game-heading>a{font-size:8px;max-width:93px;line-height:1.6}.arcade{height:calc(100svh - 185px);min-height:540px;max-height:740px;border-radius:10px}.start-screen{padding:24px;background:linear-gradient(0deg,#153445f5 0%,#153445dc 37%,#1534450a 88%);align-items:flex-end}.start-content{width:100%}.label{font-size:7px}.start-screen h2{font-size:56px;margin:11px 0 13px}.start-screen p{font-size:10px;line-height:1.55}.how-to{font-size:9px;gap:6px;margin:16px 0}.how-to b{font-size:7px}.primary{min-width:0;width:100%;font-size:10px;min-height:46px}.start-controls{font-size:7px!important;margin-top:12px}.best-start{font-size:8px!important;min-height:0;margin-bottom:0}.round-stamp{position:absolute;top:70px;right:20px;margin:0;width:88px;height:88px;font-size:6px}.round-stamp b{font-size:22px}.round-stamp span{font-size:6px}.top-actions{top:15px;right:15px;gap:4px}.top-actions button{font-size:7px;min-width:30px;height:29px;padding:0 7px}.hud{top:16px;left:17px;right:17px}.time small{font-size:7px}.time strong{font-size:38px}.time>span{font-size:8px}.goal{top:76px;left:50%;width:220px;padding:10px 15px}.goal small{font-size:8px}.goal>span{font-size:8px}.bottom-hud{bottom:98px;left:19px;right:19px}.speed strong{font-size:31px}.speed span{font-size:7px}.desktop-hint{display:none}.touch-controls{bottom:22px;left:16px;right:16px}.touch-controls button{width:61px;height:58px}.touch-controls .brake{width:101px}.toast{font-size:24px;top:38%;width:86%;left:7%}.ticket{padding:18px 21px}.ticket-top{font-size:6px;padding-bottom:11px;margin-bottom:13px}.ticket h2{font-size:38px}.finish-time{font-size:65px}.ticket>p{font-size:10px;margin:9px 0 13px}.ticket .button{min-height:42px;font-size:9px;padding:13px}.ticket input{padding:9px}.ticket .replay{margin-top:12px}.under-game{font-size:6px;letter-spacing:.2px;flex-wrap:wrap;padding:15px 1px;row-gap:8px}.under-game span:last-child{display:none}.under-game span:nth-child(2){margin-left:auto}.about{grid-template-columns:1fr;gap:21px;padding:28px 0;margin:6px 0 0}.about-title{gap:15px}.orange-star{font-size:45px}.about h2{font-size:37px}.about p{font-size:11px}.about .credit{font-size:8px;margin-top:12px}footer{font-size:7px;flex-wrap:wrap;gap:16px}footer span:last-child{display:none}.challenge-banner{padding:12px 14px}.challenge-banner b{font-size:12px}.challenge-banner small{font-size:6px}}
@media(max-height:520px) and (orientation:landscape){.arcade{height:440px;max-height:none}.start-screen h2{font-size:45px}.how-to{margin:12px 0}.start-screen{padding:25px 40px}.start-controls{margin:10px 0}.ticket{margin-top:0;margin-bottom:0}.finish-screen{justify-content:flex-start}.arcade:fullscreen .ticket{transform:none;max-width:600px}.arcade:fullscreen .finish-screen{padding:10px}.arcade:fullscreen .ticket-top,.arcade:fullscreen .ticket-label{display:none}.arcade:fullscreen .ticket h2{font-size:28px}.arcade:fullscreen .finish-time{font-size:40px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Yesterday Arcade: restrained editorial framing around the playable moment. */
:root{--cream:#f4f3ef;--ink:#242b32;--blue:#334863;--orange:#dbe5fa;--display:'Inter Tight',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;--line:#dadcda}
.masthead{height:106px;gap:35px}.wordmark{font:500 21px/.99 var(--display);letter-spacing:-.65px;gap:12px}.wordmark b{font-weight:600}.brand-mark{border-radius:11px;background:#273846;width:45px;height:45px;font:600 32px var(--display);letter-spacing:-4px;transform:none}.brand-mark span{transform:translateY(2px)}.star{font-size:15px;color:#7992a5;margin-left:7px}.masthead p{font-size:10px;line-height:1.6;color:#65707a}.masthead p b{font-weight:500;color:#344654}.about-link{font:400 8px var(--mono);letter-spacing:.8px;color:#687783}.game-heading{padding:24px 0 22px;border-color:#c5ccc9}.eyebrow{font:400 8px var(--mono);letter-spacing:1px;color:#70848e}h1{font:500 37px/1.1 var(--display);letter-spacing:-1.25px;margin-top:9px}.game-heading>a{color:#62737b;font-size:10px}.arcade{border-radius:10px;box-shadow:none}.start-screen{background:linear-gradient(90deg,#182b39e8 0%,#182b39a0 32%,#182b3900 75%)}.start-content{max-width:560px}.label{font:400 8px var(--mono);letter-spacing:1.5px;color:#c0d7df}.start-screen h2{font:500 clamp(43px,4.6vw,68px)/1.04 var(--display);text-transform:none;letter-spacing:-2.4px;margin:26px 0 21px}.start-screen h2 em{color:#d9e6fa}.start-screen p{font-size:12px;line-height:1.85;color:#cfdbdf}.how-to{gap:10px;margin:30px 0;font-size:10px;color:#e2e9e9}.how-to b{font:400 8px var(--mono);color:#8ea8b7;margin-right:13px}.button{font-size:11px;font-weight:500;letter-spacing:0;min-height:47px;border-radius:5px}.primary{background:#e1e9f6;color:#203647;box-shadow:none;min-width:255px;text-align:left;padding-left:20px}.start-controls{font:400 7px var(--mono)!important;letter-spacing:.5px!important;color:#9db2bf!important}.best-start{font-size:9px!important;color:#ccdae6!important}.round-stamp{background:#ecf0e5e8;color:#4a5c67;width:104px;height:104px;border-radius:50%;outline:1px solid #586e7926;outline-offset:-5px;transform:none;box-shadow:none;font:400 6px var(--mono);line-height:1.7;margin-top:-275px}.round-stamp b{font:400 39px/1.1 var(--display);margin:5px}.round-stamp span{font-size:6px}.top-actions button{font:400 7px var(--mono);border-color:#dce4e533;background:#19374655}.hud .time small,.goal small{font:400 8px var(--mono);letter-spacing:1px}.time strong{font:500 40px/1.1 var(--display);letter-spacing:-1.5px}.goal{background:#19333ecc;border:1px solid #d9e2df33;padding:13px 16px}.hold-track{height:3px}.hold-track i{background:#c8e2ec}.goal>span{font-size:9px;line-height:1.5;color:#cedde0}.time>span{font:400 8px var(--mono);color:#d5e8ef}.speed strong{font:500 40px/1 var(--display);letter-spacing:-1px}.desktop-hint{font:400 7px var(--mono);letter-spacing:0}.toast{font:500 21px var(--display);letter-spacing:-.3px;color:#f0f1dd;text-shadow:0 2px 10px #17364b88}.countdown{font:500 100px var(--display);text-shadow:0 5px 30px #20344766}.touch-controls button{background:#18394caa;border:1px solid #f1f4f466;border-bottom:2px solid #1c3542aa;border-radius:9px;font-weight:400}.touch-controls .brake{background:#dbe5f1ed;font-size:10px;color:#263c49}.touch-controls button.held{background:#bcd5e7;color:#163248}.ticket{background:#f7f7f1;border-top:3px solid #8eabbd;box-shadow:0 14px 70px #10263155;border-radius:7px;padding:27px 28px}.ticket-top{font:400 6px var(--mono);color:#69808d;border-bottom:1px solid #d5dedc;padding-bottom:15px;margin-bottom:22px;letter-spacing:.3px}.ticket-label{font:400 7px var(--mono);letter-spacing:1px;color:#6d8491}.ticket h2{font:500 30px/1.1 var(--display);letter-spacing:-.8px;margin:14px 0}.finish-time{font:500 70px/1 var(--display);color:#2d4759;letter-spacing:-2.5px}.ticket>p{color:#526873;line-height:1.7}.blue{background:#2e4c62;font-weight:500}.replay{background:#eef0eb;border-color:#d9e0dc;font-weight:500}.ticket input{border-color:#ccd8d7}.honor{color:#7d8b90}.pause-screen h2{font:500 58px var(--display);letter-spacing:-2px;margin:17px 0 28px}.pause-screen .primary{text-align:center}.under-game{font:400 7px var(--mono);letter-spacing:.4px;color:#72838b;padding-top:21px}.under-game i{background:#8fabbd}.about{padding:44px 0 47px;gap:90px}.orange-star{font-size:43px;color:#9cb2bc;font-weight:400}.about-title{gap:22px}.about h2{font:500 38px/1.1 var(--display);letter-spacing:-1.35px}.about p{font-size:12px;line-height:1.9;color:#687c86}.about .credit{font-size:9px;color:#7c8d94}footer{font:400 7px var(--mono);letter-spacing:.2px;color:#7e8d92}footer a{text-decoration:none}
@media(max-width:900px){.start-screen h2{font-size:53px}.start-content{max-width:410px}.round-stamp{width:90px;height:90px;margin-right:0}.about{gap:35px}.about h2{font-size:32px}}@media(max-width:600px){.masthead{height:87px}.wordmark{font-size:19px;gap:9px}.brand-mark{width:40px;height:40px;font-size:30px}.masthead p{font-size:8px}.game-heading{padding:16px 0 18px}.eyebrow{font-size:6px}h1{font-size:29px;letter-spacing:-.8px;margin-top:7px}.game-heading>a{font-size:8px}.start-screen{padding:25px 23px;background:linear-gradient(0deg,#183140f7 0%,#183140e5 30%,#18314015 80%)}.label{font-size:6px;letter-spacing:1px}.start-screen h2{font-size:43px;line-height:1.05;letter-spacing:-1.6px;margin:20px 0 15px}.start-screen p{font-size:10px;line-height:1.7}.how-to{font-size:9px;gap:8px;margin:20px 0}.how-to b{font-size:7px}.start-controls{font-size:6px!important;letter-spacing:.2px!important}.start-controls span{margin-left:11px}.primary{min-width:0;text-align:left}.round-stamp{top:66px;right:20px;width:78px;height:78px;margin:0}.round-stamp b{font-size:29px}.round-stamp span{font-size:5px}.time strong{font-size:32px}.goal small{font-size:7px}.goal>span{font-size:8px}.toast{font-size:18px}.ticket{padding:20px 23px}.ticket-top{font-size:6px;padding-bottom:12px;margin-bottom:17px}.ticket h2{font-size:27px}.finish-time{font-size:59px}.ticket .button{font-size:10px}.ticket>p{font-size:10px}.under-game{font-size:6px;letter-spacing:0}.about{padding:30px 0;gap:22px}.about h2{font-size:33px}.about-title{gap:17px}.orange-star{font-size:32px}.about p{font-size:11px}.about .credit{font-size:8px}footer{font-size:6px}.pause-screen h2{font-size:48px}}@media(max-height:520px) and (orientation:landscape){.start-screen h2{font-size:37px;margin:13px 0}.how-to{margin:13px 0}.round-stamp{margin-top:-120px}}

@media(max-width:600px){.arcade{height:calc(100svh - 185px);min-height:540px}body:has(.challenge-banner:not([hidden])) .arcade:not(.is-immersive){height:calc(100svh - 275px);min-height:540px}.arcade:fullscreen{height:100svh;max-height:none}.start-controls{display:none}.best-start{margin-top:13px}}

/* Phone-first play: the game fills the visible screen, never a tall hidden canvas. */
button,a,input{-webkit-tap-highlight-color:transparent}.top-actions button,.bottom-hud button{min-width:44px;min-height:44px}.top-actions button{font-size:9px}.bottom-hud button{width:44px;height:44px}.challenge-banner button{min-width:44px;min-height:44px}.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:12px;cursor:pointer}.ticket input{font-size:16px;min-height:46px}.ticket label{font-size:12px}.ticket label span{font-size:10px}.ticket .button{min-height:48px;font-size:13px}.honor{font-size:10px;line-height:1.5}.ticket #share-status{font-size:12px;line-height:1.5}.share-preview{display:block;width:100%;height:auto;border-radius:7px;margin:16px 0 18px;background:#203847}.share-options{display:flex;justify-content:center;gap:25px}.ticket{width:440px}.finish-screen{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.share-game{margin:18px 0 0;padding:0 16px;min-height:46px;border:1px solid #bbc7cf;border-radius:5px;color:#294454;background:transparent;font-size:13px}#game-share-status{font-size:12px}.leave-game{position:absolute;z-index:20;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));height:44px;border:1px solid #ffffff55;border-radius:7px;background:#193746e8;color:white;padding:0 13px;font-size:12px}.touch-controls button{min-width:68px;height:68px}.touch-controls .brake{width:123px}.brake span{font-size:13px!important;font-weight:600;margin-bottom:5px}.brake small{font-size:8px;letter-spacing:.35px}.touch-controls .brake-cue{outline:3px solid #f4ecc1;outline-offset:3px;background:#f4ecc1;color:#203747}.arcade.is-immersive{position:fixed;inset:0;z-index:100;width:100%;height:var(--play-height,100dvh);max-height:none;min-height:0!important;border-radius:0;box-shadow:none}.play-mode{overflow:hidden;overscroll-behavior:none}.arcade.is-immersive .top-actions{top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.arcade.is-immersive .hud{top:calc(max(10px,env(safe-area-inset-top)) + 54px);left:20px;right:20px}.arcade.is-immersive .goal{top:0;left:auto;right:0;transform:none;width:55%;max-width:260px;padding:10px 12px}.arcade.is-immersive .time>span{font-size:9px;max-width:132px;line-height:1.5}.arcade.is-immersive .goal small{font-size:9px}.arcade.is-immersive .goal>span{font-size:10px}.arcade.is-immersive .touch-controls{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));padding-top:16px}.arcade.is-immersive .bottom-hud{bottom:calc(101px + env(safe-area-inset-bottom));left:20px;right:20px}.arcade.is-immersive .toast{top:31%;font-size:19px}.arcade.is-immersive .finish-screen{padding:calc(64px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom))}.arcade.is-immersive .ticket{margin:auto;padding:22px 22px 18px}.arcade.is-immersive .ticket-top{margin-bottom:15px}.arcade.is-immersive .ticket h2{font-size:25px;margin:10px 0}.arcade.is-immersive .finish-time{font-size:53px}.arcade.is-immersive .ticket>p{font-size:12px;margin:10px 0}.arcade.is-immersive .ticket-label{font-size:8px}.arcade.is-immersive .share-preview{margin:14px 0}.arcade.is-immersive .replay{margin-top:10px}.arcade.is-immersive .top-actions:has(#pause[hidden]){display:none}
@media(max-width:600px){.masthead{height:76px}.game-heading{padding:13px 0 16px}.arcade,body:has(.challenge-banner:not([hidden])) .arcade:not(.is-immersive){height:clamp(460px,calc(100svh - 171px),700px);min-height:0;max-height:none}.start-screen{padding:24px 22px}.start-screen h2{font-size:40px;margin:15px 0}.start-screen p{font-size:12px}.how-to{font-size:11px;gap:8px;margin:19px 0}.how-to b{font-size:9px}.label{font-size:8px}.primary{min-height:50px;font-size:13px}.start-screen .round-stamp{display:none}.under-game{font-size:8px;line-height:1.5;gap:8px}.game-heading>a{font-size:10px;max-width:108px}.about p{font-size:13px}.about .credit{font-size:11px}footer{font-size:9px}.best-start{font-size:10px!important}.start-screen .top-actions{top:10px;right:10px}.challenge-banner b{font-size:13px;line-height:1.5}.challenge-banner small{font-size:8px}.ticket{padding:20px}.ticket-top{font-size:7px}.ticket>p{font-size:12px}.ticket .replay{min-height:48px}.about-link{display:none}}
@media(max-width:360px){.touch-controls button{min-width:59px;width:59px}.touch-controls>div{gap:8px}.touch-controls .brake{width:111px}.arcade.is-immersive .goal{width:54%}.arcade.is-immersive .goal>span{font-size:9px}.arcade.is-immersive .time strong{font-size:30px}.arcade.is-immersive .hud{left:14px;right:14px}}
@media(max-height:520px) and (orientation:landscape){.arcade{min-height:0;max-height:none}.arcade.is-immersive{height:var(--play-height,100dvh);min-height:0}.arcade.is-immersive .hud{top:15px;left:calc(105px + env(safe-area-inset-left));right:170px}.arcade.is-immersive .goal{width:250px;max-width:60%;padding:7px 12px}.arcade.is-immersive .goal>span{font-size:9px}.arcade.is-immersive .time strong{font-size:27px}.arcade.is-immersive .time small{font-size:7px}.arcade.is-immersive .time>span{display:none}.arcade.is-immersive .bottom-hud{bottom:98px}.arcade.is-immersive .speed{display:none}.arcade.is-immersive .toast{top:32%;font-size:17px}.arcade.is-immersive .ticket{max-width:580px;margin:0 auto}.arcade.is-immersive .share-preview{max-width:330px;margin:14px auto}.arcade.is-immersive .touch-controls{bottom:12px}.arcade.is-immersive .top-actions #fullscreen{display:none}}

.share-options{gap:12px;flex-wrap:wrap}.share-options .text-button{padding:8px 2px;font-size:11px}.wordmark{min-height:44px}footer a{display:inline-flex;align-items:center;min-height:44px}.arcade.is-immersive .finish-screen:focus-within .ticket{margin-top:0}
/* Incoming challenges include a banner; keep their start button above the fold. */
@media(max-width:600px){body:has(.challenge-banner:not([hidden])) .arcade:not(.is-immersive){height:clamp(410px,calc(100svh - 275px),640px)}}
@media(max-width:600px) and (max-height:700px){.masthead{height:65px}.game-heading{padding:10px 0 12px}.challenge-banner{margin-bottom:10px;padding:8px 12px}.start-screen{padding:20px}.start-screen h2{font-size:33px;margin:11px 0}.start-screen p{font-size:11px;line-height:1.5}.how-to{font-size:10px;margin:13px 0;gap:6px}.best-start{margin-top:9px}.arcade:not(.is-immersive),body:has(.challenge-banner:not([hidden])) .arcade:not(.is-immersive){height:clamp(365px,calc(100svh - 230px),500px)}.label{font-size:7px}}
