@font-face{font-family:Bangers;src:url('/assets/bangers.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#081624;color:#edf8ff;font-family:Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent}button,a{-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:3px solid #62e8ff;outline-offset:5px}[hidden]{display:none!important}#app{position:relative;height:100svh;height:100dvh;width:100%;min-height:320px;isolation:isolate;overflow:hidden}#arena{position:absolute;inset:0;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline:none}.topbar{position:absolute;z-index:4;top:calc(25px + env(safe-area-inset-top));left:max(4%,env(safe-area-inset-left));right:max(4%,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{color:#e7f6ff;text-decoration:none;display:flex;gap:10px;align-items:center;font-size:17px;letter-spacing:2px;font-weight:800;pointer-events:auto}.brand svg{height:36px;width:28px;fill:#ff974b}.brand small{display:block;color:#638da7;font-size:8px;letter-spacing:2px;margin-top:4px;font-weight:600}.controls{display:flex;gap:9px;margin-left:auto;pointer-events:auto}.icon{width:43px;height:43px;border:1px solid #6a96b044;background:#122638bb;border-radius:8px;display:grid;place-items:center;transition:background .15s}.icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon:hover{background:#21435b}.icon[aria-pressed=false]{color:#53748b}.home{position:absolute;inset:110px 0 0;pointer-events:none}.intro{position:absolute;left:10%;top:6%;pointer-events:auto}.kicker{display:flex;align-items:center;gap:9px;color:#77a2bb;letter-spacing:2.5px;font-weight:700;font-size:10px}.kicker i{width:6px;height:6px;background:#fe9954;box-shadow:0 0 15px #ff9b55;border-radius:50%}h1{font-family:Bangers,Impact,sans-serif;font-weight:400;font-size:clamp(90px,9.3vw,150px);letter-spacing:3px;line-height:.77;margin:33px 0 30px;position:relative;transform:rotate(-5deg);text-shadow:4px 5px 0 #030d16}.intro h1 span{font-size:1.24em;color:#ff974c;text-shadow:4px 5px 0 #40251b,8px 8px 0 #050d17}.intro h1 b{position:absolute;color:#ff974c;font-weight:400;font-size:1.24em;bottom:-.06em;right:-.28em}.intro>p{font-size:17px;line-height:1.65;color:#9ab8cb;margin:0 0 23px}.play{font-family:Bangers,Impact,sans-serif;font-size:28px;letter-spacing:1.3px;background:#ff984d;color:#0b1c2b;display:flex;align-items:center;justify-content:center;gap:22px;min-height:64px;padding:14px 25px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));box-shadow:0 0 40px #ff974422;transition:background .15s,transform .15s}.play:hover{background:#ffb773;transform:translateY(-2px)}.play:active{transform:translateY(2px)}.play-arrow{font-size:17px}.button-seconds{font:700 10px Arial,sans-serif;letter-spacing:1px;background:#0d213b19;border-left:1px solid #26324440;padding:12px 0 12px 17px}.record{display:flex;align-items:center;gap:9px;color:#5e829b;font-size:9px;font-weight:700;letter-spacing:1.6px;margin-top:22px}.record>span{color:#ffc369;font-size:17px}.record strong{font-family:Bangers;font-size:25px;font-weight:400;color:#b1cfdf;letter-spacing:1px}.hero-caption{position:absolute;right:13%;bottom:28%;text-align:center;transform:rotate(-7deg);color:#b3edff}.hero-caption b{font-family:Bangers;font-size:26px;letter-spacing:2px;text-shadow:2px 3px #08121e}.hero-caption small{display:block;font-size:8px;letter-spacing:3px;color:#5489a5;margin-top:8px}.instructions{position:absolute;bottom:11%;left:10%;right:10%;display:flex;gap:40px;color:#7398b0;font-size:9px;letter-spacing:1.2px;font-weight:700}.instructions>span{display:flex;align-items:center;gap:9px}.mini-core{width:15px;height:17px;display:block;background:#54daec;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.mini-mine{color:#ff576a;border:1px solid #ff576a;width:18px;height:18px;text-align:center;font-size:18px;line-height:14px;border-radius:50%;font-style:normal}.mini-bolt{color:#ffd875;font-size:24px;line-height:1;font-style:normal}.install{pointer-events:auto;position:absolute;bottom:4%;right:5%;font-size:8px;letter-spacing:2px;color:#5a8199;background:transparent;padding:8px}#hud{position:absolute;inset:0;pointer-events:none}.score{position:absolute;top:calc(22px + env(safe-area-inset-top));left:4%;display:flex;flex-direction:column}.score small{font-size:10px;letter-spacing:3px;color:#5f93b3;font-weight:700}.score>strong{font-family:Bangers;font-size:61px;line-height:1;font-weight:400;letter-spacing:1px;text-shadow:0 3px #04121e}.score>span{font-size:9px;letter-spacing:1.4px;color:#547a94;margin-top:5px}.score b{color:#7ba2bc;margin-left:3px}.clock{position:absolute;top:calc(16px + env(safe-area-inset-top));left:calc(50% - 45px);width:90px;height:90px;display:flex;align-items:center;justify-content:center;flex-direction:column}.clock strong{font-family:Bangers;font-weight:400;font-size:38px;line-height:1}.clock small{font-size:7px;font-weight:700;letter-spacing:1.3px;color:#78a2ba;margin-top:3px}.clock svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#ff9b54;stroke-width:2;transform:rotate(-90deg)}.clock .clock-track{stroke:#2c4658}.clock.low{color:#ff786c}.clock.low svg{stroke:#ff685f}#clock-ring{stroke-dasharray:282.743;stroke-dashoffset:0}.power-bar{position:absolute;bottom:calc(25px + env(safe-area-inset-bottom));left:4%;width:270px}.power-bar>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.power-bar span{color:#7096ad;font-size:8px;letter-spacing:1.8px;font-weight:700}.power-bar strong{font-family:Bangers;font-size:20px;font-weight:400;color:#4bc9e8;line-height:1}.power-track{height:7px;border:1px solid #2a566c;background:#071c2d;transform:skewX(-15deg);padding:1px}.power-track i{height:100%;display:block;width:0;background:#4ee3f4;box-shadow:0 0 15px #49d9f8;transition:width .12s}#app[data-power=true] .power-bar span,#app[data-power=true] .power-bar strong{color:#ffe385}#app[data-power=true] .power-track i{background:#ffe077;box-shadow:0 0 20px #ffcb6a}.mission-label{position:absolute;bottom:28px;right:4%;font-size:9px;letter-spacing:2px;color:#305a75;text-align:right}.mission-label span{display:block;margin-top:4px;font-size:7px;color:#42738c}.tutorial{position:absolute;top:26%;left:0;right:0;text-align:center;pointer-events:none;transition:opacity .3s}.tutorial b{font-family:Bangers;font-weight:400;font-size:31px;letter-spacing:2px;color:#d1f5ff}.tutorial span{display:block;color:#6e9bb7;font-size:12px;margin-top:9px}.announcement{position:absolute;top:25%;left:0;width:100%;pointer-events:none;text-align:center;font-family:Bangers;font-size:60px;letter-spacing:3px;color:#ffd184;text-shadow:4px 5px #092032;z-index:6;transform:rotate(-6deg)}[data-state=playing] .brand,[data-state=paused] .brand,[data-state=results] .brand{display:none}.overlay{position:absolute;inset:0;background:#04101bd9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:9}.panel{width:min(460px,100%);padding:36px;text-align:center;background:linear-gradient(145deg,#172f44,#0b1c2c);border:1px solid #44667d;box-shadow:0 20px 100px #0007;position:relative;max-height:95%;overflow:auto}.panel:before{content:'';position:absolute;top:-1px;left:20%;right:20%;height:3px;background:#ff9b55;box-shadow:0 0 30px #ff9b5544}.panel .kicker{justify-content:center;font-size:9px}h2{font-family:Bangers;font-weight:400;letter-spacing:1px;font-size:43px;line-height:1.1;margin:20px 0;color:#ecf7ff}.panel p{font-size:13px;line-height:1.7;color:#85a3b9;margin-bottom:25px}.panel .play{width:100%;font-size:26px;min-height:56px}.text-button{background:transparent;color:#678ea9;font-size:9px;letter-spacing:2px;margin-top:22px;padding:10px}.final-score{font-family:Bangers;font-size:94px;color:#ffab63;line-height:1;text-shadow:3px 4px #050f19}.final-score-label{font-size:9px;letter-spacing:4px;color:#a36e46;margin:4px 0 28px}.stats{display:flex;justify-content:space-around;border-top:1px solid #365066;border-bottom:1px solid #365066;padding:15px 0;margin-bottom:27px}.stats>div{display:flex;flex-direction:column;gap:5px}.stats strong{font-family:Bangers;font-size:26px;color:#b6d9ed;font-weight:400}.stats small{font-size:7px;letter-spacing:1px;color:#5f829a}.result-panel h2{margin-bottom:12px}dialog{padding:36px;color:#e1eef7;background:#10283b;border:1px solid #4a6e88;width:min(480px,calc(100% - 30px));max-height:85dvh;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#04101bd9;backdrop-filter:blur(8px)}dialog p{font-size:13px;line-height:1.7;color:#97b6cb}dialog strong{color:#d1e9f9}dialog h2{font-size:38px}.close{position:absolute;top:10px;right:13px;width:38px;height:38px;background:#1d3b52;font-size:27px;color:#b9d8ed}.install-guide{border-top:1px solid #35546c;margin-top:23px;padding-top:12px}.install-guide h3{font-size:11px;letter-spacing:2px;color:#ffb67e}#offline-status{font-size:10px;color:#64b7c7}.privacy{font-size:9px!important;line-height:1.7}noscript{position:absolute;top:50%;left:10%;right:10%;background:#213950;padding:30px;z-index:20}
@media(min-width:1500px){.intro{left:14%;top:7%}.hero-caption{right:16%}.instructions{left:14%}}
@media(max-height:760px) and (min-width:760px){.home{top:95px}.intro{top:2%}h1{font-size:94px;margin:26px 0 24px}.intro>p{font-size:15px;margin-bottom:18px}.play{min-height:56px;font-size:25px}.record{margin-top:16px}.hero-caption{bottom:25%}.instructions{bottom:8%}}
@media(max-width:700px){.topbar{top:calc(17px + env(safe-area-inset-top));left:6%;right:6%}.brand{font-size:13px;gap:7px;letter-spacing:1px}.brand small{font-size:6px;letter-spacing:1px}.brand svg{width:20px;height:28px}.icon{width:36px;height:36px;border-radius:6px}.icon svg{width:18px;height:18px}.controls{gap:6px}.home{top:82px}.intro{top:30%;left:7%;right:7%;text-align:center}.kicker{justify-content:center;font-size:7px;letter-spacing:1.8px}h1{font-size:clamp(48px,17vw,70px);line-height:.78;margin:22px auto 22px;width:max-content;letter-spacing:2px}h1 br{display:none}.intro h1 span{font-size:1em;margin-left:10px}.intro h1 b{font-size:1em;right:-.26em}.intro>p{font-size:14px;margin-bottom:21px;line-height:1.5}.intro .play{margin:auto;width:min(310px,100%);font-size:25px;min-height:57px;gap:17px}.button-seconds{font-size:9px;padding-left:14px}.record{justify-content:center;margin-top:21px;font-size:8px;gap:8px}.record strong{font-size:24px}.hero-caption{top:24%;bottom:auto;left:0;right:0;transform:rotate(-5deg)}.hero-caption b{font-size:16px;letter-spacing:2px}.hero-caption small{display:none}.instructions{bottom:13%;left:7%;right:7%;display:grid;grid-template-columns:1fr 1fr;gap:17px 14px;font-size:7px;letter-spacing:.7px;max-width:360px;margin:auto}.instructions>span:last-child{grid-column:span 2;justify-content:center}.instructions>span:nth-child(2){justify-content:flex-end}.install{bottom:4%;right:0;left:0;width:100%;font-size:7px}.score{left:6%;top:20px}.score>strong{font-size:47px}.score small{font-size:8px}.score>span{font-size:7px}.clock{width:73px;height:73px;left:calc(46% - 36px);top:14px}.clock strong{font-size:32px}.clock small{font-size:6px}.power-bar{width:200px;left:6%;bottom:calc(23px + env(safe-area-inset-bottom))}.power-bar span{font-size:7px;letter-spacing:1px}.mission-label{font-size:6px;right:5%;bottom:27px;letter-spacing:1px}.mission-label span{font-size:5px}.tutorial{top:23%}.tutorial b{font-size:24px}.tutorial span{font-size:10px}.announcement{font-size:44px;top:25%}.panel{padding:30px 23px}h2{font-size:37px}.final-score{font-size:78px}.panel .kicker{font-size:8px}.stats small{font-size:6px}.panel .play{font-size:23px}.text-button{font-size:8px}.privacy{font-size:8px!important}dialog{padding:30px 25px}dialog p{font-size:12px}}
@media(max-width:700px) and (max-height:730px){.intro{top:28%}h1{font-size:clamp(48px,16vw,62px);margin:17px auto 17px}.intro>p{font-size:13px;margin-bottom:16px}.intro .play{min-height:51px}.record{margin-top:15px}.instructions{bottom:11%;gap:12px}.hero-caption{top:21%}.hero-caption b{font-size:14px}}
@media(max-height:500px) and (min-width:701px){.topbar{top:13px}.home{top:69px}.intro{left:9%;top:0}.kicker{font-size:7px}h1{font-size:63px;margin:18px 0}h1 br{display:none}.intro h1 span{font-size:1em;margin-left:9px}.intro h1 b{font-size:1em}.intro>p{font-size:12px;margin-bottom:12px}.play{min-height:44px;font-size:22px;padding:8px 22px}.button-seconds{font-size:8px;padding:8px 0 8px 12px}.record{margin-top:13px;font-size:7px}.record strong{font-size:21px}.instructions{display:none}.hero-caption{bottom:14%;right:11%}.hero-caption b{font-size:17px}.hero-caption small{font-size:6px}.install{bottom:2%;font-size:6px}.score{top:14px}.score>strong{font-size:44px}.clock{width:65px;height:65px;top:9px;left:calc(50% - 32px)}.clock strong{font-size:28px}.clock small{font-size:6px}.power-bar{bottom:14px;width:220px}.mission-label{bottom:16px}.tutorial{top:29%}.tutorial b{font-size:22px}.tutorial span{font-size:9px}.panel{padding:20px 30px;width:430px}.panel h2{font-size:31px;margin:14px 0}.panel p{margin-bottom:17px}.final-score{font-size:52px}.final-score-label{margin-bottom:12px;font-size:7px}.stats{padding:9px 0;margin-bottom:15px}.stats strong{font-size:21px}.panel .play{min-height:42px;font-size:22px}.text-button{margin-top:9px;padding:5px}.announcement{font-size:43px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
/* Survival progression */
.survival{position:absolute;top:calc(22px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);text-align:center}.survival>small{font-size:8px;font-weight:700;letter-spacing:2.5px;color:#7ca0b6}.lives{display:flex;gap:9px;font-size:29px;line-height:1.3;color:#7fe8ff;text-shadow:0 0 18px #29caff55}.lives i{font-style:normal;transition:color .18s,transform .18s}.lives i.lost{color:#33475a;text-shadow:none;transform:scale(.7)}.survival>span{font-size:9px;letter-spacing:2px;color:#6e9cb9}.survival.low .lives{color:#ff947b;text-shadow:0 0 16px #ff604433}.stage-goal{margin-top:8px;color:#7dabbf;font-size:7px;letter-spacing:1px;white-space:nowrap}#volley-label{font-size:16px;letter-spacing:2px}#stage-fill{transition:width .4s}.active-powers{position:absolute;top:120px;left:8%;right:8%;display:flex;justify-content:center;gap:8px;pointer-events:none;flex-wrap:wrap}.active-powers>span{font-size:10px;font-weight:800;letter-spacing:1px;padding:8px 12px;background:#123849e6;border:1px solid #78e9ff88;color:#a6f3ff;border-radius:4px}.active-powers b{margin-left:6px;color:white}#shield-status{background:#163b2be6;border-color:#8dffac88;color:#abffc4}#double-status{background:#483b16e6;border-color:#ffdc6988;color:#ffe999}.mission-label b{font-weight:700;color:#7ca4b9}.announcement{white-space:pre-line;font-size:clamp(27px,4.5vw,54px);padding:0 7%;line-height:1.1}.blade-vault{margin-top:22px;max-width:300px}.vault-heading{display:flex;gap:14px;align-items:center;color:#5e829b;font-size:8px;letter-spacing:1.4px}.vault-heading>span{color:#aacddd}.blade-choices{display:flex;gap:8px;margin-top:9px}.blade-choice{color:var(--blade);width:43px;height:29px;background:#0e2336;border:1px solid #45647c;font-size:23px;line-height:1;border-radius:4px;font-weight:800}.blade-choice[aria-pressed=true]{border-color:var(--blade);box-shadow:0 0 13px color-mix(in srgb,var(--blade) 20%,transparent)}.blade-choice:disabled{font:700 10px Arial,sans-serif;color:#54738c;border-color:#263e51;cursor:default}.next-unlock{margin-top:9px;font-size:7px;letter-spacing:1px;color:#799fb7}.run-summary{margin:15px 0 18px!important;font-size:12px!important}.run-unlock{background:#142f43;border:1px solid #ffb86a77;padding:12px;margin:0 0 18px;color:#ffd596;font:22px Bangers,sans-serif;letter-spacing:1px}.result-panel .stats{margin-bottom:14px}.power-bar{width:295px;bottom:calc(26px + env(safe-area-inset-bottom))}.instructions{bottom:9%}
@media(max-width:700px){.survival{top:18px;left:46%}.survival>small{font-size:6px;letter-spacing:1px}.lives{gap:5px;font-size:24px}.survival>span{font-size:8px}.active-powers{top:100px;left:5%;right:5%;gap:5px}.active-powers>span{padding:6px 8px;font-size:8px;letter-spacing:.5px}.power-bar{width:205px;bottom:calc(24px + env(safe-area-inset-bottom))}.stage-goal{font-size:6px;letter-spacing:.2px}#volley-label{font-size:13px}.blade-vault{margin:16px auto 0;max-width:260px}.vault-heading,.blade-choices{justify-content:center}.vault-heading{font-size:7px}.blade-choice{width:42px;height:28px}.next-unlock{font-size:6px;letter-spacing:.8px}.instructions{bottom:7%;gap:12px}.install{bottom:1%}.intro .record{margin-top:14px}.announcement{font-size:33px;top:28%}.mission-label{bottom:25px;max-width:115px}.mission-label span{font-size:5px;letter-spacing:.5px}}
@media(max-height:760px) and (min-width:760px){.blade-vault{margin-top:14px}.instructions{bottom:4%}.install{bottom:2%}}
@media(max-height:500px) and (min-width:701px){.blade-vault{position:absolute;left:0;top:235px;width:210px;margin:0}.blade-choice{width:32px;height:27px}.blade-choices{gap:5px}.vault-heading{font-size:6px;gap:8px}.next-unlock{font-size:6px;line-height:1.6;max-width:150px}.survival{top:10px}.survival>small{font-size:6px}.lives{font-size:22px;gap:6px}.survival>span{font-size:7px}.active-powers{top:80px}.active-powers>span{font-size:8px;padding:5px 9px}.power-bar{bottom:13px;width:240px}.stage-goal{font-size:6px}.announcement{top:31%;font-size:35px}.run-summary{margin:8px 0 12px!important;font-size:10px!important}.run-unlock{padding:6px;margin-bottom:12px;font-size:17px}}

/* Encounter cues remain peripheral so targets stay clear. */
#app[data-encounter=bonus] .mission-label b{color:#ffda7e}#app[data-encounter=boss] .mission-label b{color:#ffb679}#app[data-encounter=minefield] .mission-label b{color:#ff8d9e}#app[data-encounter=rain] .mission-label b{color:#a3e3ff}.announcement{top:19%;font-size:clamp(25px,4vw,46px)}
@media(max-width:700px){.announcement{top:20%;font-size:29px}}
@media(max-height:500px) and (min-width:701px){.announcement{top:24%;font-size:29px}}

.hit-goal{margin-top:7px;font-size:8px;letter-spacing:1.2px;font-weight:700;color:#ffce91;white-space:nowrap}.hit-goal.complete{color:#91dcdb}.hit-track{height:3px;margin:5px auto 0;width:86px;background:#264557}.hit-track i{height:100%;display:block;background:#7ce4ed;transition:width .1s}.active-powers{top:145px}
@media(max-width:700px){.hit-goal{font-size:7px;letter-spacing:.5px}.hit-track{width:70px}.active-powers{top:127px}}
@media(max-height:500px) and (min-width:701px){.hit-goal{font-size:6px;margin-top:4px}.hit-track{height:2px;margin-top:3px}.active-powers{top:106px}}

html,body,#app{overscroll-behavior:none}#arena{touch-action:none;overscroll-behavior:none}.install-guide a{color:#a2e6ff;text-decoration:underline;text-underline-offset:3px}

/* A two-way mission selector keeps the seasonal event one tap away. */
.mode-picker{display:flex;gap:8px;margin:0 0 15px;max-width:360px}.mode-picker button{min-height:51px;flex:1;padding:9px 12px;text-align:left;background:#101f31;border:1px solid #40536d;border-radius:5px;transition:border-color .15s,background .15s}.mode-picker span{display:block;font:20px Bangers,Impact,sans-serif;letter-spacing:1px;white-space:nowrap}.mode-picker small{display:block;font-size:7px;font-weight:700;letter-spacing:.7px;color:#a3aac0;margin-top:4px;white-space:nowrap}.mode-picker button[aria-pressed=true]{background:#2e2340;border-color:#d6a7fa;box-shadow:inset 0 0 22px #ab5dc01c}.mode-picker button[aria-pressed=true] span{color:#f4cd9a}.mode-picker button:disabled{opacity:.45;cursor:default}.mode-picker button:hover:not(:disabled){border-color:#e9c0ff}.intro{top:0}.intro h1{font-size:clamp(80px,8.5vw,128px);margin:24px 0}.intro>p{font-size:14px;line-height:1.5;margin-bottom:16px}.intro .play{min-height:56px}.intro .record{margin-top:14px}.blade-vault{margin-top:14px}.record #record-label{font-size:inherit;color:inherit}.instructions b{font:inherit}.event-guide{border-top:1px solid #665076;margin-top:22px;padding-top:12px}.event-guide h3{font-size:11px;line-height:1.6;letter-spacing:1.5px;color:#efbd88}
#app[data-mode=halloween] .intro h1 span{color:#ffab55;text-shadow:4px 5px 0 #5b2b39,8px 8px 0 #0b0d22}#app[data-mode=halloween] .kicker{color:#d4b3eb}#app[data-mode=halloween] .hero-caption b{color:#e1c1f9}#app[data-mode=halloween] .hero-caption small{color:#ae96c5}#app[data-mode=halloween] .play{background:#ffb063}#app[data-mode=halloween] .mode-picker button[aria-pressed=true]{border-color:#ffc28b}#app[data-mode=halloween] .mini-core{background:#ffa052;border-radius:40%;clip-path:none}#app[data-mode=halloween] .panel{background:linear-gradient(145deg,#30243f,#151a2d);border-color:#6a527f}#app[data-mode=halloween] .power-track i{background:#bf9bf0;box-shadow:0 0 15px #a983df}#app[data-mode=halloween] .mission-label b{color:#d6b3ec}
@media(min-width:1500px){.intro{top:4%}}
@media(max-width:700px){.intro{top:27%}.intro h1{font-size:clamp(48px,16vw,66px);margin:17px auto}.intro>p{font-size:13px;margin-bottom:14px}.mode-picker{max-width:310px;margin:0 auto 12px;gap:7px}.mode-picker button{min-height:48px;padding:8px 10px}.mode-picker span{font-size:18px;letter-spacing:.5px}.mode-picker small{font-size:6px;letter-spacing:.3px}.intro .play{min-height:52px;font-size:23px}.button-seconds{font-size:8px}.blade-vault{margin-top:12px}.hero-caption{top:21%}.hero-caption b{font-size:15px}.instructions{font-size:6px;gap:10px;bottom:6%}.install{bottom:1%}.next-unlock{font-size:6px;letter-spacing:.45px}}
@media(max-width:700px) and (max-height:740px){.intro{top:23%}.intro h1{font-size:48px;margin:14px auto}.intro>p{font-size:11px;line-height:1.4;margin-bottom:10px}.mode-picker{margin-bottom:9px}.mode-picker button{min-height:44px;padding:7px 9px}.mode-picker span{font-size:16px}.intro .play{min-height:46px;font-size:22px}.intro .record{margin-top:8px}.record strong{font-size:21px}.blade-vault{margin-top:8px}.blade-choices{margin-top:6px}.next-unlock{margin-top:6px}.hero-caption{top:17%}.hero-caption b{font-size:13px}.instructions{bottom:5%}}
@media(max-height:500px) and (min-width:701px){.intro{top:0;left:7%}.intro h1{font-size:62px;margin:14px 0}.intro>p{display:none}.mode-picker{margin-bottom:11px}.mode-picker button{min-height:43px;padding:7px 10px}.mode-picker span{font-size:17px}.mode-picker small{font-size:6px}.intro .play{min-height:44px;font-size:22px}.intro .record{margin-top:10px}.blade-vault{position:fixed;left:auto;top:auto;right:6%;bottom:32px;width:220px;margin:0}.hero-caption{bottom:35%;right:7%}.hero-caption b{font-size:16px}.hero-caption small{font-size:5px}.instructions{display:none}}
.intro h1{width:max-content}#play-label{white-space:nowrap}
@media(max-width:700px){.intro .play{gap:11px;padding-left:18px;padding-right:18px}.button-seconds{padding-left:10px}.hero-caption{display:none}}

/* Keep the mode badge inside its own padded cell, including narrow iPhones. */
.intro .play{display:grid;grid-template-columns:17px minmax(0,1fr) max-content;gap:12px;padding:14px 20px;width:100%;max-width:390px}.button-seconds{display:block;width:max-content;white-space:nowrap;flex:none;line-height:1.2;padding:10px 12px;font-size:9px;letter-spacing:.7px;text-align:center}.intro #play-label{min-width:0}
@media(max-width:700px){.intro .play{grid-template-columns:14px minmax(0,1fr) max-content;gap:8px;padding:12px 14px;width:min(310px,100%)}.button-seconds{font-size:8px;letter-spacing:.4px;padding:9px}.intro #play-label{font-size:clamp(18px,5.4vw,23px)}}
@media(max-height:500px) and (min-width:701px){.intro .play{padding:10px 16px;gap:10px}.button-seconds{font-size:8px;padding:8px 10px}}