:root{--pennant-string:#7b7b98;--paper:#e0d8b0;--paper-shade:#c7753d}.pennant{display:inline-block;flex:none;width:8px;height:8px;background:no-repeat 0 0/100% 100%;filter:drop-shadow(1px 1px 0 rgba(16,16,16,.55))}.pennant.next{background-image:url(./art/brand/pennant_next.png)}.pennant.current{background-image:url(./art/brand/pennant_current.png)}.pennant.won{background-image:url(./art/brand/pennant_won.png)}.pennant.lost{background-image:url(./art/brand/pennant_lost.png)}.pennant.red{background-image:url(./art/brand/pennant_red.png)}.pennant.blue{background-image:url(./art/brand/pennant_blue.png)}.pennant.white{background-image:url(./art/brand/pennant_white.png)}.trophy{display:inline-block;flex:none;width:12px;height:12px;background:url(./art/brand/trophy_dim.png) no-repeat 0 0/100% 100%}.trophy.lit{background-image:url(./art/brand/trophy_lit.png);filter:drop-shadow(0 0 calc(2px*var(--glow,1)) #ffcc33)}.trophy.current{background-image:url(./art/brand/trophy_lit.png);animation:trophyGlint 1.2s steps(2) infinite}@keyframes trophyGlint{50%{filter:drop-shadow(0 0 calc(3px*var(--glow,1)) #ffcc33) brightness(1.15)}}@keyframes flutter{50%{transform:translateY(1px)}}.bunting{position:relative;display:inline-flex;align-items:flex-start;gap:2px;padding-top:1px}.bunting:before{content:"";position:absolute;left:-2px;right:10px;top:0;height:1px;background:var(--pennant-string)}.bunting .pennant.current{animation:flutter .8s steps(1,end) infinite}.bunting.big{gap:4px}.bunting.big .pennant{width:16px;height:16px}.bunting.big .trophy{width:24px;height:24px;margin-left:2px}.bunting.big:before{right:22px}.bunting.big .pennant{animation:pennantDrop .25s cubic-bezier(.22,1,.36,1) calc(var(--i) * .06s) both}@keyframes pennantDrop{0%{transform:translateY(-6px);opacity:0}}.pip-digits{display:inline-block;vertical-align:middle;overflow:visible}.pip-digits .pd-dim{fill:#1b1b2f}.pip-digits .pd-lit{fill:#fc3}.festoon{position:absolute;left:3px;right:3px;top:0;z-index:2;display:flex;justify-content:space-between;pointer-events:none}.festoon .pennant{position:relative;margin-top:var(--y);animation:flutter 1.6s steps(1,end) calc(var(--i) * -.23s) infinite}.festoon .pennant:before{content:"";position:absolute;left:-3px;right:-3px;top:0;height:1px;background:var(--pennant-string)}.start-screen .title{padding-top:13px}.title-wordmark{position:relative;gap:1px}.title-wordmark h1{width:96px;height:62px;background:url(./art/brand/logo_wordmark.png) 0 0/96px 62px no-repeat;filter:drop-shadow(0 0 calc(5px*var(--glow,1)) rgba(255,204,51,.35))}.brand-pip{position:absolute;left:calc(50% - 6px);top:2px;width:12px;height:12px;background:url(./art/brand/pip_12x12_idle.png) 0 0/24px 12px no-repeat;animation:pipBlink 4.2s steps(1,end) infinite,pipHop 1.4s steps(1,end) infinite}@keyframes pipBlink{0%,92%{background-position:0 0}93%,97%{background-position:-12px 0}98%{background-position:0 0}}@keyframes pipHop{0%,60%{transform:translateY(0)}70%{transform:translateY(-2px)}80%{transform:translateY(-1px)}90%{transform:translateY(0)}}.title-wordmark small{margin-top:-2px;color:#ffe993;letter-spacing:.18em}.title-menu{margin-top:4px}.title-foot{top:12px}.pick-head h2{position:relative;display:inline-flex;align-items:center;gap:5px}.pick-head h2:before,.pick-head h2:after{content:"";width:8px;height:8px;background:url(./art/brand/pennant_red.png) 0 0/8px 8px no-repeat;filter:drop-shadow(1px 1px 0 #101010)}.pick-head h2:after{background-image:url(./art/brand/pennant_blue.png)}.badge-strip{position:relative;align-items:flex-start;gap:2px;height:10px;margin:0 3px;padding-top:1px}.badge-strip:before{content:"";position:absolute;left:-2px;right:11px;top:0;height:1px;background:var(--pennant-string)}.badge-step{width:8px;height:8px;border:0;background:url(./art/brand/pennant_next.png) 0 0/8px 8px no-repeat;box-shadow:none;animation:none}.badge-step.won{background:url(./art/brand/pennant_won.png) 0 0/8px 8px no-repeat}.badge-step.lost{background:url(./art/brand/pennant_lost.png) 0 0/8px 8px no-repeat}.badge-step.current{background:url(./art/brand/pennant_current.png) 0 0/8px 8px no-repeat;box-shadow:none;filter:drop-shadow(0 0 calc(2px*var(--glow,1)) #ffcc33);animation:flutter .8s steps(1,end) infinite}.badge-step.summit{width:10px;height:10px;margin:0 0 0 1px;transform:none;background:url(./art/brand/trophy_dim.png) 0 0/10px 10px no-repeat}.badge-step.summit.current{background-image:url(./art/brand/trophy_lit.png);animation:trophyGlint 1.2s steps(2) infinite}.badge-step.summit.won{background-image:url(./art/brand/trophy_lit.png);filter:drop-shadow(0 0 calc(2px*var(--glow,1)) #ffcc33)}.badge-step.summit.lost{background-image:url(./art/brand/trophy_dim.png);opacity:.6}.board-plate{display:grid;justify-items:center;gap:1px;padding:2px 3px 3px;background:#101010;border:1px solid #4a4a6a;box-shadow:0 0 0 1px #101010,1px 2px 0 1px #10101080}.board-plate small{font-size:6px;line-height:1;color:#b8b8cc;text-shadow:none}.living-arena .vs-col{top:84px}.match-ticket{--mt-line:color-mix(in srgb,var(--gold) 55%,transparent);--mt-vs:var(--gold);position:absolute;left:0;right:0;top:48px;z-index:30;display:grid;justify-items:center;align-content:center;height:26px;pointer-events:none;text-shadow:none}.match-ticket.rival{--mt-line:color-mix(in srgb,var(--rose) 60%,transparent);--mt-vs:var(--rose)}.match-ticket.night{--mt-line:color-mix(in srgb,var(--violet) 55%,transparent);--mt-vs:var(--violet)}.match-ticket.final{--mt-line:var(--gold)}.match-ticket .mt-band{position:absolute;inset:0 18%;z-index:-1;background:var(--ui-panel,var(--void));box-shadow:inset 0 0 0 1px var(--ui-edge,var(--stone)),0 1px 0 var(--ink);animation:mtBand 2.2s cubic-bezier(.2,.8,.2,1) both}.match-ticket .mt-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:6px;width:min(260px,80%);font-size:8px;line-height:1;color:var(--chalk)}.match-ticket .mt-teams b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-ticket .mt-you{text-align:right;animation:mtYou 2.2s cubic-bezier(.2,.8,.2,1) both}.match-ticket .mt-them{text-align:left;animation:mtThem 2.2s cubic-bezier(.2,.8,.2,1) both}.match-ticket .mt-vs{font-style:normal;font-size:6px;color:var(--mt-vs);animation:mtVs 2.2s ease-out both}.match-ticket .mt-ground{position:absolute;left:50%;bottom:0;translate:-50% 50%;padding:2px 4px 2px calc(4px + .22em);font-size:6px;line-height:1;color:var(--silver);white-space:nowrap;background:var(--ui-panel,var(--void));box-shadow:inset 0 0 0 1px var(--ui-edge,var(--stone)),0 1px 0 var(--ink);animation:mtGround 2.2s ease-out both}.art-match-vs .match-ticket{height:32px}.art-match-vs .match-ticket .mt-teams{align-items:center}.art-match-vs .match-ticket .mt-vs{align-self:center;width:20px;height:20px;font-size:0!important;color:transparent;background:url(./art/ui/match/vs.png?v=cb87848a) 0 0/400% 100% no-repeat;image-rendering:auto;animation:mtVs 2.2s ease-out both,mtVsLoop .6s steps(4) infinite}@keyframes mtVsLoop{to{background-position:133.33% 0}}@keyframes mtBand{0%{clip-path:inset(0 50%);opacity:0}4%{opacity:1}16%{clip-path:inset(0 0)}84%{clip-path:inset(0 0);opacity:1}to{clip-path:inset(0 50%);opacity:0}}@keyframes mtYou{0%,8%{transform:translate(-28px);opacity:0}24%{transform:none;opacity:1}82%{transform:none;opacity:1}94%,to{transform:translate(-14px);opacity:0}}@keyframes mtThem{0%,8%{transform:translate(28px);opacity:0}24%{transform:none;opacity:1}82%{transform:none;opacity:1}94%,to{transform:translate(14px);opacity:0}}@keyframes mtVs{0%,18%{transform:scale(0);opacity:0}26%{transform:scale(1.4);opacity:1}32%{transform:scale(1)}84%{transform:scale(1);opacity:1}92%,to{transform:scale(.6);opacity:0}}@keyframes mtGround{0%,22%{transform:translateY(-3px);opacity:0}34%{transform:none;opacity:1}84%{opacity:1}92%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.match-ticket{display:none}.festoon .pennant,.bunting .pennant,.badge-step,.brand-pip,.trophy{animation:none!important}}.rs-score{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:2px 4px;background:#101010;border:1px solid #4a4a6a;animation:rowIn .2s cubic-bezier(.22,1,.36,1) .1s both}.rs-score .rs-team{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:6px;font-weight:400;color:#b8b8cc}.rs-score .rs-team:first-child{text-align:right}.rs-score .pip-digits.colon .pd-lit{fill:#7b7b98}.result-overlay.loss .rs-score .pip-digits:last-of-type .pd-lit{fill:#e03c3c}.result-overlay.win .rs-score .pip-digits:first-of-type .pd-lit{fill:#4fc24f}.rs-badge .pennant{width:16px;height:16px;filter:drop-shadow(0 0 calc(3px*var(--glow,1)) #4fc24f) drop-shadow(1px 1px 0 #101010);animation:pennantDrop .3s cubic-bezier(.22,1,.36,1) .35s both}.rs-tiles{grid-template-columns:repeat(3,1fr)}.end-badges{position:relative}.end-badges .bunting.big .pennant.lost{filter:drop-shadow(1px 1px 0 #101010) brightness(.85)}.end-badges .bunting.big .pennant.next{opacity:.45}.name-panel h2{display:flex;align-items:center;justify-content:center;gap:4px}.name-panel h2:before{content:"";width:12px;height:12px;background:url(./art/brand/pip_12x12_idle.png) 0 0/24px 12px no-repeat;animation:pipBlink 4.2s steps(1,end) infinite}.title-foot .night-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 5px 2px 4px;font-size:6px;text-decoration:none;color:var(--silver);background:#10101099;border:1px solid rgba(123,123,152,.55)}.title-foot .night-chip img{width:8px;height:8px;margin:0;vertical-align:baseline}.title-foot .night-chip b{color:var(--gold)}@media(hover:hover){.title-foot .night-chip:hover{color:var(--chalk);border-color:var(--silver)}}.end-facts .fact-btn{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:3px;padding:1px 2px;font-size:6px;text-align:left;background:#ffcc331a;border:0;border-bottom:1px dotted var(--gold)}.end-facts .fact-btn img{width:8px;height:8px}.end-facts .fact-btn i{font-style:normal;color:#ffe993}.end-facts .fact-btn b{color:var(--gold);font-size:7px}@media(hover:hover){.end-facts .fact-btn:hover{background:#fc33}}.night-board{grid-template-rows:auto 1fr auto;gap:3px;padding:12px 6px 3px;background:var(--void) url(./art/stages/mossgate_bg.png) center bottom/320px 96px repeat-x}.night-board:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1010101a,#1010108c);pointer-events:none}.night-board>.nb-head,.night-board>.nb-body,.night-board>.nb-foot{position:relative;z-index:1}.nb-head{display:flex;align-items:center;gap:4px;min-height:18px}.nb-mark{width:16px;height:16px;filter:drop-shadow(0 0 calc(3px*var(--glow,1)) rgba(255,204,51,.5))}.nb-titles{display:grid;gap:1px;line-height:1}.nb-titles h1{font-size:11px;line-height:1}.nb-tabs{display:flex;gap:0;margin-left:auto;border:1px solid var(--ash,#4a4a6a);background:var(--void,#101010)}.nb-tab{font:inherit;font-size:6px;line-height:1;padding:3px 4px;min-height:11px;background:transparent;color:var(--silver);border:0;cursor:pointer}.nb-tab.on{background:var(--gold);color:#1b1b2f}html.kb .nb-tab:focus-visible{outline:1px solid var(--gold);outline-offset:1px}.nb-pager{display:flex;align-items:center;gap:3px;margin-left:4px}.nb-pager b{min-width:16px;text-align:center;font-size:7px;font-weight:400;color:var(--gold)}.nb-pager b i{font-style:normal;color:var(--silver)}.nb-pager .btn{min-height:11px;width:14px;padding:0;color:var(--silver)}.nb-pager .pixel-arrow{width:4px;height:7px;fill:currentColor}.nb-body{display:grid;align-content:start;gap:2px;min-height:0}.nb-list{display:grid;gap:1px;margin:0;padding:0;list-style:none}.nb-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto 26px;align-items:center;gap:4px;height:16px;padding:0 4px 0 3px;background:#101010bd;border:1px solid var(--stone);border-left-width:2px;animation:rowIn .2s cubic-bezier(.22,1,.36,1) calc(var(--i) * .05s) both}.nb-row.top.r1{border-left-color:var(--gold)}.nb-row.top.r2{border-left-color:var(--silver)}.nb-row.top.r3{border-left-color:#c7753d}.nb-row.you{background:var(--slate);border-color:var(--gold);box-shadow:0 0 0 1px var(--ink),0 0 calc(6px*var(--glow,1)) -2px var(--gold)}.nb-rank{display:flex;align-items:center;gap:2px}.nb-rank .pd-lit{fill:var(--silver)}.nb-row.top .nb-rank .pd-lit{fill:var(--gold)}.nb-medal{width:8px;height:8px;filter:drop-shadow(1px 1px 0 var(--ink))}.nb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:400;color:var(--chalk);text-shadow:1px 1px 0 var(--ink)}.nb-row.you .nb-name{color:var(--gold)}.nb-team{display:flex;align-items:center;justify-content:flex-end;gap:1px;width:101px}.nb-team .spr,.nb-team .spr.lv2,.nb-team .spr.lv3,.nb-team .spr.lv4,.nb-team .spr.lv5{width:16px;height:16px}.nb-nights{display:flex;align-items:center;justify-content:flex-end;gap:2px}.nb-nights img{width:16px;height:16px}.nb-nights .pd-lit{fill:var(--gold)}.nb-pin{margin-top:1px}.nb-row.pinned{border-left-width:2px}.nb-row.skel{background:#10101080;border-color:var(--slate);animation:nbPulse 1.2s ease-in-out infinite}@keyframes nbPulse{50%{opacity:.5}}.nb-empty{display:grid;justify-items:center;align-content:center;gap:4px;min-height:96px;text-align:center}.nb-empty img{width:16px;height:16px;filter:drop-shadow(0 0 calc(3px*var(--glow,1)) rgba(255,204,51,.5))}.nb-empty b{font-size:8px;font-weight:400;color:var(--silver)}.nb-empty .btn{min-height:12px;padding:1px 8px;font-size:6px}.nb-foot{display:flex;justify-content:center}.nb-foot .btn{min-height:13px;padding:1px 14px;font-size:7px}@media(hover:none)and (pointer:coarse){.nb-tab{min-height:14px;padding:3px 5px}.nb-pager .btn{min-height:14px;width:18px}.nb-foot .btn{min-height:15px}}@media(prefers-reduced-motion:reduce){.nb-row{animation:none!important}}.title-foot .title-chips{display:inline-flex;align-items:center;gap:4px}.title-foot .whatsnew-chip{position:relative}.wn-dot{display:inline-block;width:3px;height:3px;margin-left:1px;background:var(--gold);box-shadow:0 0 0 1px var(--ink);animation:wnPulse 1.6s ease-in-out infinite}@keyframes wnPulse{50%{opacity:.35}}.whatsnew-panel{width:230px;max-height:168px;box-sizing:border-box;grid-template-rows:auto minmax(0,1fr) auto}.whatsnew-panel h2{margin:0;font-size:9px;text-align:center}.wn-list{display:grid;gap:5px;overflow:hidden;min-height:0;padding-right:2px}.wn-pager{display:flex;align-items:center;gap:3px}.wn-pager .wn-count{font-size:6px;color:var(--silver);margin:0 auto}.wn-pager [data-a=close-whatsnew]{margin-left:auto}.wn-entry h3{display:flex;align-items:center;gap:4px;margin:0 0 2px;font-size:7px;color:var(--chalk)}.wn-entry.is-new h3{color:var(--chalk)}.whatsnew-panel h3 .wn-dot{margin-left:3px;vertical-align:middle}#app .wn-pager .wn-older{position:relative}#app .wn-pager .wn-older .wn-dot{position:absolute;top:1px;right:1px;margin:0}.wn-entry ul{margin:0;padding:0 0 0 7px;display:grid;gap:2px;font-size:7px;line-height:1.25;color:var(--silver)}.wn-entry li::marker{color:var(--gold)}@media(prefers-reduced-motion:reduce){.wn-dot{animation:none}}.pixel-icon,.pixel-arrow,svg.gl{background:center/contain no-repeat;image-rendering:pixelated}.art-star svg.pi-star{background-image:url(./art/ui/icons/star.png);width:7px;height:7px}.art-star svg.pi-star rect{display:none}.art-hollow svg.pi-hollow{background-image:url(./art/ui/icons/star_hollow.png);width:7px;height:7px}.art-hollow svg.pi-hollow rect{display:none}.art-spark svg.pi-spark{background-image:url(./art/ui/shiny_star.png);width:7px;height:7px}.art-spark svg.pi-spark rect{display:none}.art-check svg.pi-check{background-image:url(./art/ui/check.png);width:7px;height:7px}.art-check svg.pi-check rect{display:none}.art-pencil svg.pi-pencil{background-image:url(./art/ui/icons/pencil.png);width:7px;height:7px}.art-pencil svg.pi-pencil rect{display:none}.art-peak svg.pi-peak{background-image:url(./art/ui/icons/peak.png);width:7px;height:7px}.art-peak svg.pi-peak rect{display:none}.art-quote svg.pi-quote{background-image:url(./art/ui/icons/quote.png);width:7px;height:7px}.art-quote svg.pi-quote rect{display:none}.art-swap svg.pi-swap{background-image:url(./art/ui/icons/swap.png);width:7px;height:7px}.art-swap svg.pi-swap rect{display:none}.art-arrow svg.pixel-arrow{background-image:url(./art/ui/icons/chevron_left.png);width:7px;height:7px}.art-arrow svg.pixel-arrow rect{display:none}.art-arrow svg.pa-right{transform:scaleX(-1)}.art-play svg.gl-play{background-image:url(./art/ui/icons/play.png)}.art-play svg.gl-play>*{display:none}.art-pause svg.gl-pause{background-image:url(./art/ui/icons/pause.png)}.art-pause svg.gl-pause>*{display:none}.art-skip svg.gl-skip{background-image:url(./art/ui/icons/skip.png)}.art-skip svg.gl-skip>*{display:none}.art-menu svg.gl-menu{background-image:url(./art/ui/icons/menu.png)}.art-menu svg.gl-menu>*{display:none}.art-report svg.gl-report{background-image:url(./art/ui/icons/report.png)}.art-report svg.gl-report>*{display:none}.art-star .pips>i{display:inline-block;width:6px;height:6px;font-size:0;color:transparent;text-shadow:none;background:url(./art/ui/icons/star.png) center/contain no-repeat;image-rendering:pixelated}
