*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#050918;color:#fff;font-family:Arial,Helvetica,sans-serif}body{display:grid;place-items:center;overflow:hidden}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #ffe53b;outline-offset:4px}[hidden]{display:none!important}.monochrome{filter:grayscale(1)}#game{position:relative;width:min(100vw,56.25dvh);height:min(100dvh,177.7778vw);max-width:560px;max-height:995.55px;overflow:hidden;background:#08153b;box-shadow:0 0 100px #153fc644;isolation:isolate;container-type:inline-size}#stage,.screen,#hud{position:absolute;inset:0;width:100%;height:100%}#cover{background:radial-gradient(ellipse at 50% 48%,#204b9a 0,#102955 37%,#081226 73%);padding:7% 8% 5%;display:flex;align-items:center;flex-direction:column;text-align:center}.eyebrow{margin:0;color:#c3d5f4;font-size:14px;font-weight:800;letter-spacing:3px}.cover-title{margin:5% 0 0;font-size:clamp(38px,12cqw,64px);line-height:.92;font-weight:950;letter-spacing:-2px;transform:skew(-5deg);font-family:Impact,'Arial Black',Arial,sans-serif}.cover-title span{display:block;color:#ffdd27;font-size:.65em;margin-top:10px;letter-spacing:1px}.cover-title strong{color:#fff}.hero-product{height:40%;width:70%;position:relative;display:grid;place-items:center;margin:5% 0 1%;flex-shrink:1;min-height:0}.hero-product img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 14px 20px #030914bb);transform:rotate(-8deg)}.points{position:absolute;right:0;top:28%;display:grid;place-items:center;width:64px;height:64px;border:2px solid #ffde38;background:#081738;border-radius:50%;color:#ffde38;font-size:28px;font-weight:950;transform:rotate(8deg)}.rules{margin:0;width:100%;font-size:clamp(14px,4cqw,18px);line-height:1.4;color:#e0e8ff}.rules strong{color:#fff}.final-rule{margin:12px 0 18px;color:#ffe439;font-size:clamp(14px,3.6cqw,17px);font-weight:bold;line-height:1.3}.arcade{width:100%;border:0;border-bottom:5px solid #ac153a;border-radius:8px;background:#e82b53;color:#fff;box-shadow:0 8px 25px #e9275340;font-size:clamp(22px,6cqw,30px);font-weight:950;padding:16px 12px;letter-spacing:1px;min-height:54px}.arcade:active{transform:translateY(2px);border-bottom-width:3px}.arcade:disabled{opacity:.45;cursor:default}.cover-bottom{margin:auto 0 0;padding-top:12px;font-size:12px;letter-spacing:2px;color:#94add6}.cover-error{position:absolute;bottom:4%;left:7%;right:7%;font-size:14px;color:#ffabbc;background:#081226}.cover-error:empty{display:none}header{height:12%;display:flex;align-items:center;gap:8px;padding:12px 4%;background:#08152feb;border-bottom:2px solid #486ca1}header div{display:flex;flex-direction:column;min-width:55px}header span,.label{font-size:14px;color:#b8cff4;font-weight:700;letter-spacing:1px}header strong{font-size:clamp(27px,8cqw,40px);line-height:1.1;color:#fff}.time{margin-left:auto}.small{width:38px;min-width:38px;height:42px;border:1px solid #6284b5;border-radius:7px;background:#112b54;color:#fff;font-size:23px;padding:0}.exit-button{font-size:14px}.small[aria-pressed=true]{background:#42516b}.meter{height:5px;background:#14294f}.meter i{display:block;height:100%;width:100%;background:#ffd930}#combo{margin:14px 8px 0;text-align:center;color:#ffdd32;font-size:clamp(14px,3.6cqw,18px);font-weight:900;letter-spacing:.5px}#phase{text-align:center;font-size:14px;color:#bcd0f5;margin:6px 0}.phase-final{color:#fff!important;font-weight:900}#targets{position:absolute;top:22%;left:4%;width:92%;height:67%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:0 2%}.target{border:0;background:none;position:relative;padding:0;touch-action:none;outline-offset:-5px}.target:disabled{cursor:default}.target:focus-visible{background:#ffffff22}footer{position:absolute;bottom:3%;width:100%;padding:0 5%;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#a9c0e5;font-weight:800;letter-spacing:1px}.overlay{position:absolute;inset:0;background:#040a1cd9;display:grid;place-items:center;padding:7%;backdrop-filter:blur(7px)}.panel{width:100%;max-height:94%;overflow:auto;text-align:center;padding:30px 20px;background:#112750;border:1px solid #5575a7;border-top:5px solid #ffe139;border-radius:12px;box-shadow:0 15px 50px #0008}.panel h1{font-size:clamp(26px,8cqw,40px);line-height:1.05;margin:16px 0 20px}.panel p{font-size:16px;line-height:1.5;color:#d0ddf5}.big-score{display:block;font-size:76px;font-weight:950;line-height:1.1;color:#ffe139;margin:10px 0}.stats{display:flex;justify-content:center;gap:26px;margin:24px 0}.stats div{display:flex;flex-direction:column;gap:6px}.stats strong{font-size:32px}.stats span{font-size:14px;color:#b8cfef}.text-button{display:block;margin:17px auto;background:transparent;border:0;color:#cadcff;text-decoration:underline;font-size:16px;padding:5px}.panel small{font-size:12px;color:#a4bde2}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(prefers-reduced-motion:reduce){.hero-product img,.cover-title{transform:none}.arcade:active{transform:none}}@media(max-height:650px){#cover{padding-top:5%}.cover-title{font-size:11cqw}.hero-product{height:36%;margin-top:3%}.final-rule{margin:7px 0 12px}.arcade{padding:12px}.panel{padding:20px 14px}}@media(prefers-contrast:more){.target:focus-visible{outline-width:5px}.small,.panel{border-color:#fff}}

