.oantuti{--accent:#f0a04a}.ot-board{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:44px 16px 20px}.ot-hud{position:absolute;top:10px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:6px;pointer-events:none}.ot-sc{display:inline-flex;align-items:baseline;gap:5px;padding:4px 10px;border-radius:999px;background:rgba(10,14,24,.55);border:1px solid rgba(255,255,255,.08);font:700 12px/1 var(--font-sans);color:var(--faint);white-space:nowrap}.ot-sc i{font-style:normal}.ot-sc b{color:var(--ink);font-family:var(--font-mono);font-size:15px;font-variant-numeric:tabular-nums}.ot-read b{color:var(--accent)}.ot-arena{display:flex;align-items:center;gap:26px}.ot-side{display:flex;flex-direction:column;align-items:center;gap:6px}.ot-hand{font-size:88px;line-height:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));transition:transform .12s}.ot-you{transform:scaleX(-1)}.ot-hand.shake{animation:ot-shake .3s ease infinite}.ot-you.shake{animation:ot-shake-flip .3s ease infinite}@keyframes ot-shake{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(-14deg)}}@keyframes ot-shake-flip{0%,to{transform:scaleX(-1) translateY(0) rotate(0)}50%{transform:scaleX(-1) translateY(-16px) rotate(-14deg)}}.ot-hand.winpop{animation:ot-pop .45s ease}@keyframes ot-pop{0%{scale:1}45%{scale:1.32}to{scale:1.1}}.ot-tag{font:800 12px/1 var(--font-sans);color:var(--faint);letter-spacing:.08em;text-transform:uppercase}.ot-mid{font:900 22px/1 var(--font-mono);color:var(--dim);min-width:72px;text-align:center}.ot-mid.count{color:var(--accent);font-size:26px}.ot-msg{height:44px;display:flex;align-items:center;justify-content:center;overflow:hidden;font:700 15px/1.35 var(--font-sans);color:var(--dim);text-align:center}.ot-msg.win{color:#5fd07a}.ot-msg.lose{color:#e0688a}.ot-msg.taunt{color:var(--accent)}.ot-btns{display:flex;gap:12px}.ot-btn{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 22px 10px;border:2px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04);color:var(--ink);font:800 13px/1 var(--font-sans);transition:transform .1s,border-color .15s,background .15s}@media (hover:hover){.ot-btn:hover{transform:translateY(-3px);border-color:var(--accent);background:rgba(240,160,74,.1)}}.ot-btn:active{transform:scale(.95)}.ot-btn:disabled{opacity:.4;pointer-events:none}.ot-bico{font-size:34px;line-height:1}.ot-chartwrap{width:100%;max-width:560px;display:flex;flex-direction:column;gap:6px}.ot-chartlab{height:18px;overflow:hidden;font:600 11.5px/1.5 var(--font-sans);color:var(--faint);text-align:center}#chart{width:100%;height:110px;background:rgba(0,0,0,.22);border:1px solid var(--line);border-radius:10px}@media (max-width:600px){.oantuti .ot-board{gap:clamp(4px,1.3svh,14px);padding:clamp(30px,5.6svh,46px) 10px clamp(6px,1.4svh,20px)}.oantuti .ot-hud{top:clamp(5px,1.1svh,10px);left:8px;right:8px;gap:4px}.oantuti .ot-sc{padding:3px 7px;font-size:10.5px;gap:4px}.oantuti .ot-sc b{font-size:12.5px}.oantuti .ot-arena{gap:clamp(6px,2.4svw,16px)}.oantuti .ot-hand{font-size:clamp(34px,8.6svh,72px)}.oantuti .ot-tag{font-size:clamp(9px,1.7svh,12px)}.oantuti .ot-side{gap:clamp(2px,.7svh,6px)}.oantuti .ot-mid{min-width:44px;font-size:clamp(15px,3svh,22px)}.oantuti .ot-mid.count{font-size:clamp(17px,3.4svh,26px)}.oantuti .ot-msg{height:clamp(30px,5.8svh,46px);font-size:clamp(11.5px,2svh,15px)}.oantuti .ot-btns{gap:clamp(6px,2.6svw,12px)}.oantuti .ot-btn{padding:clamp(6px,1.3svh,12px) clamp(12px,4.4svw,22px) clamp(5px,1.1svh,10px);gap:clamp(2px,.5svh,4px);border-radius:13px;font-size:clamp(10.5px,1.9svh,13px)}.oantuti .ot-bico{font-size:clamp(24px,4.9svh,34px)}.oantuti .ot-chartwrap{gap:clamp(3px,.7svh,6px)}.oantuti .ot-chartlab{height:clamp(22px,4.4svh,32px);font-size:clamp(9.5px,1.75svh,11.5px);line-height:1.35}.oantuti #chart{height:clamp(42px,9.4svh,110px)}@media (max-height:620px){.oantuti .ot-hand{font-size:clamp(34px,7.4svh,72px)}.oantuti .ot-chartlab{height:clamp(22px,3.8svh,32px)}.oantuti #chart{height:clamp(42px,8svh,110px)}}}