.higher-lower-split-container{background:#222;flex:1;width:100%;min-height:0;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.split{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;height:100%;padding-bottom:8rem;transition:background .3s;display:flex;position:relative}.team-label,.team-number,.team-stat-label,.team-stat,.team-stat-desc,.score-label,.team-name{color:inherit}.team-label{text-align:center;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.team-number{text-align:center;margin-bottom:.25rem;font-size:3.5rem;font-weight:700}.team-stat-label{text-align:center;margin-bottom:.2rem;font-size:1.1rem}.team-stat{text-align:center;margin-bottom:.2rem;font-size:2.5rem;font-weight:700}.team-stat-desc{opacity:.85;text-align:center;font-size:1rem}.game-controls-wrapper{flex-direction:column;align-items:center;margin-top:1.5rem;display:flex}.score-label{font-size:1.25rem;font-weight:700;position:absolute;bottom:1rem}.left-score{left:1rem}.right-score{right:1rem}.vs-circle{color:#222;letter-spacing:.05em;z-index:2;background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);border:3px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:2.5rem;font-weight:900;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 24px #0000004d,0 0 0 4px #ffffff1a}.streak-counter-display{color:#fff;z-index:3;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e1ef2 0%,#323232f2 100%);border:2px solid #fff3;border-radius:16px;padding:.75rem 1.5rem;position:absolute;top:2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}.streak-counter-label{text-transform:uppercase;letter-spacing:.1em;opacity:.95;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.streak-counter-value{font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #0000004d;font-size:2rem;font-weight:700}.banner-display{--banner-width:54px;color:#2d49c9;max-width:calc(100% - 7rem);margin-top:1.5rem}.banner-row{justify-content:center;display:flex}.banner-row+.banner-row{margin-top:8px}.banner-slot{flex:0 1 calc(var(--banner-width) * 1.15);min-width:0}.banner-slot:last-child{flex:0 0 var(--banner-width)}.banner-slot:hover{z-index:10}.banner-icon{width:var(--banner-width);height:auto;transition:transform .2s;display:block;box-shadow:0 2px 4px #0006}.banner-slot:hover .banner-icon{transform:translateY(-12px)scale(1.35)}.higher-or-lower-button{border-radius:4px;padding:.5rem 1.5rem;font-size:1rem}.team-name{text-align:center;opacity:.9;margin-bottom:.25rem;font-size:1.2rem;font-weight:400}@media (max-width:900px){.higher-lower-split-container{flex-direction:column}.split{width:100%;min-height:0;padding-bottom:2rem}.right-split{padding-top:1.75rem}.game-controls-wrapper{margin-top:.75rem}.team-label,.team-stat-label,.streak-counter-display{display:none}.vs-circle{z-index:10;width:56px;height:56px;font-size:1.5rem;font-weight:900;position:absolute}.streak-counter-display{padding:.5rem 1rem;top:1rem}.streak-counter-label{font-size:.75rem}.streak-counter-value{font-size:1.5rem}.banner-display{--banner-width:29px;max-width:calc(100% - 1rem);margin-top:.75rem}.banner-row+.banner-row{margin-top:4px}.team-number{margin-bottom:0;font-size:2.5rem}.team-stat{font-size:2rem}.score-label{font-size:1rem}.score-label.left-score{position:absolute;bottom:.5rem;left:1rem}.score-label.right-score{position:absolute;bottom:.5rem;right:1rem}.team-name{font-size:1rem}}@media (max-height:600px){.split{padding-bottom:5rem}.banner-display{--banner-width:36px}.team-label{margin-bottom:.1rem;font-size:1rem}.team-number{margin-bottom:.1rem;font-size:2.5rem}.team-stat-label{margin-bottom:.1rem;font-size:.9rem}.team-stat{margin-bottom:.1rem;font-size:1.8rem}.team-stat-desc{font-size:.9rem}.vs-circle{width:70px;height:70px;font-size:1.75rem;font-weight:900}.game-controls-wrapper{margin-top:1rem}.team-name{margin-bottom:.1rem;font-size:.9rem}}.loading-shimmer-container{flex-direction:column;align-items:center;gap:.5rem;margin:1.5rem 0;display:flex}.loading-shimmer{opacity:.7;background:linear-gradient(90deg,#444 25%,#888 50%,#444 75%) 0 0/200% 100%;border-radius:12px;width:120px;height:40px;animation:1.2s linear infinite shimmer-move}.loading-shimmer.small{border-radius:8px;width:80px;height:18px}.loading-shimmer.medium{border-radius:10px;width:100px;height:28px}@keyframes shimmer-move{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-panel-shimmer{position:relative;overflow:hidden}.loading-panel-shimmer:before{content:"";z-index:2;opacity:.7;background:linear-gradient(120deg,#444 20%,#888 50%,#444 80%) 0 0/200% 100%;animation:1.2s linear infinite shimmer-move-panel;position:absolute;inset:0}@keyframes shimmer-move-panel{0%{background-position:200% 0}to{background-position:-200% 0}}.animated-number{font-variant-numeric:tabular-nums;letter-spacing:.05em;transition:color .2s}.animated-name{letter-spacing:.08em;transition:color .2s}@media (prefers-reduced-motion:no-preference){.reveal-flip{animation:.45s cubic-bezier(.2,.8,.2,1) both reveal-flip;display:inline-block}.reveal-shake{animation:.42s cubic-bezier(.36,.07,.19,.97) .45s both reveal-shake}.game-over-item{animation:game-over-enter .4s cubic-bezier(.2, .8, .2, 1) calc(var(--stagger) * 90ms) both}}@keyframes reveal-flip{0%{opacity:0;transform:perspective(400px)rotateX(-90deg)}}@keyframes game-over-enter{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}}@keyframes reveal-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}@media (max-width:900px) and (min-height:701px){.banner-display:has(.banner-row+.banner-row){--banner-width:20px}}@media (max-width:900px) and (max-height:700px){.team-avatar{display:none}.banner-display{justify-content:center;display:flex}.banner-row{display:contents}.banner-row:not(:last-child) .banner-slot:last-child{flex:0 1 calc(var(--banner-width) * 1.15)}.team-number{font-size:2rem}.team-stat{font-size:1.5rem}.team-name,.team-stat-desc{font-size:.875rem}}