#cover .hero-product{height:35%}#cover .board-link{margin:8px auto 0;font-size:16px;letter-spacing:1px}.save-score{text-align:left;border-top:1px solid #5575a7;padding:16px 0 0;margin:15px 0}.save-score label{display:block;font-size:14px;font-weight:800;letter-spacing:1px;margin-bottom:8px;color:#d0ddf5}.save-line{display:flex;gap:8px}.save-line input{width:100%;min-width:0;padding:12px 10px;border:1px solid #6d8db9;border-radius:6px;background:#08172f;color:#fff;font:inherit;font-size:16px}.save-line input:focus-visible{outline:3px solid #ffe139;outline-offset:2px}.save-line button{border:0;border-radius:6px;padding:10px 14px;background:#ffe139;color:#08152f;font-weight:900;font-size:14px}.save-line button:disabled{opacity:.45;cursor:default}.save-score small{display:block;margin-top:8px;font-size:12px;line-height:1.4}.save-score #save-status{font-size:14px;margin:8px 0 0}.save-score #save-status:empty{display:none}.board-overlay{z-index:10;background:#040a1cf5}.board-panel{position:relative;padding:27px 18px}.board-close{position:absolute;right:12px;top:12px;width:34px;min-width:34px;height:34px;font-size:16px}.board-panel .eyebrow{font-size:12px;letter-spacing:2px;padding-right:24px}.board-panel h1{font-family:Impact,'Arial Black',Arial,sans-serif;letter-spacing:1px;margin:17px 0;font-size:46px}.personal-best{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px;border:1px solid #5775a8;background:#0a1a37;border-radius:7px;margin-bottom:18px}.personal-best span{font-size:12px;font-weight:800;letter-spacing:1px;text-align:left}.personal-best strong{font-size:27px;color:#ffe139}.board-tabs{display:flex;gap:8px}.board-tabs button{flex:1;padding:12px 8px;border:1px solid #6481ab;border-radius:6px;background:#081934;color:#cbdafa;font-size:14px;font-weight:900}.board-tabs button[aria-pressed=true]{background:#ffe139;border-color:#ffe139;color:#08152f}.board-panel #board-period{font-size:12px;color:#b9cef1;margin:12px 0;text-transform:uppercase;letter-spacing:.5px}.board-panel table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}.board-panel th{font-size:12px;color:#a9bfe0;letter-spacing:.5px;padding:9px 6px;border-bottom:1px solid #5a76a1}.board-panel td{padding:10px 6px;border-bottom:1px solid #344e76;font-size:16px;overflow-wrap:anywhere}.board-panel th:first-child,.board-panel td:first-child{width:32px;text-align:center;color:#ffe139;font-weight:900}.board-panel th:last-child,.board-panel td:last-child{width:78px;text-align:right;font-weight:900}.board-panel tbody tr:first-child{background:#284373}.board-panel #board-status{font-size:15px;line-height:1.5;margin:20px 0}.board-panel #board-status:empty{display:none}.board-panel small{display:block;line-height:1.4}.board-panel .text-button{margin:15px auto}.board-panel table[hidden]{display:none}@media(max-height:650px){#cover .hero-product{height:31%}#cover .board-link{margin-top:5px}.board-panel{padding:24px 14px}.board-panel td{padding:8px 5px}}