@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-800i.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:900;font-display:swap;src:url(/fonts/barlow-condensed-900i.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-600.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-700.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-800.woff2)format("woff2")}:root{--navy:#0a2240;--navy-2:#12345e;--navy-3:#1b4678;--court:#1f6fd1;--court-deep:#13509e;--ball:#e2ff32;--ball-deep:#9fbb00;--ball-ink:#1d2a00;--chalk:#fff;--chalk-dim:#c9d8ec;--coral:#ff5a4f;--coral-deep:#b8322a;--sand:#ffe1a6;--display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--body:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--line:inset 0 0 0 2px #ffffffeb;--line-soft:inset 0 0 0 2px #ffffff38;--lift:0 18px 40px #04102261;--r:12px;--ease:cubic-bezier(.2, .9, .25, 1.15);--out:cubic-bezier(.16, 1, .3, 1);--top:max(12px, env(safe-area-inset-top));--bot:max(14px, env(safe-area-inset-bottom));--lft:max(16px, env(safe-area-inset-left));--rgt:max(16px, env(safe-area-inset-right));--ol-bg:var(--navy);--ol-surface:var(--navy-2);--ol-fg:var(--chalk);--ol-muted:var(--chalk-dim);--ol-accent:var(--ball);--ol-accent-2:#c8ec00;--ol-accent-fg:var(--ball-ink);--ol-ok:#44e08a;--ol-warn:var(--sand);--ol-danger:var(--coral);--ol-tile:var(--court);--ol-tile-fg:var(--chalk);--ol-qr-bg:#fff;--ol-qr-fg:var(--navy);--ol-scrim:#041022b8;--ol-radius:14px;--ol-btn-radius:10px;--ol-font:var(--body);--ol-display:var(--display);--ol-shadow:0 14px 34px #04102266}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--chalk);font:600 16px/1.35 var(--body);overscroll-behavior:none;-webkit-font-smoothing:antialiased;background:linear-gradient(#2d8fef,#bfeaff);overflow:hidden}button,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline:3px solid var(--ball);outline-offset:3px}.grow{flex:1}.center{text-align:center}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}kbd{background:var(--chalk);min-width:28px;height:28px;color:var(--navy);font:800 13px var(--body);box-shadow:0 3px 0 var(--chalk-dim);vertical-align:middle;border-radius:7px;place-items:center;margin:0 2px;padding:0 7px;display:inline-grid}.avatar{border-radius:50%;flex:none;display:block}@keyframes t-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes t-fade{0%{opacity:0}}@keyframes t-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}to{transform:none}}@keyframes t-slam{0%{opacity:0;transform:translate(-40px)skew(-12deg)scale(1.15)}55%{opacity:1;transform:translate(4px)skew(-8deg)}to{transform:skew(-8deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.app{position:fixed;inset:0;overflow:hidden}.stage{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.veil{z-index:1;pointer-events:none;background:linear-gradient(#0a224080 0%,#0a224000 34% 48%,#0a2240c7 100%);position:absolute;inset:0}.veil.light{background:linear-gradient(#0a224059 0%,#0a224000 22%)}.topbar{z-index:30;pointer-events:none;padding:var(--top) var(--rgt) 0 var(--lft);align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.app:has(.game) .topbar{display:none}.oftr-back-slot{align-items:center;min-height:56px;display:inline-flex}.t-btn{cursor:pointer;border-radius:var(--r);min-height:56px;font:italic 900 21px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;transition:transform .14s var(--ease), box-shadow .14s;border:0;justify-content:center;align-items:center;gap:12px;padding:0 22px;display:inline-flex;position:relative;transform:skew(-8deg)}.t-btn>*{transform:skew(8deg)}.t-btn:active:not(:disabled){transform:skew(-8deg)translateY(4px)}.t-btn:disabled{opacity:.5;cursor:default}.t-btn.wide{width:100%}.t-btn.big{min-height:68px;padding:0 24px;font-size:26px}.t-btn-i{flex:none;place-items:center;display:grid}.t-btn-i svg{width:26px;height:26px}.t-btn.big .t-btn-i svg{width:30px;height:30px}.t-btn-t{text-align:left;justify-items:start;gap:4px;display:grid}.t-btn:not(.has-sub) .t-btn-t{text-align:center;justify-items:center}.t-btn-t small{font:700 13px/1.1 var(--body);text-transform:none;letter-spacing:.01em;opacity:.8}.t-btn.has-sub{justify-content:flex-start;padding-left:20px}.t-btn.has-sub.big{min-height:76px}.t-btn.ball{background:var(--ball);color:var(--ball-ink);box-shadow:inset 0 0 0 2px #1d2a002e, 0 5px 0 var(--ball-deep), var(--lift)}.t-btn.chalk{background:var(--chalk);color:var(--navy);box-shadow:inset 0 0 0 2px #0a22401f, 0 5px 0 var(--chalk-dim), var(--lift)}.t-btn.court{background:var(--court);color:var(--chalk);box-shadow:var(--line), 0 5px 0 var(--court-deep)}.t-btn.coral{background:var(--coral);color:var(--chalk);box-shadow:var(--line), 0 5px 0 var(--coral-deep)}.t-btn.navy{background:var(--navy-2);color:var(--chalk);box-shadow:var(--line-soft), 0 5px 0 #04102299}.t-btn.ball:active:not(:disabled){box-shadow:inset 0 0 0 2px #1d2a002e, 0 1px 0 var(--ball-deep)}.t-btn.chalk:active:not(:disabled){box-shadow:inset 0 0 0 2px #0a22401f, 0 1px 0 var(--chalk-dim)}.t-btn.cta{min-height:84px;font-size:32px}.t-btn.cta .t-btn-i{background:var(--navy);width:52px;height:52px;color:var(--ball);border-radius:50%}.t-btn.cta .t-btn-t small{font-size:14px}.t-icon{cursor:pointer;width:56px;height:56px;transition:transform .14s var(--ease);border:0;border-radius:50%;flex:none;place-items:center;padding:0;text-decoration:none;display:grid}.t-icon svg{width:26px;height:26px}.t-icon:active{transform:scale(.92)}.t-icon.navy{background:var(--navy);color:var(--chalk);box-shadow:var(--line-soft), 0 6px 16px #04102259}.t-icon.chalk{background:var(--chalk);color:var(--navy);box-shadow:0 4px 0 var(--chalk-dim)}.t-icon.ball{background:var(--ball);color:var(--ball-ink);box-shadow:0 4px 0 var(--ball-deep)}.t-icon.court{background:var(--court);color:var(--chalk);box-shadow:var(--line)}.t-icon.coral{background:var(--coral);color:var(--chalk);box-shadow:var(--line)}.t-link{cursor:pointer;min-height:56px;color:var(--chalk);font:700 16px var(--body);text-underline-offset:4px;text-shadow:0 2px 8px #04102299;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.t-card{background:var(--navy);color:var(--chalk);box-shadow:var(--line-soft), var(--lift);border-radius:18px;padding:20px;position:relative}.t-card:before{content:"";pointer-events:none;border-radius:12px;position:absolute;inset:7px;box-shadow:inset 0 0 0 1.5px #ffffff1a}.t-card>*{position:relative}.t-stack{gap:14px;display:grid}.t-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.t-kicker{background:var(--ball);color:var(--ball-ink);font:italic 900 14px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;border-radius:6px;justify-self:center;margin:0;padding:5px 10px 4px;display:inline-block;transform:skew(-8deg)}.t-h{font:italic 900 34px/.95 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0}.t-heading{gap:6px;min-width:0;display:grid}.t-sub{color:var(--chalk-dim);font:600 15px/1.35 var(--body);margin:0}.label{font:italic 900 15px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--ball);margin:18px 0 8px}.blurb{color:var(--chalk-dim);font:600 15px/1.4 var(--body);margin:14px 2px}.blurb b{color:var(--chalk)}.t-loading{background:var(--navy);box-shadow:var(--line-soft);font:italic 900 22px var(--display);text-transform:uppercase;border-radius:99px;align-items:center;gap:10px;padding:14px 20px;display:inline-flex}.t-loading svg{color:var(--ball)}.t-toast{left:50%;bottom:calc(var(--bot) + 16px);z-index:60;background:var(--coral);max-width:calc(100% - 32px);color:var(--chalk);box-shadow:var(--line), var(--lift);animation:t-rise .3s var(--out) both;border-radius:12px;padding:14px 18px;font-weight:800;position:fixed;translate:-50%}.t-chip{background:var(--navy);min-height:34px;color:var(--chalk);box-shadow:var(--line-soft);font:italic 900 18px var(--display);letter-spacing:.02em;animation:t-pop .35s var(--ease) both;border-radius:99px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.t-chip.warn{background:var(--sand);color:var(--navy);box-shadow:none}.t-chip.again{background:var(--ball);color:var(--ball-ink);box-shadow:none}.t-input{box-sizing:border-box;background:var(--navy-2);width:100%;min-width:0;min-height:52px;color:var(--chalk);box-shadow:var(--line-soft);font:800 18px var(--body);text-align:center;border:0;border-radius:10px;padding:0 14px}.t-input:focus{box-shadow:inset 0 0 0 2px var(--ball);outline:none}.t-input.big{min-height:56px;font:italic 900 26px var(--display);text-transform:uppercase;background:var(--navy);flex:1}.t-row,.t-field{gap:10px;display:grid}.t-row{grid-template-columns:1fr auto;align-items:center;min-height:56px}.t-row-l{font:800 17px var(--body);gap:2px;display:grid}.t-row-l small{color:var(--chalk-dim);font:600 13px/1.3 var(--body)}.t-switch{background:var(--navy-3);cursor:pointer;width:68px;height:40px;box-shadow:var(--line-soft);border:0;border-radius:99px;padding:0;position:relative}.t-switch i{background:var(--chalk-dim);width:30px;height:30px;transition:transform .2s var(--ease), background .2s;border-radius:50%;position:absolute;top:5px;left:5px}.t-switch[aria-checked=true]{background:var(--court);box-shadow:var(--line)}.t-switch[aria-checked=true] i{background:var(--ball);transform:translate(28px)}.t-seg{background:var(--navy-2);box-shadow:var(--line-soft);border-radius:12px;gap:4px;padding:4px;display:flex}.t-seg button{cursor:pointer;min-width:0;min-height:48px;color:var(--chalk-dim);font:italic 900 19px/1 var(--display);text-transform:uppercase;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1;padding:0 6px;transition:background .15s,color .15s}.t-seg button[aria-pressed=true]{background:var(--ball);color:var(--ball-ink)}.t-seg button:disabled{cursor:default}.t-seg button:disabled:not([aria-pressed=true]){opacity:.55}.t-range{appearance:none;cursor:pointer;background:0 0;width:min(200px,46vw);height:40px;margin:0}.t-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ball) var(--v), var(--navy-3) var(--v));border-radius:99px;height:10px}.t-range::-moz-range-track{background:linear-gradient(90deg, var(--ball) var(--v), var(--navy-3) var(--v));border-radius:99px;height:10px}.t-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--chalk);border-radius:50%;width:30px;height:30px;margin-top:-10px;box-shadow:0 3px 8px #04102280}.t-range::-moz-range-thumb{background:var(--chalk);border:0;border-radius:50%;width:30px;height:30px}.t-sheet-wrap{z-index:50;place-items:end center;display:grid;position:fixed;inset:0}.t-scrim{background:#041022a8;animation:.2s both t-fade;position:absolute;inset:0}.t-sheet{box-sizing:border-box;width:min(520px,100%);max-height:calc(100vh - var(--top) - 24px);overscroll-behavior:contain;padding:18px 20px calc(var(--bot) + 12px);background:var(--navy);box-shadow:var(--line-soft), 0 -20px 60px #04102280;animation:t-rise .32s var(--out) both;border-radius:22px 22px 0 0;position:relative;overflow-y:auto}.t-sheet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}@media (width>=700px) and (height>=521px){.t-sheet-wrap{align-items:center}.t-sheet{border-radius:22px;padding-bottom:22px}}@media (height<=520px) and (aspect-ratio>=4/3){.t-sheet-wrap{place-items:stretch end}.t-sheet{width:min(460px,60%);height:100%;max-height:none;padding:var(--top) var(--rgt) var(--bot) 22px;border-radius:22px 0 0 22px}}.wordmark{justify-items:start;gap:6px;margin:0;display:inline-grid;position:relative}.wm-kicker{background:var(--ball);color:var(--ball-ink);font:italic 900 15px/1 var(--display);letter-spacing:.22em;text-transform:uppercase;animation:t-rise .5s 50ms var(--out) both;border-radius:6px;margin-left:.3em;padding:6px 12px 5px;transform:skew(-8deg)}.wm-word{font:italic 900 clamp(84px, 25vw, 150px)/.82 var(--display);color:var(--chalk);letter-spacing:-.01em;text-transform:uppercase;text-shadow:.035em .045em 0 var(--court), .07em .09em 0 var(--navy);animation:t-rise .55s var(--out) both;padding-right:.4em;display:block;position:relative}.wm-ball{background:radial-gradient(circle at 34% 30%, #f8ffb8, var(--ball) 42%, var(--ball-deep) 100%);width:.28em;height:.28em;box-shadow:.035em .045em 0 var(--court), .07em .09em 0 var(--navy);animation:t-pop .6s .35s var(--ease) both;border-radius:50%;position:absolute;bottom:.04em;right:.02em;overflow:hidden}.wm-ball:before,.wm-ball:after{content:"";border-radius:50%;width:72%;height:88%;position:absolute;top:6%;box-shadow:0 0 0 .016em #fffffff2}.wm-ball:before{left:-46%}.wm-ball:after{right:-46%}.wm-net{background:linear-gradient(var(--chalk), var(--chalk)) top / 100% 5px no-repeat, repeating-linear-gradient(90deg, #ffffff8c 0 1.5px, transparent 1.5px 9px), repeating-linear-gradient(0deg, #ffffff8c 0 1.5px, transparent 1.5px 9px), #0a22408c;border-radius:3px;width:100%;height:22px;margin-top:4px;animation:.6s .2s both t-fade;display:block;box-shadow:0 6px 14px #04102259}.wordmark.small .wm-word{font-size:56px}.wordmark.small .wm-kicker{font-size:12px}.wordmark.small .wm-net{background-size:100% 3px,auto,auto;height:12px}.tagline{max-width:22ch;font:italic 900 22px/1.05 var(--display);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 2px 10px #04102299;margin:16px 0 0}.home{z-index:10;box-sizing:border-box;padding:calc(var(--top) + 64px) var(--rgt) var(--bot) var(--lft);flex-direction:column;justify-content:space-between;gap:18px;display:flex;position:absolute;inset:0;overflow-y:auto}.home-head{text-align:center;justify-items:center;display:grid}.home-head .tagline{justify-self:center}.home-actions{width:min(460px,100%);animation:t-rise .5s .12s var(--out) both;gap:14px;margin:0 auto;display:grid}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:4px;display:grid}.tile{cursor:pointer;background:var(--navy);min-height:80px;color:var(--chalk);box-shadow:var(--line-soft), 0 5px 0 #0410228c;transition:transform .14s var(--ease);font:italic 900 16px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;border:0;border-radius:14px;align-content:center;justify-items:center;gap:6px;padding:8px 4px;display:grid}.tile svg{color:var(--ball)}.tile:active{box-shadow:var(--line-soft);transform:translateY(4px)}.hub-cards{gap:8px;display:grid}.hub-cards .ol-card{background:var(--navy);box-shadow:var(--line-soft), var(--ol-shadow)}@media (height<=700px) and (width<=520px){.home{padding-top:calc(var(--top) + 60px);gap:12px}.wm-word{font-size:clamp(72px,22vw,110px)}.tagline{margin-top:10px;font-size:19px}.t-btn.cta{min-height:74px;font-size:28px}.t-btn.has-sub.big{min-height:66px}.tile{min-height:72px}}@media (width>=900px){.home{padding:calc(var(--top) + 64px) max(6vw, 40px) max(4vh, 24px);justify-content:center;align-items:flex-start;gap:28px}.home-head{text-align:left;justify-items:start}.home-head .tagline{justify-self:start}.wm-word{font-size:150px}.home-actions{width:440px;margin:0}}@media (height<=520px) and (aspect-ratio>=4/3){.home{padding:calc(var(--top) + 52px) var(--rgt) var(--bot) var(--lft);flex-direction:row;align-items:center;gap:24px}.home-head{text-align:left;flex:1;justify-items:start}.home-head .tagline{justify-self:start;font-size:18px}.wm-word{font-size:96px}.home-actions{gap:10px;width:min(400px,52%);margin:0}.t-btn.cta{min-height:66px;font-size:26px}.t-btn.cta .t-btn-i{width:42px;height:42px}.t-btn.has-sub.big{min-height:60px}.tile{min-height:60px;font-size:14px}}.panel{z-index:10;box-sizing:border-box;pointer-events:none;padding:calc(var(--top) + 68px) 12px var(--bot);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.panel-card{pointer-events:auto;box-sizing:border-box;overscroll-behavior:contain;width:min(500px,100%);max-height:100%;animation:t-rise .4s var(--out) both;overflow-y:auto}.panel-head{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}@media (width>=900px){.panel{justify-content:flex-start;align-items:center;padding-left:max(6vw,40px)}}@media (height<=520px) and (aspect-ratio>=4/3){.panel{padding:calc(var(--top) + 64px) var(--rgt) var(--bot) var(--lft);justify-content:flex-end;align-items:stretch}.panel-card{width:min(470px,58%);padding:16px}.panel-head{margin-bottom:10px}.panel-head .t-sub,.panel .blurb,.panel .t-field>.t-row-l{display:none}.panel-card{padding:12px}.panel-head{align-items:center;gap:10px}.panel .t-stack{gap:8px;margin-top:8px}.panel .t-btn.big{min-height:56px;font-size:22px}.opp{gap:2px;min-height:0;padding:5px 4px}.opp .avatar{width:30px;height:30px}.two-up .who-card{gap:4px;padding:8px}}.opp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.opp{cursor:pointer;background:var(--navy-2);min-height:104px;color:var(--chalk);box-shadow:var(--line-soft);transition:transform .14s var(--ease), background .14s;border:0;border-radius:14px;justify-items:center;gap:4px;padding:10px 4px 9px;display:grid;position:relative}.opp:active{transform:scale(.96)}.opp.on{background:var(--court);box-shadow:inset 0 0 0 3px var(--ball), 0 5px 0 var(--court-deep)}.opp-name{font:italic 900 20px/1 var(--display);text-transform:uppercase}.opp-level{gap:3px;display:flex}.opp-level i{background:#ffffff38;border-radius:50%;width:8px;height:8px}.opp-level i.on{background:var(--ball)}.opp-rec{background:var(--navy);color:var(--chalk);font:800 11px var(--body);border-radius:99px;padding:2px 6px;position:absolute;top:5px;right:5px}.two-up{grid-template-columns:1fr 1fr;gap:10px;display:grid}.who-card{background:var(--navy-2);box-shadow:var(--line-soft);text-align:center;border-radius:14px;align-content:start;justify-items:center;gap:8px;padding:14px 10px;display:grid}.who-card b{font:italic 900 22px/1 var(--display);text-transform:uppercase}.who-card .t-btn{min-height:48px;padding:0 14px;font-size:17px}.keys{color:var(--chalk-dim);font:600 13px/2 var(--body);margin:0}.touchy{color:var(--chalk-dim);font:700 13px var(--body);display:none}@media (pointer:coarse){.who-card .keys{display:none}.touchy{display:block}}.custom{z-index:10;box-sizing:border-box;pointer-events:none;padding:calc(var(--top) + 68px) 12px var(--bot);flex-direction:column;justify-content:space-between;gap:12px;display:flex;position:absolute;inset:0}.custom>*{pointer-events:auto}.custom-head{align-items:center;gap:10px;width:min(500px,100%);margin:0 auto;display:flex}.custom-card{box-sizing:border-box;width:min(500px,100%);animation:t-rise .4s var(--out) both;gap:12px;margin:0 auto;padding:14px;display:grid}.cust-body{overscroll-behavior:contain;max-height:min(34vh,300px);margin:0 -8px;padding:0 8px 8px;overflow-y:auto}.cust-row .label{margin-top:12px}.tabs{background:var(--navy-2);box-shadow:var(--line-soft);border-radius:12px;gap:4px;padding:4px;display:flex}.tab{cursor:pointer;min-height:48px;color:var(--chalk-dim);font:italic 900 17px/1 var(--display);text-transform:uppercase;background:0 0;border:0;border-radius:9px;flex:1;padding:0 6px}.tab.on{background:var(--ball);color:var(--ball-ink)}.swatches{flex-wrap:wrap;gap:8px;display:flex}.sw{cursor:pointer;width:44px;height:44px;transition:transform .12s var(--ease);border:0;border-radius:50%;padding:0;box-shadow:inset 0 0 0 2px #ffffff40}.sw.on{box-shadow:0 0 0 3px var(--navy), 0 0 0 6px var(--ball);transform:scale(1.06)}.choices{flex-wrap:wrap;gap:8px;display:flex}.choice{cursor:pointer;background:var(--navy-2);min-height:44px;color:var(--chalk);box-shadow:var(--line-soft);font:italic 900 17px/1 var(--display);text-transform:uppercase;border:0;border-radius:10px;padding:0 16px}.choice.on{background:var(--ball);color:var(--ball-ink);box-shadow:none}@media (width>=900px){.custom{justify-content:center;align-items:flex-end;padding-right:max(6vw,40px)}.custom-head,.custom-card{width:440px;margin:0}}@media (height<=520px) and (aspect-ratio>=4/3){.custom{padding:calc(var(--top) + 64px) var(--rgt) var(--bot) var(--lft);justify-content:flex-start;align-items:flex-end}.custom-head,.custom-card{width:min(440px,56%);margin:0}.custom-card{flex:1;grid-template-rows:auto 1fr auto;min-height:0}.cust-body{min-height:0;max-height:none}.custom-card{gap:8px;padding:10px}.custom-card .tab{min-height:40px}.custom-card>.t-btn{min-height:48px}.cust-row .label{margin:8px 0 6px}}.stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.stat-tiles.six{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-tiles div{background:var(--navy-2);box-shadow:var(--line-soft);text-align:center;border-radius:12px;gap:4px;padding:12px 6px;display:grid}.stat-tiles b{font:italic 900 34px/.9 var(--display);color:var(--ball)}.stat-tiles span{font:700 12px/1.15 var(--body);color:var(--chalk-dim)}.vs-list,.history{gap:6px;margin:0;padding:0;list-style:none;display:grid}.vs-row,.history li{background:var(--navy-2);min-height:48px;font:700 14px var(--body);border-radius:12px;align-items:center;gap:10px;padding:4px 12px;display:flex}.vs-row b,.history b{font:italic 900 19px var(--display);text-transform:uppercase}.history small{color:var(--chalk-dim);margin-left:10px}.res{background:var(--navy-3);width:30px;height:30px;font:italic 900 16px var(--display);border-radius:8px;place-items:center;display:grid}.res.w{background:var(--ball);color:var(--ball-ink)}.res.l{background:var(--coral)}.code-tiles{cursor:text;justify-content:center;gap:10px;display:flex;position:relative}.code-tiles input{opacity:0;width:100%;font-size:16px;position:absolute;inset:0}.code-tile{background:var(--navy-2);width:64px;height:76px;box-shadow:var(--line-soft);font:italic 900 46px var(--display);border-radius:12px;place-items:center;display:grid}.code-tile.set{background:var(--court);box-shadow:var(--line);animation:t-pop .25s var(--ease) both}.code-tiles:focus-within .code-tile.next{box-shadow:inset 0 0 0 3px var(--ball)}.howto{grid-template-columns:1fr 1fr;gap:10px;display:grid}.how{background:var(--navy-2);box-shadow:var(--line-soft);text-align:center;border-radius:14px;justify-items:center;gap:4px;padding:14px 8px;display:grid}.how svg{color:var(--ball)}.how b{font:italic 900 22px/1 var(--display);text-transform:uppercase}.how span{color:var(--chalk-dim);font:600 14px/1.3 var(--body)}.how-time{font:600 15px/1.4 var(--body);margin:16px 0 8px}.how-time b{color:var(--ball)}@media (pointer:coarse){.t-sheet .how-time+.keys{display:none}}.room-screen{z-index:10;box-sizing:border-box;padding:calc(var(--top) + 68px) 12px var(--bot);flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.room-screen.center{justify-content:center}.room-head{justify-items:center;display:grid}.room-card{box-sizing:border-box;width:min(500px,100%);animation:t-rise .4s var(--out) both;gap:14px;display:grid}.room-card .t-h{text-align:center}.lobby-card{padding:18px 16px}.lobby-card .ol-lobby{gap:12px}.lengths button{font-size:17px}.ol-btn{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;min-height:56px;font-size:19px;font-style:italic;font-weight:900}.ol-btn.big{min-height:64px;font-size:24px}.ol-btn.primary{background:var(--ball);box-shadow:0 5px 0 var(--ball-deep)}.ol-btn.primary.done{box-shadow:0 5px #1f8a4d}.ol-code b{box-shadow:var(--line);font-style:italic;font-weight:900}.ol-iconbtn{width:56px;height:56px}@media (width>=900px){.room-screen{justify-content:center}}@media (height<=520px) and (aspect-ratio>=4/3){.room-screen{padding:calc(var(--top) + 64px) var(--rgt) var(--bot) var(--lft);flex-direction:row;justify-content:center;align-items:flex-start;gap:24px}.room-screen.center{align-items:center}.room-head{justify-items:start;position:sticky;top:0}.room-card{width:min(460px,58%)}}.game{z-index:10;position:absolute;inset:0}.surface{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.hud-top{pointer-events:none;padding:var(--top) var(--rgt) 0 var(--lft);justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.hud-top>*{pointer-events:auto}.scoreboard{background:var(--navy);box-shadow:var(--line-soft), 0 10px 26px #04102266;border-radius:12px;gap:2px;padding:4px;display:grid}.sb-row{border-radius:8px;align-items:center;gap:8px;height:38px;padding:0 0 0 10px;display:flex}.sb-row.me{background:var(--court)}.sb-serve{background:0 0;border-radius:50%;flex:none;width:12px;height:12px}.sb-row.serving .sb-serve{background:radial-gradient(circle at 35% 30%, #f8ffb8, var(--ball) 50%, var(--ball-deep))}.sb-name{text-overflow:ellipsis;white-space:nowrap;min-width:54px;max-width:120px;font:italic 900 21px/1 var(--display);text-transform:uppercase;flex:1;overflow:hidden}.sb-set{text-align:center;width:18px;color:var(--chalk-dim);font:italic 800 19px var(--display)}.sb-games{text-align:center;width:22px;font:italic 900 24px var(--display)}.sb-pts{box-sizing:border-box;background:var(--ball);min-width:52px;height:38px;color:var(--ball-ink);font:italic 900 28px/1 var(--display);border-radius:8px;place-items:center;padding:0 6px;display:grid}.sb-tag{text-align:center;color:var(--ball);font:italic 900 13px var(--display);letter-spacing:.16em;text-transform:uppercase;padding:3px 0 1px}.scoreboard.practice{grid-auto-flow:column}.scoreboard.practice .sb-name{min-width:0;color:var(--chalk-dim);font-size:17px}.hud-pause{margin-left:auto}.hud-chips{left:var(--lft);right:var(--rgt);top:calc(var(--top) + 96px);pointer-events:none;flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex;position:absolute}.call{pointer-events:none;text-align:center;justify-items:center;gap:10px;padding:0 16px;display:grid;position:absolute;top:27%;left:0;right:0}.call-big{background:var(--chalk);color:var(--navy);font:italic 900 clamp(52px, 15vw, 104px)/1 var(--display);text-transform:uppercase;box-shadow:0 6px 0 var(--court), 0 12px 0 var(--navy), 0 26px 50px #04102266;animation:t-slam .45s var(--ease) both;border-radius:10px;padding:2px 22px 4px}.call.good .call-big{background:var(--ball);color:var(--ball-ink)}.call.bad .call-big{background:var(--coral);color:var(--chalk);box-shadow:0 6px 0 var(--coral-deep), 0 12px 0 var(--navy), 0 26px 50px #04102266}.call-small{background:var(--navy);box-shadow:var(--line-soft);font:italic 900 20px var(--display);text-transform:uppercase;animation:t-pop .5s .15s var(--ease) both;border-radius:99px;padding:8px 16px}.cue{pointer-events:none;background:var(--ball);color:var(--ball-ink);box-shadow:0 5px 0 var(--ball-deep), 0 14px 30px #04102259;font:italic 900 24px/1 var(--display);text-transform:uppercase;white-space:nowrap;animation:t-pop .25s var(--ease) both, cue-pulse .7s .25s ease-in-out infinite alternate;border-radius:99px;align-items:center;gap:10px;padding:8px 18px 8px 12px;display:flex;position:absolute;top:58%;left:50%;translate:-50%}.cue b{font-weight:900}.cue small{font:700 13px/1.1 var(--body);text-transform:none;margin-top:3px;display:block}.cue svg{animation:.7s ease-in-out infinite alternate cue-up}@keyframes cue-pulse{to{transform:scale(1.06)}}@keyframes cue-up{to{transform:translateY(-4px)}}@media (height<=500px){.cue{top:56%}}.shout{pointer-events:none;white-space:nowrap;font:italic 900 clamp(46px, 13vw, 92px)/1 var(--display);text-transform:uppercase;letter-spacing:.01em;background:var(--ball);color:var(--ball-ink);box-shadow:0 6px 0 var(--ball-deep), 0 12px 0 var(--navy), 0 24px 44px #04102273;animation:shout 1.1s var(--out) both;border-radius:10px;padding:0 22px 2px;position:absolute;top:21%;left:50%;translate:-50%}.shout.drop{background:var(--chalk);color:var(--navy);box-shadow:0 5px 0 var(--court), 0 10px 0 var(--navy), 0 20px 40px #04102266;font-size:clamp(34px,9vw,60px)}@keyframes shout{0%{opacity:0;transform:skew(-10deg)scale(1.9)rotate(-4deg)}14%{opacity:1;transform:skew(-10deg)scale(.94)rotate(-4deg)}24%{transform:skew(-10deg)scale(1.04)rotate(-3deg)}80%{opacity:1;transform:skew(-10deg)scale(1)rotate(-3deg)}to{opacity:0;transform:skew(-10deg)scale(.96)translateY(-14px)rotate(-3deg)}}@media (height<=500px){.shout{font-size:54px;top:14%}.shout.drop{font-size:40px}}.shout.far{top:54%}.hint{box-sizing:border-box;pointer-events:none;background:var(--navy);max-width:calc(100% - 32px);box-shadow:var(--line-soft), 0 10px 26px #04102266;text-align:center;font:italic 900 22px/1.05 var(--display);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;animation:t-rise .3s var(--out) both;border-radius:99px;padding:12px 20px;position:absolute;top:66%;left:50%;translate:-50%}.gestures{background:var(--navy);box-shadow:var(--line-soft), var(--lift);animation:t-rise .4s .3s var(--out) both;border-radius:18px;align-items:center;gap:4px;padding:10px 10px 10px 14px;display:flex;position:absolute;top:52%;left:50%;translate:-50%}.gestures>span{text-align:center;justify-items:center;gap:1px;width:66px;display:grid}.gestures i{color:var(--ball);line-height:0}.gestures b{font:italic 900 15px/1 var(--display);text-transform:uppercase;white-space:nowrap}.gestures small{color:var(--chalk-dim);font:700 12px var(--body)}.gestures-x{margin-left:6px}.pad{left:var(--lft);bottom:var(--bot);touch-action:none;background:#0a22408c;border-radius:50%;place-items:center;width:128px;height:128px;display:grid;position:absolute;box-shadow:inset 0 0 0 3px #ffffff80}.pad-knob{background:var(--chalk);pointer-events:none;border-radius:50%;width:56px;height:56px;box-shadow:0 6px 14px #04102266}@media (height<=520px) and (aspect-ratio>=4/3){.sb-row{height:32px}.sb-pts{min-width:46px;height:32px;font-size:24px}.sb-name{font-size:19px}.hud-chips{top:calc(var(--top) + 8px);width:max-content;max-width:40%;left:50%;right:auto;translate:-50%}.call{top:20%}.call-big{font-size:64px}.hint{top:auto;left:auto;right:var(--rgt);bottom:var(--bot);padding:10px 18px;font-size:19px;translate:none}.gestures{padding:6px 8px 6px 12px;top:46%}.gestures svg{width:28px;height:28px}.pad{width:112px;height:112px}}.results{z-index:20;box-sizing:border-box;padding:var(--top) 12px var(--bot);background:#04102273;place-items:center;animation:.3s both t-fade;display:grid;position:absolute;inset:0}.results-card{box-sizing:border-box;text-align:center;width:min(460px,100%);max-height:100%;animation:t-rise .45s var(--out) both;justify-items:center;gap:12px;display:grid;overflow-y:auto}.results-card.won{background:var(--court);box-shadow:var(--line), var(--lift)}.results-card.won:before{box-shadow:inset 0 0 0 1.5px #ffffff59}.result-title{font:italic 900 clamp(48px, 14vw, 72px)/.9 var(--display);text-transform:uppercase;text-shadow:.04em .05em 0 var(--navy);margin:0}.big-num{font:italic 900 96px/.9 var(--display);color:var(--ball)}.big-num small{color:var(--chalk-dim);font-size:.45em}.set-line{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.set-pill{background:var(--ball);color:var(--ball-ink);font:italic 900 30px/1.1 var(--display);border-radius:10px;align-items:center;gap:6px;padding:4px 16px;display:inline-flex;transform:skew(-8deg)}.set-pill i{opacity:.5;font-style:normal}.stat-table{border-collapse:separate;border-spacing:0 3px;width:100%}.stat-table th,.stat-table td{font:700 15px var(--body);padding:6px 8px}.stat-table thead th{font:italic 900 18px var(--display);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.stat-table tbody th{text-align:left;color:var(--chalk-dim);font-weight:600}.stat-table tbody tr{background:#04102247}.stat-table tbody tr>:first-child{border-radius:8px 0 0 8px}.stat-table tbody tr>:last-child{border-radius:0 8px 8px 0}.stat-table td{font:italic 900 20px var(--display);width:26%}.rally-line{color:var(--chalk-dim);margin:0;font-weight:700}.rally-line b{color:var(--chalk)}.news{background:var(--sand);color:var(--navy);font:italic 900 18px var(--display);text-transform:uppercase;animation:t-pop .4s .4s var(--ease) both;border-radius:99px;margin:0;padding:6px 14px}.results-card .t-stack,.results-card .t-pair{width:100%}@media (height<=520px) and (aspect-ratio>=4/3){.results-card{grid-template-columns:1fr 1fr;align-items:start;column-gap:18px;width:min(680px,100%);padding:14px 16px}.results-card>:is(.t-kicker,.result-title,.set-line,.rally-line,.news,.big-num){grid-column:1}.results-card>:is(.stat-table,.t-stack,.t-pair,.stat-tiles){grid-column:2}.results-card>.stat-table{grid-row:1/span 4}.result-title{font-size:48px}}.sound-chip{cursor:pointer;text-transform:uppercase;white-space:nowrap;border:0;min-height:56px;padding:0 18px;font-size:18px;animation:none}.sound-chip svg{color:var(--ball)}.lobby-card .ol-lobby>*{min-width:0}body .ol-pill{top:calc(var(--top) + 96px);background:var(--sand);color:var(--navy);font:italic 900 18px var(--display);text-transform:uppercase}@media (width>=900px) and (height>=521px){.call{top:40%}}:where(:root){--ol-bg:#17112c;--ol-surface:#221a3e;--ol-fg:#f6f1ff;--ol-muted:#a99fc7;--ol-accent:#ff3d7f;--ol-accent-2:#e0306e;--ol-accent-fg:#fff;--ol-ok:#3cd68a;--ol-warn:#ffc53d;--ol-danger:#ff5a4e;--ol-tile:#00000059;--ol-tile-fg:var(--ol-fg);--ol-qr-bg:#fff;--ol-qr-fg:#111;--ol-scrim:#05030ca8;--ol-radius:18px;--ol-btn-radius:999px;--ol-font:inherit;--ol-display:inherit;--ol-shadow:0 10px 30px #00000059}.ol-lobby,.ol-sheet,.ol-ended,.ol-card,.ol-toast,.ol-pill,.ol-result{font-family:var(--ol-font);color:var(--ol-fg);-webkit-tap-highlight-color:transparent}.ol-lobby{gap:14px;width:100%;max-width:460px;margin:0 auto;display:grid}.ol-i{flex:none;display:block}.ol-btn{border-radius:var(--ol-btn-radius);background:var(--ol-surface);min-height:48px;color:var(--ol-fg);font:700 16px var(--ol-font);cursor:pointer;touch-action:manipulation;border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:transform .15s cubic-bezier(.2,.9,.25,1.15),filter .15s,opacity .2s;display:inline-flex;box-shadow:0 4px 14px #00000040}.ol-btn:active:not(:disabled){transform:scale(.96)}.ol-btn:disabled{opacity:.5;cursor:default}.ol-btn.primary{background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));color:var(--ol-accent-fg);box-shadow:0 10px 28px color-mix(in srgb, var(--ol-accent) 40%, transparent)}.ol-btn.primary.done{background:color-mix(in srgb, var(--ol-ok) 85%, #000);color:#062615;box-shadow:0 10px 28px color-mix(in srgb, var(--ol-ok) 35%, transparent)}.ol-btn.big{width:100%;min-height:58px;font-size:19px;font-family:var(--ol-display)}.ol-btn.small{min-height:44px;padding:0 14px;font-size:15px}.ol-btn.ghost{box-shadow:none;color:var(--ol-muted);background:0 0}.ol-btn.danger{background:var(--ol-danger);color:#fff}.ol-btn:focus-visible,.ol-iconbtn:focus-visible,.ol-more:focus-visible,.ol-link:focus-visible,.ol-x:focus-visible,.ol-field:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-iconbtn,.ol-more,.ol-x{background:var(--ol-surface);width:48px;height:48px;color:var(--ol-fg);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.ol-iconbtn:disabled{opacity:.4}.ol-more,.ol-x{width:44px;height:44px;color:var(--ol-muted);background:0 0}.ol-link{min-height:44px;color:var(--ol-muted);font:700 15px var(--ol-font);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:0 12px;text-decoration:underline}.ol-note{color:var(--ol-muted);text-align:center;margin:0;font-size:15px}.ol-note.warn{color:var(--ol-warn);font-weight:700}.ol-code{font:600 15px var(--ol-font);color:var(--ol-muted);justify-items:center;gap:6px;margin:0;display:grid}.ol-code span{gap:8px;display:flex}.ol-code b{background:var(--ol-tile);width:52px;height:60px;color:var(--ol-tile-fg);font:400 36px var(--ol-display);animation:ol-pop .4s calc(var(--i) * 60ms) cubic-bezier(.2, 1.5, .4, 1) both;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 2px 8px #00000059}.ol-pencil{align-items:center;gap:2px;min-width:0;display:flex}.ol-pencil b{white-space:nowrap}.ol-pname .ol-pencil b{text-overflow:ellipsis;overflow:hidden}.ol-pen{width:40px;height:40px;color:var(--ol-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:-8px 0;padding:0;display:grid}.ol-pen:active{transform:scale(.92)}.ol-pen:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-pencil.editing .ol-field{min-height:40px;font-size:17px}.ol-pencil.editing{flex-wrap:wrap}.ol-pencil.editing .ol-note{text-align:left;flex-basis:100%;font-size:14px}.ol-field{min-width:0;min-height:52px;color:var(--ol-fg);font:600 19px var(--ol-font);background:#00000059;border:0;border-radius:14px;flex:1;padding:0 14px;box-shadow:inset 0 2px 6px #00000073}.ol-players{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ol-player{background:var(--ol-surface);border-radius:16px;align-items:center;gap:12px;min-height:60px;padding:8px 8px 8px 10px;display:flex}.ol-player.mine{background:color-mix(in srgb, var(--ol-accent) 18%, var(--ol-surface))}.ol-player.away .ol-pname small{color:var(--ol-warn)}.ol-player.empty{background:color-mix(in srgb, var(--ol-surface) 45%, transparent);color:var(--ol-muted)}.ol-ava{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative}.ol-ava.ghost{background:#ffffff0f}.ol-ava-spin{background:var(--ol-warn);color:#2a1a00;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-4px;right:-4px}.ol-ava-spin .ol-i{animation:1.2s linear infinite ol-spin}.ol-oftrava,.ol-oftrava svg{border-radius:50%;display:block}.ol-botava{color:var(--ol-muted);background:#ffffff1a;border-radius:50%;place-items:center;display:grid}.ol-guest{display:block}.ol-pname{flex:1;min-width:0;display:grid}.ol-pname b{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.ol-pname small{color:var(--ol-muted);font-size:14px}.ol-tags{gap:4px;display:flex}.ol-tag{width:30px;height:30px;color:var(--ol-muted);background:#00000040;border-radius:50%;place-items:center;display:grid}.ol-tag.host{color:var(--ol-warn)}.ol-tag.ok{background:color-mix(in srgb, var(--ol-ok) 25%, transparent);color:var(--ol-ok)}.ol-ready{min-height:30px;color:var(--ol-muted);white-space:nowrap;background:#00000040;border-radius:999px;align-items:center;gap:4px;padding:0 10px 0 8px;font-size:14px;font-weight:700;display:inline-flex}.ol-ready.ok{background:color-mix(in srgb, var(--ol-ok) 25%, transparent);color:var(--ol-ok)}.ol-ask{gap:6px;display:flex}.ol-invite{border-radius:var(--ol-radius);background:color-mix(in srgb, var(--ol-surface) 60%, transparent);align-items:center;gap:14px;padding:12px;display:flex}.ol-invite-acts{flex:1;gap:8px;min-width:0;display:grid}.ol-invite-acts p{margin:0;font-weight:700}.ol-qr{border-radius:10px;flex:none}.ol-qr-bg{fill:var(--ol-qr-bg)}.ol-qr-fg{fill:var(--ol-qr-fg)}@media (width<=360px){.ol-invite{flex-direction:column}.ol-invite-acts{width:100%}}.ol-settings,.ol-startbar{gap:8px;display:grid}.ol-stepper{justify-content:center;align-items:center;gap:14px;font-weight:700;display:flex}.ol-stepper span{justify-content:center;align-items:center;gap:6px;min-width:7ch;display:inline-flex}.ol-leave{justify-items:center;gap:6px;display:grid}.ol-scrim{z-index:2147482500;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));background:var(--ol-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:end center;animation:.2s both ol-fade;display:grid;position:fixed;inset:0}@media (width>=600px){.ol-scrim{place-items:center}}.ol-sheet{background:var(--ol-bg);text-align:center;border-radius:28px;justify-items:center;gap:10px;width:min(420px,100%);padding:24px 18px 18px;animation:.35s cubic-bezier(.2,.9,.25,1.1) both ol-up;display:grid;box-shadow:0 30px 80px #0000008c}.ol-sheet h2,.ol-ended h2{font:400 24px var(--ol-display);margin:0;line-height:1.15}.ol-sheet p,.ol-ended p{color:var(--ol-muted);max-width:34ch;margin:0;font-size:16px}.ol-sheet-acts{gap:6px;width:100%;margin-top:8px;display:grid}.ol-sheet-acts .ol-btn.primary{min-height:54px;font-size:18px}.ol-sheet-i{background:var(--ol-surface);width:60px;height:60px;color:var(--ol-accent);border-radius:50%;place-items:center;display:grid}.ol-sheet-i.small{flex:none;width:40px;height:40px}.ol-ended{background:var(--ol-bg);text-align:center;width:min(420px,100%);box-shadow:var(--ol-shadow);border-radius:28px;justify-items:center;gap:12px;margin:auto;padding:28px 20px;display:grid}.ol-card{border-radius:var(--ol-radius);background:var(--ol-bg);box-shadow:var(--ol-shadow);align-items:center;gap:12px;padding:10px 8px 10px 12px;animation:.35s cubic-bezier(.2,.9,.25,1.1) both ol-up;display:flex}.ol-card-t{text-align:left;flex:1;min-width:0;display:grid}.ol-card-t b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ol-card-t small{color:var(--ol-muted);font-size:14px}.ol-back2 .ol-card-t b{white-space:normal}.ol-friends{gap:8px;display:grid}.ol-toast{z-index:2147482400;left:50%;bottom:max(20px, env(safe-area-inset-bottom));background:var(--ol-bg);text-align:center;width:max-content;max-width:calc(100vw - 32px);height:max-content;box-shadow:var(--ol-shadow), 0 0 18px color-mix(in srgb, var(--ol-warn) 30%, transparent);border-radius:16px;padding:12px 18px;font-weight:700;animation:.3s both ol-up;position:fixed;transform:translate(-50%)}.ol-pill{z-index:2147482400;top:max(12px, env(safe-area-inset-top));background:var(--ol-warn);color:#2a1a00;min-height:40px;box-shadow:var(--ol-shadow);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:800;animation:.2s both ol-fade;display:inline-flex;position:fixed;left:50%;transform:translate(-50%)}.ol-spin{animation:1.2s linear infinite ol-spin}@keyframes ol-spin{to{transform:rotate(360deg)}}@keyframes ol-fade{0%{opacity:0}}@keyframes ol-up{0%{opacity:0;transform:translateY(18px)}}.ol-toast{animation-name:ol-toast}@keyframes ol-toast{0%{opacity:0;transform:translate(-50%,18px)}}@keyframes ol-pop{0%{opacity:0;transform:scale(.6)}}:where(:root){--ol-gold:var(--ol-warn);--ol-silver:#c9d4e3;--ol-bronze:#e09a62}.ol-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.ol-board{text-align:left;flex-direction:column;align-items:stretch;gap:12px;width:min(460px,100%);max-height:calc(100dvh - 32px);padding:18px 14px 14px;display:flex;position:relative}.ol-board>h2{text-align:center;justify-content:center;align-items:center;gap:8px;padding:0 44px;display:flex}.ol-board>h2 .ol-i{color:var(--ol-gold)}.ol-board>.ol-x{position:absolute;top:8px;right:8px}.ol-board p{max-width:none}.ol-board .ol-note{padding:6px 4px}.ol-board .ol-note.small{padding:4px;font-size:13px}.ol-board.busy .ol-bscroll{opacity:.55;transition:opacity .2s}.ol-bctl{gap:6px;display:grid}.ol-tabs{border-radius:var(--ol-btn-radius);background:var(--ol-surface);grid-template-columns:repeat(3,1fr);padding:4px;display:grid;position:relative;box-shadow:inset 0 2px 6px #00000040}.ol-tabs:before{content:"";border-radius:var(--ol-btn-radius);background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));width:calc(33.3333% - 2.66667px);box-shadow:0 6px 18px color-mix(in srgb, var(--ol-accent) 35%, transparent);transform:translateX(calc(var(--i,0) * 100%));transition:transform .3s cubic-bezier(.2,.9,.25,1.1);position:absolute;top:4px;bottom:4px;left:4px}.ol-tab{border-radius:var(--ol-btn-radius);min-height:44px;color:var(--ol-muted);font:700 15px var(--ol-font);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0 6px;transition:color .2s;position:relative}.ol-tab.on{color:var(--ol-accent-fg)}.ol-vs{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 2px;display:flex}.ol-vs-lv{border-radius:var(--ol-btn-radius);background:color-mix(in srgb, var(--ol-surface) 50%, transparent);align-items:center;gap:2px;margin-left:4px;padding:0 2px;display:flex}.ol-chip{border-radius:var(--ol-btn-radius);min-height:40px;color:var(--ol-muted);font:700 14px var(--ol-font);cursor:pointer;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.ol-chip.lv{padding:0 8px;font-size:13px}.ol-chip.on{background:var(--ol-surface);color:var(--ol-fg)}.ol-chip .ol-i{opacity:.8}.ol-tab:focus-visible,.ol-chip:focus-visible,.ol-result a:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-bscroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-direction:column;flex:auto;gap:10px;min-height:0;margin:0 -6px;padding:0 6px 2px;display:flex;overflow-y:auto}.ol-podium{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:6px;margin:0;padding:30px 0 0;list-style:none;display:grid}.ol-pod{--m:var(--ol-gold);text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.ol-pod.p2{--m:var(--ol-silver);order:-1}.ol-pod.p3{--m:var(--ol-bronze)}.ol-pod-ava{background:color-mix(in srgb, var(--m) 30%, transparent);box-shadow:0 0 0 3px var(--m), 0 8px 22px color-mix(in srgb, var(--m) 35%, transparent);animation:ol-pop .45s calc(var(--d,0) + .2s) cubic-bezier(.2, 1.5, .4, 1) both;border-radius:50%;place-items:center;padding:3px;display:grid;position:relative}.ol-pod.p1{--d:.12s}.ol-pod.p2{--d:0s}.ol-pod.p3{--d:.24s}.ol-pod.me .ol-pod-ava{box-shadow:0 0 0 3px var(--m), 0 0 24px 5px color-mix(in srgb, var(--ol-accent) 60%, transparent)}.ol-pod-crown{color:var(--ol-gold);filter:drop-shadow(0 2px 6px color-mix(in srgb, var(--ol-gold) 60%, transparent));position:absolute;top:-24px;left:50%;translate:-50%;rotate:-8deg}.ol-pod-ghost{background:color-mix(in srgb, var(--ol-fg) 7%, transparent);border-radius:50%;width:54px;height:54px;display:block}.ol-pod.p1 .ol-pod-ghost{width:68px;height:68px}.ol-pod.open .ol-pod-ava{box-shadow:none;background:0 0}.ol-pod.open .ol-pod-crown{opacity:.35}.ol-pod-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:8px;font-size:15px;overflow:hidden}.ol-pod.p1 .ol-pod-name{font-size:16px}.ol-pod.me .ol-pod-name{color:var(--ol-accent)}.ol-pod-stat{color:var(--ol-muted);align-items:baseline;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.ol-pod-stat>b{color:var(--ol-fg);font:400 22px var(--ol-display);font-variant-numeric:tabular-nums;line-height:1.1}.ol-pod.p1 .ol-pod-stat>b{font-size:26px}.ol-pod-extra,.ol-pod-open{max-width:100%;color:var(--ol-muted);text-wrap:balance;font-size:12px;line-height:1.25}.ol-pod-open{margin-top:8px}.ol-pod-step{background:linear-gradient(180deg, color-mix(in srgb, var(--m) 70%, var(--ol-bg)), color-mix(in srgb, var(--m) 22%, var(--ol-bg)));width:100%;height:44px;box-shadow:inset 0 2px 0 #ffffff59, 0 10px 24px color-mix(in srgb, var(--m) 18%, transparent);transform-origin:bottom;animation:ol-rise .5s var(--d,0s) cubic-bezier(.2, .9, .25, 1.1) both;border-radius:14px 14px 6px 6px;place-items:start center;margin-top:8px;padding-top:6px;display:grid}.ol-pod.p1 .ol-pod-step{height:66px}.ol-pod.p3 .ol-pod-step{height:30px}.ol-pod-step span{font:400 24px var(--ol-display);color:color-mix(in srgb, var(--m) 25%, #160d05);line-height:1}.ol-pod.p3 .ol-pod-step span{font-size:18px}.ol-podium.empty .ol-pod-step{background:color-mix(in srgb, var(--m) 16%, var(--ol-bg));box-shadow:none}.ol-podium.empty .ol-pod-step span{color:color-mix(in srgb, var(--m) 45%, var(--ol-bg))}@keyframes ol-rise{0%{opacity:0;transform:scaleY(.2)}}.ol-blist{align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:grid}.ol-brow{background:var(--ol-surface);min-height:58px;animation:ol-up .35s calc(.3s + var(--i,0) * 35ms) cubic-bezier(.2, .9, .25, 1.1) both;border-radius:16px;align-items:center;gap:10px;padding:7px 14px 7px 6px;display:flex}.ol-brow.me{z-index:1;background:linear-gradient(color-mix(in srgb, var(--ol-accent) 26%, transparent), color-mix(in srgb, var(--ol-accent) 26%, transparent)), var(--ol-bg);box-shadow:0 0 20px color-mix(in srgb, var(--ol-accent) 30%, transparent), 0 8px 24px #00000073;position:sticky;top:0;bottom:0}.ol-brank{flex:none;justify-items:center;width:34px;line-height:1;display:grid}.ol-brank>b{font:400 19px var(--ol-display);color:var(--ol-muted);font-variant-numeric:tabular-nums}.ol-brow.me .ol-brank>b{color:var(--ol-fg)}.ol-bmove{font-variant-numeric:tabular-nums;align-items:center;gap:1px;font-size:12px;font-weight:800;display:inline-flex}.ol-bmove.up{color:var(--ol-ok)}.ol-bmove.down{color:color-mix(in srgb, var(--ol-danger) 80%, var(--ol-fg))}.ol-brank .ol-bmove{margin-top:3px}.ol-pod-stat .ol-bmove{align-self:center;margin-left:2px}.ol-bname{flex:1;gap:1px;min-width:0;display:grid}.ol-bname b,.ol-bname>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ol-bname b{font-size:16px}.ol-bname b small{color:var(--ol-muted);font-weight:600}.ol-bname>small{color:var(--ol-muted);font-size:13px}.ol-bwins{flex:none;justify-items:end;line-height:1.05;display:grid}.ol-bwins b{font:400 24px var(--ol-display);font-variant-numeric:tabular-nums}.ol-bwins small{color:var(--ol-muted);font-size:12px;font-weight:700}.ol-bme{gap:6px;padding-top:10px;display:grid;box-shadow:0 -10px 16px -14px #0009}.ol-bme .ol-brow{animation:none;position:static}.ol-bsign{justify-items:center;gap:10px;padding:4px 0;display:grid}.ol-bsign .ol-btn{text-decoration:none}.ol-bempty{text-align:center;justify-items:center;gap:6px;padding-bottom:6px;display:grid}.ol-bempty .ol-podium{width:100%;margin-bottom:8px}.ol-bempty-t{font:400 22px var(--ol-display);margin:0;color:var(--ol-fg)!important}.ol-bempty .ol-note{padding:0 0 8px}.ol-bempty .ol-btn{min-width:160px}.ol-result{border-radius:var(--ol-radius);background:var(--ol-surface);width:min(400px,100%);color:var(--ol-fg);text-align:left;box-shadow:var(--ol-shadow);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;margin:0 auto;padding:12px 12px 12px 14px;animation:.5s cubic-bezier(.2,1.4,.4,1) .1s both ol-card-in;display:flex}.ol-result.won{background:linear-gradient(135deg, color-mix(in srgb, var(--ol-gold) 22%, transparent), transparent 70%), var(--ol-surface)}.ol-result-badge{background:color-mix(in srgb, var(--ol-gold) 22%, transparent);width:46px;height:46px;color:var(--ol-gold);border-radius:50%;flex:none;place-items:center;display:grid}.ol-result.won .ol-result-badge{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--ol-gold) 70%, #fff), var(--ol-gold) 55%, color-mix(in srgb, var(--ol-gold) 60%, #000));color:color-mix(in srgb, var(--ol-gold) 20%, #1a0f00);box-shadow:0 0 22px color-mix(in srgb, var(--ol-gold) 55%, transparent);animation:.5s cubic-bezier(.2,1.6,.4,1) .35s both ol-pop}.ol-result-t{flex:150px;gap:2px;min-width:0;display:grid}.ol-result-t>b{font:400 20px var(--ol-display);line-height:1.15}.ol-result.won .ol-result-t>b{font-size:24px}.ol-result-t>span{color:var(--ol-muted);font-size:14px;font-weight:700}.ol-result-t .ol-bmove{vertical-align:-1px;gap:3px;font-size:13px}.ol-result .ol-result-go{flex:none;min-height:44px}.ol-result.won .ol-result-go{background:color-mix(in srgb, var(--ol-gold) 24%, var(--ol-bg))}@media (width<=380px){.ol-result .ol-result-go{flex:100%}}.ol-result.guest{width:auto;box-shadow:none;text-align:center;background:0 0;padding:0;animation:none;display:block}.ol-result.guest a{min-height:44px;color:var(--ol-muted);text-underline-offset:3px;align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}@keyframes ol-card-in{0%{opacity:0;transform:translateY(10px)scale(.94)}}@media (orientation:landscape) and (height<=500px){.ol-board{gap:8px;width:min(820px,100%);padding:10px 12px 12px}.ol-board>h2{justify-content:flex-start;padding:6px 44px 0 4px;font-size:20px}.ol-bctl{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.ol-tab{min-height:40px}.ol-bscroll{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;column-gap:14px;display:grid}.ol-bscroll>.ol-podium{position:sticky;top:0}.ol-bscroll>.ol-blist,.ol-bscroll>.ol-note.small{grid-column:2}.ol-bscroll>.ol-note.small{grid-row:2}.ol-bempty,.ol-bscroll>.ol-bsign,.ol-bscroll>.ol-note:not(.small){grid-column:1/-1}.ol-bempty{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:14px}.ol-bempty .ol-podium{grid-row:1/span 3;margin:0}.ol-pod-step{height:32px}.ol-pod.p1 .ol-pod-step{height:48px}.ol-pod.p3 .ol-pod-step{height:22px}.ol-pod-step span{font-size:18px}.ol-pod.p3 .ol-pod-step span{font-size:15px}.ol-brow{min-height:50px;padding-top:4px;padding-bottom:4px}}@media (prefers-reduced-motion:reduce){.ol-lobby *,.ol-scrim,.ol-sheet,.ol-card,.ol-toast,.ol-pill,.ol-code b,.ol-board *,.ol-board :before,.ol-result,.ol-result *{transition:none!important;animation:none!important}.ol-spin,.ol-ava-spin .ol-i{animation:none!important}}.ol-setup{border-radius:var(--ol-radius);background:var(--ol-bg);box-shadow:var(--ol-shadow);font-family:var(--ol-font);color:var(--ol-fg);gap:12px;padding:16px;display:grid}.ol-setup-h{font:800 18px var(--ol-display);text-align:center;margin:0}.ol-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ol-step{border-radius:calc(var(--ol-radius) - 4px);background:var(--ol-surface);grid-template-columns:32px 1fr;grid-template-areas:"n l""n b";align-items:center;gap:6px 12px;padding:12px;display:grid}.ol-step-n{background:color-mix(in srgb, var(--ol-fg) 12%, transparent);font-variant-numeric:tabular-nums;border-radius:50%;grid-area:n;align-self:start;place-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:grid}.ol-step.done .ol-step-n{background:var(--ol-ok);color:#062615}.ol-step-l{letter-spacing:.06em;text-transform:uppercase;color:var(--ol-muted);grid-area:l;font-size:13px;font-weight:800}.ol-step-b{flex-wrap:wrap;grid-area:b;align-items:center;gap:8px;min-width:0;display:flex}.ol-setup-look{align-items:center;gap:12px;display:flex}.ol-link{color:var(--ol-fg);text-underline-offset:3px;opacity:.85;align-items:center;min-height:44px;font-size:14px;font-weight:700;text-decoration:underline;display:inline-flex}.ol-cry{gap:8px;width:100%;display:grid}.ol-cry-wave{background:#00000059;border-radius:12px;align-items:center;gap:3px;height:64px;padding:0 12px;display:flex;position:relative;overflow:hidden}.ol-cry-wave i{background:var(--ol-accent);opacity:.85;border-radius:3px;flex:1;min-height:4px;transition:height 60ms linear}.ol-cry.idle .ol-cry-wave i{opacity:.55}.ol-cry.rec .ol-cry-wave{box-shadow:inset 0 0 0 2px var(--ol-danger)}.ol-cry.rec .ol-cry-wave i{background:var(--ol-danger)}.ol-cry.count .ol-cry-wave i{opacity:.4}.ol-cry-count{font:400 48px/1 var(--ol-display);color:var(--ol-fg);text-shadow:0 2px 8px #000c;place-items:center;animation:.75s ease-out both ol-count;display:grid;position:absolute;inset:0}@keyframes ol-count{0%{opacity:0;transform:scale(1.6)}30%{opacity:1;transform:scale(1)}}.ol-cry-rec{color:#fff;letter-spacing:.06em;font-variant-numeric:tabular-nums;background:#0009;border-radius:8px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:6px;left:8px}.ol-cry-rec em{background:var(--ol-danger);transform-origin:0;border-radius:2px;height:3px;position:absolute;bottom:-4px;left:0;right:0}.ol-rec-dot{background:var(--ol-danger);border-radius:50%;width:9px;height:9px;animation:1s steps(2,end) infinite ol-blink;display:inline-block}.ol-btn.danger .ol-rec-dot{background:currentColor}@keyframes ol-blink{50%{opacity:.25}}.ol-cry-what{font-weight:700}.ol-cry-acts,.ol-swatches{flex-wrap:wrap;gap:8px;display:flex}.ol-swatch{cursor:pointer;border:0;border-radius:50%;width:44px;height:44px;box-shadow:inset 0 0 0 3px #0003}.ol-swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--ol-bg), 0 0 0 6px var(--ol-fg)}.ol-sent{align-items:center;gap:8px;min-width:0;margin-top:2px;display:flex}.ol-sent-faces{flex:none;display:flex}.ol-sent-faces>*{box-shadow:0 0 0 2px var(--ol-bg,#111);border-radius:50%;margin-left:-8px}.ol-sent-faces>:first-child{margin-left:0}.ol-sent small{color:var(--ol-muted);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.25;display:-webkit-box;overflow:hidden}.ol-num{color:var(--ol-muted);font-weight:600}@media (prefers-reduced-motion:reduce){.ol-cry-wave i{transition:none}.ol-rec-dot,.ol-cry-count{animation:none}}.ol-emo{z-index:30;pointer-events:none;background:color-mix(in srgb, var(--ol-bg) 90%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);color:var(--ol-fg);font:800 14px/1 var(--ol-font);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 13px 6px 8px;animation:.5s cubic-bezier(.2,1.5,.4,1) both ol-emo-in,.3s ease-in 2.5s forwards ol-emo-out;display:inline-flex;position:absolute;box-shadow:0 10px 28px #00000073,inset 0 1px #ffffff1f}.ol-emo:after{content:"";background:inherit;border-radius:2px;width:10px;height:10px;position:absolute;rotate:45deg}.ol-emo-up{transform-origin:50% 100%;bottom:calc(100% + 10px);left:50%;translate:-50%}.ol-emo-up:after{bottom:-4px;left:calc(50% - 5px)}.ol-emo-down{transform-origin:50% 0;top:calc(100% + 10px);left:50%;translate:-50%}.ol-emo-down:after{top:-4px;left:calc(50% - 5px)}.ol-emo-right{transform-origin:0;top:50%;left:calc(100% + 10px);translate:0 -50%}.ol-emo-right:after{top:calc(50% - 5px);left:-4px}.ol-emo-inline{transform-origin:0;position:relative}.ol-emo-inline:after{content:none}.ol-emo-who{color:var(--ol-muted);font:800 13px/1 var(--ol-font);text-overflow:ellipsis;max-width:9em;overflow:hidden}.ol-emo.phrase .ol-emo-who{color:inherit;opacity:.8}.ol-emo.phrase{background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));color:var(--ol-accent-fg);font:400 18px/1 var(--ol-display);box-shadow:0 10px 28px color-mix(in srgb, var(--ol-accent) 45%, transparent);padding:9px 15px}.ol-emo.phrase:after{background:var(--ol-accent-2)}.ol-emo .ol-emo-i{filter:drop-shadow(0 2px 6px #00000059);animation:.6s cubic-bezier(.2,1.4,.4,1) 80ms both ol-emo-wig}@keyframes ol-emo-in{0%{opacity:0;scale:.3}55%{opacity:1;scale:1.14}78%{scale:.96}to{scale:1}}@keyframes ol-emo-out{to{opacity:0;scale:.85}}@keyframes ol-emo-wig{0%{rotate:-20deg;scale:.5}55%{rotate:12deg;scale:1.22}to{rotate:0deg;scale:1}}@keyframes ol-emo-shake{25%{translate:-4px}75%{translate:4px}}@keyframes ol-emo-gone{to{opacity:0}}.ol-emo-pick{display:inline-flex;position:relative}.ol-emo-btn{cursor:pointer;touch-action:manipulation;width:48px;height:48px;color:var(--ol-fg);background:color-mix(in srgb, var(--ol-bg) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;border-radius:50%;place-items:center;padding:0;transition:scale .15s cubic-bezier(.2,.9,.25,1.15),background .15s;display:grid;box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff1a}.ol-emo-btn:active{scale:.9}.ol-emo-btn.on{background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));color:var(--ol-accent-fg)}.ol-emo-btn.cool{color:var(--ol-muted);animation:.3s ease-in-out ol-emo-shake}.ol-emo-tray{z-index:40;background:color-mix(in srgb, var(--ol-bg) 88%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-radius:22px;gap:8px;width:max-content;padding:10px;animation:.22s cubic-bezier(.2,.9,.25,1.15) both ol-emo-tray;display:grid;position:absolute;box-shadow:0 18px 50px #00000080,inset 0 1px #ffffff14}.ol-emo-tray-up{transform-origin:50% 100%;bottom:calc(100% + 10px)}.ol-emo-tray-down{transform-origin:50% 0;top:calc(100% + 10px)}.ol-emo-tray-end{right:0}.ol-emo-tray-start{left:0}.ol-emo-tray-center{left:50%;translate:-50%}@keyframes ol-emo-tray{0%{opacity:0;scale:.85}}.ol-emo-grid{grid-template-columns:repeat(5,48px);gap:4px;display:grid}.ol-emo-phrases{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ol-emo-opt{width:48px;height:48px;color:var(--ol-fg);cursor:pointer;touch-action:manipulation;animation:ol-pop .3s calc(var(--i) * 22ms) cubic-bezier(.2, 1.5, .4, 1) both;background:0 0;border:0;border-radius:14px;place-items:center;padding:0;transition:background .15s,scale .15s;display:grid}.ol-emo-opt:hover,.ol-emo-opt:focus-visible{background:var(--ol-surface)}.ol-emo-opt:active{scale:.86}.ol-emo-opt.phrase{background:var(--ol-surface);width:auto;height:40px;font:800 14px var(--ol-font);border-radius:999px;padding:0 14px}.ol-emo-opt.phrase:hover,.ol-emo-opt.phrase:focus-visible{background:color-mix(in srgb, var(--ol-accent) 30%, var(--ol-surface))}.ol-emo-btn:focus-visible,.ol-emo-opt:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-emo-row{justify-content:flex-end;margin-top:-6px;display:flex}@media (prefers-reduced-motion:reduce){.ol-emo{animation:.2s both ol-fade,.3s ease-in 2.5s forwards ol-emo-gone}.ol-emo .ol-emo-i,.ol-emo-opt{animation:none}.ol-emo-tray{animation:.15s both ol-fade}.ol-emo-btn.cool{animation:none}.ol-emo-btn,.ol-emo-opt{transition:none}}