@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap";:root{font-family:Barlow,Arial,sans-serif;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box;letter-spacing:0}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}svg{width:20px;height:20px;stroke-width:1.7;flex-shrink:0;pointer-events:none}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.classic-header{position:fixed;left:0;right:0;top:0;height:78px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:4;border-bottom:1px solid color-mix(in srgb,var(--edge) 35%,transparent);background:var(--bg)}.back{display:flex;align-items:center;gap:14px}.back>svg{width:16px;color:var(--dim)}.back b{font:900 italic 35px/1 Barlow Condensed,sans-serif}.back span{color:var(--accent)}.edition{text-align:center;min-width:0}.edition strong{font:600 17px Barlow Condensed,sans-serif;text-transform:uppercase;display:block}.edition>span{font-size:8px;color:var(--dim);display:block;margin-top:3px}.classic-header nav{display:flex;gap:7px}.classic-header button{width:37px;height:37px;display:grid;place-items:center;background:transparent;border:1px solid var(--edge);border-radius:4px}.classic-header button:hover,.classic-header button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.stage{position:fixed;isolation:isolate}#game{display:block;width:100%;height:100%;touch-action:none}.intro{position:absolute;left:6%;top:50%;transform:translateY(-42%);width:330px}.kicker{display:flex;align-items:center;gap:10px;font-size:10px;text-transform:uppercase;color:var(--dim)}.kicker>span{background:var(--accent);color:var(--bg);padding:5px 7px}.intro h1{font:800 italic 75px/.93 Barlow Condensed,Impact,sans-serif;text-transform:uppercase;margin:24px 0 20px;overflow-wrap:normal}.intro h1 em{font-size:21px;line-height:1.4;font-weight:600;font-style:normal;color:var(--accent);display:block;margin-top:12px}.venue{font-size:12px;color:var(--dim);margin-bottom:30px}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;background:var(--accent);color:var(--bg);border-radius:3px;font-size:12px;font-weight:700}.primary:hover{filter:brightness(1.1)}.intro-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--dim);margin-top:18px}.best{display:flex;align-items:center;gap:13px;margin-top:39px;color:var(--dim)}.best span{font-size:9px}.best strong{display:block;font-size:21px;font-weight:500;color:var(--ink);margin-top:3px;font-variant-numeric:tabular-nums}.modes{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--edge);gap:4px;border-radius:4px;margin-bottom:18px}.modes button{background:transparent;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;border-radius:2px;padding:10px}.modes button[aria-pressed=true]{background:var(--surface);color:var(--accent)}.modes svg{width:16px;height:16px}.status{position:fixed;bottom:12px;left:30px;right:30px;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:var(--dim);pointer-events:none}.status>span:last-child{color:var(--accent)}.touch{position:fixed;bottom:25px;left:22px;right:22px;display:flex;align-items:end;justify-content:space-between;gap:14px;pointer-events:none}.touch button{display:grid;place-items:center;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;width:52px;height:52px;border:1px solid var(--edge);border-radius:5px;background:var(--surface)}.touch button.pressed{background:var(--accent);color:var(--bg)}.direction-pad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:5px}.direction-pad:empty{display:none}.direction-pad button{width:46px;height:46px}.dir-up{grid-column:2;grid-row:1}.dir-down{grid-column:2;grid-row:2}.dir-left{grid-column:1;grid-row:2}.dir-right{grid-column:3;grid-row:2}.action-pad{display:flex;align-items:end;gap:9px}.action-pad button{border-radius:50%;color:var(--accent)}.action-pad button:first-child{height:62px;width:62px}.action-pad button:nth-child(n+2){height:47px;width:47px}.action-pad button.pressed{color:var(--bg)}dialog{width:min(390px,calc(100% - 32px));max-height:calc(100% - 24px);padding:30px;background:var(--bg);border:1px solid var(--edge);border-radius:7px;color:var(--ink)}dialog::backdrop{background:#071615ba;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-label{font-size:11px;text-transform:uppercase;color:var(--accent)}dialog h2{font:700 italic 45px/.97 Barlow Condensed,sans-serif;margin:20px 0 28px}.secondary{padding:16px 0;border-bottom:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:transparent;font-size:13px}.secondary:hover{color:var(--accent)}.result-score{margin:0 0 25px}.result-score>span,.result-score>small{font-size:10px;color:var(--dim);display:block}.result-score>strong{font:700 64px Barlow Condensed,sans-serif;color:var(--accent);display:block;font-variant-numeric:tabular-nums}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.loading>b{font:900 italic 54px Barlow Condensed,sans-serif;color:var(--accent)}.loading>span{font-size:14px}.loading>.primary{width:210px}@media(min-width:1600px){.intro{left:9%;width:370px}.intro h1{font-size:84px}}@media(max-width:1050px){.intro{left:4%;width:285px}.intro h1{font-size:63px}}@media(max-width:700px){.classic-header{height:70px;padding:0 20px;gap:12px}.classic-header button{height:33px;width:33px}.back{gap:8px}.back b{font-size:30px}.back>svg{width:14px}.edition strong{font-size:14px}.edition>span{font-size:7px}.classic-header nav{gap:5px}.intro{left:24px;right:24px;top:auto;bottom:28px;transform:none;width:auto}.intro h1{font-size:46px;line-height:.98;margin:15px 0 13px}.intro h1 em{font-size:17px;margin-top:7px}.kicker{font-size:9px}.kicker>span{padding:4px 6px}.venue{margin-bottom:17px;font-size:11px}.intro-meta{font-size:8px;margin-top:14px}.best{display:none}.primary{padding:14px 17px;font-size:11px}.modes{margin-bottom:12px}.modes button{padding:7px}.modes svg{width:14px}.status{left:22px;right:22px;bottom:9px;font-size:8px}.touch{left:16px;right:16px;bottom:28px;gap:8px}.action-pad{gap:7px}.action-pad button:first-child{width:54px;height:54px}.action-pad button:nth-child(n+2){width:41px;height:41px}.direction-pad{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:4px}.direction-pad button{width:42px;height:42px}}@media(max-width:360px){.classic-header{padding:0 14px;gap:8px}.edition strong{font-size:12px}.classic-header button{width:30px;height:30px}.intro h1{font-size:39px}.touch{left:11px;right:11px;gap:4px}.direction-pad{grid-template-columns:repeat(3,37px);grid-template-rows:repeat(2,40px)}.direction-pad button{width:37px;height:40px}.action-pad{gap:4px}.action-pad button:first-child{width:48px;height:48px}.action-pad button:nth-child(n+2){width:37px;height:37px}}@media(max-height:600px)and (min-width:701px){.classic-header{height:65px}.intro{top:85px;transform:none;width:265px}.intro h1{font-size:49px;margin:16px 0}.intro h1 em{font-size:17px}.venue{margin-bottom:20px}.best{display:none}.primary{padding:13px 16px}.intro-meta{margin-top:13px}.kicker{font-size:9px}.direction-pad{grid-template-columns:repeat(2,42px);grid-template-rows:repeat(3,42px);gap:4px}.direction-pad button{width:42px;height:42px}.dir-up{grid-column:1;grid-row:1}.dir-down{grid-column:1;grid-row:3}.dir-left{grid-column:1;grid-row:2}.dir-right{grid-column:2;grid-row:2}.touch{left:18px;right:18px;bottom:36px}.action-pad{flex-direction:column;gap:7px}.action-pad button:first-child{height:51px;width:51px}.action-pad button:nth-child(n+2){height:40px;width:40px}}@media(max-width:700px)and (max-height:650px){.intro{bottom:23px}.intro h1{font-size:37px;margin:12px 0 10px}.intro h1 em{font-size:15px}.venue{font-size:10px;margin-bottom:15px}.kicker{font-size:8px}}
