*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:radial-gradient(circle at top,#34365f,#11142d 64%);color:#fff7db;font-family:system-ui,sans-serif;touch-action:none}main{height:100dvh;max-width:900px;margin:auto;padding:max(7px,env(safe-area-inset-top)) 9px max(7px,env(safe-area-inset-bottom));display:grid;grid-template-rows:56px minmax(0,1fr) 78px;gap:6px}header,footer{display:flex;align-items:center;gap:7px}header{justify-content:space-between}header>div{margin-right:auto}h1{font-size:20px;line-height:1;margin:0;color:#ffd58c}header span,footer p{font-size:11px;margin:3px 0;color:#c8cae8}output{font-weight:900;font-size:21px;font-variant-numeric:tabular-nums}.back,button{min-width:46px;min-height:46px;border:1px solid #9f8bc2;border-radius:14px;padding:7px 10px;background:linear-gradient(#5d5288,#3b3563);color:#fff;font:750 12px system-ui;text-decoration:none;display:grid;place-items:center;touch-action:manipulation}.back{font-size:22px}button:focus-visible,.back:focus-visible,#stage:focus-visible{outline:3px solid #a9fff0;outline-offset:-3px}footer{justify-content:flex-end}footer p{margin-right:auto;line-height:1.35}#stage{position:relative;min-height:0;overflow:hidden;outline:none;border:1px solid #665d89;border-radius:22px;background:radial-gradient(circle at 50% 20%,#35315d,#111326 70%);touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none}#message{position:absolute;z-index:2;left:50%;top:9px;transform:translateX(-50%);width:min(92%,520px);padding:8px 11px;text-align:center;border-radius:999px;background:#111329dc;font-size:12px;font-weight:750;pointer-events:none;text-shadow:0 1px 2px #000}#veil,#graphics-error{position:absolute;z-index:4;inset:0;background:#101127e8;display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;padding:20px}#veil[hidden],#graphics-error[hidden]{display:none}#veil p,#graphics-error strong{font-size:20px;font-weight:900}#resume{min-width:120px}#save-status{position:fixed;z-index:7;left:8px;bottom:4px;margin:0;color:#ffe2a1;background:#211b38d9;border-radius:8px;padding:2px 6px;font-size:10px}dialog{width:min(88vw,390px);border:1px solid #e4c27a;border-radius:24px;padding:25px 22px;color:#fff7db;background:linear-gradient(160deg,#403663,#171831);box-shadow:0 25px 80px #050611cc;text-align:center}dialog::backdrop{background:#080a1bd9}dialog .seal{display:grid;place-items:center;width:62px;height:62px;margin:-4px auto 10px;border-radius:50%;background:#d69b44;color:#fff;font-size:30px;box-shadow:0 0 30px #fff49b66}dialog h2{margin:7px 0;color:#ffd58c}dialog p{line-height:1.45;color:#dbdcf3}dialog button{width:100%;margin-top:8px;background:linear-gradient(#75619e,#493e75)}@media(max-width:460px){footer p{display:none}footer{justify-content:space-between}footer button{flex:1;min-width:0;padding:6px 4px}body[data-release] main{grid-template-rows:54px minmax(0,1fr) 58px}}@media(max-width:340px){main{padding-left:5px;padding-right:5px}h1{font-size:17px}header span{font-size:10px}.back,button{font-size:11px}#message{font-size:11px;padding:6px 8px}}@media(orientation:landscape) and (max-height:500px){main{grid-template-columns:175px minmax(0,1fr);grid-template-rows:1fr 1fr;padding:5px}.back{order:-1}header{grid-column:1;align-self:end;flex-wrap:wrap;padding:4px}header>div{flex-basis:105px}#stage{grid-column:2;grid-row:1/3}footer{grid-column:1;flex-wrap:wrap;align-content:start;padding:4px}footer p{display:none}footer button{flex:1 1 72px}#message{top:5px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}