.main-container.main-container{color:var(--app-white);box-sizing:border-box;gap:40px;max-width:100vw;padding:20px 16px;display:grid;overflow-x:hidden}.main-container.main-container>.main-section{flex-direction:column;gap:16px;display:flex;overflow:hidden}.main-container.main-container>.main-section.hero-section{width:calc(100% + 32px);margin-top:-20px;margin-left:-16px;margin-right:-16px}.main-container.main-container>.main-section:first-child>.main-grid{gap:10px}.main-container.main-container>.main-section>.main-section-header{justify-content:space-between;align-items:center;gap:10px;padding:0;display:flex}.main-container.main-container>.main-section>.main-section-header>.main-section-title{flex:none;align-items:center;gap:12px;display:flex;position:relative}.main-container.main-container>.main-section>.main-section-header>.main-section-title:before{content:"";background:var(--app-primary);border-radius:0 4px 4px 0;width:4px;height:24px;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.main-container.main-container>.main-section>.main-section-header>.main-section-title>.main-section-icon{width:32px;height:32px;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--app-primary) 50%, transparent))}.main-container.main-container>.main-section>.main-section-header>.main-section-title>.main-section-text{color:var(--app-white);font-size:var(--font-size-section-title);letter-spacing:-.5px;white-space:nowrap;font-family:PyeongchangPeace,sans-serif;font-weight:700}@media (max-width:390px){.main-container.main-container>.main-section>.main-section-header>.main-section-title>.main-section-text{font-size:var(--font-size-header)}}.main-container.main-container>.main-section>.main-section-header>.main-section-filters{overscroll-behavior-x:contain;scrollbar-width:none;flex:0 auto;justify-content:flex-start;align-items:center;gap:3px;min-width:0;margin-left:auto;display:flex;overflow-x:auto}.main-container.main-container>.main-section>.main-section-header>.main-section-filters::-webkit-scrollbar{display:none}.main-container.main-container>.main-section>.main-section-header>.main-section-filters>.section-filter-btn{appearance:none;border-radius:var(--app-radius-button);min-height:28px;color:var(--app-neutral-80);cursor:pointer;font-size:var(--font-size-caption);white-space:nowrap;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0 10px;font-family:inherit;font-weight:600;line-height:1;transition:color .16s,background-color .16s,transform .16s;display:flex;position:relative}.main-container.main-container>.main-section>.main-section-header>.main-section-filters>.section-filter-btn:hover{color:var(--app-white);background:var(--app-white-alpha-05)}.main-container.main-container>.main-section>.main-section-header>.main-section-filters>.section-filter-btn:active{transform:scale(.97)}.main-container.main-container>.main-section>.main-section-header>.main-section-filters>.section-filter-btn:focus-visible{outline:2px solid var(--app-primary-light);outline-offset:2px}.main-container.main-container>.main-section>.main-section-header>.main-section-filters>.section-filter-btn.active{border-color:var(--app-primary-alpha-30);background:linear-gradient(135deg, var(--app-primary-alpha-20), var(--app-primary-alpha-08));color:var(--app-white);box-shadow:inset 0 1px 0 var(--app-white-alpha-05);font-weight:700}.main-container.main-container>.main-section>.main-section-header>.main-section-filters>.section-filter-btn--all{border-color:var(--app-white-alpha-10);background:var(--app-white-alpha-05);color:var(--app-white);margin-left:4px;padding-left:9px;padding-right:8px}.main-container.main-container>.main-section>.main-section-header>.main-section-filters>.section-filter-btn--all:hover{border-color:var(--app-primary-alpha-30);background:var(--app-primary-alpha-10)}.main-container.main-container>.main-section>.main-section-header>.main-section-filters>.section-filter-btn .arrow-btn{width:10px;height:10px;filter:var(--app-filter-white);opacity:.7;margin-left:5px;transition:transform .16s}.main-container.main-container>.main-section>.main-section-header>.main-section-filters>.section-filter-btn:hover .arrow-btn{transform:translate(2px)}@media (max-width:390px){.main-container.main-container>.main-section>.main-section-header>.main-section-filters>.section-filter-btn{font-size:var(--font-size-caption);padding-left:8px;padding-right:8px}.main-container.main-container>.main-section>.main-section-header>.main-section-filters>.section-filter-btn--all{padding-left:8px;padding-right:6px}}.main-container.main-container>.main-section>.main-grid{grid-template-columns:repeat(2,1fr);gap:10px;height:100%;display:grid}.main-container.main-container>.main-section>.main-grid>.main-section-empty{grid-column:1/-1}.main-container.main-container>.main-section>.main-grid>.main-section-empty>.empty-history-notice{height:300px}.main-container.main-container>.main-section>.main-grid>.brand-game-card-container{aspect-ratio:unset;flex-direction:row!important;padding:14px 12px!important}.main-container.main-container>.main-section.inplay-section{gap:12px}.main-container.main-container>.main-section.inplay-section>.main-section-header>.section-filter-btn{border:1px solid var(--app-white-alpha-10);color:var(--app-neutral-80);cursor:pointer;font-size:var(--font-size-description);white-space:nowrap;background-color:#0000;border-radius:8px;align-items:center;padding:6px 12px;font-weight:500;transition:all .2s;display:flex}.main-container.main-container>.main-section.inplay-section>.main-section-header>.section-filter-btn:hover{color:var(--app-white)}.main-container.main-container>.main-section.inplay-section>.main-section-header>.section-filter-btn .arrow-btn{width:10px;height:10px;filter:var(--app-filter-white);opacity:.7;margin-left:5px}.inplay-scroll-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;display:flex;overflow:auto hidden}.inplay-scroll-container::-webkit-scrollbar{display:none}.main-section-empty{width:100%;min-width:0}.main-section-empty>.empty-history-banner{height:200px}.inplay-card{border-radius:var(--app-radius-card);cursor:pointer;scroll-snap-align:start;flex-shrink:0;width:260px;padding:12px;transition:all .2s}.inplay-card:active{transform:scale(.98)}.inplay-card__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.inplay-card__league{font-size:var(--font-size-micro);color:var(--app-neutral-60);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-weight:600;overflow:hidden}.inplay-card__badge{border-radius:10px;align-items:center;gap:5px;padding:3px 8px;display:flex}.inplay-card__badge--live{background:color-mix(in srgb, var(--app-primary) 10%, transparent)}.inplay-card__badge--live .inplay-card__badge-dot{background:var(--app-primary);width:5px;height:5px;box-shadow:0 0 6px var(--app-primary);border-radius:50%;animation:1.5s ease-in-out infinite inplayPulse}.inplay-card__badge--live .inplay-card__badge-text{color:var(--app-white)}.inplay-card__badge--pending{background:color-mix(in srgb, var(--app-neutral-100) 15%, transparent)}.inplay-card__badge--pending .inplay-card__badge-text{color:var(--app-neutral-70)}.inplay-card__badge-text{font-size:var(--font-size-micro);font-weight:700}.inplay-card--pending .inplay-card__team-score{display:none}.inplay-card__teams{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.inplay-card__team{align-items:center;gap:8px;display:flex}.inplay-card__team-logo{-o-object-fit:cover;object-fit:cover;background:var(--app-white-alpha-05);border-radius:50%;flex-shrink:0;width:20px;height:20px}.inplay-card__team-name{font-size:var(--font-size-description);color:var(--app-white);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.inplay-card__team-score{font-size:var(--font-size-secondary);color:var(--app-white);text-align:right;min-width:18px;font-weight:800}.inplay-card__odds{gap:6px;display:flex}.inplay-card__odd{background:linear-gradient(145deg, var(--app-neutral-30) 0%, var(--app-neutral-30) 100%);border-radius:var(--app-radius-button);flex:1;justify-content:center;align-items:center;padding:6px 4px;transition:all .2s;display:flex}.inplay-card__odd:hover{background:color-mix(in srgb, var(--app-primary) 10%, transparent)}.inplay-card__odd-value{font-size:var(--font-size-description);color:var(--app-white);font-weight:700}@keyframes inplayPulse{0%,to{opacity:1}50%{opacity:.4}}