html,body{margin:0;height:100%;background:#0c1a12;overflow:hidden;touch-action:none;font-family:system-ui,sans-serif;color:#e8e6df}#app{position:fixed;inset:78px 0 40px;display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}canvas{display:block;touch-action:none;user-select:none;-webkit-user-select:none}#stage{position:relative}#gl{position:absolute;inset:0}#table{position:relative}#cue{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}button{font:inherit}#hud{position:fixed;inset:0;pointer-events:none}#players{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:22px;background:#0000008c;border-radius:14px;padding:8px 18px;backdrop-filter:blur(4px);height:58px;box-sizing:border-box}.player{min-width:260px;opacity:.55;transition:opacity .2s;display:flex;align-items:center;gap:10px}.player:last-child{flex-direction:row-reverse}.player .avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #3b6b4b;background:#1d2f24;flex:none}.player.active .avatar{border-color:#ffd66b;box-shadow:0 0 10px #ffd66b73}.ptext{min-width:0}.mid{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:90px}.mid .pocketed{display:flex;gap:2px}.player.active{opacity:1}.player:last-child{text-align:right}.player.active .name:before{content:"▶ ";color:#ffd66b}.player:last-child.active .name:before{content:""}.player:last-child.active .name:after{content:" ◀";color:#ffd66b}.name{font-weight:700;font-size:17px}.group{font-size:12px;opacity:.8}.balls{display:flex;gap:4px;margin-top:4px;min-height:20px}.player:last-child .balls{justify-content:flex-end}.ball{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;box-shadow:inset -3px -3px 4px #00000073,0 1px 2px #00000080}.ball i{font-style:normal;font-size:9px;font-weight:700;color:#111;background:#f4f1e6;border-radius:50%;width:11px;height:11px;line-height:11px;text-align:center}.ball.done{opacity:.22;filter:grayscale(.6)}.ball.small{width:15px;height:15px}.ball.small i{font-size:7px;width:8px;height:8px;line-height:8px}.vs{font-weight:800;color:#ffd66b;font-size:14px}.vs-label{font-size:10px;opacity:.6;text-transform:uppercase;letter-spacing:.5px}#banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);padding:12px 26px;border-radius:10px;font-size:20px;font-weight:600;background:#000000b3;opacity:0;transition:opacity .25s,transform .25s;white-space:nowrap;max-width:90vw}#banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}#banner.foul{color:#ff8a7a;border:1px solid #ff8a7a55}#banner.win{color:#ffd66b;border:1px solid #ffd66b88;font-size:24px}#banner.info{color:#e8e6df}#clock{position:absolute;top:84px;left:50%;transform:translate(-50%);font-size:22px;font-weight:800;color:#9ab;background:#00000080;border-radius:999px;padding:4px 14px;display:none}#clock.show{display:block}#clock.mine{color:#ffd66b}#clock.urgent{color:#ff6b5a;animation:pulse .6s infinite alternate}@keyframes pulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.12)}}#debug{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-size:12px;opacity:.75;line-height:1.5;pointer-events:none}#debug b{color:#ffd66b}.hint{opacity:.7}#profile{position:fixed;top:10px;right:14px;z-index:20;display:flex;gap:8px;align-items:center}.circle.small{width:36px;height:36px;font-size:16px;background:#1d2f24}.circle{width:42px;height:42px;border-radius:50%;border:2px solid #3b6b4b;background:#1d2f24;color:#e8e6df;font-weight:700;font-size:17px;cursor:pointer}.circle.logged{background:#1d6b3f;border-color:#ffd66b;padding:0;overflow:hidden}.circle img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar.sm{width:24px;height:24px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:6px}.pop label.toggle{display:flex;align-items:center;gap:6px;margin:6px 0;cursor:pointer}.pop{position:fixed;top:60px;right:14px;z-index:20;background:#13251b;border:1px solid #2a4a36;border-radius:12px;padding:14px;min-width:240px;display:none;box-shadow:0 12px 40px #00000080}.pop.show{display:block}.pop-name{font-weight:700;font-size:16px}.pop-coins{margin:14px 0 16px;font-size:19px;color:#ffd66b}.pop-coins b{font-size:22px}.pop-title{margin:0 0 10px;padding-bottom:6px;font-size:13px;text-transform:uppercase;letter-spacing:.6px;opacity:.75;border-bottom:1px solid #3b6b4b}.pop button,.pop .linkbtn{display:block;width:100%;margin:6px 0;padding:9px;border-radius:8px;border:1px solid #3b6b4b;background:#1d6b3f;color:#fff;text-align:center;text-decoration:none;cursor:pointer;box-sizing:border-box}.pop button small{display:block;font-size:11px;font-weight:400;opacity:.75;margin-top:2px}.check{display:grid;grid-template-columns:18px auto 1fr;gap:6px;align-items:baseline;margin:4px 0 4px 8px;font-size:14px;color:#c8c6bf}.check.ok{color:#7ed39a}.check .fine{margin:0}.pop button.alt{background:#2b2f3a;border-color:#444b5c}.fine{font-size:11px;opacity:.7;margin:6px 0;line-height:1.4}.overlay{position:fixed;inset:0;display:none;place-items:center;background:#050c08bf;backdrop-filter:blur(6px);z-index:10}#friends{z-index:15}#bonus{z-index:16}.overlay.show{display:grid}.card{background:#13251b;border:1px solid #2a4a36;border-radius:16px;padding:24px 30px;min-width:340px;max-width:92vw;max-height:92vh;overflow:auto;text-align:center;box-shadow:0 20px 60px #00000080;box-sizing:border-box}.card.narrow{min-width:300px;width:360px}.card h1{margin:0 0 4px;font-size:24px;letter-spacing:.5px}.card p{margin:0 0 14px;opacity:.75;font-size:13px}.card h2{font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.6;margin:14px 0 6px}.card button{display:block;width:100%;margin:5px 0;padding:10px 14px;border-radius:10px;border:1px solid #3b6b4b;background:#1d6b3f;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.card button:hover{background:#25824e}.card button small{display:block;font-weight:400;font-size:11px;opacity:.75;margin-top:2px}.card button.alt{background:#2b2f3a;border-color:#444b5c}.card button.alt:hover{background:#373c4a}.card button.disabled{opacity:.45}.live{font-size:12px;color:#9fd8b0;margin:4px 0 8px}.notice{font-size:12px;background:#1d2f24;border:1px solid #2a4a36;border-radius:8px;padding:6px 10px;text-align:center;max-width:340px;margin:4px auto 8px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.notice.warn{border-color:#ffd66b88;color:#ffd66b}.tabs{display:flex;gap:4px;margin-bottom:12px}.tabs button{flex:1;background:#1d2f24;border-color:#2a4a36;opacity:.7}.tabs button.active{background:#1d6b3f;opacity:1}#auth label{display:block;text-align:left;font-size:12px;opacity:.85;margin:8px 0}#auth label input{display:block;width:100%;margin-top:3px;padding:11px 12px;border-radius:8px;border:1px solid #2a4a36;background:#0e1c14;color:#fff;font-size:16px;box-sizing:border-box}.code-boxes{display:flex;gap:8px;justify-content:center;margin:14px 0 8px}.code-boxes input{flex:1 1 0;min-width:0;max-width:52px;height:60px;text-align:center;font-size:28px;font-weight:700;border-radius:10px;border:1px solid #3b6b4b;background:#0e1c14;color:#fff}.code-boxes input:focus{outline:none;border-color:#ffd66b;box-shadow:0 0 0 2px #ffd66b44}#auth-code-timer{margin:4px 0 6px}#auth-code-timer.expired{color:#ff8a7a;opacity:1}#auth a{color:#9fd8b0}.pop .tiny{display:inline-block;width:auto;margin:0 0 0 6px;padding:2px 8px;font-size:12px;background:#2b2f3a;border-color:#444b5c}#rename-form{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}#rename-form[hidden]{display:none}#rename-form input{flex:1;min-width:120px;padding:6px 8px;border-radius:6px;border:1px solid #2a4a36;background:#0e1c14;color:#fff}#rename-form .err{width:100%}.err{color:#ff8a7a;font-size:12px;min-height:16px;margin:4px 0}.spinner{width:36px;height:36px;border:3px solid #2a4a36;border-top-color:#ffd66b;border-radius:50%;margin:10px auto 16px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stats{width:100%;border-collapse:collapse;margin:6px 0 10px;font-size:13px}.stats th{font-weight:600;opacity:.8;padding:2px 6px}.stats td{padding:2px 6px;border-top:1px solid #1f3328}.stats td:first-child{text-align:left;opacity:.7}.rematch-off{color:#ff8a7a;padding:10px}.rematch-wait{color:#ffd66b;padding:10px}.card button.pulse{animation:glow 1s infinite alternate}@keyframes glow{0%{box-shadow:0 0 #ffd66b00}to{box-shadow:0 0 14px 2px #ffd66b88}}#toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%,20px);background:#13251b;border:1px solid #ffd66b88;color:#ffd66b;padding:10px 18px;border-radius:10px;font-size:14px;opacity:0;transition:all .25s;z-index:30;pointer-events:none;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%)}#admin-view{position:fixed;inset:0;z-index:40;background:#0c1a12;color:#e8e6df;overflow:auto;font-size:14px}#admin-view header{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#13251b;border-bottom:1px solid #2a4a36;position:sticky;top:0;z-index:1}#admin-view header h1{font-size:16px;margin:0}#admin-view header .live{color:#9fd8b0;font-size:13px}#admin-view header .spacer{flex:1}#admin-view main{padding:16px 20px;max-width:1300px;margin:0 auto}#admin-view nav button{background:#1d2f24;color:#e8e6df;border:1px solid #2a4a36;padding:7px 12px;border-radius:8px;cursor:pointer;margin-right:4px}#admin-view nav button.active{background:#1d6b3f}#admin-view #admin-close{background:#2b2f3a;border-color:#444b5c}#admin-view .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0}#admin-view .cardx{background:#13251b;border:1px solid #2a4a36;border-radius:10px;padding:12px}#admin-view .cardx b{display:block;font-size:22px;color:#ffd66b}#admin-view .tablewrap{overflow-x:auto}#admin-view table{width:100%;border-collapse:collapse;margin-top:10px}#admin-view th,#admin-view td{text-align:left;padding:7px 8px;border-bottom:1px solid #1f3328;white-space:nowrap}#admin-view th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.6}#admin-view tr:hover td{background:#10201780}#admin-view .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#555;margin-right:6px}#admin-view .dot.on{background:#3ddc84}#admin-view .pos{color:#9fd8b0}#admin-view .neg{color:#ff8a7a}#admin-view .small{background:#2b2f3a;color:#fff;border:1px solid #444b5c;padding:4px 8px;border-radius:6px;cursor:pointer;font-size:12px;margin-right:4px}#admin-view .small.warn{border-color:#ff8a7a88}#admin-view input[type=search]{padding:7px 10px;border-radius:8px;border:1px solid #2a4a36;background:#0e1c14;color:#fff;min-width:240px}#admin-view .muted{opacity:.6}#admin-view pre{background:#0e1c14;padding:10px;border-radius:8px;overflow:auto;font-size:12px}#admin-view .setting-group{background:#13251b;border:1px solid #2a4a36;border-radius:10px;padding:12px 16px;margin:12px 0}#admin-view .setting-group h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.6px;opacity:.7}#admin-view .setting{padding:8px 0;border-top:1px solid #1f3328}#admin-view .setting.changed .setting-head b{color:#ffd66b}#admin-view .setting-head code{font-size:11px;margin-left:6px}#admin-view .setting .help{font-size:12px;margin:2px 0 4px}#admin-view .setting-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:4px 0}#admin-view .setting-row input[type=number],#admin-view .setting-row input[type=text]{padding:6px 8px;border-radius:6px;border:1px solid #2a4a36;background:#0e1c14;color:#fff;min-width:220px}#admin-view .setting-row input[type=number]{min-width:110px}#admin-view .setting-row textarea{flex:1 1 100%;min-width:280px;padding:8px;border-radius:6px;border:1px solid #2a4a36;background:#0e1c14;color:#fff;font:inherit;font-size:13px}#admin-view .switch{display:inline-flex;align-items:center;gap:6px}#admin-view .tag{font-size:10px;background:#2a4a36;border-radius:4px;padding:1px 5px;margin-left:6px;opacity:.9}#admin-view .err{color:#ff8a7a;font-size:12px;min-height:0}#profile-wrap{position:relative;display:inline-block}#profile-badge{position:absolute;top:-4px;right:-4px;pointer-events:none;background:#e8432e;color:#fff;font-size:10px;font-weight:700;border-radius:999px;min-width:16px;height:16px;line-height:16px;padding:0 4px}.badge{background:#e8432e;color:#fff;font-size:11px;border-radius:999px;padding:1px 7px;margin-left:4px}.card.wide{width:440px;text-align:left}.card.wide h1{text-align:center}#friends-body h2{margin:14px 0 6px}#friends-body .row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #1f3328;font-size:14px}#friends-body .tiny{display:inline-block;width:auto;margin:0 0 0 6px;padding:4px 10px;font-size:12px}#friends-body .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#555;margin-right:8px}#friends-body .dot.on{background:#3ddc84}#invite-form{display:flex;gap:6px;margin-top:4px}#invite-form input{flex:1;padding:9px 10px;border-radius:8px;border:1px solid #2a4a36;background:#0e1c14;color:#fff;font-size:14px}#invite-form button{width:auto;margin:0;padding:9px 14px}.bonus-card{text-align:center}.bonus-coin{font-size:72px;line-height:1;margin:6px 0 2px;animation:coin-bob 1.6s ease-in-out infinite;filter:drop-shadow(0 6px 14px rgba(255,200,60,.35))}@keyframes coin-bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(6deg)}}.bonus-amount{font-size:34px;font-weight:800;color:#ffd66b;margin:4px 0 8px;text-shadow:0 2px 10px rgba(255,200,60,.35)}.bonus-card .fine{margin:0 0 12px}.bonus-card.claimed .bonus-coin{animation:coin-pop .6s ease-out forwards}@keyframes coin-pop{0%{transform:scale(1)}40%{transform:scale(1.35) rotate(12deg)}to{transform:scale(1.1);opacity:.9}}.bonus-card.claimed .bonus-amount{animation:amount-pop .5s ease-out}@keyframes amount-pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.sound-row{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid #1f3328}.sound-row b{width:150px;font-weight:600}.sound-row audio{height:32px;flex:1;max-width:420px}.range{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0;text-align:left}.range label{display:flex;flex-direction:column;gap:4px;font-size:12px;opacity:.85}.range select{padding:8px;border-radius:8px;border:1px solid #2a4a36;background:#0e1c14;color:#fff;font-size:15px}#queue-card hr{border:0;border-top:1px solid #2a4a36;margin:14px 0 8px}.risk{font-size:22px;margin:10px 0 4px}.risk b{color:#ffd66b}.warn-text{color:#ffb86b}#found{z-index:16}.found-card{text-align:center}.avatar.big{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #ffd66b;margin:6px auto;display:block}.found-name{font-size:22px;font-weight:700}.found-stake{color:#ffd66b;margin-top:4px}button.blue,.pop button.blue{background:#2d5da1;border-color:#4a7fd1}#welcome{z-index:17}#tos{z-index:18}.welcome-card{text-align:center}.welcome-card hr{border:0;border-top:1px solid #2a4a36;margin:12px 0}.welcome-name{font-size:20px;font-weight:700;margin:4px 0}#welcome-rename-form{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:6px 0}#welcome-rename-form[hidden]{display:none}#welcome-rename-form input{padding:6px 8px;border-radius:6px;border:1px solid #2a4a36;background:#0e1c14;color:#fff}label.toggle.center{justify-content:center;display:flex;gap:6px;align-items:center;cursor:pointer;margin:8px 0}.tos-body{max-height:55vh;overflow:auto;text-align:left;font-size:14px;line-height:1.5;padding:4px 8px 4px 0;margin:8px 0 12px}.tos-body p{margin:0 0 10px}#admin-view .tos-form{display:grid;gap:10px;max-width:820px}#admin-view .tos-form label{display:grid;gap:4px;font-size:13px;opacity:.9}#admin-view .tos-form input,#admin-view .tos-form textarea{padding:8px;border-radius:8px;border:1px solid #2a4a36;background:#0e1c14;color:#fff;font:inherit}#admin-view .tos-form textarea{line-height:1.45}#admin-view #tos-show{white-space:pre-wrap;background:#0e1c14;padding:12px;border-radius:8px;margin-top:10px}.card button.tiny{display:inline-block;width:auto;margin:0 0 0 4px;padding:2px 8px;font-size:13px;border-radius:6px;vertical-align:middle}.card .row button.tiny{margin-left:6px}.bot-offer{margin-top:8px}#candidate{position:fixed;top:74px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#0009;border:1px solid #2a4a36;border-radius:10px;padding:6px 12px;font-size:13px;z-index:9;backdrop-filter:blur(4px)}#candidate[hidden]{display:none}#candidate button{padding:5px 10px;border-radius:8px;border:1px solid #3b6b4b;background:#1d6b3f;color:#fff;font-size:13px;cursor:pointer}#candidate small{opacity:.6}.mid .pot{font-size:12px;color:#ffd66b;opacity:.9;white-space:nowrap}.demo-link{margin-top:12px}.demo-link a{color:#9aa79e;text-decoration:underline dotted;font-size:12px}.demo-link a:hover{color:#c8d4cb}#demo-back{position:fixed;top:10px;left:14px;z-index:20;padding:8px 14px;border-radius:999px;border:1px solid #3b6b4b;background:#13251be6;color:#e8e6df;font-size:14px;cursor:pointer}#demo-back[hidden]{display:none}.menu-coins{font-size:18px;color:#ffd66b;margin:2px 0 10px}.menu-coins b{font-size:21px}.card button.grab{background:linear-gradient(135deg,#b08a1f,#d4a72c);border-color:#ffd66b;color:#1a1405}.card button.grab:hover{background:linear-gradient(135deg,#c49a26,#e6b836)}.card button.grab small{color:#2b2208;opacity:.8}.menu-card{position:relative;overflow:visible}.title-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:6px}.title-row h1{margin:0;white-space:nowrap}.deco-row{width:116px;height:56px;flex:none;filter:drop-shadow(0 3px 3px rgba(0,0,0,.45))}.deco-eight{position:absolute;top:-34px;left:50%;width:64px;height:64px;transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}@media(max-width:900px){.deco-row{width:78px;height:38px}.title-row{gap:8px}.deco-eight{width:52px;height:52px;top:-28px}}.pop a.support{color:#9fd8b0;text-decoration:underline dotted}.pop a.support:hover{color:#c8f0d4}#totp{z-index:17}#totp-card .qr{display:block;width:200px;height:200px;margin:8px auto;border-radius:8px;background:#fff;padding:6px;box-sizing:content-box}#totp-card .secret{font-family:ui-monospace,Consolas,monospace;font-size:13px;letter-spacing:1px;background:#0e1c14;border:1px solid #2a4a36;border-radius:8px;padding:8px;margin:6px 0 12px;user-select:all}#totp-card form{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:6px 0}#totp-card form input{padding:10px;border-radius:8px;border:1px solid #2a4a36;background:#0e1c14;color:#fff;font-size:18px;letter-spacing:3px;text-align:center;width:190px}#totp-card form input::placeholder{letter-spacing:0;font-size:14px}#totp-card form button{width:auto;display:inline-block;margin:0}#totp-card form .err{width:100%}.card [hidden]{display:none!important}@property --grab-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.card button.grab{position:relative;isolation:isolate;border-color:transparent}.card button.grab:before{content:"";position:absolute;inset:-1.5px;z-index:-1;border-radius:11px;background:conic-gradient(from var(--grab-angle),rgba(255,250,225,0) 0deg,rgba(255,250,225,0) 200deg,rgba(255,250,225,.55) 290deg,rgba(255,250,225,0) 360deg),#d9ae35;animation:grab-border 6s linear infinite}@keyframes grab-border{to{--grab-angle: 360deg}}@media(prefers-reduced-motion:reduce){.card button.grab:before{animation:none}}#session,#notice{z-index:16}.menu-card{display:flex;flex-direction:column;gap:12px}.card.menu-card>*,.card.menu-card #online-box>*{margin:0}.menu-card #online-box{display:flex;flex-direction:column;gap:12px}.menu-card .title-row{margin-top:2px;margin-bottom:-6px}.menu-card .notice{max-width:100%}.tagline{animation:tagline-pulse 3.2s ease-in-out infinite;position:relative;top:-10px}@keyframes tagline-pulse{0%,to{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.tagline{animation:none;opacity:.75}}#leave{z-index:16}.card button.danger{background:#6b1d1d;border-color:#a33}.card button.danger:hover{background:#852424}body.compact #players{top:4px;height:42px;padding:4px 12px;gap:12px;border-radius:10px;max-width:calc(100vw - 200px)}body.compact .player{min-width:0;gap:6px}body.compact .player .avatar{width:30px;height:30px}body.compact .name{font-size:13px}body.compact .group{font-size:10px}body.compact .balls{display:none}body.compact .mid{min-width:50px}body.compact .mid .pot{font-size:10px}body.compact #profile{top:5px;right:8px;gap:6px}body.compact .circle{width:32px;height:32px;font-size:14px}body.compact .circle.small{width:28px;height:28px;font-size:13px}body.compact #demo-back{top:5px;left:8px;padding:6px 10px;font-size:13px}body.compact #app{inset:50px 0 6px}body.compact #debug{display:none}body.compact #candidate{top:50px;font-size:12px}body.compact .card{padding:14px 18px;max-height:96vh}body.compact .card h1{font-size:20px}#rotate{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#050c08eb;color:#e8e6df;font-size:18px;text-align:center}#rotate[hidden]{display:none}#rotate .phone{font-size:64px;animation:rotate-hint 1.6s ease-in-out infinite}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}