.higher-lower-split-container{background:#222;width:100%;height:100vh;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;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{z-index:2;color:#2d49c9;max-width:calc(100% - 2rem);position:absolute;bottom:10rem;left:50%;overflow:visible;transform:translate(-50%)}.banner-row{flex-direction:row;justify-content:center;align-items:center;display:flex}.banner-row-spaced .banner-icon{margin-left:8px;transition:transform .2s}.banner-row-spaced .banner-icon:first-child{margin-left:0}.banner-row-overlap .banner-icon{margin-left:-20px;transition:transform .2s}.banner-row-overlap .banner-icon:first-child{margin-left:0}.banner-row-heavy-overlap .banner-icon{margin-left:-32px;transition:transform .2s}.banner-row-heavy-overlap .banner-icon:first-child{margin-left:0}.banner-row .banner-icon:hover{z-index:10;transform:translateY(-12px)scale(1.35)}.banner-icon{filter:drop-shadow(0 2px 4px #0006);flex-shrink:0;width:60px;min-width:60px;max-width:60px;height:86px}.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;height:100vh}.split{width:100%;min-height:50vh;padding-bottom:6rem}.vs-circle{z-index:10;width:80px;height:80px;font-size:2rem;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{max-width:calc(100% - 1rem);bottom:7.5rem;left:50%;overflow:visible;transform:translate(-50%)}.banner-row-spaced .banner-icon{margin-left:6px}.banner-row-spaced .banner-icon:first-child{margin-left:0}.banner-row-overlap .banner-icon{margin-left:-15px}.banner-row-overlap .banner-icon:first-child{margin-left:0}.banner-row-heavy-overlap .banner-icon{margin-left:-26px}.banner-row-heavy-overlap .banner-icon:first-child{margin-left:0}.banner-icon{flex-shrink:0;width:48px;min-width:48px;max-width:48px;height:69px}.team-label{font-size:1.25rem}.team-number{font-size:3rem}.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{max-width:calc(100% - .5rem);bottom:6rem;left:50%;overflow:visible;transform:translate(-50%)}.banner-row-spaced .banner-icon{margin-left:5px}.banner-row-spaced .banner-icon:first-child{margin-left:0}.banner-row-overlap .banner-icon{margin-left:-12px}.banner-row-overlap .banner-icon:first-child{margin-left:0}.banner-row-heavy-overlap .banner-icon{margin-left:-22px}.banner-row-heavy-overlap .banner-icon:first-child{margin-left:0}.banner-icon{flex-shrink:0;width:40px;min-width:40px;max-width:40px;height:57px}.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}}.loss-graphic-container{color:#fff;z-index:10;text-align:center;box-sizing:border-box;background:linear-gradient(135deg,#232526 0%,#414345 40%,#283e51 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;min-width:0;height:100vh;min-height:0;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.loss-graphic-context{text-shadow:0 0 8px #000,0 2px 8px #fff;margin-top:1rem;font-size:1.1rem}.fade-in-loss{animation:.7s cubic-bezier(.4,0,.2,1) fadeInLoss}@keyframes fadeInLoss{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.loss-graphic-emoji{filter:drop-shadow(0 2px 8px #000a)}.loss-graphic-title{text-shadow:0 0 8px #000,0 2px 8px #fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.loss-graphic-score{text-shadow:0 0 8px #000,0 2px 8px #fff;margin-bottom:.5rem;font-size:1.5rem}.loss-graphic-highscore{text-shadow:0 0 8px #000,0 2px 8px #fff;margin-bottom:2rem;font-size:1.2rem}.loss-graphic-playagain{background:linear-gradient(90deg,#ff416c 0%,#ff4b2b 100%);border:none;border-radius:8px;transition:background .2s;box-shadow:0 2px 12px #0004;color:#fff!important}.loss-graphic-playagain:hover{background:linear-gradient(90deg,#ff4b2b 0%,#ff416c 100%)}@media (max-width:600px){.loss-graphic-container{padding:1rem .25rem}.loss-graphic-title{font-size:1.5rem}.loss-graphic-score,.loss-graphic-highscore{font-size:1rem}.loss-graphic-emoji{font-size:3rem!important}}.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}}@keyframes reveal-flip{0%{opacity:0;transform:perspective(400px)rotateX(-90deg)}}@keyframes reveal-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}