:root{--bg:#080b16;--peat:#0d1222;--card:#121a30;--card2:#1c2642;--bone:#f3ead8;--muted:#a9b0c6;--heather:#7a5a20;--heather2:#b08a3a;--orange:#e2b04a;--gold:#e2b04a;--red:#ff2e43;--teal:#2fd3c8;--ok:#6fe0a0;--danger:#ff4a5a;--paper:#f3ead8;--ink:#121a30;--display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--ui:"Barlow", system-ui, -apple-system, sans-serif;--ol-bg:#121a30;--ol-surface:#1c2642;--ol-fg:#f3ead8;--ol-muted:#a9b0c6;--ol-accent:#e2b04a;--ol-accent-2:#c8922a;--ol-accent-fg:#1a1206;--ol-ok:#6fe0a0;--ol-warn:#f2c14e;--ol-danger:#ff4a5a;--ol-tile:#00000059;--ol-tile-fg:#f3ead8;--ol-scrim:#04060ec2;--ol-radius:16px;--ol-font:var(--ui);--ol-display:var(--display);--ol-shadow:0 12px 30px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--bone);font:500 16px/1.4 var(--ui);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.page{z-index:1;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(110px, calc(env(safe-area-inset-bottom) + 100px)) max(16px, env(safe-area-inset-left));flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.page.center{text-align:center;padding-bottom:max(24px, env(safe-area-inset-bottom));justify-content:center}.landing{padding-bottom:max(24px, env(safe-area-inset-bottom))}.top{align-items:center;gap:8px;width:100%;max-width:760px;min-height:48px;display:flex}.grow{flex:1}.stack{flex-direction:column;gap:12px;width:100%;max-width:440px;display:flex}.center-col{text-align:center;align-items:stretch}.row{align-items:center;gap:10px;width:100%;display:flex}.row.between{justify-content:space-between}.back-slot{align-items:center;min-width:44px;min-height:56px;display:inline-flex}.back-fallback{width:44px;height:44px;color:var(--bone);background:#14100ca8;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 8px 24px #00000059}.backdrop{z-index:0;position:fixed;inset:0;overflow:hidden}.backdrop img{object-fit:cover;width:100%;height:100%;animation:40s ease-in-out infinite alternate kenburns;display:block}.backdrop .shade{background:linear-gradient(#080b1640,#080b168c 45%,#080b16eb);position:absolute;inset:0}@keyframes kenburns{0%{transform:scale(1.04)}to{transform:scale(1.12)translate(-1.5%,-1%)}}.logo{font:800 1em/1 var(--display);letter-spacing:.16em;color:var(--bone);text-shadow:0 6px 28px #0000008c;align-items:center;gap:0;margin:0;display:inline-flex}.logo-ret{width:.62em;height:.62em;color:var(--red);filter:drop-shadow(0 0 10px #ff2e4399);margin-right:.16em}.landing .logo{font-size:min(84px,15vw)!important}.tag{color:var(--paper);text-shadow:0 2px 12px #0009;margin:0;font-size:18px}.lede{color:var(--muted);margin:0}.small{color:var(--muted);margin:0;font-size:14px}.small.warn,.warn{color:#f2c14e}.center{text-align:center}.foot{text-shadow:0 2px 10px #000c;margin-top:8px}.label{font:700 13px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.h2{font:800 28px/1.05 var(--display);letter-spacing:.04em;margin:4px 0}.h3{font:700 15px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:6px 0}.mega{text-align:center;font:800 clamp(38px, 9vw, 64px)/1 var(--display);letter-spacing:.05em;margin:6px 0}.rise{animation:.5s cubic-bezier(.2,.9,.3,1) both rise;animation-delay:calc(var(--i,0) * 60ms)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}:root.reduced .rise,:root.reduced .backdrop img{animation:none}@media (prefers-reduced-motion:reduce){.rise,.backdrop img,.rotate-arrow,.rotate-body{animation:none!important}}.btn{background:var(--card2);min-height:52px;color:var(--bone);border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 22px;font-weight:700;display:inline-flex;box-shadow:0 8px 22px #00000059}.btn small{color:var(--muted);font-size:13px;font-weight:500}.btn.big{min-height:66px;font:800 22px/1 var(--display);letter-spacing:.06em;text-transform:uppercase}.btn.big small{font:500 13px/1.2 var(--ui);letter-spacing:0;text-transform:none}.btn.glow{color:#1a1206;background:linear-gradient(#f2c86a,#c8922a);box-shadow:0 10px 30px #e2b04a52,inset 0 2px #ffffff59}.btn.glow small{color:#1a1206b8}.btn.alt{background:#121a30e0}.btn:disabled{opacity:.5}.link{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;min-height:44px;text-decoration:underline}.kick.icon{background:#0c1222b3;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 6px 18px #00000059}.chip{background:var(--card2);border:0;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-weight:600;display:inline-flex}.chip.on{background:var(--gold);color:#1a1206}.toggles{flex-wrap:wrap;gap:8px;display:flex}.field{min-height:52px;color:var(--bone);font:700 22px/1 var(--display);letter-spacing:.3em;text-transform:uppercase;background:#00000073;border:0;border-radius:14px;padding:0 14px}.codefield{text-align:center;flex:1;min-width:0}.pills{flex-wrap:wrap;gap:6px;display:flex}.pills button{background:var(--card2);border:0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:48px;padding:6px 12px;font-weight:700;display:flex}.pills button small{color:var(--muted);font-size:12px;font-weight:500}.pills button.on{color:#1a1206;background:linear-gradient(#f2c86a,#c8922a);box-shadow:0 8px 20px #e2b04a59}.pills button.on small{color:#1a1206bf}.pills button:disabled{opacity:.7}.pills.big button{min-height:64px;font:800 20px/1 var(--display);letter-spacing:.05em}.solo{box-shadow:var(--ol-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e1cd6;border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex}.record{color:var(--muted);margin:-2px 0 0;font-size:14px}.record b{color:var(--gold)}.hub-cards{gap:8px;display:grid}.notebook .panel{width:100%;color:var(--bone);background:linear-gradient(#161e36f5,#0e1426f5);border-radius:18px;padding:16px;box-shadow:0 14px 34px #00000080,0 0 0 1px #e2b04a00}.lobby-art{aspect-ratio:3/1.25;object-fit:cover;border-radius:18px;width:min(460px,100%);box-shadow:0 14px 34px #00000080}.lobby-stack{flex-direction:column;gap:12px;width:100%;max-width:460px;display:flex}.sketch{width:min(440px,100%);height:auto}.sketch path,.sketch ellipse{fill:none;stroke:#ece4d366;stroke-width:1.2px;stroke-linecap:round}.sketch .river{stroke:#8cb4d28c;stroke-width:2px}.sketch .x{stroke:var(--orange);stroke-width:2.2px}.house{width:100%;min-height:56px;box-shadow:var(--ol-shadow);text-align:left;background:#121a30eb;border:0;border-radius:16px;align-items:center;gap:10px;padding:10px 14px;display:flex}.house-list{flex-wrap:wrap;flex:1;gap:6px;display:flex}.house-list i{color:var(--gold);background:#e2b04a2e;border-radius:999px;padding:4px 10px;font-size:14px;font-style:normal;font-weight:700}.dock{z-index:20;padding:12px max(16px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:linear-gradient(#0000,#060812e6 40%);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.dock>*{width:100%;max-width:460px}.waiting{text-align:center;color:var(--muted);margin:0;padding:12px;font-weight:600}.modal{z-index:60;background:var(--ol-scrim);padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));justify-content:center;align-items:center;animation:.2s ease-out both fade;display:flex;position:fixed;inset:0}.modal>.card,.modal>.howto{animation:.32s cubic-bezier(.2,.9,.3,1) both sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}:root.reduced .modal,:root.reduced .modal>*{animation:none}.card.sheet{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--card);border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:480px;max-height:100%;padding:18px;display:flex;overflow-y:auto;box-shadow:0 24px 60px #0009}.card.sheet section{flex-direction:column;gap:10px;display:flex}.rule{flex-direction:column;gap:6px;display:flex}.rule-head{flex-direction:column;display:flex}.rule-head small{color:var(--muted)}.rule input[type=range]{width:100%;accent-color:var(--orange);min-height:36px}.sheet-foot{background:linear-gradient(180deg, transparent, var(--card) 30%);gap:10px;padding:12px 0 0;display:flex;position:sticky;bottom:-18px}.howlabel{font:800 14px/1 var(--display);fill:var(--red);letter-spacing:.14em}.howart .g{animation:3s ease-in-out infinite alternate mingle;animation-delay:var(--d)}.howart .g1{animation-duration:4s}.howart .g2{animation-duration:2.4s}@keyframes mingle{to{transform:translate(6px)}}.howart .flick{animation:1.6s step-end infinite flick}@keyframes flick{0%,to{opacity:1}40%{opacity:.15}48%{opacity:1}56%{opacity:.2}}.howart .dot{animation:.8s ease-in-out infinite blink}@keyframes blink{50%{opacity:.35}}.howart .trail{stroke-dasharray:120;animation:1.8s ease-in infinite zip}@keyframes zip{0%{stroke-dashoffset:120px}to{stroke-dashoffset:0}}.howart .shards{transform-origin:80px 56px;animation:1.8s ease-out infinite burst}@keyframes burst{0%,55%{opacity:0;transform:scale(.4)}70%{opacity:1}to{opacity:0;transform:scale(1.6)translate(8px)}}.toast{z-index:70;left:50%;top:max(70px, env(safe-area-inset-top));box-shadow:var(--ol-shadow);background:#0c1222f0;border-radius:999px;max-width:calc(100vw - 32px);margin:0;padding:10px 16px;font-weight:600;position:fixed;transform:translate(-50%)}.table{border-collapse:collapse;width:100%;font-size:15px}.table th{text-align:left;font:700 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:6px 4px}.table td{padding:8px 4px}.table tr:nth-child(odd) td{background:#ffffff08}.table tr.me td{background:#e2b04a24}.table small{color:var(--muted)}.pips{gap:4px;display:inline-flex}.pips i{background:#ffffff26;border-radius:50%;width:12px;height:12px}.pips i.on{background:var(--gold);box-shadow:0 0 10px #e2b04a99}.play{touch-action:none;-webkit-user-select:none;user-select:none;background:#05070f;position:fixed;inset:0;overflow:hidden}.play .view{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.grade{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 55%,#04060e8c);position:absolute;inset:0}.loading-line{font:700 20px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-top{z-index:5;top:max(8px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));pointer-events:none;align-items:flex-start;gap:10px;display:flex;position:absolute}.hud-top>*{pointer-events:auto}.menu-btn{background:#080c18b3;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 6px 18px #0006}.score{background:#080c18b8;border-radius:999px;gap:4px;margin:0 auto;padding:4px;display:flex;box-shadow:0 6px 22px #00000073}.score .side{border-radius:999px;align-items:center;gap:8px;padding:4px 12px;display:flex;position:relative}.score .side.right{flex-direction:row-reverse}.score .who{line-height:1;font:800 17px/1 var(--display);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;flex-direction:column;max-width:26vw;display:flex;overflow:hidden}.score .side.right .who{text-align:right}.score .who small{font:700 10px/1.3 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--teal)}.score .side.sniping .who small{color:var(--red)}.score .dots{gap:4px;display:inline-flex}.score .dots i{background:#ffffff29;border-radius:50%;width:10px;height:10px}.score .dots i.on{background:var(--gold);box-shadow:0 0 10px #e2b04ab3}.clock{background:#080c18b8;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:44px;padding:0 14px;display:inline-flex;box-shadow:0 6px 18px #0006}.clock svg{width:18px;height:18px;color:var(--muted)}.clock b{font:800 22px/1 var(--display);letter-spacing:.06em;font-variant-numeric:tabular-nums}.clock.hot{background:#780a18d9;animation:1s ease-in-out infinite throb}.clock.hot svg{color:#fff}@keyframes throb{50%{box-shadow:0 0 24px #ff2e43b3}}.hint{z-index:4;left:50%;bottom:max(16px, env(safe-area-inset-bottom));white-space:nowrap;pointer-events:none;text-overflow:ellipsis;background:#080c18a8;border-radius:999px;max-width:calc(100vw - 260px);margin:0;padding:8px 16px;font-size:15px;font-weight:600;position:absolute;overflow:hidden;transform:translate(-50%)}.hint.warn{color:#fff;background:#820816e0;animation:.8s ease-in-out infinite throb}.told{z-index:4;top:calc(max(8px, env(safe-area-inset-top)) + 56px);left:max(10px, env(safe-area-inset-left));pointer-events:none;background:#080c18b3;border-radius:12px;align-items:center;gap:8px;padding:6px 12px;display:flex;position:absolute}.told span{font:700 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.told b{font:800 24px/1 var(--display);color:var(--red)}.told b i{color:var(--muted);font-size:15px;font-style:normal}.tellnote{z-index:5;left:50%;top:calc(max(8px, env(safe-area-inset-top)) + 58px);color:#fff;font:700 16px/1.1 var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#966e14eb;border-radius:999px;padding:8px 16px;animation:.35s both rise;position:absolute;transform:translate(-50%)}.act{z-index:6;font:800 14px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;box-shadow:0 10px 30px #00000080}.act svg{width:46%;height:46%}.act.fire{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));color:#fff;background:radial-gradient(circle at 50% 35%,#ff5868,#c4102a);width:112px;height:112px;box-shadow:0 10px 34px #ff2e4373,0 0 0 6px #ff2e432e}.act.fire:active{transform:scale(.94)}.act.out{left:max(20px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));width:76px;height:76px;color:var(--bone);background:#080c18cc}.act.markb{right:calc(max(20px, env(safe-area-inset-right)) + 126px);bottom:max(26px, env(safe-area-inset-bottom));width:60px;height:60px;color:var(--bone);background:#080c18cc;font-size:11px}.act.markb.on{color:#fff;background:#a46d10}.scoped-hint{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 4px)}.act.job{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));color:#04201e;text-align:center;background:radial-gradient(circle at 50% 35%,#4ff0e4,#16958e);width:132px;height:132px;padding:14px;font-size:13px;line-height:1.1;animation:1.4s ease-in-out infinite offer;box-shadow:0 10px 34px #2fd3c873,0 0 0 6px #2fd3c82e}.act.job svg{width:44%;height:44%}@keyframes offer{50%{box-shadow:0 10px 34px #2fd3c899,0 0 0 12px #2fd3c81a}}.act.job.doing{color:var(--teal);background:#041e1ee6;animation:none}.act.job .ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.act.job .ring circle{fill:none;stroke:var(--teal);stroke-width:7px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--k));transition:stroke-dashoffset .12s linear}.jobs{z-index:4;top:calc(max(8px, env(safe-area-inset-top)) + 56px);left:max(10px, env(safe-area-inset-left));pointer-events:none;background:#080c18bd;border-radius:14px;flex-direction:column;gap:4px;width:min(250px,34vw);padding:8px;display:flex;position:absolute}.jobs-head{justify-content:space-between;align-items:baseline;padding:0 4px 2px;display:flex}.jobs-head span{font:700 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.jobs-head b{font:800 22px/1 var(--display);color:var(--teal)}.jobrow{border-radius:10px;align-items:center;gap:8px;padding:4px;display:flex}.jobrow i{width:30px;height:30px;color:var(--teal);background:#2fd3c824;border-radius:9px;flex:none;justify-content:center;align-items:center;display:flex}.jobrow i svg{width:20px;height:20px}.jobrow span{flex-direction:column;min-width:0;display:flex}.jobrow b{font:700 15px/1.1 var(--display);letter-spacing:.03em}.jobrow small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.jobrow.done{opacity:.6}.jobrow.done i{background:var(--teal);color:#04201e}.jobrow.done b{text-decoration:line-through;text-decoration-thickness:2px}.jobrow.here{background:#2fd3c82e}.jobrow span{flex:1}.jobrow .steps{font:800 12px/1 var(--display);color:var(--gold);background:#e2b04a29;border-radius:999px;flex:none;padding:3px 6px;font-style:normal}.dis{z-index:6;right:max(20px, env(safe-area-inset-right));bottom:calc(max(20px, env(safe-area-inset-bottom)) + 212px);gap:8px;display:flex;position:absolute}.dis-chip{min-width:58px;min-height:52px;color:var(--gold);font:700 11px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;background:#281606cc;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0006,inset 0 0 0 1.5px #e2b04a73}.dis-chip svg{width:24px;height:24px;position:relative}.dis-chip span{position:relative}.dis-chip:before{content:"";background:conic-gradient(#060914b8 calc(var(--k,0) * 360deg), transparent 0);pointer-events:none;position:absolute;inset:0}.dis-chip.off{color:var(--muted);box-shadow:0 8px 20px #0006}.dis-chip kbd{font:700 9px/1 var(--display);opacity:.6;position:absolute;top:3px;right:5px}.laser-edge{z-index:3;pointer-events:none;animation:.55s ease-in-out infinite pulse;position:absolute;inset:0;box-shadow:inset 0 0 90px 10px #ff1e328c}@keyframes pulse{50%{box-shadow:inset 0 0 60px 4px #ff1e324d}}.watching{z-index:4;left:50%;bottom:max(14px, env(safe-area-inset-bottom));white-space:nowrap;background:#080c18bd;border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 16px;font-weight:600;display:flex;position:absolute;transform:translate(-50%)}.watching .chip svg{width:20px;height:20px}.scope{z-index:2;pointer-events:none;position:absolute;inset:0}.scope svg{width:min(86dvh,86vw);height:min(86dvh,86vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scope .hair{stroke:#0a0a0ad9;stroke-width:.18px;fill:none}.scope .post{stroke:#0a0a0af2;stroke-width:1.1px;fill:none}.scope .vignette{background:radial-gradient(circle,#0000 calc(min(43dvh,43vw) - 4px),#000000d9 calc(min(43dvh,43vw) + 2px),#000 calc(min(43dvh,43vw) + 40px));position:absolute;inset:0}.intro{z-index:8;pointer-events:none;background:#060914db;border-radius:22px;align-items:center;gap:18px;width:max-content;max-width:calc(100vw - 32px);padding:14px 26px 14px 14px;animation:.5s cubic-bezier(.2,1.2,.4,1) both card-in;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #0009}.intro-art{object-fit:cover;border-radius:12px;width:92px;height:138px;box-shadow:0 8px 22px #00000080}.intro-text{flex-direction:column;gap:6px;display:flex}.intro .kicker{font:700 13px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.intro b{font:800 clamp(32px, 6vw, 52px)/.95 var(--display);letter-spacing:.03em;text-transform:uppercase}.intro.spy b{color:var(--teal);text-shadow:0 0 24px #2fd3c873}.intro.sniper b{color:var(--red);text-shadow:0 0 24px #ff2e4373}.intro .you-ring{color:var(--teal);font-size:13px;font-weight:700}@keyframes card-in{0%{opacity:0;transform:translate(-50%,-42%)scale(.92)}}.bars{z-index:7;pointer-events:none;position:absolute;inset:0}.bars:before,.bars:after{content:"";background:#000;height:9dvh;animation:.4s ease-out both bar;position:absolute;left:0;right:0}.bars:before{top:0}.bars:after{bottom:0}@keyframes bar{0%{height:0}}.skip{z-index:9;right:max(16px, env(safe-area-inset-right));color:#fff;min-height:44px;font:700 16px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;background:#ffffff24;border:0;border-radius:999px;padding:0 18px;position:absolute;bottom:calc(9dvh + 12px)}.play.cine .hud-top,.play.cine .told,.play.cine .jobs,.play.cine .hint{opacity:0;pointer-events:none;transition:opacity .3s}.roundcard{z-index:9;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:calc(100vw - 32px);display:flex;position:absolute;top:calc(9dvh + 10px);left:50%;transform:translate(-50%)}.roundcard .stamp{font:800 clamp(40px, 9vw, 84px)/.9 var(--display);letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 8px 30px #0009;border-radius:10px;padding:6px 22px;animation:.45s cubic-bezier(.3,1.6,.5,1) both stamp;transform:rotate(-4deg)}.roundcard.how-spy .stamp{background:#c4102ae6}.roundcard.how-time .stamp{color:var(--paper);letter-spacing:.12em;background:#464c60eb;transform:rotate(0)}.roundcard.draw .who{color:var(--paper)}.roundcard.how-guest .stamp,.roundcard.how-jobs .stamp{background:#0e8c84eb}.roundcard .line{background:#060914c7;border-radius:999px;padding:4px 14px;font-size:17px;font-weight:600;animation:.4s .25s both rise}.roundcard .who{font:800 26px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);text-shadow:0 4px 18px #000c;animation:.4s .4s both rise}.roundcard.lost .who{color:var(--muted)}@keyframes stamp{0%{opacity:0;transform:rotate(-4deg)scale(2.2)}}:root.reduced .roundcard .stamp,:root.reduced .intro{animation:none}.results{z-index:30;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#04060ec7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.results-card{max-width:520px}.mega.won{color:var(--gold);text-shadow:0 0 34px #e2b04a80}.mega.pop{animation:.5s cubic-bezier(.3,1.6,.5,1) both stamp}.tally{justify-content:center;align-items:flex-start;gap:18px;display:flex}.tally .t{flex-direction:column;align-items:center;display:flex}.tally .t b{font:800 56px/1 var(--display)}.tally .t.lead b{color:var(--gold)}.tally .t span{color:var(--muted);font-weight:700}.tally .dash{font-style:normal;font:800 34px/1 var(--display);color:var(--muted);opacity:.6;margin-top:.4em}.tally .t.me span{color:var(--gold)}.rounds{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rounds li{min-height:52px;animation:.35s both rise;animation-delay:calc(var(--k) * 70ms);background:#ffffff0d;border-radius:14px;align-items:center;gap:12px;padding:6px 14px 6px 8px;display:flex}.rounds li span{width:36px;height:36px;font:800 20px/1 var(--display);color:var(--muted);background:#ffffff14;border-radius:50%;flex:none;place-items:center;display:grid}.rounds li b{font:800 20px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#464c60eb;border-radius:8px;flex:none;padding:4px 10px 3px;transform:rotate(-3deg)}.rounds li.how-spy b{background:#c4102ae6}.rounds li.how-guest b,.rounds li.how-jobs b{background:#0e8c84eb}.rounds li em{text-align:right;min-width:0;font:800 24px/1 var(--display);letter-spacing:.03em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;flex:1;font-style:normal;overflow:hidden}.rounds li.me{box-shadow:0 0 0 3px var(--gold), 0 0 22px #e2b04a4d;background:#e2b04a33}.rounds li.me em{color:var(--gold)}.rounds li.draw em{color:var(--muted)}.results:not(.settled){cursor:pointer}.round-moment{background:radial-gradient(at 50% 55%,#0a0e1c,#04060e);justify-content:center;gap:14px;width:auto;animation:.2s fade;position:absolute;inset:0;transform:none}.round-moment .kicker{font:700 18px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.round-moment .who{font-size:clamp(26px,7vw,40px)}.round-moment .tapskip{font:700 14px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:10px}@keyframes fade{0%{opacity:0}}.rotate-screen{z-index:40;-webkit-backdrop-filter:blur(14px)saturate(.8);backdrop-filter:blur(14px)saturate(.8);text-align:center;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));background:#060914b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.25s ease-out both fade;display:flex;position:absolute;inset:0}.rotate-screen .kicker{font:700 13px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.rotate-screen .h2{font-size:32px}.rotate-phone{width:140px;height:140px}.rotate-body{transform-origin:80px 80px;animation:2.4s ease-in-out infinite turn}@keyframes turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (height<=420px){.act.fire{width:96px;height:96px}.act.job{width:116px;height:116px}.act.out{width:64px;height:64px}.act.markb{right:calc(max(20px, env(safe-area-inset-right)) + 108px)}.jobs{background:#080c1899;gap:2px;width:176px;padding:6px}.jobrow small{display:none}.jobrow i{width:24px;height:24px}.jobrow i svg{width:16px;height:16px}.jobrow b{font-size:13px}.jobs-head b{font-size:18px}.intro-art{width:72px;height:108px}.intro{gap:12px}.score .who{font-size:15px}.clock b{font-size:20px}}@media (height<=500px) and (orientation:landscape){.lobby-art{display:none}}.crosshair{z-index:3;pointer-events:none;background:#ffffffbf;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #00000059}.stick{z-index:4;pointer-events:none;background:#080c1859;border-radius:50%;width:118px;height:118px;margin:-59px 0 0 -59px;position:absolute;box-shadow:inset 0 0 0 3px #ffffff38}.stick i{background:#f3ead8d9;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #0006}.acts{z-index:6;right:max(20px, env(safe-area-inset-right));bottom:calc(max(20px, env(safe-area-inset-bottom)) + 146px);gap:8px;display:flex;position:absolute}.act-chip{min-width:64px;min-height:56px;color:var(--bone);font:700 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;background:#080c18c7;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;box-shadow:0 8px 20px #0006}.act-chip svg{width:26px;height:26px}.act-chip.on{background:var(--teal);color:#04201e}.act-chip{position:relative}.act-chip kbd{font:700 9px/1 var(--display);opacity:.6;position:absolute;top:3px;right:5px}.dis-tip{width:min(300px,42vw);color:var(--bone);font:500 14px/1.3 var(--ui);pointer-events:none;background:#1c1004f0;border-radius:14px;padding:10px 14px 11px;animation:.25s both rise;position:absolute;top:0;right:calc(100% + 10px);box-shadow:0 12px 30px #00000080}.dis-tip b{font:700 12px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:3px;display:block}.pullnote{z-index:5;left:50%;top:calc(max(8px, env(safe-area-inset-top)) + 102px);color:var(--pull,#fff);font:700 14px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#080c18db;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 10px;animation:.3s both rise;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.pullnote svg{width:20px;height:20px}.dis-ring{--pull:#5fe0ff}.dis-toss{--pull:#ff8a5c}.dis-joke{--pull:var(--gold)}.pull-arrow{z-index:5;width:46px;height:46px;box-shadow:0 0 0 6px color-mix(in srgb, var(--pull) 18%, transparent), 0 8px 20px #00000080;pointer-events:none;background:#080c18d1;border-radius:50%;animation:.2s both fade;position:absolute}.pull-arrow:after{content:"";border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent var(--pull);position:absolute;top:13px;left:17px}.spynote{z-index:5;left:50%;top:calc(max(8px, env(safe-area-inset-top)) + 58px);color:#eafffd;font:700 15px/1.1 var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0a5450eb;border-radius:999px;max-width:calc(100vw - 32px);padding:8px 16px;animation:.35s both rise;position:absolute;overflow:hidden;transform:translate(-50%)}.coach{z-index:3;pointer-events:none;animation:.6s .9s both fade;position:absolute;inset:0}.coach-mark{flex-direction:column;align-items:center;gap:10px;transition:opacity .5s,transform .5s;display:flex;position:absolute}.coach-mark.gone{opacity:0;transform:scale(.9)}.coach-mark span{font:700 12px/1 var(--display);letter-spacing:.22em;text-transform:uppercase;color:#f3ead8d1;text-shadow:0 1px 6px #000c}.coach-mark .thumb{background:#f3ead880;border-radius:50%;width:34px;height:34px;position:absolute;box-shadow:0 4px 14px #00000059}.coach-mark.move{left:max(12%, calc(env(safe-area-inset-left) + 40px));bottom:max(18%, calc(env(safe-area-inset-bottom) + 40px))}.coach-mark.move .ring{background:radial-gradient(circle,#f3ead80a 40%,#f3ead824);border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;display:flex;position:relative;box-shadow:inset 0 0 18px #00000040}.coach-mark.move .thumb{animation:2.4s ease-in-out infinite nudge}@keyframes nudge{0%,15%,to{transform:translate(0)}35%,50%{transform:translateY(-22px)}70%{transform:translate(14px,-10px)}}.coach-mark.look{top:42%;left:58%}.coach-mark.look .swipe{background:linear-gradient(90deg,#0000,#f3ead824,#0000);border-radius:999px;align-items:center;width:132px;height:44px;display:flex;position:relative}.coach-mark.look .thumb{animation:2.4s ease-in-out infinite swipe;left:4px}@keyframes swipe{0%,15%{opacity:0;transform:translate(0)}25%{opacity:1}60%{opacity:1;transform:translate(90px)}75%,to{opacity:0;transform:translate(90px)}}.coach-keys{z-index:4;left:50%;bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;background:#080c1899;border-radius:14px;gap:18px;padding:8px 14px;animation:.6s .9s both fade;display:flex;position:absolute;transform:translate(-50%)}.coach-keys span{font:700 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:4px;transition:opacity .5s;display:flex}.coach-keys span.gone{opacity:.25}.coach-keys kbd{min-width:22px;height:22px;color:var(--bone);font:700 12px/1 var(--display);background:#f3ead824;border-radius:6px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 -2px #00000059}.coach-keys span kbd:last-of-type{margin-right:4px}.coach-keys .mouse{background:#f3ead824;border-radius:7px;width:14px;height:20px;margin-right:4px;position:relative;box-shadow:inset 0 -2px #00000059}.coach-keys .mouse:after{content:"";background:var(--bone);border-radius:1px;width:2px;height:5px;position:absolute;top:4px;left:6px}.act.job span small{opacity:.75;margin-top:3px;font-size:10px;display:block}.act.job{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hitflash{z-index:8;pointer-events:none;background:radial-gradient(circle,#fff0 30%,#ff283ca6);animation:.85s ease-out both hitflash;position:absolute;inset:0}@keyframes hitflash{0%{background-color:#ffffffd9}20%{background-color:#fff0}}@media (height<=420px){.acts{bottom:calc(max(20px, env(safe-area-inset-bottom)) + 126px)}.dis{bottom:calc(max(20px, env(safe-area-inset-bottom)) + 188px)}}.howto{background:var(--card);border-radius:22px;flex-direction:column;gap:10px;width:min(520px,100%);max-height:100%;padding:12px 16px 16px;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.howto-modal.out{animation:.18s ease-in reverse both fade}.howto-modal.out>.howto{animation:.18s ease-in reverse both sheet-in}.howto-top{justify-content:space-between;align-items:center;display:flex}.howto-top .kick.icon{box-shadow:none;background:#ffffff0f}.howto-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;min-height:0;display:flex;overflow:auto hidden}.howto-track::-webkit-scrollbar{display:none}.howto-page{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex:0 0 100%;gap:14px;min-width:0;display:flex;overflow-y:auto}.howto-art{flex:none}.howto-art svg{border-radius:14px;width:100%;height:auto;display:block}.howto-text{flex-direction:column;gap:12px;display:flex}.howto-text h2{font:800 30px/1 var(--display);letter-spacing:.03em;margin:0}.howto-page.k-spy h2{color:var(--teal)}.howto-page.k-scope h2{color:#ff5868}.howto-text ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.howto-text li{grid-template-columns:38px 1fr;align-items:center;gap:12px;font-size:17px;font-weight:600;line-height:1.3;display:grid}.howto-text li i{width:38px;height:38px;color:var(--gold);background:#e2b04a29;border-radius:11px;place-items:center;display:grid}.howto-page.k-spy li i{color:var(--teal);background:#2fd3c829}.howto-page.k-scope li i{color:#ff5868;background:#ff2e4329}.howto-text li i svg{width:24px;height:24px}.howto-foot{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.howto-foot .btn{min-height:50px}.howto-foot .btn.alt{box-shadow:none;background:#ffffff0f}.howto-foot .btn:disabled{opacity:.35}.howto-dots{display:flex}.howto-dots button{background:0 0;border:0;place-items:center;width:24px;height:44px;padding:0;display:grid}.howto-dots button:before{content:"";background:#ffffff38;border-radius:99px;width:8px;height:8px;transition:width .25s,background .25s}.howto-dots button.on:before{background:var(--gold);width:20px}.howart .hold{stroke-dasharray:1;animation:2.4s linear infinite hold}@keyframes hold{0%{stroke-dashoffset:1px}80%,to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.howart *,.modal,.modal>*{animation:none!important}}:root.reduced .howart *{animation:none!important}.landing-grid .brand,.landing-grid .actions,.res-head,.res-body{flex-direction:column;gap:12px;min-width:0;display:flex}@media (orientation:landscape) and (height<=500px){.page{padding-top:max(6px, env(safe-area-inset-top));gap:8px}.top{max-width:none}.btn{min-height:46px}.btn.big{min-height:56px;font-size:20px}.pills button{min-height:44px;padding:4px 10px}.pills.big button{min-height:52px;font-size:18px}.landing-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:center;column-gap:clamp(20px,5vw,56px);max-width:940px;display:grid}.landing .brand{container-type:inline-size}.landing .logo{font-size:min(80px,21cqi,20dvh)!important}.landing .tag{white-space:nowrap;font-size:clamp(14px,6.2cqi,18px)}.landing-grid .actions{gap:10px}.solo{gap:8px;padding:12px}.solo .label{margin-top:2px}.solo-go .link{min-width:72px}.foot{margin-top:0}.lobby{padding-bottom:max(10px, env(safe-area-inset-bottom))}.lobby>.logo{left:50%;top:calc(max(6px, env(safe-area-inset-top)) + 28px);pointer-events:none;position:absolute;transform:translate(-50%,-50%);font-size:30px!important}.lobby-stack{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px 14px;max-width:940px;padding-bottom:64px;display:grid}.lobby-stack>[aria-label=Invite]{grid-area:1/1/span 2}.lobby-stack>:not([aria-label=Invite]){grid-column:2}.lobby-stack>.ol-leave{grid-area:3/1;justify-self:start}.notebook .panel{padding:12px}.lobby .ol-code b{width:42px;height:48px;font-size:30px}.lobby .ol-invite{gap:12px;padding:10px}.lobby .ol-qr{width:108px;height:108px}.lobby .ol-invite-acts p{font-size:14px;line-height:1.25}.lobby .ol-invite-acts .ol-btn{min-height:44px;padding:0 12px;font-size:15px}.oftr-has-room .lobby .ol-code{display:none}.lobby .ol-player{min-height:52px;padding-top:4px;padding-bottom:4px}.house{min-height:50px;padding:8px 12px}.dock{background:linear-gradient(#0000,#060914eb 35%);padding-left:7px;left:50%}.dock .ol-startbar{gap:8px;display:flex}.dock .ol-startbar>:last-child{flex:1}.dock .ol-btn.big{min-height:52px}.card.sheet{gap:10px;padding:14px 18px}.card.sheet.settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;column-gap:24px;max-width:820px;display:grid}.settings>.h2,.settings>.sheet-foot{grid-column:1/-1}.settings>section{grid-column:1}.settings>.opts{grid-area:2/2/span 5}.sheet-foot{bottom:-14px}.settings>.h2{margin:0;font-size:24px}.settings .h3{margin:2px 0 0}.settings section{gap:6px}.settings .rule{gap:4px}.settings .pills button{min-height:44px}.card.sheet.settings{position:relative}.settings>.sheet-foot{background:0 0;padding:0;position:absolute;top:12px;bottom:auto;right:18px}.settings .sheet-foot .btn{min-width:132px;min-height:44px}.card.sheet.results-card{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;column-gap:22px;max-width:880px;display:grid}.res-head{gap:6px}.res-head .mega{margin:0;font-size:clamp(36px,12dvh,58px)}.tally .t b{font-size:46px}.res-body{gap:8px}.rounds li{min-height:44px;padding:4px 12px 4px 6px}.rounds li span{width:30px;height:30px;font-size:17px}.rounds li em{font-size:20px}.rounds li small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.howto{width:min(860px,100%);height:100%;padding:10px 18px 12px}.howto-page{flex-direction:row;align-items:center;gap:clamp(16px,3.5vw,32px)}.howto-art{width:46%}.howto-text{flex:1;gap:10px;min-width:0}.howto-text h2{font-size:clamp(24px,7.5dvh,32px)}.howto-text ul{gap:8px}.howto-text li{grid-template-columns:34px 1fr;gap:10px;font-size:16px}.howto-text li i{width:34px;height:34px}.howto-foot .btn{min-height:46px}.intro{max-width:min(560px,100vw - 32px);padding:10px 22px 10px 10px}.intro b{font-size:clamp(28px,10dvh,48px)}.intro-text{gap:4px}}@media (orientation:portrait) and (height<=700px){.lobby-art{display:none}}.hud-top .ol-emo-btn{background:#080c18b3;width:44px;height:44px}.ol-emo-pick.emote-at{z-index:32;top:max(10px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));position:absolute}.emote-feed{z-index:32;top:max(64px, calc(env(safe-area-inset-top) + 56px));left:max(12px, env(safe-area-inset-left));pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}: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{gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.ol-sent li{align-items:center;gap:8px;font-size:14px;display:flex}.ol-sent small{color:var(--ol-muted)}.ol-sent-joined small{color:var(--ol-ok)}.ol-sent-late{opacity:.7}.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}}