*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;background:#9fd8f5;width:100%;height:100%;font-family:Arial Rounded MT Bold,Avenir Next,Helvetica Neue,system-ui,sans-serif;overflow:hidden}canvas{touch-action:none;display:block}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;font-family:inherit}#overlay{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.bubble{color:#333;white-space:nowrap;background:#fff;border-radius:18px;padding:8px 14px;font-size:20px;font-weight:800;line-height:1.1;animation:.3s cubic-bezier(.3,1.6,.6,1) pop;position:absolute;top:0;left:0;box-shadow:0 4px 12px #0000002e}.bubble:after{content:"";border:9px solid #0000;border-top-color:#fff;border-bottom:0;margin-left:-9px;position:absolute;bottom:-9px;left:50%}.bubble.bye{opacity:0;transition:opacity .25s}@keyframes pop{0%{scale:.3}to{scale:1}}#caption{left:50%;top:max(14px, env(safe-area-inset-top));color:#2b2b2f;text-align:center;opacity:0;z-index:20;pointer-events:none;background:#fffffff5;border-radius:26px;max-width:min(92vw,760px);padding:12px 22px;font-size:clamp(18px,2.6vw,28px);font-weight:800;transition:transform .45s cubic-bezier(.3,1.4,.6,1),opacity .4s;position:fixed;transform:translate(-50%,-140%);box-shadow:0 6px 20px #0000002e}#caption.show{opacity:1;transform:translate(-50%)}.ripple{border:4px solid #fff;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:.55s ease-out forwards ripple;position:absolute}@keyframes ripple{to{opacity:0;transform:scale(4)}}.bar{left:0;right:0;bottom:max(10px, env(safe-area-inset-bottom));z-index:10;scrollbar-width:none;flex-wrap:nowrap;justify-content:center;gap:10px;padding:12px 12px 0;display:flex;position:fixed;overflow-x:auto}.bar::-webkit-scrollbar{display:none}.big{background:#fffffff0;border-radius:24px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:76px;height:82px;transition:transform .12s;display:flex;box-shadow:0 5px #0000001f,0 8px 18px #00000026}.big .e{font-size:40px;line-height:1}.big .l{color:#555;margin-top:4px;font-size:12px;font-weight:800}.big:active{transform:scale(.9)}.big.bounce{animation:.4s bounce}.big{position:relative}.big.sel{background:#fff6c9;box-shadow:0 0 0 4px #ffd23f,0 8px 18px #00000026}.big.live:before{content:"";background:#3fbf5a;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite blink;position:absolute;top:8px;left:8px}@keyframes blink{50%{opacity:.35}}.big .again{color:#fff;text-align:center;background:#3e8fe0;border-radius:50%;width:36px;height:36px;font-size:24px;font-weight:900;line-height:36px;display:none;position:absolute;top:-10px;right:-10px;box-shadow:0 3px 8px #00000040}.big.sel .again{display:block}@keyframes bounce{30%{transform:scale(1.18)}60%{transform:scale(.95)}}.corner{right:max(12px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));z-index:10;flex-direction:column;gap:8px;display:flex;position:fixed}.small{background:#ffffffe6;border-radius:16px;width:48px;height:48px;font-size:24px;box-shadow:0 3px 10px #00000026}.small.off{opacity:.45}.chip{left:max(12px, env(safe-area-inset-left));top:max(12px, env(safe-area-inset-top));color:#333;z-index:10;background:#ffffffeb;border-radius:20px;align-items:center;gap:8px;padding:6px 6px 6px 14px;font-size:16px;font-weight:800;transition:transform .35s;display:flex;position:fixed;transform:translate(-130%);box-shadow:0 3px 10px #00000026}.chip.show{transform:none}.chip .x{background:#eee;border-radius:50%;width:34px;height:34px;font-size:16px;font-weight:900}.splash{z-index:50;-webkit-backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 40%,#ffffff59,#5096c88c);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .6s;display:flex;position:fixed;inset:0}.splash.gone{opacity:0;pointer-events:none}.splash .title{color:#fff;text-shadow:0 6px #e8322e,0 10px 30px #00000040;letter-spacing:2px;font-size:clamp(48px,11vw,120px);font-weight:900}.splash .sub{font-size:clamp(30px,6vw,56px)}.splash .go{color:#e8322e;background:#ffd23f;border-radius:50%;width:150px;height:150px;padding-left:12px;font-size:70px;animation:1.6s ease-in-out infinite breathe;box-shadow:0 10px #e0a800,0 16px 30px #00000040}.splash .hint{color:#fff;text-shadow:0 2px 6px #0000004d;text-align:center;padding:0 20px;font-size:18px;font-weight:700}@keyframes breathe{50%{transform:scale(1.08)}}@media (max-width:700px){.big{border-radius:20px;width:62px;height:68px}.big .e{font-size:32px}.big .l{display:none}.bar{justify-content:flex-start}.chip{top:auto;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 80px);font-size:14px}}