:root{--black:#0e0f11;--panel:#17181b;--steel:#26282d;--steel-hi:#33363c;--white:#fff;--grey:#9ba1ab;--teal:#17b9a6;--amber:#ffb800;--red:#d6273b}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--white);background:0 0;font-family:Barlow Condensed,sans-serif}.obs-fit{transform-origin:50% 100%;visibility:hidden;width:404px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.frame{aspect-ratio:9/16;width:100%;max-width:404px;position:relative;overflow:hidden}.panel{background:var(--black);position:absolute;bottom:0;left:0;right:0}.head{border-bottom:1px solid #000;align-items:stretch;height:30px;display:flex}.flag{background:var(--teal);color:var(--black);letter-spacing:.04em;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%);align-items:center;padding:0 13px 0 11px;font-size:13px;font-style:italic;font-weight:800;display:flex}.title{background:var(--panel);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:#d7dbe1;flex:1;align-items:center;padding:0 10px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.live{background:var(--panel);border-left:1px solid #000;align-items:center;gap:6px;padding:0 11px;display:flex}.live i{background:var(--red);width:7px;height:7px}.live b{letter-spacing:.2em;font-size:11px;font-weight:800}.live i.reconnecting{background:var(--amber);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.25}}.score{border-bottom:1px solid #000;display:flex}.cell{background:var(--panel);border-right:1px solid #000;flex:1;justify-content:center;align-items:baseline;gap:6px;padding:5px 0 4px;display:flex}.cell:last-child{border-right:0}.cell .n{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:.85}.cell .l{letter-spacing:.18em;color:var(--grey);font-size:9px;font-weight:700}.cell.c1 .n{color:var(--white)}.cell.c2 .n{color:var(--grey)}.cell.c3 .n{color:var(--teal)}.cell.scarce{background:#231a04}.cell.scarce .n,.cell.scarce .l{color:var(--amber)}.board-wrap{height:206px;position:relative;overflow:hidden}.board{background:var(--black);padding:4px;display:none;position:absolute;inset:0}.board.active{display:block}.board-grid{grid-template-columns:repeat(8,1fr);grid-auto-rows:1fr;gap:2px;height:100%;display:grid}.tile{background:var(--tc,#333);background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tile .abbr{letter-spacing:.02em;color:#fff;text-shadow:0 1px #00000059;font-size:12px;font-style:italic;font-weight:800}.tile .plate{background:var(--steel);z-index:2;box-shadow:inset 0 1px 0 var(--steel-hi);flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:transform .28s cubic-bezier(.3,.8,.3,1);display:flex;position:absolute;inset:0;transform:translateY(101%)}.tile .plate .p-abbr{letter-spacing:.04em;color:#6e7480;font-size:10px;font-weight:700;line-height:1}.tile .plate .p-who{color:#9ba1ab;text-overflow:ellipsis;white-space:nowrap;max-width:94%;font-family:JetBrains Mono,monospace;font-size:6px;font-weight:500;overflow:hidden}.tile.sold .plate,.tile.won .plate{transform:translateY(0)}.tile.won .plate{box-shadow:inset 0 1px 0 #14443d, inset 3px 0 0 var(--teal);background:#0d2b27}.tile.won .plate .p-abbr{color:var(--teal)}.tile.won .plate .p-who{color:#7fd6ca}.tile.held{outline:1px dashed var(--amber);outline-offset:-1px}.sup-grid{grid-template-columns:1fr 1fr;gap:3px;height:100%;display:grid}.sup-tile{background:var(--tc,#333);flex-direction:column;justify-content:center;align-items:flex-start;padding:0 12px;display:flex;position:relative;overflow:hidden}.sup-tile .d-name{letter-spacing:.02em;color:#fff;text-shadow:0 1px #00000059;font-size:19px;font-style:italic;font-weight:800;line-height:1}.sup-tile .d-price{color:#ffffffd9;margin-top:3px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.sup-tile .plate{background:var(--steel);box-shadow:inset 0 1px 0 var(--steel-hi);flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:0 12px;transition:transform .28s cubic-bezier(.3,.8,.3,1);display:flex;position:absolute;inset:0;transform:translateY(101%)}.sup-tile .plate .p-abbr{letter-spacing:.04em;color:#6e7480;font-size:14px;font-weight:700;line-height:1}.sup-tile .plate .p-who{color:#9ba1ab;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500}.sup-tile.sold .plate{transform:translateY(0)}.takeover{z-index:5;pointer-events:none;background:var(--tw,#333);will-change:transform;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0;transform:translate(-101%)}.takeover.show{transition:transform .55s cubic-bezier(.2,.85,.25,1);transform:translate(0,0)}.takeover.hide{transition:transform .4s cubic-bezier(.6,.1,.8,.4);transform:translate(101%)}.takeover .stripes{opacity:.13;background:repeating-linear-gradient(115deg,#000 0 2px,#0000 2px 24px);position:absolute;inset:0}.takeover .inner{padding:0 20px;position:relative}.takeover .k{background:var(--black);color:var(--white);letter-spacing:.28em;text-transform:uppercase;padding:4px 10px 3px;font-size:11px;font-style:italic;font-weight:800;display:inline-block}.takeover .k.won-k{background:var(--white);color:var(--black)}.takeover .drawn{color:#fff;text-shadow:0 2px #0000004d;text-transform:uppercase;margin:8px 0 2px;font-size:44px;font-style:italic;font-weight:800;line-height:.9}.takeover .sub{letter-spacing:.1em;color:#ffffffe6;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.ticker{background:var(--black);border-top:1px solid #000;height:18px;display:flex}.ticker .win{flex:1;align-items:center;padding-left:9px;display:flex;overflow:hidden}.ticker .track{white-space:nowrap;letter-spacing:.08em;color:var(--grey);text-transform:uppercase;padding-left:100%;font-size:10px;font-weight:600;animation:24s linear infinite scroll}.ticker .track b{color:var(--white)}.ticker .track i{color:var(--amber);padding:0 8px;font-style:normal}.ticker .track .wm{color:var(--teal);font-weight:800}@keyframes scroll{to{transform:translate(-100%)}}.idle-card{background:var(--black);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:28px 0;display:flex;position:absolute;bottom:0;left:0;right:0}.idle-card .flag{align-self:center}.idle-card .cap{letter-spacing:.14em;color:var(--grey);text-transform:uppercase;font-size:11px;font-weight:600}@media (prefers-reduced-motion:reduce){*{transition-duration:60ms!important;animation-duration:.001ms!important}.ticker .track{padding-left:0;animation:none}}