*{margin:0;padding:0;box-sizing:border-box}:root{--bg-main: #1a2a3a;--bg-panel: #2d2d3a;--bg-panel-dark: #1a1a2e;--bg-card: #3d3d4a;--border-dark: #2a2a36;--yellow: #ffd630;--green: #40c040;--red: #e83030;--blue: #2e8fe8;--white: #ffffff;--text-dim: #9aa4bc}body{background:var(--bg-main);color:var(--white);font-family:Lilita One,sans-serif;min-height:100vh;background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,.015) 20px,rgba(255,255,255,.015) 21px),repeating-linear-gradient(-45deg,transparent,transparent 20px,rgba(255,255,255,.015) 20px,rgba(255,255,255,.015) 21px)}.gt{text-transform:uppercase;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.gt-sm{text-transform:uppercase;-webkit-text-stroke:1.5px #000;paint-order:stroke fill;text-shadow:1px 1px 0 #000,-1px -1px 0 #000}.gt-xs{text-transform:uppercase;-webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:1px 1px 0 #000}.change-up{color:var(--green)}.change-down{color:var(--red)}.brawl-panel{background:linear-gradient(180deg,var(--bg-panel) 0%,var(--bg-panel-dark) 100%);border:3px solid var(--border-dark);border-radius:12px;box-shadow:0 4px 0 var(--border-dark)}.figma-btn{cursor:pointer;transition:transform .1s}.figma-btn:hover{transform:scale(1.05)}.figma-btn:active{transform:scale(.95)}.main-wrap{display:grid;grid-template-columns:1fr 280px;gap:12px;padding:12px;max-width:1400px;margin:0 auto}@media(max-width:900px){.main-wrap{grid-template-columns:1fr}}