<!-- SOLID CITY · part 3424 -->
r-spacing:.2em;color:#ffd27a}
.mk.home.off{border:0;border-radius:0;box-shadow:none;width:0;height:0;margin:-12px 0 0 -12px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:22px solid #ffd27a}
.mk.home.off:after{content:none}
#h-speedo{position:absolute;left:50%;bottom:calc(178px + env(safe-area-inset-bottom));transform:translateX(-50%);width:132px;text-align:center}
#h-speedo svg{display:block;width:132px;height:70px}
#h-speedo .num{margin-top:-40px;font:900 34px/1 RC,ui-monospace,monospace;color:#fff;text-shadow:0 2px 8px #000}
#h-speedo .u{font:800 10px/1.4 RC,system-ui;letter-spacing:.22em;color:#e8c36a}
#h-alt{font:700 11px/1.3 RC,system-ui;letter-spacing:.14em;color:#b9e0ff;text-shadow:0 1px 3px #000}
#h-speedo.boost .num{color:#ffd27a;text-shadow:0 0 16px #ff7a1a}
#h-arc{transition:stroke-dashoffset .1s}
#stick{position:absolute;left:calc(16px + env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom));width:140px;height:140px;border-radius:50%;border:2px solid rgba(232,195,106,.6);background:radial-gradient(circle,rgba(227,18,44,.16),rgba(0,0,0,.4));touch-action:none}
#stick i{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ff5466,#9e0f1f);border:2px solid #e8c36a;box-shadow:0 0 12px rgba(227,18,44,.6)}
.btn{position:absolute;border-radius:50%;border:3px solid #e8c36a;color:#fff;font:900 15px/1 RC,system-ui;letter-spacing:.14em;touch-action:none;cursor:pointer;padding:0}
#b-fire{right:calc(16px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));width:104px;height:104px;background:radial-gradient(circle at 40% 35%,#ff4357,#a00a1a 72%);box-shadow:0 0 0 5px rgba(227,18,44,.22),0 10px 30px rgba(227,18,44,.5);font-size:18px}
#b-fire.on{transform:scale(.94);background:radial-gradient(circle at 40% 35%,#ffd27a,#ff3048 70%)}
#b-boost{--m:100%;right:calc(26px + env(safe-area-inset-right));bottom:calc(138px + env(safe-area-inset-bottom));width:80px;height:80px;background:conic-gradient(#ffb040 var(--m),rgba(40,20,10,.85) 0);font-size:13px}
#b-boost:before{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3a1a0a,#140805)}
#b-boost span{position:relative}
#b-boost.hot:before{background:radial-gradient(circle at 40% 35%,#ffd27a,#ff7a1a)}#b-boost.hot{color:#140805;box-shadow:0 0 26px #ff7a1a}
#b-launch{left:50%;bottom:calc(36px + env(safe-area-inset-bottom));transform:translateX(-50%);width:150px;height:150px;background:radial-gradient(circle at 40% 35%,#ff4357,#a00a1a 70%);font-size:24px;box-shadow:0 0 0 7px rgba(227,18,44,.25),0 12px 40px rgba(227,18,44,.6);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 16px rgba(227,18,44,.08),0 12px 40px rgba(227,18,44,.6)}}
#h-perf{position:absolute;left:8px;bottom:calc(170px + env(safe-area-inset-bottom));font:11px ui-monospace,monospace;color:#7be38a;background:rgba(0,0,0,.6);padding:4px 6px;border-radius:6px}
.hint{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(10px + env(safe-area-inset-bottom));font-size:12px;color:#b9aeb8;letter-spacing:.06em;background:rgba(0,0,0,.45);padding:5px 10px;border-radius:8px;white-space:nowrap}
body[data-phase=pad] #h-speedo,body[data-phase=count] #h-speedo,body[data-phase=result] #h-speedo{display:none}
/* landscape phones: speedo between the stick and the buttons, lower banner */
@media (orientation:landscape) and (max-height:520px){
  #h-speedo{bottom:calc(8px + env(safe-area-inset-bottom))}
  #stick{width:124px;height:124px}
  #b-fire{width:96px;height:96px}
  #b-boost{right:calc(124px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));width:74px;height:74px}
  .top{flex-direction:row}.top .row{flex:1}
  #h-banner{top:40%}#h-mother{top:calc(60px + env(safe-area-inset-top))}
  #b-launch{width:120px;height:120px;bottom:calc(14px + env(safe-area-inset-bottom))}
}
@media (min-width:900px){.pill b{font-size:19px}.obj b{font-size:15px}#h-speedo{bottom:calc(30px + env(safe-area-inset-bottom))}}
/* ---------- result ---------- */
#result{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.7))}
.card{width:min(440px,100%);max-height:100%;overflow:auto;background:rgba(12,6,9,.93);border:2px solid #e8c36a;border-radius:18px;padding:16px;box-shadow:0 10px 50px #000;touch-action:pan-y}
.card .k{font:800 12px RC,system-ui;letter-spacing:.3em;color:#ff4d5e;text-align:center}
.card h2{margin:4px 0 2px;text-align:center;font:900 30px/1.05 RC,system-ui;letter-spacing:.06em;color:#e8c36a}
#r-title{text-align:center;font:700 13px RC;letter-spacing:.22em;color:#9fffbf;margin-bottom:10px}
.stats{display:grid;grid-template-columns:1fr 1f