@font-face{font-family:"Futura";src:url("/fonts/Futura-Bold-subset-english.woff") format("woff");font-style:normal;font-weight:700;font-display:block}
.memory-ui .loader .content{font-size:clamp(32px,9vw,144px);white-space:nowrap;padding:0 24px;box-sizing:border-box}
.memory-ui{position:fixed;inset:0;pointer-events:none;color:#000;font-family:"Futura LT Book",sans-serif}
.memory-level,.memory-clock{position:absolute;top:24px;display:flex;flex-direction:column;gap:6px;line-height:1}
.memory-level{left:28px}
.memory-clock{right:28px;text-align:right}
.memory-level span,.memory-clock span{font-family:"Futura",sans-serif;font-size:20px;font-weight:700;letter-spacing:.08em;line-height:1.2}
.memory-level strong,.memory-clock strong{font-family:"Futura",sans-serif;font-size:56px;font-weight:700;letter-spacing:-.035em;line-height:1.1;font-variant-numeric:tabular-nums}
.memory-clock strong{font-family:"Futura",sans-serif;font-size:44px;font-weight:700}
.memory-hint{position:absolute;left:28px;top:130px;font-size:14px;white-space:nowrap}
.memory-restart{position:absolute;left:50%;bottom:clamp(48px,6vh,72px);transform:translateX(-50%);width:52px;height:52px;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;pointer-events:auto;transition:transform .2s}
.memory-restart svg{width:25px;height:25px}
.memory-restart:hover{transform:translateX(-50%) rotate(-20deg)}
.memory-restart:focus-visible{outline:1px solid #000;outline-offset:5px}
.memory-restart.is-result-action{width:164px;border-radius:10px;padding:0 20px;font-family:"Futura",sans-serif;font-size:14px;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.memory-restart.is-result-action:hover{transform:translateX(-50%);opacity:.84}
.memory-restart.is-result-action:active{transform:translateX(-50%)}
.memory-clock.is-urgent strong{animation:clock-pulse 1s ease-in-out infinite}
.memory-result{position:absolute;left:50%;top:clamp(64px,8vh,106px);transform:translateX(-50%);max-width:calc(100% - 40px);text-align:center;animation:result-in .65s cubic-bezier(.2,.8,.2,1) both}
.memory-result h2{font-family:"Futura LT Book",sans-serif;font-weight:400;font-size:clamp(38px,4.3vw,56px);line-height:1.05;letter-spacing:-.025em;white-space:nowrap}
@keyframes result-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes clock-pulse{50%{opacity:.45}}
@media(max-width:600px){.memory-level,.memory-clock{top:20px}.memory-level{left:20px}.memory-clock{right:20px}.memory-level span,.memory-clock span{font-size:13px}.memory-level strong{font-size:38px}.memory-clock strong{font-size:32px}.memory-hint{top:96px;left:20px;font-size:13px}.memory-result{top:150px}.memory-result h2{font-size:32px}.memory-restart{bottom:max(44px,calc(env(safe-area-inset-bottom) + 24px));width:48px;height:48px}.memory-restart.is-result-action{width:152px;font-size:13px}}
@media(min-width:601px) and (max-width:1024px) and (min-height:601px){.memory-result{top:clamp(148px,17vh,192px)}.memory-result h2{font-size:46px}}
@media(min-width:1025px) and (max-aspect-ratio:6/5){.memory-result{top:clamp(132px,11vh,164px)}.memory-result h2{font-size:48px}}
@media(max-height:600px){.memory-result{top:16px}.memory-result h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.memory-result,.memory-clock.is-urgent strong{animation:none}.memory-restart{transition:none}}
