:root{--bg:#070b16;--panel:#0a1020b8;--panel-edge:#ffffff1a;--text:#eef3ff;--muted:#9aa8c7;--accent:#dcff3a;--good:#3ee08f;--bad:#ff5b6e;--team0:#ff5b3a;--team1:#8b6dff;--font:"SF Pro Display", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Barlow Condensed", var(--font)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#stage{width:var(--stage-w,100vw);height:var(--stage-h,100vh);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);position:fixed;top:0;left:0;overflow:hidden;container:stage/size}body.rotated #stage{transform-origin:0 0;transform:translateX(var(--screen-w,100vw)) rotate(90deg);--safe-l:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-left,0px)}#stage>#hud,#stage>#touch,#stage>#menu,#stage>#install,#stage>#about,#stage>#online,#stage>#paused{position:absolute}#app canvas{cursor:crosshair;width:100%;height:100%;display:block}.hidden{display:none!important}.panel{background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(10px);border-radius:12px}#hud{pointer-events:none;position:fixed;inset:0}#scoreboard{font-variant-numeric:tabular-nums;min-width:250px;padding:8px 6px 6px;position:absolute;top:16px;left:16px}.sb-row{letter-spacing:.04em;grid-template-columns:14px 1fr auto 30px 42px;align-items:center;gap:6px;padding:5px 8px;font-size:14px;font-weight:700;display:grid}.sb-row[data-team="0"]{border-left:3px solid var(--team0)}.sb-row[data-team="1"]{border-left:3px solid var(--team1)}.sb-row .srv{background:0 0;border-radius:50%;width:8px;height:8px}.sb-row .srv.on{background:var(--accent);box-shadow:0 0 8px var(--accent)}.sb-row .sets{color:var(--muted);gap:8px;font-weight:600;display:flex}.sb-row .games{text-align:center;font-size:16px}.sb-row .pts{text-align:center;background:#ffffff1a;border-radius:6px;padding:2px 0;font-size:16px}.sb-note{letter-spacing:.14em;color:var(--accent);text-align:right;min-height:14px;padding:2px 8px 0;font-size:11px}#practice{min-width:220px;padding:12px 16px;position:absolute;top:16px;left:16px}#practice .label{letter-spacing:.2em;color:var(--muted);font-size:11px}#practice .drill{text-transform:uppercase;margin:4px 0;font-size:20px;font-weight:800}#practice .stats{font-variant-numeric:tabular-nums;font-size:14px}#practice .keys{color:var(--muted);margin-top:6px;font-size:11px}#callout{text-align:center;opacity:0;transition:opacity .3s;position:absolute;top:22%;left:50%;transform:translate(-50%)}#callout.show{opacity:1}#callout .title{letter-spacing:.02em;text-shadow:0 4px 30px #0009;font-size:64px;font-style:italic;font-weight:900}#callout.big .title{font-size:96px}#callout.pop .title{animation:.45s cubic-bezier(.2,1.6,.4,1) pop}#callout.good .title{color:var(--good)}#callout.bad .title{color:var(--bad)}#callout.neutral .title{color:var(--text)}#callout .sub{color:var(--text);opacity:.85;text-shadow:0 2px 12px #000c;margin-top:4px;font-size:16px}@keyframes pop{0%{opacity:0;transform:scale(.6)}}#shot{white-space:nowrap;text-shadow:0 2px 10px #000c;opacity:0;align-items:center;gap:10px;font-size:15px;font-weight:600;transition:opacity .4s;display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}#shot.show{opacity:1}#shot .timing{font-size:18px;font-style:italic;font-weight:900}#shot .timing.PERFECT{color:var(--good)}#shot .timing.GOOD{color:var(--accent)}#shot .timing.LATE{color:var(--bad)}#hint{color:var(--muted);white-space:nowrap;text-shadow:0 2px 8px #000000e6;font-size:13px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}#badge{color:var(--muted);letter-spacing:.08em;font-size:11px;position:absolute;bottom:12px;left:16px}body:not(.tune) #badge{display:none}#help{width:min(520px,100cqw - 32px);padding:22px 26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.help-title{letter-spacing:.2em;color:var(--muted);margin-bottom:12px;font-size:12px}#help .grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;font-size:14px;display:grid}#help p{color:var(--muted);margin:14px 0 0;font-size:13px}kbd{font-family:var(--font);white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff29;border-radius:6px;padding:3px 7px;font-size:12px;font-weight:700}#menu{background:radial-gradient(#070b1659,#070b16cc);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.menu-card{text-align:center;width:min(560px,100%)}#menu h1{letter-spacing:-.02em;text-shadow:0 8px 40px #0009;margin:0;font-size:clamp(56px,12cqw,104px);font-style:italic;font-weight:900;line-height:.9}#menu h1 span{letter-spacing:.5em;color:var(--accent);margin-top:8px;padding-left:.5em;font-size:.34em;font-style:normal;display:block}#menu .tag{color:var(--text);opacity:.85;max-width:440px;margin:18px auto 26px;font-size:15px;line-height:1.5}#menu .buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}#menu button{font-family:var(--font);color:var(--text);cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:12px;min-width:200px;padding:14px 22px;font-size:17px;font-weight:800;transition:transform .12s,background .2s}#menu button small{opacity:.7;margin-top:3px;font-size:12px;font-weight:600;display:block}#menu button:hover{background:#ffffff24;transform:translateY(-2px)}#menu button.primary{background:var(--accent);color:#1a1400;border-color:var(--accent)}#menu .controls{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:28px;font-size:13px;display:flex}#menu .tip{color:var(--accent);margin-top:16px;font-size:13px}#paused{text-align:center;text-shadow:0 4px 30px #000000b3;pointer-events:none;font-size:56px;font-style:italic;font-weight:900;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#paused small{color:var(--muted);font-size:14px;font-style:normal;font-weight:600;display:block}.lil-gui.lil-root{--width:280px;top:12px!important;right:12px!important}@container stage (width<=640px){#callout .title{font-size:40px}#callout.big .title{font-size:56px}#shot,#hint{font-size:12px}}html,body{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}body{position:fixed;inset:0}body.touch .desktop-only,body:not(.touch) .touch-only{display:none!important}#touch{z-index:5;touch-action:none;position:fixed;inset:0}#stick{left:calc(var(--safe-l) + 104px);top:calc(100% - var(--safe-b) - 100px);opacity:.45;pointer-events:none;background:radial-gradient(circle,#ffffff1a,#ffffff08);border:2px solid #ffffff59;border-radius:50%;width:132px;height:132px;margin:-66px 0 0 -66px;transition:opacity .15s;position:absolute}#stick.active{opacity:.95}#stick .knob{background:#ffffffd9;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%;box-shadow:0 4px 16px #0006}#touch .shot{color:#fff;font-family:var(--font);letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);touch-action:none;background:#0a102073;border:2px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;padding:0;font-style:italic;font-weight:900;transition:transform 80ms,background .12s;display:flex;position:absolute}#touch .shot.pressed{background:#ffd23f8c;transform:scale(.9)}#touch .shot.big{width:96px;height:96px;right:calc(var(--safe-r) + 26px);bottom:calc(var(--safe-b) + 24px);border-color:var(--accent);background:#ffd23f38;font-size:15px}#touch .shot.mid{width:66px;height:66px;right:calc(var(--safe-r) + 136px);bottom:calc(var(--safe-b) + 22px);font-size:11px}#touch .shot.mid.alt{right:calc(var(--safe-r) + 40px);bottom:calc(var(--safe-b) + 134px)}#touch .shot.small.left{width:60px;height:60px;left:calc(var(--safe-l) + 24px);bottom:calc(var(--safe-b) + 196px);border-color:var(--accent);font-size:10px}#touch.committed .shot[data-shot=primary],#touch.committed .shot[data-shot=secondary],#touch.committed .shot[data-shot=special]{box-shadow:0 0 0 3px #3ee08f8c}#touch .topbar{top:calc(var(--safe-t) + 8px);right:calc(var(--safe-r) + 10px);gap:8px;display:flex;position:absolute}#touch .topbar button{touch-action:none;background:#0a10208c;border:1px solid #ffffff2e;border-radius:10px;width:40px;height:40px;padding:8px}#touch .topbar svg{fill:#fff;stroke:#fff;stroke-width:0;width:100%;height:100%}#touch .topbar [data-act=sound] svg path:last-child{fill:none;stroke-width:2px}body.touch #help{display:none!important}body.touch #badge{bottom:calc(var(--safe-b) + 4px);pointer-events:none;white-space:nowrap;left:50%;transform:translate(-50%)}body.touch #scoreboard,body.touch #practice{top:calc(var(--safe-t) + 8px);left:calc(var(--safe-l) + 8px)}body.touch #shot{top:calc(var(--safe-t) + 10px);font-size:12px;bottom:auto}body.touch #shot .timing{font-size:14px}body.touch #hint{top:calc(var(--safe-t) + 32px);font-size:11px;bottom:auto}body.touch .lil-gui.lil-root{touch-action:pan-y;z-index:6;max-width:calc(100cqw - 20px);max-height:calc(100cqh - 70px);overflow-y:auto;top:calc(var(--safe-t) + 56px)!important;right:calc(var(--safe-r) + 10px)!important}@container stage (height<=520px){#scoreboard{min-width:176px;padding:4px 2px 2px}.sb-row{grid-template-columns:10px 1fr auto 22px 30px;padding:3px 6px;font-size:11px}.sb-row .games,.sb-row .pts{font-size:12px}#practice{min-width:170px;padding:8px 12px}#practice .drill{font-size:15px}#practice .stats{font-size:12px}#callout{top:16%}#callout .title{font-size:42px}#callout.big .title{font-size:58px}#callout .sub{font-size:13px}#menu h1{font-size:min(92px,17cqh)}#menu .tag{margin:10px auto 14px;font-size:13px}#menu button{min-width:170px;padding:10px 18px;font-size:15px}#menu .controls{margin-top:14px;font-size:12px}#menu .tip{margin-top:8px;font-size:12px}}#touch .topbar [data-act=fullscreen] svg path{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}body.immersive [data-act=fullscreen]{display:none}#install,#about{z-index:60;background:#04070eb8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#install .sheet,#about .sheet{width:min(460px,100%);padding:20px 24px;font-size:14px;line-height:1.45}#install h2,#about h2{margin:0 0 6px;font-size:20px;font-style:italic;font-weight:900}#install p,#about p{color:var(--muted);margin:0 0 8px}#install ol{margin:0 0 14px;padding-left:20px}#install li{margin:4px 0}#install p.note{margin:10px 0 12px;font-size:12px}#about .sheet{touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;max-height:calc(100cqh - 32px);overflow-y:auto}#about #about-ok{position:sticky;bottom:0;box-shadow:0 -10px 16px #0a0e1ae6}@container stage (height<=520px){#about .sheet{padding:14px 18px;font-size:12.5px}#about p{margin-bottom:6px}}#about a{color:var(--accent);font-weight:700}#install .share{vertical-align:-3px;fill:none;stroke:#4ea1ff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}#install button,#about button{font-family:var(--font);background:var(--accent);color:#1a1400;border:0;border-radius:10px;padding:10px 22px;font-size:15px;font-weight:800}@container stage (height<=340px){#stick{width:104px;height:104px;left:calc(var(--safe-l) + 78px);top:calc(100% - var(--safe-b) - 72px);margin:-52px 0 0 -52px}#stick .knob{width:46px;height:46px;margin:-23px 0 0 -23px}#touch .shot.big{width:76px;height:76px;right:calc(var(--safe-r) + 16px);bottom:calc(var(--safe-b) + 12px);font-size:13px}#touch .shot.mid{width:54px;height:54px;right:calc(var(--safe-r) + 104px);bottom:calc(var(--safe-b) + 10px);font-size:10px}#touch .shot.mid.alt{right:calc(var(--safe-r) + 26px);bottom:calc(var(--safe-b) + 98px)}#touch .shot.small.left{width:50px;height:50px;left:calc(var(--safe-l) + 14px);bottom:calc(var(--safe-b) + 142px)}#touch .topbar button{width:32px;height:32px;padding:6px}#scoreboard{min-width:150px}.sb-row{padding:2px 5px;font-size:10px}#callout .title{font-size:32px}#callout.big .title{font-size:44px}#callout .sub{font-size:11px}body.touch #hint{display:none}#menu h1{font-size:min(64px,18cqh)}#menu .tag{display:none}#menu .buttons{margin-top:10px}#menu button{min-width:150px;padding:8px 14px;font-size:14px}#menu .controls{margin-top:10px}}body.touch #practice .keys{display:none}@container stage (height<=340px){body.touch #practice{min-width:140px;padding:6px 10px}body.touch #practice .label{display:none}#touch .shot.small.left{bottom:calc(var(--safe-b) + 124px)}}#menu h1 img{filter:drop-shadow(0 10px 40px #0000008c);width:auto;height:min(250px,34cqh);margin:0 auto;display:block}#menu button,#callout .title,#paused,#shot .timing,.sb-row,#practice .drill,#touch .shot,#install h2,#about h2{font-family:var(--display)}#menu button{letter-spacing:.02em;font-size:19px}#callout .title{letter-spacing:.01em;font-weight:900}#touch .shot{font-size:15px;font-weight:800}#touch .shot.mid{font-size:13px}#touch .shot.small.left{font-size:12px}@container stage (height<=340px){#menu h1 img{height:26cqh}}#menu .menu-name{background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;width:min(260px,100%);margin:12px auto 0;padding:4px 12px;display:flex}#menu .menu-name:focus-within{border-color:var(--accent)}#menu .menu-name .who{width:16px;height:16px;fill:var(--muted);flex:none}#menu .menu-name input{min-width:0;color:var(--text);font:700 15px var(--font);background:0 0;border:0;outline:0;flex:1;padding:5px 0}#menu .menu-name input::placeholder{color:var(--muted);font-weight:600}#menu .langs{justify-content:center;gap:8px;margin-top:14px;display:flex}#menu .langs button{font:600 13px var(--font);letter-spacing:0;border-radius:999px;align-items:center;gap:7px;min-width:0;padding:6px 14px;font-style:normal;display:inline-flex}#menu .langs img{border-radius:3px;width:21px;height:16px;box-shadow:0 0 0 1px #ffffff4d}#menu .link{min-width:0;font:600 12px var(--font);letter-spacing:0;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;margin-top:10px;padding:4px 8px;font-style:normal;text-decoration:underline}#menu .langs button.active{background:var(--accent);border-color:var(--accent);color:#1a1400}#touch,.lil-gui{direction:ltr}[dir=rtl] #callout .title,[dir=rtl] #shot .timing,[dir=rtl] #paused,[dir=rtl] #install h2,[dir=rtl] #about h2,[dir=rtl] #touch .shot,[dir=rtl] #menu button,[dir=rtl] #practice .drill,[dir=rtl] .sb-row{letter-spacing:0;font-style:normal}[dir=rtl] #install ol{padding-left:0;padding-right:20px}@container stage (height<=340px){#menu .langs{margin-top:8px}#menu .langs button{padding:4px 10px;font-size:12px}}#online{z-index:60;background:#04070eb8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#online .sheet{touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex-direction:column;gap:12px;width:min(520px,100%);max-height:calc(100cqh - 32px);padding:20px 24px;font-size:14px;line-height:1.45;display:flex;overflow-y:auto}#online h2{font:900 italic 22px var(--display);margin:0}#online p{color:var(--muted);margin:0}#online .ol-join-view,#online .ol-lobby-view{flex-direction:column;gap:12px;display:flex}#online button{font:800 16px var(--display);letter-spacing:.02em;color:var(--text);cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:10px;padding:11px 20px}#online button.primary{background:var(--accent);border-color:var(--accent);color:#1a1400}#online button.ghost{background:0 0}#online button:disabled{cursor:default}#online input{font:600 16px var(--font);color:var(--text);background:#00000059;border:1px solid #ffffff38;border-radius:10px;min-width:0;padding:10px 12px}#online input:focus{outline:2px solid var(--accent);outline-offset:1px}#online .ol-field{color:var(--muted);letter-spacing:.04em;flex-direction:column;gap:5px;font-size:12px;display:flex}#online .ol-or{text-align:center;color:var(--muted);font-size:12px}#online .ol-joinrow{gap:8px;display:flex}#online #ol-code{font:800 22px var(--display);letter-spacing:.3em;text-transform:uppercase;text-align:center;flex:1}#online .ol-room{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}#online #ol-roomcode{font:900 30px var(--display);letter-spacing:.14em;color:var(--accent)}#online #ol-invite{margin-inline-start:auto;padding:8px 14px;font-size:14px}#online .ol-teams{grid-template-columns:1fr 1fr;gap:10px;display:grid}#online .ol-team{flex-direction:column;gap:6px;min-width:0;display:flex}#online .ol-team h3{font:800 12px var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--team0);margin:0}#online .ol-team+.ol-team h3{color:var(--team1)}#online .ol-slot{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#online .ol-menu{flex-wrap:wrap;flex-basis:100%;gap:6px;display:flex}#online .ol-rename input{flex:1;min-width:120px;padding:6px 10px}#online .ai-toggle.warn{color:var(--bad)}#online .seat .say{font:700 13px var(--font);color:var(--accent)}#online .ol-quick{flex-direction:column;align-items:center;gap:2px;display:flex}#online .ol-quick small{font:600 12px var(--font);opacity:.75;text-transform:none;letter-spacing:0}#online .ol-options{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}#online .ol-select{color:var(--muted);align-items:center;gap:8px;display:flex}#online .ol-select select{font:700 14px var(--font);color:var(--text);background:var(--panel-2,#ffffff0f);border:1px solid #ffffff29;border-radius:8px;padding:5px 8px}#online .ol-rules{color:var(--muted);font-weight:600}#online .ol-report{background:#ffffff0d;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}#online .ol-report p{margin:0;font-weight:700}#online .ol-reacts{flex-wrap:wrap;gap:6px;display:flex}#online .ol-slot .seat{flex:1;min-width:0}#online .seat{text-align:start;flex-direction:column;align-items:flex-start;gap:1px;width:100%;min-height:54px;padding:9px 12px;font-size:17px;display:flex}#online .seat .nm{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}#online .seat small{font:600 11px var(--font);color:var(--muted);letter-spacing:.02em}#online .seat.me{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}#online .seat.open{color:var(--muted);border-style:dashed}#online .seat.open:not(:disabled):hover{border-color:var(--accent);color:var(--text)}#online .seat.ai{color:var(--muted)}#online .seat.away{opacity:.6}#online .ai-toggle{font:700 12px var(--font);white-space:nowrap;border-radius:999px;flex:none;padding:3px 10px}#online .ol-check{color:var(--muted);align-items:center;gap:8px;display:flex}#online .ol-check input{width:18px;height:18px;accent-color:var(--accent)}#online .ol-status{min-height:1.45em;color:var(--text);white-space:pre-line}#online .ol-status.error{color:var(--bad)}#online .ol-actions{flex-wrap:wrap;gap:8px;display:flex}#online .ol-actions .primary{flex:1}[dir=rtl] #online h2,[dir=rtl] #online button{letter-spacing:0;font-style:normal}@container stage (height<=520px){#online .sheet{gap:8px;padding:14px 18px}#online .seat{min-height:44px;padding:6px 10px}#online #ol-roomcode{font-size:24px}}#net{top:calc(var(--safe-t) + 10px);font:700 11px var(--font);color:var(--text);font-variant-numeric:tabular-nums;pointer-events:none;background:#0006;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#net:before{content:"";background:var(--good);border-radius:50%;width:7px;height:7px}#net.fair:before{background:var(--accent)}#net.poor:before{background:var(--bad)}#tags{pointer-events:none;position:absolute;inset:0;overflow:hidden}#tags .tag{font:800 12px var(--display);letter-spacing:.04em;white-space:nowrap;color:var(--text);border-bottom:2px solid var(--team1);background:#00000073;border-radius:6px;padding:2px 8px;position:absolute;top:0;left:0}#tags .tag.us{border-bottom-color:var(--team0)}#tags .tag[hidden]{display:none}#tags .tag[data-say]:before{content:attr(data-say);font:700 13px var(--font);letter-spacing:0;color:#0b1020;background:#ffffffeb;border-radius:12px;padding:4px 10px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000059}body:not(.online) .online-only{display:none!important}#react-bar{z-index:7;left:16px;right:16px;bottom:calc(var(--safe-b) + 40px);pointer-events:none;flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute}#react-bar button{pointer-events:auto}#react-bar.hidden{display:none}#react-bar button{color:var(--text);font:700 12px var(--font);white-space:nowrap;cursor:pointer;background:#080c1ab8;border:1px solid #ffffff29;border-radius:999px;padding:4px 10px}#react-bar button[data-key]:before{content:attr(data-key);color:var(--muted);margin-inline-end:6px}body.touch #react-bar{bottom:auto;top:calc(var(--safe-t) + 58px);width:min(560px,100% - 32px);left:50%;right:auto;transform:translate(-50%)}body.touch #react-bar button{padding:8px 13px;font-size:15px}.me-chip{z-index:3;top:calc(var(--safe-t) + 12px);border:1px solid var(--panel-edge);background:var(--panel);-webkit-backdrop-filter:blur(10px);color:var(--text);cursor:pointer;font:600 13px var(--font);text-align:start;border-radius:999px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex;position:absolute;inset-inline-start:calc(var(--safe-l) + 12px)}.me-chip:hover{border-color:#dcff3a80}.me-avatar{border:2px solid var(--accent-2,var(--accent));width:36px;height:36px;font:900 italic 18px var(--display);color:var(--text);background:radial-gradient(circle at 30% 30%,#2c3a63,#121a31);border-radius:50%;flex:none;place-items:center;display:grid}.me-avatar.big{width:56px;height:56px;font-size:28px}.me-info{grid-template-columns:auto auto;align-items:baseline;gap:3px 8px;min-width:96px;display:grid}.me-name{font:800 15px var(--display);text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.me-level{color:var(--accent);font:800 12px var(--display)}.xpbar{background:#ffffff1f;border-radius:99px;grid-column:1/-1;height:5px;display:block;overflow:hidden}.xpbar.big{height:9px}.xpbar i{border-radius:inherit;background:linear-gradient(90deg, #9fd400, var(--accent));width:0;height:100%;transition:width .6s cubic-bezier(.2,.7,.2,1);display:block}.me-coins{font:800 15px var(--display);align-items:center;gap:5px;display:inline-flex}.me-coins.big{font-size:20px}.coin{background:radial-gradient(circle at 35% 30%,#fff7b8,#ffc93a 55%,#c98a00);border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 1.5px #78500073}.me-coins.big .coin{width:18px;height:18px}.me-daily{font:800 11px var(--font);color:var(--accent);background:#dcff3a29;border-radius:99px;padding:2px 7px}.me-daily:empty{display:none}.tier{font:800 11px var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:#ffffff1a;border-radius:99px;padding:1px 7px;display:inline-block}.tier.bronze{color:#e0a36b;background:#cd7f322e}.tier.silver{color:#d9e0ec;background:#c0c7d42e}.tier.gold{color:#ffd45a;background:#ffc93a2e}.tier.platinum{color:#8ff0e6;background:#7fe0d829}.tier.diamond{color:#9dbdff;background:#7aa8ff2e}.tier.pro{color:var(--accent);background:#dcff3a2e}#profile,#results{z-index:62;background:#04070eb8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#profile.hidden,#results.hidden,#toast.hidden{display:none}#profile .sheet,#results .sheet{touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex-direction:column;gap:12px;width:min(560px,100%);max-height:calc(100cqh - 32px);padding:20px 24px;font-size:14px;line-height:1.45;display:flex;overflow-y:auto}#profile h2,#results h2{font:900 italic 24px var(--display);margin:0}#profile h3{font:800 12px var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:4px 0 0}#profile p,#results p{color:var(--muted);margin:0}#profile button,#results button{font:800 15px var(--display);letter-spacing:.02em;color:var(--text);cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:10px;padding:9px 16px}#profile button.primary,#results button.primary{background:var(--accent);border-color:var(--accent);color:#1a1400}#profile button.ghost,#results button.ghost{background:0 0}#profile button:disabled{cursor:default;opacity:.55}#profile .ol-actions,#results .ol-actions{flex-wrap:wrap;gap:8px;display:flex}#results .ol-actions .primary{flex:1}.pf-head{align-items:center;gap:14px;display:flex}.pf-who{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pf-line{font:700 13px var(--font);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pf-level{color:var(--accent)}.pf-streak:empty{display:none}.pf-tabs,.pf-lbtabs{gap:6px;display:flex}#profile .pf-tabs button,#profile .pf-lbtabs button{flex:1;padding:8px 10px}#profile .pf-tabs button[aria-selected=true],#profile .pf-lbtabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent);background:#dcff3a14}#profile section{flex-direction:column;gap:10px;display:flex}#profile section.hidden{display:none}.pf-daily,.pf-badges,.pf-lb,.rs-lines{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pf-daily li{background:#ffffff0d;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:8px 12px;display:grid}.pf-daily li .xpbar{grid-column:1/-1}.pf-daily li.done{background:#3ee08f1a}.pf-daily li.done .xpbar i{background:var(--good)}.pf-daily .rw,.rs-lines .rw{font:800 13px var(--display);color:var(--accent);white-space:nowrap}.pf-badges{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.pf-badges li{opacity:.5;background:#ffffff0a;border-radius:10px;padding:8px 10px}.pf-badges li.got{opacity:1;background:#dcff3a14;box-shadow:inset 0 0 0 1px #dcff3a59}.pf-badges b{font:800 14px var(--display);display:block}.pf-badges small{color:var(--muted);font-size:12px}.pf-items{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.pf-item{text-align:center;background:#ffffff0d;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;display:flex}.pf-item.on{border-color:var(--accent)}.pf-item.locked .swatch,.pf-item.locked .me-avatar{filter:grayscale(.8)brightness(.6)}.pf-item b{font:800 14px var(--display)}.pf-item .swatch{border-radius:50%;width:34px;height:34px;box-shadow:inset 0 0 0 3px #00000040,0 0 0 2px #ffffff26}#profile .pf-item button{align-items:center;gap:5px;padding:4px 10px;font-size:13px;display:inline-flex}.pf-rank{background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.pf-rank b{font:900 italic 30px var(--display)}.pf-lb li{font-variant-numeric:tabular-nums;background:#ffffff08;border-radius:8px;grid-template-columns:2.4em 1fr auto auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.pf-lb li.note{color:var(--muted);display:block}.pf-lb li.me{background:#dcff3a1a;box-shadow:inset 0 0 0 1px #dcff3a59}.pf-lb .rk{color:var(--muted);font-weight:800}.pf-lb .nm{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.pf-lb .val{font:800 15px var(--display)}.rs-level{font:800 14px var(--display);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.rs-level .rs-lv{color:var(--accent)}.rs-levelup{font:900 italic 22px var(--display);animation:.5s cubic-bezier(.2,1.6,.4,1) pop;color:var(--accent)!important}.rs-lines{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:5px;display:grid}.rs-lines li{background:#ffffff0a;border-radius:8px;justify-content:space-between;gap:12px;padding:4px 10px;font-size:13px;animation:.35s both slidein;display:flex}.rs-lines li.big{background:#dcff3a14}.rs-rating{font:800 16px var(--display);color:var(--text)!important}@keyframes slidein{0%{opacity:0;transform:translateY(6px)}}#toast{z-index:70;top:calc(var(--safe-t) + 14px);color:var(--text);font:800 15px var(--display);white-space:nowrap;pointer-events:none;background:#080c1ae6;border:1px solid #dcff3a66;border-radius:999px;padding:8px 16px;animation:.35s both slidein;position:fixed;left:50%;transform:translate(-50%)}#online .seat .badges{font:800 11px var(--font);color:var(--accent);align-items:center;gap:5px;margin-inline-start:6px;display:inline-flex}@media (prefers-reduced-motion:reduce){.rs-lines li,.rs-levelup,#toast{animation:none}.xpbar i{transition:none}}.rw,.pf-xp,.rs-xp,.me-coins b,.pf-lb .val{direction:ltr;unicode-bidi:isolate}[dir=rtl] #profile h2,[dir=rtl] #results h2,[dir=rtl] .rs-levelup,[dir=rtl] #profile button,[dir=rtl] #results button,[dir=rtl] .me-name,[dir=rtl] .pf-badges b,[dir=rtl] .pf-item b{letter-spacing:0;font-style:normal}.confetti{z-index:90;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#menu .gift-btn{border-radius:50%;place-items:center;min-width:0;padding:0;display:grid}#menu .me-chip{border-radius:999px;min-width:0;padding:6px 12px 6px 6px}.gift-btn{z-index:3;top:calc(var(--safe-t) + 14px);background:var(--panel);-webkit-backdrop-filter:blur(10px);cursor:pointer;border:1px solid #dcff3a80;border-radius:50%;width:46px;height:46px;font-size:24px;line-height:1;animation:2.4s ease-in-out infinite gift-pulse;position:absolute;inset-inline-end:calc(var(--safe-r) + 14px)}.gift-btn.hidden{display:none}@keyframes gift-pulse{0%,to{transform:scale(1);box-shadow:0 0 #dcff3a73}50%{transform:scale(1.06);box-shadow:0 0 0 10px #dcff3a00}}#gift{z-index:62;background:#04070eb8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#gift.hidden{display:none}#gift .sheet{text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(380px,100%);padding:22px 24px;display:flex}#gift h2{font:900 italic 24px var(--display);margin:0}#gift p{color:var(--muted);margin:0}.gf-box{cursor:pointer;background:radial-gradient(circle at 50% 40%,#dcff3a38,#0000 70%);border:0;border-radius:24px;width:120px;height:120px;font-size:80px;line-height:1}.gf-box.hidden{display:none}.gf-box.shake .gf-lid{animation:.3s ease-in-out infinite gift-shake;display:inline-block}.gf-box.open .gf-lid{animation:.35s ease-in forwards gift-pop;display:inline-block}@keyframes gift-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)scale(1.04)}75%{transform:rotate(9deg)scale(1.04)}}@keyframes gift-pop{to{opacity:0;transform:scale(1.6)}}.gf-prize{flex-direction:column;align-items:center;gap:10px;animation:.45s cubic-bezier(.2,1.6,.4,1) pop;display:flex}.gf-prize.hidden{display:none}.gf-prize b{font:900 italic 22px var(--display);color:var(--accent)}.gf-art.coin{width:56px;height:56px}.gf-art.swatch{border-radius:50%;width:64px;height:64px;box-shadow:inset 0 0 0 5px #00000040,0 0 0 3px #fff3,0 0 30px #dcff3a66}#gift button#gf-close{font:800 16px var(--display);border:1px solid var(--accent);background:var(--accent);color:#1a1400;cursor:pointer;border-radius:10px;padding:10px 28px}#gift .ol-actions{display:flex}#gf-close.hidden{display:none}@media (prefers-reduced-motion:reduce){.gift-btn,.gf-box.shake .gf-lid,.gf-prize{animation:none}}#menu .fmt-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:10px;display:flex}#menu .fmt-row .fmt-label{font:700 12px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-inline-end:4px}#menu .fmt-row button{border-radius:999px;min-width:0;padding:5px 12px;font-size:13px;font-weight:700}#menu .fmt-row button[aria-checked=true]{border-color:var(--accent);color:var(--accent);background:#dcff3a1a}@media (height<=520px){#menu .controls,#menu .tip{display:none}}#menu h1.impact img{animation:.5s cubic-bezier(.2,.9,.3,1) logo-hit}@keyframes logo-hit{0%{filter:brightness();transform:translate(0)scale(1)}12%{filter:brightness(1.6)drop-shadow(0 0 18px #dcff3ab3);transform:translate(5px,-2px)rotate(1.5deg)scale(1.04)}30%{transform:translate(-3px,1px)rotate(-1deg)scale(.99)}55%{transform:translate(1px)rotate(.4deg)}to{filter:brightness();transform:none}}@media (prefers-reduced-motion:reduce){#menu h1.impact img{animation:none}}#coach{z-index:8;top:calc(var(--safe-t) + 8px);left:calc(var(--safe-l) + 8px);width:min(330px,100% - 32px);color:var(--text);background:#080c1adb;border:1px solid #dcff3a73;border-radius:14px;padding:10px 14px;animation:.35s both slidein;position:absolute;box-shadow:0 10px 30px #00000073}#coach.hidden{display:none}#coach .head{align-items:center;gap:10px;display:flex}#coach .n{font:800 12px var(--font);color:var(--accent);letter-spacing:.05em}#coach b{font:900 italic 18px var(--display);flex:1}#coach p{color:#d7dff2;margin:4px 0 0;font-size:13px;line-height:1.4}#coach button{font:800 14px var(--display);color:var(--text);cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:999px;padding:6px 12px}#coach button.primary{background:var(--accent);border-color:var(--accent);color:#1a1400}#coach .skip{color:var(--muted);padding:3px 10px;font-size:12px}#coach .nice-tag{display:none}#coach.nice .nice-tag{border-radius:inherit;font:900 italic 30px var(--display);color:var(--accent);background:#080c1aeb;place-items:center;animation:.4s cubic-bezier(.2,1.6,.4,1) pop;display:grid;position:absolute;inset:0}#coach.done{text-align:center}#coach.done .row{justify-content:center;gap:8px;margin-top:10px;display:flex}body.coaching[data-coach-step=hit] #touch .shot.big,body.coaching[data-coach-step=aim] #touch .shot.big,body.coaching[data-coach-step=glass] #touch .shot.big{animation:1.4s ease-in-out infinite coach-pulse}@keyframes coach-pulse{0%,to{box-shadow:0 0 #dcff3a8c}50%{box-shadow:0 0 0 16px #dcff3a00}}#menu .menu-links{justify-content:center;gap:18px;display:flex}@media (prefers-reduced-motion:reduce){#coach,#coach.nice .nice-tag,body.coaching #touch .shot.big{animation:none}}body.coaching #practice,body.coaching #hint{display:none!important}[dir=rtl] #coach b{font-style:normal}.rs-best{background:linear-gradient(90deg,#ff8c3c29,#dcff3a1a);border:1px solid #ffaa5a59;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 14px;display:flex}.rs-best.hidden{display:none}.rs-best-label{font:800 12px var(--font);letter-spacing:.06em;text-transform:uppercase;color:#ffc28a}.rs-best-shot{font:900 italic 20px var(--display);flex:1}#results .rs-share{padding:6px 14px;font-size:14px}#replay{z-index:9;top:calc(var(--safe-t) + 12px);pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#replay.hidden{display:none}#replay b{color:#fff;font:900 italic 18px var(--display);letter-spacing:.12em;background:#e8262f;border-radius:6px;padding:4px 14px;animation:1.2s ease-in-out infinite replay-blink}#replay small{font:600 12px var(--font);color:#fffc;text-shadow:0 1px 4px #0009}@keyframes replay-blink{50%{opacity:.75}}body:has(#replay:not(.hidden)) #stage:before{content:"";z-index:8;pointer-events:none;background:#000;height:7%;position:absolute;left:0;right:0}body:has(#replay:not(.hidden)) #stage:after{content:"";z-index:8;pointer-events:none;background:#000;height:7%;position:absolute;left:0;right:0}body:has(#replay:not(.hidden)) #stage:before{top:0}body:has(#replay:not(.hidden)) #stage:after{bottom:0}:is(body:has(#replay:not(.hidden)) #touch,body:has(#replay:not(.hidden)) #scoreboard,body:has(#replay:not(.hidden)) #shot,body:has(#replay:not(.hidden)) #hint,body:has(#replay:not(.hidden)) #tags,body:has(#replay:not(.hidden)) #callout){visibility:hidden}#tour{z-index:62;background:#04070eb8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#tour.hidden{display:none}#tour .sheet{touch-action:pan-y;flex-direction:column;gap:10px;width:min(860px,100%);max-height:calc(100cqh - 32px);padding:18px 22px;display:flex;overflow-y:auto}#tour h2{font:900 italic 24px var(--display);margin:0}#tour .tr-intro{color:var(--muted);margin:0;font-size:13px}.tr-venues{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.tr-venue{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.tr-venue.won{background:#ffc93a12;border-color:#ffc93a80}.tr-venue.locked{opacity:.55}.tr-head{justify-content:space-between;align-items:center;display:flex}.tr-head b{font:900 italic 19px var(--display)}.tr-dots{color:var(--accent);letter-spacing:2px}.tr-lock,.tr-champ{color:var(--muted);margin:0;font-size:12px}.tr-champ{color:#ffd45a;font-weight:800}.tr-stage{background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.tr-stage.next{background:#dcff3a14;box-shadow:inset 0 0 0 1px #dcff3a59}.tr-who{flex-direction:column;flex:1;min-width:0;display:flex}.tr-who b{font:800 14px var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tr-who small{color:var(--muted);font-size:11px}.tr-done{font:800 12px var(--font);color:var(--good)}#tour button{font:800 14px var(--display);color:var(--text);cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:999px;padding:6px 14px}#tour button.primary{background:var(--accent);border-color:var(--accent);color:#1a1400}#tour .ol-actions{display:flex}[dir=rtl] #tour h2,[dir=rtl] .tr-head b{font-style:normal}#menu{padding:calc(var(--safe-t) + 72px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 10px) calc(var(--safe-l) + 16px);scrollbar-width:none;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto}#menu .menu-card{flex-direction:column;flex:1 0 auto;align-items:center;gap:10px;width:min(900px,100%);display:flex}#menu .menu-card>h1{flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:56px;max-height:250px;display:flex}#menu .menu-card>h1 img{object-fit:contain;width:auto;max-width:100%;height:100%;max-height:250px}#menu .menu-card>.tag{margin:0 auto;display:none}@container stage (height>=640px){#menu .menu-card>.tag{display:block}}#menu .menu-card>.controls,#menu .menu-card>.tip{margin:0;display:none}@container stage (height>=700px){body:not(.touch) #menu .menu-card>.controls.desktop-only,body:not(.touch) #menu .menu-card>.tip.desktop-only{display:flex}body:not(.touch) #menu .menu-card>.tip.desktop-only{display:block}}#menu .buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:880px;display:grid}@container stage (width<=560px){#menu .buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}#menu .buttons button{-webkit-backdrop-filter:blur(8px);background:#0a1020a8;border-color:#ffffff38;min-width:0;min-height:56px;padding:10px 8px;font-size:clamp(15px,1.9cqw,19px);line-height:1.12}#menu .buttons button small{opacity:.8;font-size:clamp(11px,1.35cqw,12.5px)}#menu .buttons button.primary{background:var(--accent);border-color:var(--accent)}#menu.in-game #btn-resume{background:var(--accent);border-color:var(--accent);color:#1a1400;order:-1;grid-column:1/-1;min-height:52px}#menu.in-game #btn-match{color:var(--text);background:#0a1020a8;border-color:#ffffff38}#menu.in-game .menu-card>h1{max-height:110px}#menu .fmt-row{margin:0}#menu .fmt-row button{min-height:34px;padding:6px 14px}body.touch #menu .fmt-row button{min-height:40px}#menu .menu-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;width:100%;margin-top:2px;display:flex}#menu .menu-foot .menu-name{width:190px;min-height:38px;margin:0}#menu .menu-foot .langs{margin:0}#menu .menu-foot .langs button{min-height:38px}#menu .menu-foot .menu-links{gap:2px}#menu .menu-foot .link{min-height:38px;margin:0;padding:8px}body.touch #menu .menu-foot .menu-name,body.touch #menu .menu-foot .langs button,body.touch #menu .menu-foot .link{min-height:40px}#menu .menu-corner{z-index:3;top:calc(var(--safe-t) + 14px);gap:10px;display:flex;position:absolute;inset-inline-end:calc(var(--safe-r) + 14px)}#menu .menu-corner .gift-btn{position:static}#menu .icon-btn{background:var(--panel);-webkit-backdrop-filter:blur(10px);border-radius:50%;place-items:center;width:46px;min-width:0;height:46px;padding:0;display:grid}#menu .icon-btn.hidden{display:none}#menu .icon-btn svg{fill:none;width:22px;height:22px;stroke:var(--text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}#results .sheet,#profile .sheet,#online .sheet,#tour .sheet{padding-bottom:0}#results .sheet>.ol-actions,#profile .sheet>.ol-actions,#online .sheet>.ol-actions,#tour .sheet>.ol-actions{z-index:2;background:linear-gradient(#0c122200,#0c1222f7 30%);margin-top:0;padding:14px 0 16px;position:sticky;bottom:0}#stage:has(>#menu:not(.hidden))>#hud{visibility:hidden}#menu.in-game{background:radial-gradient(#070b1699,#070b16e0)}#menu .menu-card>.tag{text-wrap:balance;max-width:620px}.rw .coin,small .coin{vertical-align:-.12em;width:.95em;height:.95em;margin-inline-start:3px;display:inline-block}#drills{z-index:62;background:#04070eb8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#drills.hidden{display:none}#drills .sheet{touch-action:pan-y;flex-direction:column;gap:10px;width:min(720px,100%);max-height:calc(100cqh - 32px);padding:18px 22px 0;display:flex;overflow-y:auto}#drills h2{font:900 italic 24px var(--display);margin:0}[dir=rtl] #drills h2{font-style:normal}#drills .dr-intro{color:var(--muted);margin:0;font-size:13px}#drills .dr-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}#drills .dr-item{text-align:start;min-height:56px;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}#drills .dr-item b{font:800 16px var(--display)}#drills .dr-item small{color:var(--muted);font-size:12px;line-height:1.3}#drills .dr-item.on{border-color:var(--accent);background:#dcff3a14}#drills .dr-item:hover{background:#ffffff1a}#drills .sheet>.ol-actions{background:linear-gradient(#0c122200,#0c1222f7 30%);padding:12px 0 16px;display:flex;position:sticky;bottom:0}#drills button.ghost{font:800 15px var(--display);color:var(--text);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:10px;padding:9px 18px}#practice .pr-change{pointer-events:auto;min-height:34px;color:var(--accent);font:700 12px var(--font);cursor:pointer;background:#dcff3a1a;border:1px solid #dcff3a80;border-radius:999px;margin-top:6px;padding:6px 12px}body.touch #practice .pr-change,body.touch #profile .pf-tabs button,body.touch #profile .pf-lbtabs button,body.touch #profile .pf-item button,body.touch #tour button,body.touch #results .rs-share,body.touch .ol-actions button,body.touch #drills button.ghost,body.touch #about-ok,body.touch #install-ok{min-height:40px}#profile .pf-item button{min-height:30px}body.touch #tour button{padding-inline:16px}@container stage (height<=520px){#profile .sheet{gap:8px;padding-top:14px}#profile .pf-head .me-avatar.big{width:44px;height:44px;font-size:22px}#profile .pf-head h2{font-size:20px}}@container stage (height<=520px) and (width>=620px){#online .sheet{width:min(760px,100%)}#online .ol-join-view{grid-template-columns:1fr 1fr;align-items:stretch;gap:10px 18px;display:grid}#online .ol-join-view>p{grid-column:1/-1;font-size:13px}#online .ol-join-view>.ol-field{grid-area:2/1}#online #ol-quick{grid-area:3/1/span 2}#online .ol-join-view>.ol-or{grid-area:2/2;align-self:end;padding-bottom:6px}#online #ol-create{grid-area:3/2}#online .ol-joinrow{grid-area:4/2}}@container stage (width<=760px){#stage:has(>#menu:not(.hidden))>#toast{left:auto;white-space:normal;text-align:center;width:fit-content;margin-inline:auto;font-size:13px;inset-inline-start:calc(var(--safe-l) + 272px);inset-inline-end:calc(var(--safe-r) + 124px);transform:none}}#menu .menu-foot .menu-name input{align-self:stretch}body:not(.practicing) .practice-only{display:none}#touch .topbar button.pill{width:auto;color:var(--accent);font:700 13px var(--font);white-space:nowrap;background:#dcff3a1f;border-color:#dcff3a80;padding:8px 12px}body.touch #practice .pr-change{display:none}body.touch.practicing #hint{top:calc(var(--safe-t) + 58px)}@container stage (height<=520px) and (width>=620px){#profile .sheet{width:min(760px,100%)}}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}