*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;background:#050505;color:#eee;font-family:system-ui,Segoe UI,Arial,sans-serif;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
#c{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#0a0a0a;touch-action:none}
.hidden{display:none!important}
.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(5,5,5,.78);padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom);overflow:auto;touch-action:auto}
.card{width:min(420px,100%);padding:22px;background:#0e0e0e;border:1px solid #2a2a2a;border-top:3px solid #ff6a00;display:flex;flex-direction:column;gap:12px;max-height:100%;overflow:auto}
h1{margin:0;font-size:44px;letter-spacing:6px;font-weight:900}h1 span{color:#ff6a00;margin-left:10px}
h2{margin:0;letter-spacing:4px}
button{min-height:48px;padding:10px 16px;background:#1a1a1a;color:#fff;border:1px solid #333;font-weight:700;letter-spacing:2px;font-size:14px;cursor:pointer;flex:1}
button:hover,button:focus-visible{border-color:#ff6a00;outline:none}
button.big{background:#ff6a00;color:#000;font-size:20px;min-height:58px;border:0}
button.danger{color:#ff5555}
input{min-height:44px;background:#151515;border:1px solid #333;color:#fff;padding:0 12px;font-size:16px}
.row{display:flex;gap:10px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.grid div{background:#151515;padding:8px 12px}.grid i{display:block;font-style:normal;font-size:11px;color:#888;letter-spacing:2px}.grid b{font-size:20px}
.sm{font-size:12px;color:#999;margin:0}
.bar{height:8px;background:#222}.bar div{height:100%;background:#ff6a00;width:0}
.mi{background:#151515;padding:10px;font-size:14px}.mi.done{border-left:3px solid #ff6a00}
.mi .bar{margin-top:6px;height:6px}
.stat{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #1c1c1c}.stat b{color:#ff6a00}
#pauseBtn{position:fixed;top:calc(env(safe-area-inset-top) + 8px);right:8px;width:48px;height:48px;flex:none;z-index:5;padding:0;background:rgba(20,20,20,.8)}
#touch{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 14px);display:none;justify-content:space-between;padding:0 14px;z-index:5;pointer-events:none}
#touch button{pointer-events:auto;width:96px;height:64px;flex:none;background:rgba(20,20,20,.7)}
@media (hover:none){#touch:not(.hidden){display:flex}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}