.hl-screen{--font-display:"Lilita One", "Fredoka", "Rubik Variable", system-ui, sans-serif;--hl-ink:#10082e;--hl-gold:#ffd84a;--hl-gap:clamp(8px, 1.4vh, 14px);z-index:10;gap:var(--hl-gap);padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));font-family:var(--font-sans);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.hl-screen>*,.hl-left,.hl-right{min-width:0}.hl-left,.hl-right{gap:var(--hl-gap);flex-direction:column;min-height:0;display:flex}.hl-top{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.hl-chip{white-space:nowrap;font-family:var(--font-display);color:#fff;box-shadow:0 0 0 2.5px var(--hl-ink), 0 3px 0 2.5px var(--hl-ink), inset 0 2px 0 #ffffff2e;background:linear-gradient(#2a1d6e,#1a1150);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:15px;display:inline-flex}.hl-chip:active{transform:translateY(2px)}.hl-tag{color:var(--hl-ink);pointer-events:none;background:linear-gradient(#fff3a6, var(--hl-gold) 55%, #f2b51c);font-size:13px}.hl-title{text-align:center;flex:1 0 100%;order:3;margin:0;font-size:clamp(34px,5.4vh,48px);line-height:1}.hl-sub{text-align:center;font-family:var(--font-display);color:#fff;-webkit-text-stroke:.12em var(--hl-ink);paint-order:stroke fill;margin:-4px 0 0;font-size:clamp(13px,1.9vh,16px)}.hl-arena{isolation:isolate;box-shadow:0 0 0 3px var(--hl-ink), 0 6px 0 3px var(--hl-ink), inset 0 2px 0 #ffffff40;background:linear-gradient(105deg,#2f7dff 0%,#1d4fd0 46%,#c21f3a 54%,#ff4a55 100%);border-radius:24px;flex-direction:column;align-items:center;gap:6px;padding:8px 10px 12px;display:flex;position:relative;overflow:hidden}.hl-arena:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){background:linear-gradient(255deg,#2f7dff 0%,#1d4fd0 46%,#c21f3a 54%,#ff4a55 100%)}.hl-arena:before{content:"";z-index:-1;background:repeating-linear-gradient(-28deg,#ffffff12 0 22px,#0000 22px 52px);position:absolute;inset:0}.hl-sides{--hl-h:clamp(84px, 12.5vh, 124px);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;width:100%;display:grid}.hl-team{justify-content:center;align-items:flex-end;min-width:0;display:flex}.hl-team canvas{margin:0 calc(var(--hl-h) * -.2);flex:none;width:calc(var(--hl-h) * .82)!important;height:calc(var(--hl-h) * .82)!important}.hl-team canvas:nth-child(2){z-index:1;width:var(--hl-h)!important;height:var(--hl-h)!important}.hl-vs{z-index:2;width:52px;height:52px;font-family:var(--font-display);color:var(--hl-ink);background:linear-gradient(#fff3a6, var(--hl-gold) 55%, #f2b51c);box-shadow:0 0 0 3px var(--hl-ink), 0 4px 0 3px var(--hl-ink);border-radius:50%;align-self:center;place-items:center;font-size:22px;display:grid}.hl-names{text-align:center;width:100%;font-family:var(--font-display);color:#fff;-webkit-text-stroke:.12em var(--hl-ink);paint-order:stroke fill;grid-template-columns:1fr 1fr;font-size:15px;display:grid}.hl-pills{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hl-pill{font-family:var(--font-display);color:#fff;box-shadow:0 0 0 2px var(--hl-ink);background:#10082e99;border-radius:999px;align-items:center;gap:5px;padding:3px 11px;font-size:13px;display:inline-flex}.hl-pill.is-live i{background:#5dff6a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 6px #5dff6a}.hl-enter{width:100%;font-family:var(--font-display);color:#fff;-webkit-text-stroke:.12em var(--hl-ink);paint-order:stroke fill;box-shadow:0 0 0 3px var(--hl-ink), 0 6px 0 3px var(--hl-ink), inset 0 3px 0 #fff6;background:linear-gradient(#7be35a,#2fb344);border-radius:22px;justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-size:clamp(22px,3.4vh,30px);display:flex}.hl-enter:active:not(:disabled){box-shadow:0 0 0 3px var(--hl-ink), 0 3px 0 3px var(--hl-ink);transform:translateY(3px)}.hl-enter.is-locked{text-align:center;cursor:default;background:linear-gradient(#6c5aa8,#3e2f78);flex-direction:column;gap:0;padding-block:10px;font-size:clamp(17px,2.5vh,21px)}.hl-enter small{font-family:var(--font-sans);color:#ffffffe6;-webkit-text-stroke:0;font-size:12.5px;font-weight:900}.hl-record{min-height:0;color:var(--hl-ink);box-shadow:0 0 0 3px var(--hl-ink), 0 6px 0 3px var(--hl-ink), inset 0 3px 0 #ffffff8c;background:radial-gradient(80% 70% at 50% 20%,#fff8cc,#0000 70%),linear-gradient(#ffe57a,#f5b82a);border-radius:24px;flex-direction:column;align-items:center;gap:2px;padding:8px 12px 12px;display:flex}.hl-record-head{font-family:var(--font-display);align-items:center;gap:6px;font-size:16px;display:flex}.hl-record-num{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.1em var(--hl-ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--hl-ink);font-size:clamp(40px,6.4vh,58px);line-height:1.05}.hl-record-sub{text-align:center;color:#5a3600;font-size:12.5px;font-weight:900}.hl-crew{--tp-ink:#10082e;overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px 8px;width:100%;min-height:0;margin:8px 0 2px;padding:2px 3px 6px;list-style:none;display:grid;overflow-y:auto}.hl-crew .tp-row{min-height:40px;box-shadow:0 0 0 2.5px var(--tp-ink), 0 4px 0 2.5px var(--tp-ink);border-radius:16px;gap:5px;padding:2px 8px 2px 4px}.hl-crew .tp-row-look{width:36px;height:36px}.hl-crew .tp-row-name{font-size:13.5px}@media (orientation:landscape){.hl-screen{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-content:start;column-gap:16px;display:grid}.hl-top{flex-wrap:nowrap;grid-column:1/-1}.hl-title{flex:0 auto;order:0;font-size:34px}.hl-sub{grid-column:1/-1}.hl-sides{--hl-h:clamp(64px, 22vh, 124px)}}@media (orientation:landscape) and (width>=1100px) and (height>=640px){.hl-screen{--hl-gap:clamp(14px, 2vh, 22px);align-content:center;column-gap:24px;row-gap:var(--hl-gap);grid-template-rows:auto auto auto;padding-block:clamp(18px,4vh,48px);padding-inline:max(32px,50vw - 640px)}.hl-title{font-size:clamp(48px,6.4vh,72px)}.hl-sub{margin-top:-6px;font-size:clamp(17px,2.2vh,22px)}.hl-chip{padding:10px 18px;font-size:18px}.hl-tag{font-size:15px}.hl-arena{border-radius:30px;gap:12px;padding:18px 18px 22px}.hl-sides{--hl-h:clamp(130px, 18vh, 180px)}.hl-vs{transform:scale(1.2)}.hl-names{font-size:22px}.hl-pill{padding:5px 14px;font-size:16px}.hl-enter{border-radius:26px;min-height:84px;font-size:34px}.hl-record{border-radius:30px;padding:18px 20px 20px}.hl-record-head{font-size:22px}.hl-record-num{font-size:clamp(70px,10vh,104px)}.hl-record-sub{font-size:15px}.hl-crew .tp-row{min-height:56px}.hl-crew .tp-row-look{width:48px;height:48px}.hl-crew .tp-row-name{font-size:17px}}