@font-face{font-family:Josefin Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/josefin-sans-vietnamese-wght-normal-XnmxeliR.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Josefin Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/josefin-sans-latin-ext-wght-normal-DLz7JkQq.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Josefin Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/josefin-sans-latin-wght-normal-DNfcTvW4.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-vietnamese-wght-normal-CtlIRbEm.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-ext-wght-normal-DMdr36yP.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-wght-normal-DdeTHZLK.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-BKoAQiX9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-BKjeiFaL.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}#head{position:sticky;z-index:500;top:0;display:grid;grid-template:4rem / 2.5rem 1fr 2.5rem 2.5rem 2.5rem;background-color:var(--use-base);outline:var(--outline-fx);justify-content:center;padding:0 1rem;margin:0;gap:.5rem;border-radius:0}#head h1,#head h2{font-family:var(--font-hdr);font-size:1.25rem;padding:0;margin:0;text-transform:uppercase}#head h1{justify-self:start;inline-size:2.5rem;block-size:2.5rem;aspect-ratio:1 / 1;border-radius:.25rem;padding:0;outline:var(--outline-fx);outline-offset:var(--outline-offset);background-color:var(--colour-p292);color:var(--use-txt);align-self:center;justify-self:end;place-content:center;place-items:center;text-align:center;cursor:pointer;transition:var(--transition)}#head h1 img{inline-size:100%;aspect-ratio:1 / 1;display:block}#head h1:hover{box-shadow:var(--box-shadow)}#head h2{display:none;align-self:center;justify-self:start}#head ul{display:flex;flex-flow:row wrap;gap:1rem;padding:0 .5rem;place-items:center;place-content:center start}#head ul li{cursor:pointer;font-family:var(--font-hdr);font-size:1rem;font-weight:600;transition:all .5s ease-out}#head ul li{color:var(--use-txt-f)}#head ul li.on{color:var(--use-txt)}#head ul li:hover{text-decoration:underline;color:var(--use-txt)}#head #menu-control{anchor-name:--menu}#head #cols-control{anchor-name:--cols}#head #lock-control,#head #stop-control,#head #cols-control,#head #menu-control{inline-size:2.5rem;aspect-ratio:1 / 1;border-radius:.25rem;padding:.5rem;background-color:var(--use-base);color:var(--use-txt);align-self:center;justify-self:end;place-content:center;place-items:center;text-align:center;cursor:pointer;transition:.5s ease-out all}#head #lock-control.on,#head #stop-control.on,#head #cols-control.on,#head #menu-control.on{background-color:var(--use-bkg);color:var(--use-txt);box-shadow:var(--box-shadow)}#head #lock-control.on svg,#head #stop-control.on svg,#head #cols-control.on svg,#head #menu-control.on svg{opacity:1}#head #lock-control:hover,#head #stop-control:hover,#head #cols-control:hover,#head #menu-control:hover{color:var(--use-txt)}#head #lock-control:hover svg,#head #stop-control:hover svg,#head #cols-control:hover svg,#head #menu-control:hover svg{opacity:1}#head #lock-control svg,#head #stop-control svg,#head #cols-control svg,#head #menu-control svg{inline-size:100%;height:100%;aspect-ratio:1 / 1;display:block;opacity:var(--fade-more);transition:.5s ease-out opacity}#head #menu-control{display:none!important}#head #stop-control.off{opacity:0;cursor:default}#menu{position-anchor:--menu}#cols{position-anchor:--cols}:is(#menu,#cols){position:absolute;top:calc(anchor(bottom) + .5rem);right:anchor(right);z-index:500;opacity:0;transform:scale(.0025);transform-origin:top right;inline-size:100%;max-inline-size:360px;transition:var(--transition)}:is(#menu,#cols).on{display:block;max-inline-size:360px;opacity:1;transform:scale(1)}:is(#menu,#cols) .cnt{display:flex;flex-flow:column nowrap;font-size:1.5rem;padding:.675rem .5rem .5rem;border-radius:.25rem;overflow:hidden;transition:var(--transition);background-color:var(--use-bkg);color:var(--use-txt);box-shadow:var(--box-shadow);gap:1rem}:is(#menu,#cols) .list{display:grid;inline-size:100%;grid-template-columns:1fr;grid-template-rows:1fr;justify-content:start;justify-items:start;padding:0;gap:.25em}:is(#menu,#cols) .list li{position:relative;color:var(--use-txt);padding:.5em;margin:0;line-height:1em;display:flex;flex-flow:row nowrap;align-items:center;inline-size:100%;gap:.5em;border-radius:.25rem;white-space:nowrap;transition:var(--transition);text-decoration:none;cursor:pointer}:is(#menu,#cols) .list li:hover{background:var(--bkg-black);color:var(--use-bkg)}:is(#menu,#cols) .list li svg{display:block;inline-size:1.25rem;height:1.25rem;transition:var(--transition)}:is(#menu,#cols) .list li.list,:is(#menu,#cols) .list li.admin{display:none}:is(#menu,#cols) .row{font-size:1.5rem;display:grid;grid-template:2.5rem / repeat(auto-fit,2.5rem);gap:.5rem;justify-content:end}:is(#menu,#cols) .row li{inline-size:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:510;cursor:pointer;border-radius:.25rem;padding:0;overflow:hidden;transition:var(--transition);background:var(--use-bkg);color:var(--use-txt);outline:var(--outline-fx);outline-offset:var(--outline-offset)}:is(#menu,#cols) .row li a{color:var(--use-txt)}:is(#menu,#cols) .row li span{display:none}:is(#menu,#cols) .row li:hover{outline:var(--outline)}:is(#menu,#cols) .row li.on{color:var(--use-txt)}:is(#menu,#cols) .row li svg{inline-size:1.25rem;block-size:1.25rem;display:block}:is(#menu,#cols) .row li:last-of-type.on{background-color:var(--use-good)}:is(#menu,#cols) p{padding:0 1rem;text-align:right;display:none}#menu .list li.on{background:var(--use-good);color:var(--use-txt)}#lock{font-size:1.5rem;transform:scale(.0125);position:fixed;inset:-8rem 2rem auto;z-index:700;display:grid;padding:1rem;border-radius:.5rem;opacity:0;overflow:hidden;transition:var(--transition);background-color:var(--use-bkg);color:var(--use-txt);grid-template:auto / 3rem 1fr 3rem;grid-gap:.5rem;align-items:center;box-shadow:var(--box-shadow)}#lock.on{transform:scale(1);opacity:1;inset:2rem 2rem auto}#lock p{order:3;margin:0;padding:0}#lock p input{margin:0;padding:.5rem;font-size:1.5rem;border-radius:.25rem;border-width:0;inline-size:100%;color:var(--use-txt);background-color:var(--use-base);text-align:left;transition:var(--transition)}#lock p input:is(:focus,:hover){outline:.125rem solid var(--use-base);outline-width:0;background-color:var(--use-good)}#lock p.lock{order:2}#lock p.lock--close{order:4}#lock p:is(.lock,.lock--close){color:var(--use-txt);cursor:pointer;max-inline-size:3rem;max-height:3rem;padding:.5rem;border-radius:.25rem;transition:var(--transition)}#lock p:is(.lock,.lock--close) svg{inline-size:100%;height:100%;display:block}#lock p:is(.lock,.lock--close):hover{background-color:var(--use-good)}main{--gta: "game--position game--name  game--move  game--tier  game--rating  game--plays  game--plays-every  game--minutes  game--minutes-every  game--heat  game--cool  game--last  game--last-ago  game--first  game--first-ago  game--teaching  game--owned  game--year  " ;--gtc: 2.75rem auto minmax(0,3.5rem) repeat(2,3rem) repeat(2,3.5rem) repeat(2,3.5rem) repeat(2,3rem) repeat(2,3.5rem) repeat(2,3.5rem) repeat(2,3rem) 3rem ;--gtr: minmax(1.5rem,auto) }main ul{display:contents}main ul li{display:flex}main ul .game--position{grid-area:game--position}main ul .game--name{grid-area:game--name}main ul .game--rating{grid-area:game--rating}main ul .game--tier{grid-area:game--tier}main ul .game--plays{grid-area:game--plays}main ul .game--plays-every{grid-area:game--plays-every}main ul .game--minutes{grid-area:game--minutes}main ul .game--minutes-every{grid-area:game--minutes-every}main ul .game--year{grid-area:game--year}main ul .game--move{grid-area:game--move}main ul .game--owned{grid-area:game--owned}main ul .game--teaching{grid-area:game--teaching}main ul .game--last{grid-area:game--last}main ul .game--last-ago{grid-area:game--last-ago}main ul .game--first{grid-area:game--first}main ul .game--first-ago{grid-area:game--first-ago}main ul .game--heat{grid-area:game--heat}main ul .game--cool{grid-area:game--cool}main section{position:relative;min-block-size:2rem}main section header{display:grid;justify-content:stretch;gap:.125rem 0;padding:.25rem 0 .25rem .5rem;position:sticky;top:4.025rem;background-color:var(--use-bkg);z-index:400;grid-template-areas:var(--gta);grid-template-columns:var(--gtc);grid-template-rows:var(--gtr)}main section header h3{display:none}main section header ul li{display:flex;flex-flow:row nowrap;place-content:center;place-items:center;padding:.25rem;border-radius:.125rem;text-transform:uppercase;font-size:.525rem;font-weight:400;cursor:pointer;inline-size:calc(100% - .5rem);block-size:100%;outline:var(--outline-fx);outline-offset:var(--outline-offset)}main section header ul li.on{background:var(--use-good)}main section header ul li.game--name{grid-area:game--name;display:flex;flex-flow:row wrap;justify-content:start;place-items:center;font-weight:600;outline:none;gap:.25rem;padding:0;cursor:default}main section header ul li.game--name:hover{outline:none}main section header ul li.game--name .item{display:inline-flex;place-items:center;place-content:center;block-size:100%;flex-flow:row nowrap;padding:0 .25rem;border-radius:.125rem;background:var(--use-base);color:var(--use-txt);outline:var(--outline-fx);outline-offset:var(--outline-offset)}main section header ul li.game--name .item:has(.bad){background:var(--use-bad);color:var(--use-bkg)}main section header ul li.game--name .item:has(.good){background:var(--use-good);color:var(--use-txt)}main section header ul li.game--name .item svg{vertical-align:-.325rem;inline-size:.675rem;margin-right:.125rem}main section header ul li.game--name .item:empty{display:none}main section header ul li:hover{outline:var(--outline-f)}main section header ul li.game--key:hover,main section header ul li.game--move{background-color:transparent;cursor:default;text-decoration:none;outline:none}main section header ul li.game--move:hover{background-color:transparent;cursor:default;text-decoration:none;outline:none}main section header ul li.bad{background:var(--use-bad);color:var(--use-bkg);padding:0 .5rem}main section header ul li svg{block-size:1rem;inline-size:1rem}main section .articles article{display:grid;justify-content:stretch;gap:0;border-radius:.25rem;background:var(--use-item);transition:var(--transition);grid-template-areas:var(--gta);grid-template-columns:var(--gtc);grid-template-rows:var(--gtr)}main section .articles article.on{--use-item: var(--use-good) ;outline:10px solid red}main section .articles article:hover{cursor:pointer;--use-item: var(--use-good) }main section .articles article ul li{place-content:center;place-items:center;gap:0;padding:.125rem;margin:0;block-size:100%;inline-size:100%;align-content:center;align-items:center;font-size:.75rem}main section .articles article ul li .hdr{padding:0;text-transform:uppercase;display:none}main section .articles article ul li .txt{display:flex;flex-flow:row nowrap;place-items:center;place-content:center;padding:0 .25rem;border-radius:.25rem;inline-size:100%;block-size:100%;background:var(--use-Nth);outline:var(--outline-fx);outline-offset:var(--outline-offset)}main section .articles article ul li .txt sup{font-size:.75em;text-transform:uppercase;margin-top:-.15rem;margin-left:.05rem;font-weight:400}main section .articles article ul li .txt.off{outline:none;background:transparent}main section .articles article ul li:has(svg) .txt{padding-inline-start:0}main section .articles article ul li.game--name .txt{display:flex;flex-flow:row nowrap;place-items:baseline;place-content:revert;font-weight:600;border-radius:.25rem;inline-size:100%;block-size:100%;background:revert;outline:none}main section .articles article ul li.game--name .txt .game--name--year{font-size:.625rem;font-weight:400;margin-inline-start:.5em}main section .articles article ul li.key .txt{display:flex;flex-flow:row nowrap;gap:0;--use-boom: var(--use-good) ;background:var(--use-boom)}main section .articles article ul .game--name{flex-flow:row nowrap;gap:.25rem;align-items:baseline;padding:.25rem;place-items:center;place-content:start;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}main section .articles article ul .game--name .hdr{display:none}main section .articles article ul .game--name .txt{padding:.25rem 0;color:var(--use-txt);font-weight:600;text-decoration:none;font-size:.825rem}main section .articles article ul .game--tier .txt.game--tier--1st{background:var(--game--tier--1st)}main section .articles article ul .game--tier .txt.game--tier--2nd{background:var(--game--tier--2nd)}main section .articles article ul .game--tier .txt.game--tier--3rd{background:var(--game--tier--3rd)}main section .articles article ul .game--position .txt{--use-boom: var(--use-bkg) }main section .articles article ul .game--move{block-size:100%;inline-size:3.5rem;display:grid;grid-template-columns:1fr 1fr;place-content:center;place-items:center;padding:0 .25rem;gap:0}main section .articles article ul .game--move .game--tier--minus,main section .articles article ul .game--move .game--tier--plus{display:flex;block-size:1.5rem;inline-size:1.5rem;align-self:center;justify-self:center}main section .articles article ul .game--move :is(.game--tier--minus,.game--tier--plus) svg{inline-size:100%;block-size:100%;position:relative;cursor:pointer;color:var(--use-txt);opacity:var(--fade-more)}main section .articles article ul .game--move :is(.game--tier--minus,.game--tier--plus):hover svg{opacity:1}main section .articles article[data-tier="1"] ul .game--tier--minus{cursor:default}main section .articles article[data-tier="1"] ul .game--tier--minus svg{display:none}@media screen and (max-width: 520px){#cols-control{opacity:0!important}}@container main (width < 480px){main section{--gta: "game--position game--name game--move game--tier game--rating " ;--gtc: 2.75rem auto minmax(0,3.5rem) repeat(2,3rem) }main section ul .game--plays,main section ul .game--plays-every,main section ul .game--minutes,main section ul .game--minutes-every,main section ul .game--year,main section ul .game--move,main section ul .game--owned,main section ul .game--teaching,main section ul .game--last,main section ul .game--last-ago,main section ul .game--first,main section ul .game--first-ago,main section ul .game--heat,main section ul .game--cool{display:none}}main{display:grid;grid-template:auto / 1fr;justify-content:center;justify-content:start;align-items:stretch;gap:1.5rem;padding:0;margin:0 auto;inline-size:100%;anchor-name:--side-on}main section{display:grid;gap:0rem}main section .articles{display:grid;grid-template-columns:1fr;border-radius:.5rem;gap:.125rem;padding:.25rem;margin:0;background:var(--use-base);outline:var(--outline-fx);outline-offset:var(--outline-offset);min-block-size:2.5rem}main section .articles:empty:after{content:"Nothing here.";display:block;padding:.25rem}main section :is(header,article){--use-item: var(--use-base) ;--use-boom: var(--use-Nth) }main section.game--tier--new{--use-item: var(--use-base) ;--use-boom: var(--use-good) }main section.game--tier--1st :is(header,article){--use-item: var(--use-base) ;--use-boom: var(--use-1st) }main section.game--tier--2nd :is(header,article){--use-item: var(--use-base) ;--use-boom: var(--use-2nd) }main section.game--tier--3rd :is(header,article){--use-item: var(--use-base) ;--use-boom: var(--use-3rd) }main section.game--rating--10 :is(header,article){--use-item: var(--use-base) ;--use-boom: var(--game--rating--10) }main section.game--rating--9 :is(header,article){--use-item: var(--use-base) ;--use-boom: var(--game--rating--9) }main section.game--rating--8 :is(header,article){--use-item: var(--use-base) ;--use-boom: var(--game--rating--8) }main section.game--rating--7 :is(header,article){--use-item: var(--use-base) ;--use-boom: var(--game--rating--7) }main section.game--rating--6 :is(header,article){--use-item: var(--use-base) ;--use-boom: var(--game--rating--6) }main section.game--rating--5 :is(header,article){--use-item: var(--use-base) ;--use-boom: var(--game--rating--5) }main section.game--rating--4 :is(header,article){--use-item: var(--use-base) ;--use-boom: var(--game--rating--4) }main section.game--rating--3 :is(header,article){--use-item: var(--use-base) ;--use-boom: var(--game--rating--3) }main section.game--rating--2 :is(header,article){--use-item: var(--use-base) ;--use-boom: var(--game--rating--2) }main section.game--rating--1 :is(header,article){--use-item: var(--use-base) ;--use-boom: var(--game--rating--1) }main section.game--tier--cesspit{--use-item: var(--use-base) ;--use-boom: var(--use-bad) }main section.game--tier--over-capacity{--use-item: var(--use-base) ;--use-boom: var(--use-good) }main section.game--tier--under-capacity{--use-item: var(--use-base) ;--use-boom: var(--use-bad) }#years .pane:first-of-type{align-self:start}#games-played-in-year ol li .item-name{cursor:pointer}#games-played-in-year ol li .item-name:hover{text-decoration:underline}#games-released-in-year ul li.can-click:hover{outline:var(--outline)}.graph-timeline-by-month{display:none}main section.admin{padding:0;place-items:stretch;place-content:start}main section.admin.admin-unloaded ul{display:flex;flex-flow:row wrap;gap:.5rem}main section.admin.admin-unloaded ul li.action{cursor:pointer;margin:0;padding:1rem;border-radius:.5rem;background-color:var(--use-base);outline:var(--outline-fx);outline-offset:var(--outline-offset);width:100%}main section.admin.admin-unloaded ul li.action b{display:block}main section.admin.admin-unloaded ul li.action.subaction{padding:.5rem;display:inline-block;width:auto}main section.admin.admin-unloaded ul li.off{opacity:.25}main section.admin.admin-unloaded ul li:hover{background-color:var(--use-good)}main section.admin.admin--update-from-bgg{display:flex;flex-flow:column wrap;place-items:start;gap:.5rem}main section.admin.admin--update-from-bgg article{display:contents}main section.admin.admin--update-from-bgg ul{display:flex;inline-size:100%;background-color:var(--use-base);outline:var(--outline-fx);outline-offset:var(--outline-offset);border-radius:.5rem;padding:.5rem;gap:.5rem}main section.admin.admin--update-from-bgg ul li{display:flex;flex-flow:row wrap;place-items:center;gap:.5rem}main section.admin.admin--update-from-bgg ul li.admin--fresh-name,main section.admin.admin--update-from-bgg ul li.admin--name{font-weight:600;margin-right:2rem;inline-size:clamp(10rem,100%,25%)}main section.admin.admin--update-from-bgg ul li.admin--fresh-name span,main section.admin.admin--update-from-bgg ul li.admin--name span{font-weight:400;font-size:.75rem}main section.admin.admin--update-from-bgg ul li.admin--fresh-name~li.admin--name{margin-right:0}main section.admin.admin--update-from-bgg ul li button{padding:.5rem;border-radius:.25rem;background-color:var(--use-good);color:var(--use-txt);cursor:pointer;font-weight:400;border-width:0}main section.admin.admin--update-from-bgg ul li button span{text-transform:uppercase;font-weight:600;font-size:.75rem}main section.admin.admin--update-from-bgg ul li.admin--name input{display:inline-block;padding:.5rem;margin:0;inline-size:calc(75% - .5rem);border:0rem solid var(--use-txt);background-color:var(--use-bkg);border-radius:.5rem;outline:var(--outline-fx);outline-offset:var(--outline-offset)}main section.admin.admin--update-from-bgg ul li.admin--name button{inline-size:25%}main section.admin.admin--update-from-bgg ul li button:hover{background-color:var(--use-txt);color:var(--use-base)}#error{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:600;background-color:red;color:var(--use-txt);font-size:5rem}#side{display:grid;grid-template:auto / 1fr 1fr;align-items:start;justify-content:start;color:var(--use-txt);inline-size:100%;z-index:300;padding:0 1rem 1rem;gap:1rem;margin:0}#side #game-timeline-year,#side #game-timeline-month,#side #game-analysis,#side #heat-calculation{grid-column:span 2}#side #play-list{grid-row:span 3}#side .pane.update>.ul{grid-template-rows:auto auto}#side .pane.update>.ul p input{display:block;padding:.5rem .75rem;margin:.25rem 0;inline-size:100%;border:0 solid var(--use-txt);background-color:var(--use-base);border-radius:.25rem;outline:var(--outline-fx);outline-offset:var(--outline-offset)}#side .pane.update>.ul p button{display:inline-block;padding:.5rem;margin:.25rem .25rem 0 0;border-width:0;border-radius:.25rem;background-color:var(--use-base);color:var(--use-txt);cursor:pointer;font-weight:600;outline:var(--outline-f);outline-offset:var(--outline-offset)}#side .pane.update>.ul p button:hover{background-color:var(--use-good)}#side .pane>.graphs{display:grid;grid-template:auto / 1fr 1fr;gap:0 1rem;place-items:center;place-content:center}#side .pane>.graphs .graph-5x5{inline-size:100%;block-size:100%}#side .pane>.graphs .graph-5x5 ul{display:grid;grid-template:repeat(5,1fr) / repeat(5,1fr);gap:.25rem;padding:.25rem;border-bottom:.125rem solid var(--use-txt-f);border-left:.125rem solid var(--use-txt-f)}#side .pane>.graphs .graph-5x5 ul li{background:var(--use-txt-fx);border-radius:.25rem;aspect-ratio:1 / 1;display:grid;place-content:center;place-items:center}#side .pane>.graphs .graph-5x5 ul li:hover{anchor-name:--pop;outline:var(--outline);outline-offset:var(--outline-offset)}#side .pane>.graphs .graph-5x5 p{grid-column:1 / span 5}#side.game--tier--1st{--use-boom: var(--game--tier--1st) }#side.game--tier--2nd{--use-boom: var(--game--tier--2nd) }#side.game--tier--3rd{--use-boom: var(--game--tier--3rd) }#side.game--tier--Nth{--use-boom: var(--game--tier--Nth) }#side.game--rating--10{--use-boom: var(--game--rating--10) }#side.game--rating--9{--use-boom: var(--game--rating--9) }#side.game--rating--8{--use-boom: var(--game--rating--8) }#side.game--rating--7{--use-boom: var(--game--rating--7) }#side.game--rating--6{--use-boom: var(--game--rating--6) }#side.game--rating--5{--use-boom: var(--game--rating--5) }#side.game--rating--4{--use-boom: var(--game--rating--4) }#side.game--rating--3{--use-boom: var(--game--rating--3) }#side.game--rating--2{--use-boom: var(--game--rating--2) }#side.game--rating--1{--use-boom: var(--game--rating--1) }#side.game--rating--0{--use-boom: var(--game--rating--0) }#load{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;place-items:center;place-content:center;z-index:600;background-color:var(--use-base)}#load .lds-ring{color:var(--use-txt)}#load .lds-ring,#load .lds-ring div{box-sizing:border-box}#load .lds-ring{display:inline-block;position:relative;inline-size:12rem;block-size:12rem}#load .lds-ring div{box-sizing:border-box;display:block;position:absolute;inline-size:12rem;block-size:12rem;margin:0;border:6rem double transparent;border-radius:100%;animation:lds-ring 1s linear infinite;border-color:var(--use-bkg) var(--use-bkg) var(--use-bkg) var(--use-good)}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--font: "Outfit Variable","Public Sans Variable", "Josefin Sans Variable", sans-serif ;--font-hdr: "Outfit Variable","Josefin Sans Variable", sans-serif ;--fade-none: 1 ;--fade-less: .925 ;--fade: .575 ;--fade-more: .35 ;--fade-extra: .05 ;--fade: .65 ;--fade-more: .4 ;--fade-extra: .1 ;--transition: background-color .5s , opacity .5s , transform .5s ;--colour-white: rgb(255,255,255);--colour-black: rgb(51,51,51);--colour-black-pure: rgb(0,0,0);--colour-gold-flat: rgb(255,215,0);--colour-gold: linear-gradient(145deg,rgba(255, 219, 4, 1) 0%, rgba(255, 223, 8, 1) 20%, rgba(240, 215, 0, 1) 40%, rgba(255, 221, 0, 1) 60%, rgba(249, 223, 8, .95) 80%, rgba(255, 215, 0, 1) 100%);--colour-silver-flat: rgb(192,192,192);--colour-silver: linear-gradient(145deg,rgba(192, 192, 204, 1) 0%, rgba(192, 204, 204, .95) 20%, rgba(192, 192, 192, 1) 40%, rgba(192, 192, 198, 1) 60%, rgba(204, 204, 204, 1) 80%, rgba(192, 192, 192, 1) 100%);--colour-bronze-flat: rgb(176,141,87);--colour-bronze: linear-gradient(145deg,rgba(176, 136, 87, 1) 0%, rgba(176, 149, 95, 1) 20%, rgba(184, 141, 87, 1) 40%, rgba(176, 144, 87, .95) 60%, rgba(184, 149, 95, 1) 80%, rgba(176, 141, 87, 1) 100%) ;--colour-grey: rgb(246,246,246) ;--colour-generic: rgb(176,176,224);--colour-generic: rgb(from var(--colour-p292) r g b / .125);--colour-red: rgb(255, 0, 0);--colour-p292: rgb(135,206,250);--use-txt: var(--colour-black) ;--use-bkg: var(--colour-grey) ;--use-base: var(--colour-white) ;--use-tile: rgb(from var(--use-bkg) r g b / .5 ) ;--use-boom: var(--colour-p292);--use-good: var(--colour-p292);--use-bad: var(--colour-red);--use-1st: var(--colour-gold) ;--use-2nd: var(--colour-silver) ;--use-3rd: var(--colour-bronze);--use-4th: rgb(from var(--colour-p292) r g b / .75 ) ;--use-5th: rgb(from var(--colour-p292) r g b / .5 ) ;--use-Nth: rgb(from var(--colour-p292) r g b / .25 ) ;--use-Nth: var(--colour-grey) ;--use-Nth-f: rgb(from var(--colour-generic) r g b / var(--fade-more)) ;--use-bad-f: rgb(from var(--colour-red) r g b / var(--fade-more)) ;--use-good-f: rgb(from var(--colour-p292) r g b / var(--fade-more)) ;--use-base-f: rgb(from var(--use-base) r g b / var(--fade-more)) ;--use-bkg-f: rgb(from var(--colour-white) r g b / var(--fade-more)) ;--use-txt-f: rgb(from var(--colour-black) r g b / var(--fade-more)) ;--use-1st-f: rgb(from var(--colour-gold) r g b / var(--fade-more)) ;--use-2nd-f: rgb(from var(--colour-silver) r g b / var(--fade-more)) ;--use-3rd-f: rgb(from var(--colour-bronze) r g b / var(--fade-more)) ;--use-bkg-fx: rgb(from var(--colour-white) r g b / var(--fade-extra)) ;--use-txt-fx: rgb(from var(--colour-black) r g b / var(--fade-extra)) ;--use-bad-fx: rgb(from var(--colour-red) r g b / var(--fade-extra)) ;--use-good-fx: rgb(from var(--colour-p292) r g b / var(--fade-extra)) ;--game--tier--1st: var(--use-1st) ;--game--tier--2nd: var(--use-2nd) ;--game--tier--3rd: var(--use-3rd) ;--game--tier--Nth: var(--use-Nth) ;--game--rating--10: var(--use-1st) ;--game--rating--9: var(--use-2nd) ;--game--rating--8: var(--use-3rd) ;--game--rating--7: var(--use-4th) ;--game--rating--6: var(--use-5th) ;--game--rating--5: rgb(from var(--use-good) r g b / .5) ;--game--rating--4: rgb(from var(--use-bad) r g b / .33) ;--game--rating--3: rgb(from var(--use-bad) r g b / .66) ;--game--rating--2: var(--use-bad);--game--rating--1: var(--use-bad);--game--rating--0: var(--use-Nth);--texture: linear-gradient(-45deg, rgba(255,255,255,.025) 0%, rgba(255,255,255,.025) 15%, rgba(0,0,0,.025) 15%, rgba(0,0,0,.025) 30%, rgba(255,255,255,.0125) 30%, rgba(255,255,255,.0125) 50%, rgba(0,0,0,.0125) 50%, rgba(0,0,0,.0125) 100% );--texture-blk: linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.05) 55%, rgba(0,0,0,.075) 60%, rgba(0,0,0,.075) 95%, rgba(0,0,0,0) 100%);--texture-wht: linear-gradient(275deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.075) 25%, rgba(255,255,255,.05) 30%, rgba(255,255,255,.125) 75%, rgba(255,255,255,0) 100%);--texture-diag--black: linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(0,0,0,.175) 25%, rgba(0,0,0,.175) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%, rgba(0,0,0,.175) 75%, rgba(0,0,0,.175) 100% );--texture-diag--black-less: linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(0,0,0,.125) 25%, rgba(0,0,0,.125) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%, rgba(0,0,0,.125) 75%, rgba(0,0,0,.125) 100% );--texture-diag--white: linear-gradient(-45deg, rgba(255,255,255,.25) 0%, rgba(255,255,255,.25) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(255,255,255,.25) 50%, rgba(255,255,255,.25) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100% );--bkg-base: var(--use-base);--bkg-black: var(--texture) 0 0 / 4px 4px repeat , var(--use-txt) ;--box-shadow: 0 .25rem .125rem var(--use-txt-f);--box-shadow--over: 0 .25rem .125rem var(--use-txt);--box-shadow: 0 0 .5rem var(--use-txt-f);--box-shadow--over: 0 0 .5rem var(--use-txt);--outline: 1px solid var(--use-txt) ;--outline-f: 1px solid var(--use-txt-f) ;--outline-fx: 1px solid var(--use-txt-fx) ;--outline-offset: -1px }html{overflow-y:scroll;scroll-behavior:smooth}input,button{font-family:var(--font);white-space:nowrap}ul,ul li{list-style-type:none;margin:0;padding:0}body{font-family:var(--font);font-size:.85em;background-color:var(--use-bkg);color:var(--use-txt);margin:0;padding:0;scroll-behavior:smooth}#app{display:grid;grid-template:4rem minmax(auto,100%) / repeat(6,1fr);min-inline-size:100%;padding:0;margin:0;gap:1rem}#app *{box-sizing:border-box}@media screen and (min-width: 800px){main{padding:0 1rem 1rem}}#app #head{grid-column:1 / 7;grid-row:1 / 2}#app #side,#app main{grid-column:1 / 7;grid-row:2 / 3}#app #side~main{display:none}.can-click{cursor:pointer}h4{display:flex;font-size:2rem;font-weight:600;margin:0;padding:0}h5{font-size:1rem;display:block;font-weight:600;margin:0 0 1rem;padding:.5rem;border-radius:.25rem;text-transform:uppercase;outline:var(--outline-fx);outline-offset:var(--outline-offset)}h6{font-size:1rem;display:block;font-weight:200;margin:0;padding:0}p{margin:0;padding:0}ol{list-style:none;margin:0;padding:0}:has(>.pop) .pop{display:none;position:absolute;z-index:320;position-anchor:--pop;top:calc(anchor(bottom) + .25rem);left:anchor(center);position-try-fallbacks:flip-block flip-inline;border-radius:.25rem;padding:.75rem;gap:.25rem;text-align:start;white-space:nowrap;font-size:.75rem;box-shadow:var(--box-shadow);background:var(--use-txt);color:var(--use-bkg);outline:var(--outline);outline-offset:var(--outline-offset)}:has(>.pop) .pop .pop--name,:has(>.pop) .pop .pop--date,:has(>.pop) .pop .pop--location{white-space:nowrap}:has(>.pop) .pop .pop--name{font-size:1.125rem;margin-bottom:.5rem}:has(>.pop):hover{anchor-name:--pop;outline:var(--outline-f);outline-offset:var(--outline-offset)}:has(>.pop):hover .pop{display:grid}.pane{display:grid;grid-template:auto / 100%;place-items:stretch;place-content:start space-between;inline-size:100%;block-size:100%;background:var(--use-base);padding:1rem;gap:1rem;border-radius:.5rem;outline:var(--outline-fx);outline-offset:var(--outline-offset)}.pane.hdr{grid-column:span 2;grid-template:"a c" auto "b c" auto / auto 3rem;align-items:center;background:var(--use-boom)}.pane.hdr .options--row{grid-area:b}.pane.hdr .options--row:has(.icon){grid-area:c;align-self:start}.pane h5{display:inline-block;inline-size:none;margin:0 .5rem .5rem 0;background:var(--use-tile);color:var(--use-txt)}.pane :is(p,li){margin:0;padding:0}.pane :is(p,li) a{color:var(--use-txt);text-decoration:none}.pane :is(p,li) a:hover{text-decoration:underline}.pane :is(p,li) svg{inline-size:1rem;block-size:1rem;vertical-align:middle}.pane :is(p,li) .hdr{text-transform:uppercase;display:block;font-size:.825rem;font-weight:600}.pane>ul li{position:relative;font-weight:400}.pane>ul li a{color:var(--use-txt);text-decoration:none}.pane>ul li a:hover{text-decoration:underline}.pane>ol{list-style-type:none;margin:1rem 0;padding:0;display:grid;grid-gap:.5rem;grid-template-columns:repeat(5,2.5rem);grid-template-rows:2.5rem}.pane>ol li{list-style-type:none;margin:0;padding:0;border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--use-base);color:var(--use-txt);font-weight:600;transition:var(--transition);outline:var(--outline-fx);outline-offset:var(--outline-offset)}.pane>ol li:hover{color:var(--use-base);background-color:var(--use-txt)}.pane>ol li.on:hover,.pane>ol li.on{outline:none;background:var(--use-good);color:var(--use-txt);cursor:default;border-radius:.25rem}.pane ul.tile{display:flex;flex-flow:row wrap;gap:1rem}.pane ul.tile li{display:grid;background:var(--use-tile);outline:var(--outline-fx);outline-offset:var(--outline-offset);border-radius:.25rem;gap:.5rem;padding:1rem 1.25rem 1rem .75rem}.pane ul.tile.number-big .hdr{order:2;font-size:.75rem;font-weight:400}.pane ul.tile.number-big .txt{order:1;font-size:2rem;font-weight:600;line-height:100%}.pane ul.tile.number-big .sub{order:3;font-size:.625rem;font-weight:400;max-inline-size:12em;display:none}.pane ul.tile.number-small li{gap:.25rem;padding-block:.75rem}.pane ul.tile.number-small .hdr{order:1;font-size:1rem;font-weight:600;text-transform:revert;padding:0 0 .25rem}.pane ul.tile.number-small .txt{order:2;font-size:.75rem;font-weight:400;line-height:100%}.pane ul.tile.number-small .sub{order:3;font-size:.75rem;font-weight:400}.pane .graph--bar-horizontal{inline-size:100%}.pane .graph--bar-horizontal ul{position:relative;inline-size:100%;margin-top:1rem}.pane .graph--bar-horizontal ul [data-bar] .hdr{display:inline-block;margin:0 .25rem}.pane .graph--bar-horizontal ul [data-bar]:before{anchor-name:--teach;position-area:center;content:"";display:block;inline-size:100%;block-size:2rem;border-radius:.25rem;background:var(--use-base);outline:var(--outline-fx);outline-offset:var(--outline-offset)}.pane .graph--bar-horizontal ul [data-bar]:after{position-anchor:--teach;position:absolute;top:calc(anchor(top) + 4px);bottom:calc(anchor(bottom) + 4px);left:calc(anchor(left) + 4px);right:calc(anchor(right) + 4px);content:"";display:block;inline-size:10%;border-radius:.25rem 0 0 .25rem;background:var(--use-boom)}.pane .graph--bar-horizontal ul [data-bar="0"]:after{display:none}.pane .graph--bar-horizontal ul [data-bar="10"]:after{inline-size:calc(10% - 8px)}.pane .graph--bar-horizontal ul [data-bar="20"]:after{inline-size:calc(20% - 8px)}.pane .graph--bar-horizontal ul [data-bar="30"]:after{inline-size:calc(30% - 8px)}.pane .graph--bar-horizontal ul [data-bar="40"]:after{inline-size:calc(40% - 8px)}.pane .graph--bar-horizontal ul [data-bar="50"]:after{inline-size:calc(50% - 8px)}.pane .graph--bar-horizontal ul [data-bar="60"]:after{inline-size:calc(60% - 8px)}.pane .graph--bar-horizontal ul [data-bar="70"]:after{inline-size:calc(70% - 8px)}.pane .graph--bar-horizontal ul [data-bar="80"]:after{inline-size:calc(80% - 8px)}.pane .graph--bar-horizontal ul [data-bar="90"]:after{inline-size:calc(90% - 8px)}.pane .graph--bar-horizontal ul [data-bar="100"]:after{border-radius:.25rem;inline-size:calc(100% - 8px)}.pane .graph--bars-horizontal{inline-size:100%}.pane .graph--bars-horizontal ol{display:grid;gap:.5rem}.pane .graph--bars-horizontal ol li{display:grid;grid-template:100% / 10rem auto;gap:.125rem}.pane .graph--bars-horizontal ol li .item-name{font-size:.625rem;display:grid;inline-size:100%;block-size:100%;place-items:center;place-content:center start;padding-right:.25rem;white-space:nowrap;text-overflow:clip}.pane .graph--bars-horizontal ol li .item-graph{display:grid;grid-template:1rem / 1fr;gap:.125rem}.pane .graph--bars-horizontal ol li .item-graph .txt{font-size:.625rem;display:grid;inline-size:100%;block-size:100%;place-items:center;place-content:center end;padding-right:.25rem}.pane .graph--bars-horizontal ol li .item-graph .item-minutes-year{grid-column:1 / 2;grid-row:1 / 2;order:5;background:var(--use-good);border-right:.125rem solid var(--use-txt-f)}.pane .graph--bars-horizontal ol li .item-graph .item-minutes-total{grid-column:1 / 2;grid-row:1 / 2;order:4;background:var(--use-txt-fx);border-right:.125rem solid var(--use-txt-f)}.pane .graph--bars-horizontal ol li .item-graph .items-minutes-year{grid-column:1 / 2;grid-row:1 / 2;order:3;background:var(--use-txt-fx);border-right:.125rem solid var(--use-txt-f)}.pane .graph--bars-horizontal ol li .item-graph .items-minutes-total{grid-column:1 / 2;grid-row:1 / 2;order:2;background:var(--use-txt-fx);border-right:.125rem solid var(--use-txt-f)}.pane .graph--bars-horizontal ol li .item-graph .items-minutes{grid-column:1 / 2;grid-row:1 / 2;order:1;background:var(--use-bkg)}.pane .graph-timeline-vertical{display:grid;inline-size:100%}.pane .graph-timeline-vertical ul{display:grid;grid-template-columns:minmax(6rem,120px) auto;grid-template-rows:repeat(auto-fill,auto);gap:.5rem;margin:0 0 .5rem}.pane .graph-timeline-vertical ul li.events{display:none;place-items:center;text-align:center}.pane .graph-timeline-vertical ul li.plays{column-width:120px;column-gap:.5rem;column-count:auto;column-fill:balance}.pane .graph-timeline-vertical ul li .item{display:flex;flex-flow:column wrap;place-content:center;place-items:center;inline-size:100%;background:var(--use-bkg);outline:var(--outline-fx);outline-offset:var(--outline-offset);padding:.25rem;border-radius:.25rem;gap:.25rem}.pane .graph-timeline-vertical ul li .item .hdr{text-transform:uppercase;display:block;font-size:.825rem;font-weight:600}.pane .graph-timeline-vertical ul li:is(.year,.month){display:grid;inline-size:100%;block-size:100%;place-content:center;place-items:center;background:var(--use-bkg);outline:var(--outline-fx);outline-offset:var(--outline-offset);padding:.25rem;border-radius:.25rem;font-weight:600}.pane .graph-timeline-vertical ul li.plays{display:block;inline-size:100%;block-size:100%;font-size:.75rem;gap:.5rem;place-content:center;place-items:center;background:var(--use-bkg);outline:var(--outline-fx);outline-offset:var(--outline-offset);padding:1rem;border-radius:.25rem}.pane .graph-timeline-vertical ul li.plays .item{container:item / inline-size;font-size:.75rem;font-weight:400;cursor:default;padding:.5rem;margin:0 0 .5rem;break-inside:avoid;overflow:hidden;background:rgb(from var(--use-good) r g b / .5);color:rgb(from var(--use-txt) r g b / .825);text-align:center;line-height:100%;outline:var(--outline-fx);outline-offset:var(--outline-offset);border-radius:.125rem}.pane .graph-timeline-vertical ul li.plays .item .txt{display:block;font-size:22.5cqi;line-height:100%}.pane .graph-timeline-vertical ul li.plays .item:hover{background:var(--use-txt);color:var(--use-bkg)}.pane .graph-timeline-vertical ul li.plays .item .pop{min-inline-size:calc(120px + 2rem)}.pane .graph-timeline-by-month{display:grid;width:100%}.pane .graph-timeline-by-month ul{display:grid;grid-template-columns:minmax(6rem,120px) auto;grid-template-rows:repeat(auto-fill,auto);gap:.5rem;margin:0 0 .5rem}.pane .graph-timeline-by-month ul li .item{display:flex;flex-flow:column wrap;place-content:center;place-items:center;inline-size:100%;background:var(--use-bkg);outline:var(--outline-fx);outline-offset:var(--outline-offset);padding:.25rem;border-radius:.25rem;gap:.25rem}.pane .graph-timeline-by-month ul li .item .hdr{text-transform:uppercase;display:block;font-size:.825rem;font-weight:600}.pane .graph-timeline-by-month ul li:is(.year,.month){display:grid;inline-size:100%;block-size:100%;place-content:center;place-items:center;background:var(--use-bkg);outline:var(--outline-fx);outline-offset:var(--outline-offset);padding:.25rem;border-radius:.25rem;font-weight:600}.pane .graph-timeline-by-month ul li.plays{display:grid;grid-template:100% / repeat(12,calc((100% - 5.5rem) / 12));gap:.5rem;place-content:center;place-items:center;background:var(--use-bkg);outline:var(--outline-fx);outline-offset:var(--outline-offset);padding:.5rem;border-radius:.25rem}.pane .graph-timeline-by-month ul li.plays .column{display:grid;grid-template:auto / 100%;place-content:end;inline-size:100%;block-size:100%;gap:.125rem}.pane .graph-timeline-by-month ul li.plays .item{font-size:.625rem;font-weight:400;cursor:default;inline-size:100%;padding:.25rem;margin:0;break-inside:avoid;overflow:hidden;background:var(--use-good);color:var(--use-txt)}.pane .graph-timeline-by-month ul li.plays .item:hover{background:var(--use-txt);color:var(--use-bkg)}.pane .graph-timeline-by-month ul li.plays .item .pop{min-inline-size:calc(120px + 2rem)}.pane .graph-timeline-by-year{display:grid;inline-size:100%;gap:1px}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(1)){grid-template-columns:repeat(1,100%)}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(2)){grid-template-columns:repeat(2,50%)}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(3)){grid-template-columns:repeat(3,calc(100% / 3))}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(4)){grid-template-columns:repeat(4,25%)}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(5)){grid-template-columns:repeat(5,20%)}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(6)){grid-template-columns:repeat(6,calc(100% / 6))}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(7)){grid-template-columns:repeat(7,calc(100% / 7))}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(8)){grid-template-columns:repeat(8,12.5%)}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(9)){grid-template-columns:repeat(9,calc(100% / 9))}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(10)){grid-template-columns:repeat(10,10%)}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(11)){grid-template-columns:repeat(11,calc(100% / 11))}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(12)){grid-template-columns:repeat(12,calc(100% / 12))}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(13)){grid-template-columns:repeat(13,calc(100% / 13))}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(14)){grid-template-columns:repeat(14,calc(100% / 14))}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(15)){grid-template-columns:repeat(15,calc(100% / 15))}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(16)){grid-template-columns:repeat(16,6.25%)}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(17)){grid-template-columns:repeat(17,calc(100% / 17))}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(18)){grid-template-columns:repeat(18,calc(100% / 18))}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(19)){grid-template-columns:repeat(19,calc(100% / 19))}.pane .graph-timeline-by-year:has(ul:last-of-type:nth-of-type(20)){grid-template-columns:repeat(20,5%)}.pane .graph-timeline-by-year ul{display:grid;grid-template-columns:auto;grid-template-rows:calc(100% - 2rem) 2rem;gap:0;margin:0}.pane .graph-timeline-by-year ul li .item{display:flex;flex-flow:column wrap;place-content:center;place-items:center;inline-size:100%;block-size:100%;background:var(--use-bkg);outline:var(--outline-fx);outline-offset:var(--outline-offset);padding:.25rem;border-radius:.25rem;gap:.25rem}.pane .graph-timeline-by-year ul li .item .hdr{text-transform:uppercase;display:block;font-size:.825rem;font-weight:600}.pane .graph-timeline-by-year ul li:is(.year,.month){order:2;display:block;inline-size:100%;block-size:100%;text-align:center;place-content:center;place-items:center;background:var(--use-bkg);outline:none;padding:0;border-radius:00;font-size:.625rem;font-weight:400}.pane .graph-timeline-by-year ul:nth-of-type(odd) li:is(.year,.month){background:var(--use-txt-fx)}.pane .graph-timeline-by-year ul li.plays{order:1;display:grid;grid-template:100% / repeat(12,1fr);place-content:center;place-items:center;padding:0;border-radius:0;gap:1px}.pane .graph-timeline-by-year ul li.plays .column{display:grid;grid-template:auto / 100%;place-content:end;inline-size:100%;block-size:100%;gap:1px}.pane .graph-timeline-by-year ul li.plays .column:nth-of-type(odd){background:var(--use-tile)}.pane .graph-timeline-by-year ul li.plays .item{font-size:.625rem;font-weight:400;cursor:default;inline-size:round(100%,.5px);aspect-ratio:1 / 1;padding:0;margin:0;border-radius:0;break-inside:avoid;overflow:hidden;background:var(--use-good);outline:none}.pane .graph-timeline-by-year ul li.plays .item .txt{display:none}.pane .graph-timeline-by-year ul li.plays .item:hover{outline:1px solid var(--use-txt)}.pane .graph-timeline-by-year ul li.plays .item .pop{min-inline-size:calc(120px + 2rem)}.pane .list-of-plays li{display:flex;place-items:space-between;place-content:space-between;border-radius:.25rem;padding:.25rem}.pane .list-of-plays li .hdr{font-weight:400;font-family:monospace}.pane .list-of-plays li:nth-of-type(odd){background:var(--use-bkg)}.pane .options--row,.pane .options--icon{display:flex;flex-flow:row wrap;padding:0;margin:0;border-width:0;gap:.25rem}.pane .options--row li,.pane .options--icon li{list-style-type:none;margin:0;padding:.5rem 1rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--use-bkg-fx);color:var(--use-txt);font-weight:400;transition:var(--transition);outline:var(--outline-fx);outline-offset:var(--outline-offset)}.pane .options--row li.on.toggle:hover,.pane .options--row li:hover,.pane .options--icon li.on.toggle:hover,.pane .options--icon li:hover{color:var(--use-bkg);background:var(--use-txt)}.pane .options--row li.on,.pane .options--icon li.on{outline:var(--outline-f);color:var(--use-bkg);background:var(--use-txt)}.pane .options--row li.on:not(.toggle):hover,.pane .options--row li.on:not(.toggle),.pane .options--icon li.on:not(.toggle):hover,.pane .options--icon li.on:not(.toggle){cursor:default}.pane .options--row li:not(.toggle):has(svg),.pane .options--icon li:not(.toggle):has(svg){list-style-type:none;margin:0;padding:.5rem;border-radius:.25rem;inline-size:3rem;block-size:3rem}.pane .options--row li:not(.toggle):has(svg) svg,.pane .options--icon li:not(.toggle):has(svg) svg{inline-size:100%;block-size:100%}.pane .options--row li.toggle svg,.pane .options--icon li.toggle svg{opacity:var(--fade-more);position:relative;left:-.25rem;top:.025rem}.pane .options--row li.toggle.on svg,.pane .options--icon li.toggle.on svg{opacity:1}