html,body{color:#e8f0ec;background:#142622;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}button,input,select,textarea{font-size:16px}a,button,input,select,textarea,label,[role=button]{touch-action:manipulation}#app{position:fixed;inset:0}#cam,#view{width:100%;height:100%;position:absolute;inset:0}#cam{object-fit:cover}#hud{padding:calc(env(safe-area-inset-top) + 8px) 12px 8px;font-variant-numeric:tabular-nums;background:linear-gradient(#142622cc,#14262200);justify-content:space-between;gap:12px;font-size:14px;display:flex;position:absolute;top:0;left:0;right:0}#start{color:#142622;background:#6fd3a8;border:0;border-radius:12px;width:12rem;height:3.5rem;margin:auto;font-weight:600;position:absolute;inset:0}#msg{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 16px);text-align:center;padding:0 16px;font-size:14px;position:absolute}#name{text-align:center;z-index:2;flex-direction:column;gap:10px;width:16rem;height:fit-content;margin:auto;display:flex;position:absolute;inset:0}#name input{text-align:center;border:0;border-radius:8px;padding:10px}#name button{color:#142622;background:#6fd3a8;border:0;border-radius:12px;height:3rem;font-weight:600}#name[hidden]{display:none}#place{width:9rem;height:3.5rem;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 56px);color:#142622;background:#6fd3a8;border:0;border-radius:12px;margin:0 auto;font-weight:600;position:absolute}#place[hidden],#tip[hidden]{display:none}#place:disabled{opacity:.5}#tip{pointer-events:none;background:#142622e6;border-radius:10px;padding:8px 14px;font-size:16px;position:absolute;top:40%;left:50%;transform:translate(-50%)}