:root{--hud:#f4efe4;--hud-dim:#f4efe4b8;--accent:#f2b33d;--enemy:#ff5a4a;--live:#ff3b30;--panel:#0f0e0dbd;--font:"Oswald", "Arial Narrow", system-ui, sans-serif;--px:min(calc(100vw / 1920), calc(100vh / 1080));--sw:min(100vw, calc(100vh * 16 / 9));--sh:min(100vh, calc(100vw * 9 / 16))}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--hud);font-family:var(--font);-webkit-user-select:none;user-select:none;background:#000;margin:0;overflow:hidden}body.stream,body.stream *{cursor:none!important}#watch{grid-template-areas:"stage";place-items:center;display:grid;position:fixed;inset:0}#screen,#side{width:var(--sw);height:var(--sh);grid-area:stage}#screen{text-shadow:0 calc(2 * var(--px)) calc(4 * var(--px)) #000c;background:#1b1916;position:relative;overflow:hidden}#view{width:100%;height:100%;display:block;position:absolute;inset:0}#side{pointer-events:none;position:relative}#top{top:calc(28 * var(--px));left:calc(32 * var(--px));align-items:center;gap:calc(18 * var(--px));font-size:calc(28 * var(--px));letter-spacing:.06em;text-transform:uppercase;display:flex;position:absolute}#top .live{align-items:center;gap:calc(10 * var(--px));padding:calc(4 * var(--px)) calc(14 * var(--px));background:var(--live);border-radius:calc(4 * var(--px));text-shadow:none;font-weight:700;display:inline-flex}#top .live i{width:calc(12 * var(--px));height:calc(12 * var(--px));background:#fff;border-radius:50%}#top #delay{color:var(--hud-dim)}#top #clock{font-variant-numeric:tabular-nums;font-weight:600}#prize{top:calc(84 * var(--px));left:calc(32 * var(--px));font-size:calc(26 * var(--px));color:var(--accent);margin:0;font-weight:600;position:absolute}#feed{top:calc(28 * var(--px));right:calc(32 * var(--px));width:calc(560 * var(--px));align-items:flex-end;gap:calc(6 * var(--px));font-size:calc(22 * var(--px));flex-direction:column;display:flex;position:absolute}#feed .row{align-items:center;gap:calc(8 * var(--px));padding:calc(4 * var(--px)) calc(12 * var(--px));border-radius:calc(3 * var(--px));white-space:nowrap;background:#00000080;display:flex}#feed .tag{padding:0 calc(6 * var(--px));color:#1a1408;background:var(--hud);border-radius:calc(2 * var(--px));text-shadow:none;font-size:.8em;font-weight:700}#feed .tag.trick,#feed .tag.final{background:var(--accent)}#feed .tag.qs{background:#9fd7ff}#feed .gun{color:var(--hud-dim)}#board{top:calc(272 * var(--px));right:calc(32 * var(--px));width:calc(440 * var(--px));padding:calc(16 * var(--px)) calc(20 * var(--px));background:var(--panel);font-size:calc(22 * var(--px));border:1px solid #ffffff14;position:absolute}#board:empty{display:none}#board h2{margin:0 0 calc(8 * var(--px));font-size:calc(22 * var(--px));letter-spacing:.1em;text-transform:uppercase;color:var(--hud-dim);font-weight:600}#board table,#end table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}#board td,#end td,#end th{padding:calc(3 * var(--px)) calc(6 * var(--px))}#board .num,#end .num{text-align:right}#board .pos,#end .pos{width:1.6em;color:var(--hud-dim)}#board tr.on td{color:var(--accent);font-weight:600}#board tr.on .name:before{content:"▶ "}#follow{left:0;right:0;bottom:calc(96 * var(--px));text-align:center;font-size:calc(36 * var(--px));letter-spacing:.04em;margin:0;font-weight:600;position:absolute}#follow small{letter-spacing:.2em;text-transform:uppercase;color:var(--hud-dim);font-size:.55em;font-weight:400;display:block}#foot{height:calc(72 * var(--px));align-items:center;gap:calc(24 * var(--px));padding:0 calc(32 * var(--px));font-size:calc(26 * var(--px));text-shadow:none;background:#0a0a09cc;display:flex;position:absolute;bottom:0;left:0;right:0}#foot b{font-size:calc(32 * var(--px));letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}#foot span{color:var(--hud-dim)}#sound{right:calc(32 * var(--px));bottom:calc(92 * var(--px));padding:calc(8 * var(--px)) calc(18 * var(--px));font:inherit;font-size:calc(22 * var(--px));letter-spacing:.08em;text-transform:uppercase;color:#1a1408;background:var(--accent);border-radius:calc(4 * var(--px));cursor:pointer;border:0;font-weight:600;position:absolute}#scope{place-items:center;display:grid;position:absolute;inset:0}#scope .lens{width:calc(929 * var(--px));aspect-ratio:1;box-shadow:0 0 0 200vmax #000, inset 0 0 0 calc(3 * var(--px)) #000000e6, inset 0 0 calc(60 * var(--px)) calc(18 * var(--px)) #000000bf;border-radius:50%}#scope .reticle{background:#000000eb;position:absolute}#scope .h{width:calc(929 * var(--px));height:max(1px, calc(1.5 * var(--px)))}#scope .v{height:calc(929 * var(--px));width:max(1px, calc(1.5 * var(--px)))}#scope .h:before,#scope .h:after,#scope .v:after{content:"";background:#000;position:absolute}#scope .h:before,#scope .h:after{top:calc(-2.5 * var(--px));height:calc(6.5 * var(--px));width:36%}#scope .h:before{left:0}#scope .h:after{right:0}#scope .v:after{left:calc(-2.5 * var(--px));width:calc(6.5 * var(--px));height:36%;bottom:0}#hitmarker{width:calc(28 * var(--px));height:calc(28 * var(--px));margin:calc(-14 * var(--px)) 0 0 calc(-14 * var(--px));opacity:0;color:var(--enemy);-webkit-mask:radial-gradient(circle, transparent calc(6 * var(--px)), #000 calc(6.5 * var(--px)));-webkit-mask:radial-gradient(circle, transparent calc(6 * var(--px)), #000 calc(6.5 * var(--px)));mask:radial-gradient(circle, transparent calc(6 * var(--px)), #000 calc(6.5 * var(--px)));background:linear-gradient(45deg,#0000 46%,currentColor 46% 54%,#0000 54%) no-repeat,linear-gradient(-45deg,#0000 46%,currentColor 46% 54%,#0000 54%) no-repeat;position:absolute;top:50%;left:50%}#hitmarker.show{animation:.25s ease-out hit}@keyframes hit{0%{opacity:1}to{opacity:0}}#kc .bar{background:#000;height:9%;position:absolute;left:0;right:0}#kc .top{top:0}#kc .bottom{bottom:0}#kc .title{top:calc(9% + 14 * var(--px));text-align:center;width:100%;font-size:calc(44 * var(--px));letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;position:absolute}#kc .who{bottom:calc(9% + 22 * var(--px));text-align:center;width:100%;font-size:calc(32 * var(--px));letter-spacing:.05em;font-weight:600;position:absolute}#watch.killcam #top,#watch.killcam #prize,#watch.killcam #follow,#watch.killcam #side{visibility:hidden}#end{width:calc(760 * var(--px));padding:calc(24 * var(--px)) calc(30 * var(--px));font-size:calc(26 * var(--px));background:var(--panel);border:1px solid #ffffff14;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#end h2{margin:0 0 calc(12 * var(--px));font-size:calc(34 * var(--px));letter-spacing:.08em;text-transform:uppercase}#end th{text-align:left;color:var(--hud-dim);font-weight:400}#end tr.paid td{color:var(--accent)}#end .prize{margin-left:.5em;font-size:.8em}#end p{margin:calc(14 * var(--px)) 0 0;color:var(--hud-dim)}#idle{text-align:center;background:radial-gradient(#00000059,#000000a6);place-content:center;display:grid;position:absolute;inset:0}#idle h1{font-size:calc(72 * var(--px));letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:600}#idle p{margin:calc(16 * var(--px)) 0 0;font-size:calc(32 * var(--px));color:var(--hud-dim)}@media (orientation:portrait){:root{--px:calc(100vw / 1920);--sw:100vw;--sh:calc(100vw * 9 / 16)}html,body{overflow:auto}#watch{place-items:normal;display:block;position:static}#side{width:auto;height:auto;padding:12px 14px 24px}#feed,#board{width:auto;font-size:15px;position:static}#feed{align-items:stretch;gap:4px;margin-bottom:12px}#feed .row{padding:4px 8px}#board{padding:12px 14px}#board h2{font-size:14px}#board td{padding:3px 4px}#top,#prize{font-size:max(calc(28 * var(--px)), 10px)}#top{gap:6px;top:6px;left:8px}#prize{top:30px;left:8px}#follow{font-size:max(calc(36 * var(--px)), 13px);bottom:max(calc(96 * var(--px)), 26px)}#foot{height:max(calc(72 * var(--px)), 22px);font-size:max(calc(26 * var(--px)), 10px)}#foot b{font-size:max(calc(32 * var(--px)), 11px)}#end{width:92%;font-size:max(calc(26 * var(--px)), 11px)}#idle h1{font-size:max(calc(72 * var(--px)), 18px)}#idle p{font-size:max(calc(32 * var(--px)), 12px)}#sound{padding:4px 10px;font-size:12px;top:6px;bottom:auto;right:8px}}