:root{color-scheme:light;--ink:#29332e;--paper:#fff9ee;--mint:#c1eedc;--coral:#ff805c;--yellow:#ffe16b;--muted:#69736b;--line:2px solid var(--ink);font-family:"Arial Rounded MT Bold","Hiragino Maru Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#c6cbbf 0.7px,transparent 0.7px);background-size:22px 22px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:4px solid #346de2;outline-offset:5px}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button{border:0}p,h1,h2,h3{margin:0}.page{max-width:1180px;margin:0 auto;padding:28px 40px 18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.wordmark{font-size:18px;font-weight:900;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}.wordmark b{color:#d84f31}.logo-face{display:inline-grid;place-items:center;width:40px;height:40px;border:var(--line);border-radius:15px 15px 13px 13px;background:var(--coral);transform:rotate(-8deg);font-size:25px;box-shadow:2px 2px 0 var(--ink)}.top-actions{display:flex;gap:10px}.small-button{min-height:40px;background:var(--paper);border:var(--line);border-radius:12px;padding:7px 13px;font-size:12px;font-weight:800}.small-button:hover{background:#ffedbb}.small-button span:first-child{font-size:17px;color:#d34d2f}.small-button #collection-count{color:var(--muted);margin-left:4px;font-size:11px}.sound-button{min-width:75px}.game-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center;margin-top:40px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:900;display:flex;align-items:center;gap:8px}.eyebrow>span{width:8px;height:8px;border-radius:50%;background:var(--coral)}h1{font-size:49px;line-height:1.16;letter-spacing:-2px;font-weight:1000;margin:17px 0 16px}h1>span{display:block}.title-first{color:#da5337;position:relative}.title-first i{display:inline-block;color:#4c8571;font-size:49px;font-style:normal;vertical-align:top;margin:0 0 0 18px;transform:rotate(14deg)}.title-pop{display:block}.title-dot{display:inline-block;transform:rotate(9deg);color:#da5337;margin-left:2px}.tagline{font-size:23px;font-weight:900;letter-spacing:.5px}.intro-copy{font-size:12px;line-height:1.9;color:#566258;margin-top:10px;font-weight:600}.best-card{display:flex;align-items:center;gap:12px;margin-top:22px;padding:12px 16px;background:#fffdf8;border:var(--line);border-radius:16px;box-shadow:3px 3px 0 #d7dbc9}.trophy{color:#9c6900;background:#fff0b0;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:25px}.small-label{display:block;font-size:10px;font-weight:800;color:#4e6357;letter-spacing:.5px}.best-card strong{display:block;font-size:29px;line-height:1.15;font-variant-numeric:tabular-nums}.best-card small{font-size:12px}.best-card .text-button{margin-left:auto;font-size:11px}.best-card #best-mode{font-size:9px;color:#647167;margin-left:3px}.text-button{background:transparent;font-weight:800;font-size:12px;padding:10px 3px;min-height:40px}.text-button:hover{text-decoration:underline}.text-button span{font-size:17px;margin-left:4px}.primary-button{width:100%;background:var(--yellow);border:var(--line);border-radius:15px;box-shadow:4px 5px 0 var(--ink);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:900;letter-spacing:.5px;transition:transform .12s,box-shadow .12s;margin-top:17px}.primary-button:hover:not(:disabled){background:#ffea8d;transform:translateY(-2px);box-shadow:4px 7px 0 var(--ink)}.primary-button:active:not(:disabled){transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}.primary-button:disabled{background:#e7e9df;box-shadow:2px 2px 0 #8c9788;font-size:16px}.primary-button>span{font-size:23px}.start-note{text-align:center;font-size:10px;color:var(--muted);margin-top:12px;min-height:15px}.how-to{display:flex;align-items:center;gap:9px;margin-top:19px;font-size:10px;font-weight:800;white-space:nowrap}.how-to b{display:inline-grid;place-items:center;width:21px;height:21px;background:#e9eddf;border-radius:50%;font-size:10px;margin-right:4px}.step-arrow{color:#9ca78f}
.arena{position:relative;isolation:isolate;border:var(--line);border-radius:28px;background:var(--mint);box-shadow:6px 7px 0 var(--ink);overflow:hidden;min-width:0}.arena-hud{display:flex;align-items:center;justify-content:space-between;padding:22px 25px 15px;gap:5px}.arena-hud strong{font-size:31px;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-1px}.arena-hud small{font-size:11px;letter-spacing:0}.score-block{text-align:right;min-width:77px}.round-label{font-size:10px;letter-spacing:1.3px;font-weight:900;background:#eaf9db;border:1.5px solid var(--ink);padding:6px 10px;border-radius:20px;white-space:nowrap}.time-track{height:7px;background:#a0c9b6;margin:0 25px;border-radius:10px;overflow:hidden}.time-track>div{height:100%;width:100%;background:var(--ink);transform-origin:left center;will-change:transform}.tap-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;width:100%;height:360px;overflow:hidden;border:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline-offset:-6px!important}.tap-zone>*{pointer-events:none}.speech{z-index:2;position:relative;font-size:12px;font-weight:900;letter-spacing:.2px;background:#fffdf5;border:var(--line);padding:9px 16px;border-radius:11px;transform:rotate(-5deg);margin-top:3px;box-shadow:2px 3px 0 #90bea7}.speech:after{content:"";position:absolute;width:10px;height:10px;background:#fffdf5;border-right:var(--line);border-bottom:var(--line);bottom:-7px;left:48%;transform:rotate(45deg)}.monster-art{width:260px;height:226px;display:block;z-index:1;transform-origin:50% 75%;filter:drop-shadow(0 8px 0 #78af9226)}.monster-art svg{width:100%;height:100%;overflow:visible}.tap-zone:not(.playing) .monster-art{animation:bob 3s ease-in-out infinite}.monster-art.pop{animation:pop .12s ease-out}.tap-caption{font-size:16px;font-weight:900;z-index:1;letter-spacing:.8px}.tap-caption>span{display:block;font-size:10px;font-weight:600;color:#486554;margin-top:5px;letter-spacing:.5px}.orbit{position:absolute;border-radius:50%;width:275px;height:275px;background:#d8f7e5;top:50%;left:50%;transform:translate(-50%,-48%)}.orbit-two{width:330px;height:330px;background:transparent;border:2px dashed #8cc7a9;opacity:.6}.doodle{position:absolute;font-weight:900;z-index:1;color:#438266}.doodle-one{font-size:42px;left:10%;top:27%;transform:rotate(-12deg)}.doodle-two{font-size:29px;right:11%;top:63%;color:#d15a33}.doodle-three{font-size:22px;right:12%;top:19%;transform:rotate(17deg)}.arena-footer{display:flex;justify-content:center;align-items:center;gap:6px;border-top:1px solid #91b7a2;padding:13px 8px;font-size:9px;font-weight:700;background:#cef1df}.live-dot{height:6px;width:6px;border-radius:50%;background:#467f64}.countdown{position:absolute;inset:0;display:grid;place-items:center;background:#c1eedcde;color:var(--ink);font-size:120px;font-weight:1000;z-index:5;text-shadow:5px 5px 0 white}.particles{position:absolute;inset:0;overflow:hidden;z-index:3}.particle{position:absolute;font-size:23px;font-weight:900;color:#bf442c;animation:particle .55s ease-out forwards}.arena.is-running{box-shadow:6px 7px 0 #538a68}.is-running .round-label{background:var(--yellow)}.arena.last-seconds .time-track>div{background:#d45b37}.collection-teaser{display:flex;align-items:center;gap:20px;margin-top:34px;padding:19px 23px;border:1px solid #d3d7c8;border-radius:18px;background:#f4f3e9}.mini-friends{display:flex;align-items:center;padding-left:3px;flex-shrink:0}.mini-friend{display:grid;place-items:center;width:40px;height:42px;border:1.7px solid var(--ink);border-radius:16px 16px 12px 12px;margin-left:-3px;font-size:21px;font-weight:900;transform:rotate(-10deg)}.mini-friend:nth-child(2){transform:rotate(7deg) translateY(-4px);z-index:1}.mini-friend:nth-child(3){transform:rotate(13deg)}.coral{background:var(--coral)}.blue{background:#91cbee}.yellow{background:var(--yellow)}.collection-copy strong{font-size:13px}.collection-copy p{font-size:11px;color:var(--muted);margin-top:5px}.collection-teaser>.text-button{margin-left:auto;white-space:nowrap}.page-footer{display:flex;justify-content:space-between;gap:10px;padding:20px 0 0;font-size:9px;color:#6b7668}.storage-warning{padding:10px;background:#fff0b9;font-size:12px;border-radius:8px;margin-top:10px}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap}
.result{position:absolute;inset:0;z-index:10;background:#fffaf0;padding:22px 30px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.result-kicker{font-size:10px;letter-spacing:2px;font-weight:900;color:#c14b30}.result h2{font-size:14px;margin-top:7px}.result-score{font-size:78px;line-height:1.15;font-weight:1000;letter-spacing:-3px;font-variant-numeric:tabular-nums}.result-score small{font-size:20px;margin-left:6px;letter-spacing:0}.rank-pill{font-size:13px;background:#d8efd9;border:1.5px solid var(--ink);border-radius:20px;padding:6px 16px;font-weight:900}.result-detail{font-size:10px;color:#596653;margin-top:9px;min-height:16px}.pace-wrap{margin-top:16px;width:100%;background:#f0f0e3;border-radius:12px;padding:11px 13px 6px}.pace-heading{display:flex;justify-content:space-between;gap:5px;font-size:9px;font-weight:800}.pace-chart{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;height:57px;align-items:end;margin-top:8px}.pace-bar{border-radius:4px 4px 0 0;background:#82bca0;min-height:2px;position:relative}.pace-bar.peak{background:#ef8058}.pace-bar span{position:absolute;top:-12px;left:0;right:0;text-align:center;font-size:8px;font-weight:800}.chart-axis{display:flex;justify-content:space-between;font-size:8px;color:#64715e;margin-top:3px}.unlock-message{font-size:11px;line-height:1.7;font-weight:800;margin-top:13px;min-height:19px}.result .primary-button{margin-top:12px;padding:13px 16px;font-size:16px;flex-shrink:0}.result>.text-button{font-size:11px;padding:8px 20px;margin-top:6px;min-height:32px}
dialog{color:var(--ink);width:min(680px,calc(100% - 28px));max-height:85vh;max-height:85dvh;padding:26px;border:var(--line);border-radius:24px;background:var(--paper);box-shadow:6px 7px 0 #29332e80;overscroll-behavior:contain}dialog::backdrop{background:#17372f80;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.dialog-top h2{margin-top:8px;font-size:23px}.dialog-top .eyebrow{font-size:9px;letter-spacing:1.6px;color:#647764}.close-button{width:40px;height:40px;flex-shrink:0;background:#fff0bd;border:var(--line);border-radius:50%;font-size:27px}.dialog-description{font-size:12px;line-height:1.9;color:#647060;margin:16px 0}.total-label{font-size:12px;margin:14px 0}.total-label strong{font-size:22px;margin:0 4px}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.friend-card{padding:10px 6px;border:1.5px solid #9ba993;border-radius:15px;background:#f2f2e6;font-weight:800;font-size:11px;min-width:0}.friend-card[aria-pressed="true"]{border:2px solid var(--ink);background:#ddf3d9;box-shadow:2px 3px 0 var(--ink)}.friend-card:disabled{opacity:.7}.friend-card svg{width:100%;height:95px;display:block}.friend-card:disabled svg{filter:grayscale(1);opacity:.5}.friend-card>span{display:block;font-size:9px;font-weight:600;margin-top:5px;min-height:14px}.dialog-footnote{font-size:10px;color:#6a7564;margin-top:18px;line-height:1.7}.record-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.record-card{background:#e5f1df;border-radius:13px;padding:13px 8px;text-align:center}.record-card p{font-size:11px;font-weight:800}.record-card strong{display:block;font-size:32px}.record-card strong small{font-size:11px}.record-card>small{font-size:9px;color:#68735d}dialog h3{font-size:13px;margin:22px 0 12px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.badge{background:#f1efde;border-radius:10px;font-size:10px;padding:10px 5px;text-align:center;color:#727768}.badge.earned{background:#ffecad;color:#5d4920;font-weight:800}.badge span{display:block;font-size:9px;margin-top:5px}.history-list{padding:0;list-style:none;display:grid;gap:5px}.history-list li{display:flex;justify-content:space-between;background:#f2f1e7;border-radius:8px;padding:10px;font-size:11px}.history-list li span{color:#647060}.history-empty{font-size:12px;color:#697460}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.07,.94)}100%{transform:scale(1)}}@keyframes particle{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% - 80px)) rotate(var(--spin));opacity:0}}
@media(min-width:1000px) and (max-height:780px){.page{padding-top:21px}.game-layout{margin-top:26px;gap:52px}h1{font-size:43px;margin:13px 0}.intro-copy{font-size:11px}.tagline{font-size:21px}.best-card{margin-top:17px}.how-to{margin-top:15px}.collection-teaser{margin-top:25px;padding:14px 22px}.page-footer{padding-top:16px}}
@media(max-width:950px){.page{padding:22px 28px 16px}.game-layout{gap:28px;grid-template-columns:.95fr 1.05fr;margin-top:34px}h1{font-size:39px}.title-first i{font-size:39px;margin-left:10px}.tagline{font-size:19px}.intro-copy{font-size:11px}.arena-hud{padding:20px 17px 14px}.arena-hud strong{font-size:27px}.round-label{font-size:8px;padding:5px 7px}.time-track{margin:0 17px}.tap-zone{height:360px}.monster-art{width:235px}.how-to{gap:5px;font-size:9px}.how-to b{width:17px;height:17px;margin-right:2px}.result{padding:22px 20px 12px}.collection-teaser{gap:14px}.collection-copy strong{font-size:12px}}
@media(max-width:680px){.page{padding:16px 18px 18px}.topbar{gap:5px}.wordmark{font-size:12px;gap:6px}.logo-face{height:31px;width:31px;font-size:19px;border-radius:11px}.top-actions{gap:6px}.small-button{padding:5px 9px;min-height:36px;font-size:10px;border-radius:10px}.small-button #collection-count{display:none}.sound-button{min-width:61px}.game-layout{display:flex;flex-direction:column;gap:18px;margin-top:22px}.intro{width:100%;display:grid;grid-template-columns:1fr 115px;column-gap:12px;align-items:center}.eyebrow{font-size:8px;letter-spacing:1.6px;grid-column:1/-1}h1{font-size:29px;letter-spacing:-1px;line-height:1.22;margin:9px 0 6px;grid-column:1/-1}h1>span{display:inline}.title-first{margin-right:4px}.title-first i{display:none}.title-pop{display:inline}.tagline{font-size:15px;letter-spacing:.2px;grid-column:1}.intro-copy{grid-column:1;font-size:10px;line-height:1.7;margin-top:5px}.best-card{grid-column:2;grid-row:3/5;margin:0;padding:7px 9px;border-radius:12px;gap:0;display:block;align-self:stretch}.best-card .trophy{display:none}.best-card .small-label{font-size:8px;letter-spacing:0}.best-card #best-mode{font-size:7px;margin-left:2px}.best-card strong{font-size:26px;margin-top:3px}.best-card .text-button{font-size:8px;padding:0;min-height:20px;float:right;margin-top:-20px}.best-card .text-button span{font-size:11px}.primary-button{grid-column:1/-1;font-size:16px;padding:12px 17px;margin-top:15px;border-radius:13px}.start-note{grid-column:1/-1;margin-top:9px;font-size:9px}.how-to{display:none}.arena{width:100%;max-width:480px;border-radius:23px;box-shadow:4px 5px 0 var(--ink)}.arena-hud{padding:14px 20px 11px}.arena-hud strong{font-size:28px}.arena-hud .small-label{font-size:9px}.round-label{font-size:9px;padding:5px 9px}.time-track{height:6px;margin:0 20px}.tap-zone{height:310px}.monster-art{width:227px;height:204px}.speech{font-size:11px;padding:7px 12px}.tap-caption{font-size:14px}.tap-caption>span{font-size:9px}.orbit{width:250px;height:250px}.orbit-two{width:300px;height:300px}.arena-footer{font-size:8px;padding:11px 4px}.collection-teaser{margin-top:23px;padding:13px 10px;gap:9px;border-radius:14px;flex-wrap:wrap}.mini-friend{width:27px;height:30px;font-size:15px;border-radius:11px 11px 8px 8px}.collection-copy strong{font-size:10px}.collection-copy p{font-size:9px}.collection-teaser>.text-button{font-size:9px;min-height:24px;padding:0}.collection-teaser>.text-button span{font-size:12px}.page-footer{font-size:8px;flex-direction:column;gap:7px;padding-top:16px}.result{padding:15px 20px 8px}.result-score{font-size:65px}.result h2{font-size:12px;margin-top:5px}.result-kicker{font-size:9px}.rank-pill{font-size:11px;padding:5px 13px}.result-detail{font-size:9px;margin-top:7px}.pace-wrap{margin-top:12px;padding:10px 11px 5px}.pace-chart{height:46px}.unlock-message{font-size:10px;margin-top:9px}.result .primary-button{margin-top:9px;padding:10px 15px;font-size:14px}.result>.text-button{margin-top:3px;font-size:10px;padding:6px 15px}.collection-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:20px}.dialog-top h2{font-size:21px}.badge-grid{grid-template-columns:repeat(3,1fr)}.badge{font-size:9px}.record-card strong{font-size:28px}}
@media(max-width:380px){.page{padding-left:13px;padding-right:13px}h1{font-size:25px}.intro{grid-template-columns:1fr 104px;gap:0 8px}.intro-copy{font-size:9px}.game-layout{margin-top:18px;gap:15px}.tap-zone{height:285px}.monster-art{height:180px;width:205px}.orbit{width:225px;height:225px}.orbit-two{width:270px;height:270px}.result{padding:12px 16px 8px}.result-score{font-size:55px}.pace-chart{height:40px}.collection-teaser>.text-button{margin-left:auto}.wordmark{font-size:11px}.small-button{padding:5px 7px}}
.arena-hud strong{white-space:nowrap}.timer-block{flex-shrink:0}
@media(max-width:680px){.score-block{min-width:50px}}
@media(max-width:380px){.arena-hud{padding-left:16px;padding-right:16px}.arena-hud strong{font-size:26px}.round-label{font-size:8px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.particle{display:none}}
.submit-score{width:100%;margin-top:12px;min-height:43px;padding:10px 14px;border:2px solid var(--ink);border-radius:12px;background:#d8efd9;font-size:13px;font-weight:900;flex-shrink:0}.submit-score:disabled{background:#efefe5;color:#737b6e;cursor:default}.submit-score:not(:disabled):hover{background:#bce6c7}.ranking-submit-note{font-size:10px;line-height:1.65;margin-top:7px;overflow-wrap:anywhere}.result-links{display:flex;gap:15px;justify-content:center;flex-shrink:0}.result-links .text-button{font-size:10px}.result{max-height:none;padding-bottom:15px}.result-score{font-size:65px}.result .pace-wrap{margin-top:10px}.result .unlock-message{margin-top:8px}.ranking-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.ranking-filters button{border:1.5px solid #a1ac96;background:#f2f1e4;border-radius:10px;min-height:42px;padding:9px 5px;font-size:12px;font-weight:800}.ranking-filters button[aria-pressed="true"]{border-color:var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.ranking-modes button[aria-pressed="true"]{background:var(--mint)}.leaderboard-identity{font-size:11px;margin:18px 0 8px;overflow-wrap:anywhere}.leaderboard-self{font-size:13px;line-height:1.8;font-weight:800;padding:14px;background:#e3f2dc;border:1px solid #b1c6a9;border-radius:12px}.leaderboard-status{font-size:11px;line-height:1.8;color:#59674f;margin:13px 0;min-height:20px}.leaderboard-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:12px;table-layout:fixed}.leaderboard-table caption{text-align:left;font-weight:900;padding-bottom:10px;font-size:13px}.leaderboard-table th{text-align:left;border-bottom:2px solid #728069;padding:9px 5px;font-size:10px}.leaderboard-table th:first-child{width:48px}.leaderboard-table th:last-child{width:63px}.leaderboard-table td{padding:12px 5px;border-bottom:1px solid #dce0cf;overflow-wrap:anywhere}.leaderboard-table td:first-child{font-weight:900}.leaderboard-table th:last-child,.leaderboard-table td:last-child{text-align:right;white-space:nowrap}.my-rank-row{background:#d9f1d6;font-weight:900}#leaderboard-refresh{display:block;margin-left:auto}#leaderboard-dialog{width:min(680px,calc(100% - 24px))}.result .primary-button{flex-shrink:0}
@media(max-width:680px){.result-score{font-size:53px}.result{padding:12px 18px}.result .pace-chart{height:34px}.result .pace-wrap{padding-top:8px;margin-top:8px}.result .rank-pill{font-size:10px}.result .unlock-message{min-height:0;margin-top:6px}.result .result-detail{min-height:0;font-size:9px}.result .primary-button{margin-top:8px;padding:8px 12px;min-height:42px}.submit-score{margin-top:10px;min-height:40px;padding:8px 10px;font-size:12px}.ranking-submit-note{font-size:9px}.leaderboard-self{font-size:11px;padding:11px}.leaderboard-table{font-size:11px}.top-actions{gap:5px}.wordmark{font-size:11px}.small-button{font-size:9px;padding:5px 7px}.ranking-filters{gap:6px}.ranking-filters button{font-size:11px}.leaderboard-table th:first-child{width:39px}.leaderboard-table th:last-child{width:53px}}
@media(max-width:400px){.wordmark>span:last-child{display:none}.topbar{gap:8px}.top-actions{gap:6px}.small-button{font-size:10px;padding:5px 8px}.result-score{font-size:48px}.leaderboard-table{font-size:10px}}
.result>*{flex-shrink:0}@media(max-width:400px){.leaderboard-table{font-size:11px}}