@font-face{font-family:Caprasimo;font-style:normal;font-display:swap;font-weight:400;src:url(/lobivo/assets/caprasimo-latin-400-normal-u3avbpQ7.woff2) format("woff2"),url(/lobivo/assets/caprasimo-latin-400-normal-CPOhBPz8.woff) format("woff")}@font-face{font-family:Caprasimo;font-style:normal;font-display:swap;font-weight:400;src:url(/lobivo/assets/caprasimo-latin-ext-400-normal-8NotPp3s.woff2) format("woff2"),url(/lobivo/assets/caprasimo-latin-ext-400-normal-8IkORZSg.woff) format("woff")}@font-face{font-family:Karla Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/lobivo/assets/karla-latin-ext-wght-normal-Dq0rrjgs.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Karla Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/lobivo/assets/karla-latin-wght-normal-C3-ma4ov.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #1d1712;--ink2: #5a4a3a;--paper: #f6eedc;--paper2: #ece0c4;--cream: #fff9ec;--green: #17322a;--green2: #24493c;--green3: #2f5d4c;--gold: #d6a84e;--gold2: #a97a2a;--red: #c21f32;--red2: #8c1324;--display: "Caprasimo", Georgia, serif;--ui: "Karla Variable", "Karla", system-ui, sans-serif;--bar: 54px;--side: 344px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0d1a15;color:var(--ink);font:15px/1.4 var(--ui);overflow:hidden;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}.app{position:fixed;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.gl{position:absolute;inset:0;width:100%;height:100%;display:block;transition:opacity .6s ease}.gl.wait{opacity:.01}.warmdom{position:absolute;inset:0;z-index:60;opacity:.01;pointer-events:none;overflow:hidden}.bar{position:absolute;left:0;right:0;top:0;height:var(--bar);display:flex;align-items:center;gap:10px;padding:0 10px 0 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));background:linear-gradient(#1f4337,#17322a);border-bottom:2px solid var(--gold);color:var(--cream);z-index:30;will-change:transform}.brand{display:flex;align-items:center;gap:8px;color:var(--cream);text-decoration:none;min-height:44px}.brand-mark{width:38px;height:38px;flex:none}.brand b{font:400 24px/1 var(--display);letter-spacing:.3px;color:#fff3d6;text-shadow:0 2px 0 #0b1a14}.status{display:flex;align-items:baseline;gap:10px;margin:0 auto;padding:4px 14px;border-radius:999px;background:#fff9ec1a;border:1px solid rgba(214,168,78,.55);white-space:nowrap}.status b{font:400 18px/1 var(--display);color:#ffe9b6}.status span{font-weight:700;color:#d9e6dc;font-size:14px}.tools{display:flex;align-items:center;gap:6px;margin-left:auto}.status+.tools{margin-left:0}.identity{display:flex;align-items:center;gap:6px;background:#fff9ec1a;border:1px solid rgba(214,168,78,.45);border-radius:999px;padding:2px 10px 2px 2px}.identity input{width:128px;height:40px;border:0;background:transparent;outline:none;font-weight:700;color:var(--cream)}.identity input::placeholder{color:#b9c9be}.dot-button{width:40px;height:40px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;padding:0}.dot-button i{width:26px;height:26px;border-radius:50%;background:var(--c, #d42a3c);box-shadow:inset -4px -5px #00000047,inset 3px 3px #ffffff40,0 0 0 2px var(--gold)}.tool{width:42px;height:42px;border-radius:50%;border:1px solid rgba(214,168,78,.55);background:#fff9ec14;display:grid;place-items:center;color:var(--cream);font-weight:800;font-size:17px;padding:0}.tool:hover,.tool:focus-visible{background:#fff9ec33;outline:none}.tool.lang{width:auto;padding:0 12px;border-radius:999px;font-size:13px}.tool.lang .short{display:none}html.phone .tool.lang,html.portrait .tool.lang{width:42px;padding:0}html.phone .tool.lang .long,html.portrait .tool.lang .long{display:none}html.phone .tool.lang .short,html.portrait .tool.lang .short{display:inline}.tool.sound i{width:20px;height:20px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;--m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h4l5-4v14l-5-4H3z'/%3E%3Cpath d='M16 8.5a5 5 0 0 1 0 7M18.5 6a8.5 8.5 0 0 1 0 12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.tool.sound[aria-pressed=false] i{--m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h4l5-4v14l-5-4H3z'/%3E%3Cpath d='M16 9l6 6M22 9l-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.tool.leave i{width:18px;height:18px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;--m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4h5v16h-5M10 8l-4 4 4 4M6 12h10' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.picker{position:absolute;top:calc(var(--bar) + 6px);right:120px;display:grid;grid-template-columns:repeat(5,44px);gap:6px;padding:10px;background:var(--paper);border:2px solid var(--gold2);border-radius:14px;box-shadow:0 5px #00000059;z-index:40}.picker button{width:44px;height:44px;border-radius:50%;border:0;background:var(--c);box-shadow:inset -5px -6px #00000047,inset 3px 3px #ffffff40;position:relative}.picker button[aria-pressed=true]{box-shadow:inset -5px -6px #00000047,0 0 0 3px var(--ink)}.picker button:disabled{opacity:.25;cursor:not-allowed}.paper{position:absolute;z-index:20;background:var(--paper);color:var(--ink);border-radius:18px;padding:22px 22px 20px;border:2px solid var(--gold2);box-shadow:inset 0 0 0 5px var(--paper),inset 0 0 0 6px #a97a2ab3,0 7px #09140f8c;will-change:transform}.paper:before,.paper:after{content:"";position:absolute;width:34px;height:34px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 34c0-8 0-12 0-16' stroke='%2324493c' stroke-width='2'/%3E%3Cpath d='M20 18c-6-1-8-6-7-11 3 2 5 4 7 4 2 0 4-2 7-4 1 5-1 10-7 11z' fill='%23c21f32'/%3E%3Cpath d='M20 30c-4-1-8-3-9-7 4 0 7 2 9 7zM20 27c4-1 7-4 8-7-4 0-7 3-8 7z' fill='%232f5d4c'/%3E%3C/svg%3E");pointer-events:none}.paper:before{top:8px;left:8px}.paper:after{top:8px;right:8px;transform:scaleX(-1)}.paper h1,.paper h2{font:400 32px/1.05 var(--display);margin:4px 0 8px;color:var(--green);text-align:center}.paper h2{font-size:26px}.paper p{margin:6px 0 12px;color:var(--ink2)}.paper .lead{text-align:center;font-size:16px;color:var(--ink2);margin:0 auto 14px;max-width:34ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 20px;border-radius:999px;border:2px solid var(--red2);background:var(--red);color:#fff7ea;font-weight:800;font-size:17px;letter-spacing:.2px;box-shadow:inset 0 -4px #00000038,0 4px 0 var(--red2);transition:transform .12s ease}.btn:hover,.btn:focus-visible{transform:translateY(-1px);outline:none;filter:brightness(1.06)}.btn:active{transform:translateY(2px);box-shadow:inset 0 -2px #00000038,0 2px 0 var(--red2)}.btn.green{background:var(--green3);border-color:var(--green);box-shadow:inset 0 -4px #00000038,0 4px 0 var(--green)}.btn.ghost{background:var(--cream);color:var(--green);border-color:var(--gold2);box-shadow:0 3px 0 var(--gold2)}.btn.wide{width:100%}.btn:disabled{opacity:.5;cursor:default;transform:none}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.choose{display:flex;flex-wrap:wrap;gap:6px}.choose button{min-width:44px;min-height:42px;padding:6px 12px;border-radius:12px;border:2px solid var(--paper2);background:var(--cream);font-weight:800;color:var(--green)}.choose button[aria-pressed=true]{border-color:var(--green);background:var(--green3);color:var(--cream)}.field{margin:10px 0}.field>span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--gold2);margin-bottom:5px}.home{left:max(18px,env(safe-area-inset-left));top:calc(var(--bar) + 18px);width:392px;max-height:calc(100% - var(--bar) - 36px);overflow:auto}.home .hero{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:4px}.home .hero h1{font-size:44px;margin:0}.home .actions{display:grid;gap:12px;margin-top:10px}.home .practice-opts{padding:10px 12px;background:var(--paper2);border-radius:14px}.home .linkish{background:none;border:0;color:var(--green3);font-weight:800;text-decoration:underline;min-height:42px}.lobby{left:50%;top:calc(var(--bar) + 18px);transform:translate(-50%);width:min(560px,calc(100% - 24px));max-height:calc(100% - var(--bar) - 36px);overflow:auto}.lobby .invite{display:flex;gap:8px;margin:8px 0 12px}.lobby .invite input{flex:1;min-width:0;height:46px;border-radius:12px;border:2px solid var(--paper2);background:var(--cream);padding:0 12px;font-size:14px;color:var(--ink2)}.roster{list-style:none;margin:8px 0 12px;padding:0;display:grid;gap:6px}.roster li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--cream);border:1px solid var(--paper2);min-height:44px}.roster li i.ball{width:22px;height:22px;border-radius:50%;background:var(--c);box-shadow:inset -3px -4px #00000047,inset 2px 2px #ffffff40;flex:none}.roster li b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster li small{font-weight:800;font-size:11px;color:var(--gold2);text-transform:uppercase;letter-spacing:.6px}.result{left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 24px));max-height:calc(100% - var(--bar) - 24px);overflow:auto;text-align:center}.result{will-change:transform,opacity}.result.early{opacity:.002;pointer-events:none}.result.show{animation:rise .55s cubic-bezier(.2,1.4,.4,1) both}@keyframes rise{0%{transform:translate(-50%,-40%) scale(.9);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.result .podium{list-style:none;padding:0;margin:10px 0 14px;display:grid;gap:6px;text-align:left}.result .podium li{display:grid;grid-template-columns:34px 24px 1fr auto;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--cream);border:1px solid var(--paper2);min-height:46px}.result .podium li.win{background:#fff2cc;border-color:var(--gold)}.result .podium li.me b{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}.result .podium .place{font:400 22px/1 var(--display);color:var(--gold2);text-align:center}.result .podium i.ball{width:22px;height:22px;border-radius:50%;background:var(--c);box-shadow:inset -3px -4px #00000047}.result .podium b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result .podium .tot{font:400 24px/1 var(--display);color:var(--green)}.result .podium .sub{display:block;font-size:12px;color:var(--ink2);font-weight:600}.result .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.helpsheet{left:50%;top:calc(var(--bar) + 14px);transform:translate(-50%);width:min(620px,calc(100% - 20px));max-height:calc(100% - var(--bar) - 28px);overflow:auto;z-index:35}.helpsheet p{color:var(--ink)}.helpsheet .close{position:sticky;bottom:0}.scores{position:absolute;z-index:15;right:max(10px,env(safe-area-inset-right));top:calc(var(--bar) + 10px);width:var(--side);max-height:calc(100% - var(--bar) - 20px);overflow:auto;background:var(--green);border:2px solid var(--gold2);border-radius:16px;padding:8px;box-shadow:0 6px #050c0999;color:var(--cream);will-change:transform}.scores h3{margin:2px 6px 6px;font:400 17px/1 var(--display);color:#ffe7b0;display:flex;justify-content:space-between;align-items:baseline}.scores h3 small{font:700 12px var(--ui);color:#b9cfc2}.card{background:var(--paper);color:var(--ink);border-radius:10px;padding:5px 6px 6px;margin-bottom:6px;border:1px solid #d8c69c;position:relative}.card.me{box-shadow:0 0 0 2px var(--gold)}.card.lead:after{content:"";position:absolute;right:-3px;top:-6px;width:18px;height:18px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 16V9' stroke='%2324493c' stroke-width='1.6'/%3E%3Cpath d='M10 10c-3.5-.5-5-3.5-4.5-7 2 1.2 3 2.5 4.5 2.5S12.5 4.2 14.5 3c.5 3.5-1 6.5-4.5 7z' fill='%23c21f32' stroke='%23fff' stroke-width='.8'/%3E%3C/svg%3E")}.card .who{display:flex;align-items:center;gap:6px;font-weight:800;font-size:13px;margin:0 2px 4px;min-width:0}.card .who i{width:14px;height:14px;border-radius:50%;background:var(--c);flex:none;box-shadow:inset -2px -2px #0000004d}.card .who b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .who small{font-size:10px;font-weight:800;color:var(--gold2);letter-spacing:.5px}.card .who .tot{font:400 18px/1 var(--display);color:var(--green)}.card .who .live{width:8px;height:8px;border-radius:50%;background:var(--red);animation:blink 1s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.frames{display:grid;grid-template-columns:repeat(9,1fr) 1.45fr;border:1px solid #b9a26c;border-radius:4px;overflow:hidden;background:var(--cream)}.frames .fr{border-right:1px solid #cdb986;display:grid;grid-template-rows:15px 17px;min-width:0}.frames .fr:last-child{border-right:0}.frames .fr.now{background:#fff1c9}.frames .marks{display:flex;justify-content:flex-end;border-bottom:1px solid #e3d5ae}.frames .marks span{width:50%;text-align:center;font-size:11px;font-weight:800;line-height:15px;color:var(--ink)}.frames .fr.ten .marks span{width:33.3%}.frames .marks span+span{border-left:1px solid #e3d5ae}.frames .marks span.x{color:var(--red)}.frames .marks span.sp{color:var(--green3)}.frames .marks span.split{box-shadow:inset 0 0 0 1.5px var(--red);border-radius:50%}.frames .marks span.auto{color:#9a8a6a;font-style:italic}.frames .sum{text-align:center;font-size:12px;font-weight:800;line-height:17px;color:var(--green)}.sheet-toggle{position:absolute;z-index:16;display:none}.hud{position:absolute;z-index:14;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;background:#0e1e18e6;border:1.5px solid rgba(214,168,78,.8);border-radius:999px;color:var(--cream);box-shadow:0 4px #0006;max-width:calc(100% - 24px);will-change:transform;pointer-events:none}.clock{position:relative;width:44px;height:44px;flex:none}.clock svg{position:absolute;inset:0;transform:rotate(-90deg)}.clock .ring-bg{fill:none;stroke:#ffffff1f;stroke-width:4}.clock .ring{fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:var(--off, 0)}.clock.low .ring{stroke:#ff6a5a}.clock b{position:absolute;inset:0;display:grid;place-items:center;font:400 17px/1 var(--display);color:#ffe7b0}.clock.off{opacity:.35}.hud-text{display:flex;flex-direction:column;min-width:0}.hud-text b{font:400 17px/1.1 var(--display);color:#fff1cf;white-space:nowrap}.hud-text span{font-size:12.5px;color:#c9d8cd;font-weight:600;max-width:min(340px,40vw);line-height:1.3}.meter{position:relative;width:120px;height:14px;border-radius:999px;background:#ffffff1f;overflow:hidden;flex:none}.meter .power{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p, 0) * 100%);background:linear-gradient(90deg,#f0c060,#ff7a3a,#d42a3c)}.meter .needle{position:absolute;top:-2px;bottom:-2px;width:3px;left:calc(50% + var(--n, 0) * 50% - 1.5px);background:#fff;opacity:var(--na, 0)}.meter:after{content:"";position:absolute;left:calc(50% - 6px);width:12px;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);opacity:var(--na, 0)}.spin{width:36px;height:36px;flex:none}.spin path{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round}.swipe{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:13;overflow:visible}.swipe path{fill:none;stroke:#ffeec8d9;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.tags{position:absolute;inset:0;pointer-events:none;z-index:10}.tag{position:absolute;left:0;top:0;display:flex;align-items:center;gap:5px;padding:3px 9px 3px 4px;border-radius:999px;background:#fff9eceb;color:var(--ink);font-weight:800;font-size:12px;white-space:nowrap;border:1px solid #c9b07a;will-change:transform}.tag i{width:13px;height:13px;border-radius:50%;background:var(--c);box-shadow:inset -2px -2px #0000004d}.tag small{color:var(--gold2);font-size:10px}.tag.me{background:#fff1c9;border-color:var(--gold)}.tag.dim{opacity:.55}.banner{position:absolute;left:0;right:0;top:30%;z-index:24;display:grid;place-items:center;pointer-events:none}.banner .word{font:400 clamp(46px,11vw,136px)/1 var(--display);color:#ffd36b;-webkit-text-stroke:3px #7a1020;paint-order:stroke fill;text-shadow:0 6px 0 #5c0c18,0 10px 0 rgba(0,0,0,.25);white-space:nowrap;display:flex;will-change:transform,opacity}.banner .word span{display:inline-block;animation:pop .7s cubic-bezier(.2,1.6,.35,1) both}.banner .word.small{font-size:clamp(30px,6vw,70px);color:#fff2d0;-webkit-text-stroke:2px #1d3d31;text-shadow:0 4px 0 #0e221a}.banner .sub{margin-top:6px;font:800 16px var(--ui);color:#fff3d6;background:#0e1e18d9;padding:4px 12px;border-radius:999px;border:1px solid rgba(214,168,78,.7)}.banner.out{animation:fadeout .5s ease forwards}@keyframes pop{0%{transform:translateY(40px) scale(.3) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}@keyframes fadeout{to{opacity:0;transform:translateY(-20px) scale(1.06)}}.toast{position:absolute;left:50%;top:calc(var(--bar) + 14px);transform:translate(-50%,-8px);z-index:45;padding:10px 16px;border-radius:12px;background:#0e1e18f2;color:var(--cream);font-weight:700;border:1px solid rgba(214,168,78,.7);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:calc(100% - 24px);text-align:center}.toast.on{opacity:1;transform:translate(-50%)}.loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:radial-gradient(circle at 50% 40%,#24493c,#0d1a15 70%);color:#f2e6c8;z-index:50;transition:opacity .5s ease;font-weight:700}.loading svg{width:64px;height:64px;animation:wob 1.2s ease-in-out infinite}@keyframes wob{50%{transform:rotate(8deg)}}.loading.gone{opacity:0;pointer-events:none}.app .net-badge{box-shadow:0 1px #0000004d}.nowebgl{position:fixed;inset:0;display:grid;place-items:center;padding:30px;background:#0d1a15;color:#f6eedc;font:18px/1.5 var(--ui);text-align:center}html.phone{--bar: 46px;--side: 236px}html.phone .brand b{display:none}html.phone .brand-mark{width:32px;height:32px}html.phone .identity input{width:92px}html.phone .status{padding:3px 10px}html.phone .status b{font-size:15px}html.phone .tool{width:40px;height:40px}html.phone .home{width:min(640px,calc(100% - 24px));top:calc(var(--bar) + 8px);padding:10px 14px 12px;max-height:calc(100% - var(--bar) - 14px)}html.phone .home .hero h1{font-size:28px}html.phone .home .lead{display:none}html.phone .home .actions{grid-template-columns:1.35fr 1fr;grid-template-rows:auto auto auto;gap:8px 12px;margin-top:4px}html.phone .home .practice-opts{grid-row:1 / span 3;padding:6px 10px}html.phone .home .practice-opts .field{display:flex;align-items:center;gap:8px;margin:4px 0}html.phone .home .practice-opts .field>span{width:52px;margin:0;flex:none;font-size:10px}html.phone .home .practice-opts .btn{display:none}html.phone .home .phone-play{display:inline-flex}html.phone .home .choose button{min-height:40px;padding:4px 10px}.home .phone-play{display:none}html.phone .paper:before,html.phone .paper:after{display:none}html.phone .scores{width:var(--side);padding:6px;top:calc(var(--bar) + 6px);max-height:calc(100% - var(--bar) - 12px)}html.phone .scores h3,html.phone .frames{display:none}html.phone .card{padding:4px 6px;margin-bottom:4px}html.phone .card .who{margin:0}html.phone .hud{bottom:max(8px,env(safe-area-inset-bottom));padding:5px 12px 5px 5px}html.phone .result{top:calc(var(--bar) + 6px);transform:translate(-50%);max-height:calc(100% - var(--bar) - 12px);padding:12px 16px}html.phone .result.show{animation:riseb .55s cubic-bezier(.2,1.4,.4,1) both}html.phone .result h2{font-size:22px;margin:0 0 4px}html.phone .result .podium{margin:4px 0 8px;gap:4px}html.phone .result .podium li{min-height:40px;padding:3px 10px}html.phone .hud-text span{display:none}html.portrait{--bar: 50px}html.portrait .brand b{display:none}html.portrait .identity input{width:86px}html.portrait .status{margin:0 auto 0 0}html.portrait .home{left:12px;right:12px;width:auto;top:auto;bottom:max(12px,env(safe-area-inset-bottom));max-height:66%}html.portrait .home .hero h1{font-size:34px}html.portrait .home .lead{font-size:14px;margin-bottom:8px}html.portrait .home .practice-opts .field{display:flex;align-items:center;gap:8px;margin:6px 0}html.portrait .home .practice-opts .field>span{width:60px;margin:0;flex:none;font-size:10px}html.portrait .home .choose{flex-wrap:nowrap;gap:5px}html.portrait .home .choose button{min-width:40px;padding:4px 9px}html.portrait .scores{left:8px;right:8px;width:auto;top:calc(var(--bar) + 6px);padding:5px;display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;max-height:none}html.portrait .scores h3{display:none}html.portrait .scores .card{flex:none;width:106px;margin:0;padding:4px 6px}html.portrait .scores .card.me{width:auto;flex:1 0 280px}html.portrait .scores .card:not(.me) .frames{display:none}html.portrait .hud{left:max(8px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));padding:4px 10px 4px 4px;gap:6px;max-width:30vw}html.portrait .hud .clock{width:40px;height:40px}html.portrait .hud-text b{font-size:14px;white-space:normal}html.portrait .hud-text span,html.portrait .hud .spin,html.portrait .hud .meter,html.portrait.in-game .identity,html.portrait.in-game .tool.lang{display:none}.hint{position:absolute;z-index:14;left:50%;transform:translate(-50%);padding:6px 12px;border-radius:12px;background:#0e1e18e0;color:#e8efe9;font-weight:700;font-size:12.5px;text-align:center;max-width:min(92vw,520px);pointer-events:none;border:1px solid rgba(214,168,78,.6)}html.portrait .result{top:auto;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%)}html.portrait .result.show{animation:riseb .55s cubic-bezier(.2,1.4,.4,1) both}@keyframes riseb{0%{transform:translate(-50%,20px) scale(.92);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@media(max-width:380px){html.portrait .identity{display:none}}@media(prefers-reduced-motion:reduce){.banner .word span,.result.show{animation-duration:.01s}}html.portrait .scores .card:not(.me) .who small{display:none}html.portrait .scores .card:not(.me) .who b{font-size:12px}