:root{--bg:#05060a;--panel:#ffffff12;--edge:#ffffff29;--ink:#f1f3f8;--dim:#9aa3b8;--accent:#7cc4ff;--safe-t:max(env(safe-area-inset-top,0px), var(--native-safe-t,0px));--safe-r:max(env(safe-area-inset-right,0px), var(--native-safe-r,0px));--safe-b:max(env(safe-area-inset-bottom,0px), var(--native-safe-b,0px));--safe-l:max(env(safe-area-inset-left,0px), var(--native-safe-l,0px))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;margin:0}body{-webkit-user-select:none;user-select:none;touch-action:manipulation;font:17px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}html.ios-short,html.ios-short body{height:100lvh}#app{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);display:flex;position:fixed;inset:0}.screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:relative}.logo{letter-spacing:.02em;margin:0;font-size:44px;font-weight:900}.dim{color:var(--dim);margin:0}.small{font-size:14px}a{color:var(--accent)}button{font:inherit;color:inherit;border:1px solid var(--edge);background:var(--panel);border-radius:14px;min-height:48px;padding:12px 22px}button.primary{background:var(--accent);color:#0b1020;border:0;min-width:180px;font-weight:700}button.icon{width:48px;padding:0;font-size:22px;position:absolute;top:12px;right:12px}.round .score{font-size:72px;font-weight:900}.round .pad{border-radius:50%;width:min(70vw,320px);height:min(70vw,320px);font-size:28px}.sheet{z-index:10;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet .card{background:var(--bg);border:1px solid var(--edge);width:min(100%,520px);padding:20px 20px calc(20px + var(--safe-b));border-radius:20px 20px 0 0;flex-direction:column;gap:10px;display:flex}.sheet h2{margin:0 0 4px}.row{justify-content:space-between;align-items:center;min-height:44px;display:flex}.row input{width:22px;height:22px}.notices{top:calc(var(--safe-t) + 8px);pointer-events:none;z-index:20;justify-content:center;display:flex;position:fixed;left:0;right:0}.notice{pointer-events:auto;color:#f1f3f8;opacity:0;background:#141824f0;border-radius:999px;max-width:min(92vw,520px);min-height:0;padding:10px 18px;transition:opacity .2s,transform .2s;transform:translateY(-12px)}.notice.show{opacity:1;transform:none}