:root{--bg-color: #f8fafc;--text-color: #1a202c;--header-color: #2d3748;--subtext-color: #4a5568;--cta-bg: #ffffff;--cta-hover-bg: #f1f5f9;--primary-btn-bg: #3182ce;--primary-btn-hover-bg: #2b6cb0;--secondary-btn-bg: #a0aec0;--secondary-btn-hover-bg: #718096}[data-theme=dark]{--bg-color: #1a202c;--text-color: #f8fafc;--header-color: #e2e8f0;--subtext-color: #a0aec0;--cta-bg: #2d3748;--cta-hover-bg: #4a5568;--primary-btn-bg: #63b3ed;--primary-btn-hover-bg: #4299e1;--secondary-btn-bg: #718096;--secondary-btn-hover-bg: #4a5568}body{font-family:Droid Sans,sans-serif;margin:0;padding:0;background:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;min-height:100vh;transition:background .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:2rem;text-align:center}.header{margin-bottom:2rem}.header h1{font-size:3rem;font-weight:600;color:var(--header-color)}.header p{font-size:1.25rem;color:var(--subtext-color);margin-top:.5rem}.cta-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:3rem}.cta{flex:1 1 300px;max-width:400px;padding:2rem;border-radius:.5rem;background:var(--cta-bg);box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;text-align:center}.cta:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026;background:var(--cta-hover-bg)}.cta h2{font-size:1.5rem;font-weight:600;color:var(--header-color);margin-bottom:1rem}.cta p{font-size:1rem;color:var(--subtext-color);margin-bottom:1.5rem}.cta a{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:var(--primary-btn-bg);border-radius:.375rem;text-decoration:none;transition:background .3s ease}.cta a:hover{background:var(--primary-btn-hover-bg)}.cta.secondary a{background:var(--secondary-btn-bg)}.cta.secondary a:hover{background:var(--secondary-btn-hover-bg)}footer{margin-top:3rem;font-size:.875rem;color:var(--subtext-color)}.dark-mode-dropdown{position:absolute;top:1rem;right:1rem;display:inline-block}.dark-mode-toggle{background:var(--cta-bg);border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:1rem;font-weight:600;color:var(--text-color);cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background .3s ease,color .3s ease;white-space:nowrap}.dark-mode-toggle:hover{background:var(--cta-hover-bg)}.dropdown-menu{display:none;position:absolute;top:100%;right:0;background:var(--cta-bg);border-radius:.375rem;box-shadow:0 4px 6px #0000001a;list-style:none;padding:.5rem 0;margin:0;z-index:1000}.dark-mode-dropdown:hover .dropdown-menu{display:block}.dropdown-menu li{margin:0}.dropdown-menu button{background:none;border:none;padding:.5rem 1rem;width:100%;text-align:left;font-size:1rem;font-weight:600;color:var(--text-color);cursor:pointer;transition:background .3s ease;white-space:nowrap}.dropdown-menu button:hover{background:var(--cta-hover-bg)}:root{--article-p-h: 1em;--article-p-v: 0;--panel-width: 13em;--dialog-max-width: 900px;--sidebar-column-width: 230px;--sidebar-width: 230px;--preview-stats-gap: .5em;--sidebar-transition-time: .5s}html{font-size:15px}*{box-sizing:border-box;transition:all .2s}body#page-games{background:#333;font-family:sans-serif;font-size:16px;margin:0}body.dialog-open{overflow:hidden}h1{color:#fff;font-size:1.5em;margin:0;padding:0;text-shadow:inset 0 0 5px 5px #000}img{max-width:100%}p:first-child{margin-top:0}h2{font-size:1.5em;margin:.5em 0}h2 span{font-weight:400;opacity:.7;pointer-events:none}h2 span:before{content:" ("}h2 span:after{content:")"}ul{padding-left:1.5em}select{padding:.2em}.hidden{display:none!important}main{height:100%;width:100%;display:grid;grid-template-columns:var(--sidebar-column-width) 1fr;grid-template-rows:min-content;grid-template-areas:"header games" "header footer"}#header{background:#111;color:#eef;font-weight:700;grid-area:header;padding:2em .5em .5em;z-index:9}#header p{font-size:.9em}#header:after{content:""}#filters{margin-top:1em;padding-top:1rem}.match-type-wrap{font-size:.8em}#tag_match_type{display:none}#tag_match_type+label:hover{background:#333}#tag_match_type+label:before{content:"any";cursor:pointer;display:inline-block;font-style:italic;padding:0 .1em;text-decoration:underline;opacity:.8}#tag_match_type:checked+label:before{content:"all"}fieldset{border:0;font-size:1em;margin:0;padding:.5em 0}legend{font-size:1.6em;font-weight:100;padding-top:1em;width:100%}input[type=checkbox]{height:1em;width:1em;display:none}div>label{padding:.4em .5em}div>input[type=checkbox]+label{cursor:pointer;display:block;flex-grow:1;overflow:hidden;position:relative}div>input[type=checkbox]+label:before{content:" ";border:1px solid #888;display:inline-block;height:1em;margin-right:.75em;width:1em;vertical-align:text-bottom}div>input[type=checkbox]+label:after{content:"✓";font-size:1.5em;font-weight:700;left:.35em;opacity:0;position:absolute;transform:scale(0);transition:.2s all;top:0}div>input[type=checkbox]:checked+label:after{opacity:1;transform:scale(1)}div>input[type=checkbox]+label:hover{background:#222}#filters select{background:#fff3;border-radius:.2em;border:none;color:#fff;cursor:pointer;font-size:1em;font-style:italic;font-weight:700;margin:.3em 0;opacity:.8;text-decoration:underline}#filters select option{background:#444}#search{background:#fff3;border:none;border-radius:.2em;color:#fff;font-size:1em;margin-top:1em;padding:.5em 1em;width:100%}#reset,.show-help{background:none;border:none;color:#ddd;cursor:pointer;display:inline;font-size:.9em;font-style:italic;font-weight:400}#reset:hover,.show-help:hover{text-decoration:underline}.show-help{float:right;margin-right:.5em}#header{border-right:1px solid #444;height:100%;overflow-y:auto;position:fixed;width:var(--sidebar-width)}#counts{margin-top:2rem;transition:none}#header .inner-header{transition:transform}@media screen and (min-width: 1000px){#header{position:fixed;z-index:9}}@media screen and (max-width: 1199px){:root{--sidebar-column-width: 50px}#menu-toggle,#menu-toggle:before{content:"»";cursor:pointer;display:block;font-size:40px;height:50px;line-height:50px;position:absolute;right:0;text-align:center;top:0;width:50px}#menu-toggle:hover{background:#000;text-indent:5px}#header.expand #menu-toggle:before{content:"«"}#header{max-width:var(--sidebar-width);transition:all var(--sidebar-transition-time)}#header:not(.expand){transform:translate(calc(-100% + var(--sidebar-column-width)));overflow:hidden}#header:not(.expand):hover{cursor:pointer;filter:brightness(2)}#header:not(.expand) .inner-header{height:100%;right:calc(-1 * var(--sidebar-width));line-height:var(--sidebar-column-width);padding-left:4em;position:absolute;transform-origin:0 0;transform:rotate(90deg);transition:transform;transition-delay:var(--sidebar-transition-time);white-space:nowrap;width:var(--sidebar-width)}#header:not(.expand) h1,#header:not(.expand) p#counts{border:0;display:inline;font-size:1.5rem!important;margin:0;max-width:var(--sidebar-column-width);padding:0;overflow:hidden}#header:not(.expand) p#counts{font-weight:lighter;margin-left:2rem}#header:not(.expand) #filters{display:none}#header.expand+#games{filter:blur(3px);opacity:.5;pointer-events:none}}#games{display:grid;grid-area:games;grid-gap:1.5em;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;padding:1em}article{background:#ddd;display:flex;flex-direction:column;padding:var(--article-p-v) var(--article-p-h);position:relative}article header{grid-area:game-header}article figure{grid-area:game-figure;background:#fff;margin:0 calc(-1 * var(--article-p-h));height:260px;text-align:center}article.no-image figure{background:#e6e7e8 url(images/_default.png) 50% 50% no-repeat}article figure img{height:100%;max-height:400px;max-width:350px;object-fit:contain;width:100%}article summary{grid-area:game-summary;margin:0 0 .5em}article summary p:last-child{margin-bottom:0}article .details{grid-area:game-details;flex-direction:row;align-items:flex-end;display:flex;flex-grow:1}article .desc{grid-area:game-desc}article .notes{grid-area:game-notes}article .platforms{grid-area:game-platforms}article .stats{grid-area:game-stats}article .bgg{grid-area:game-bgg}article .links{grid-area:game-links}article .exps{grid-area:game-exps}article .tags{grid-area:game-tags}.rating-value:after{content:"/10";opacity:.5}ul[data-title]:before{display:block;font-weight:700;margin-left:-1.5em}ul.inline,ul.inline:before{margin-left:0;padding-left:0}#games article{box-shadow:0 0 #000}#games article:hover{box-shadow:0 0 1.5em #000;cursor:pointer;transform:scale(1.05)}#games article dl{display:inline;margin:1em 0}#games article dt{display:none}#games article dd{display:none;font-style:italic;margin:0;opacity:.7}#games article dd.preview{display:inline}#games article dd+dt+dd:before{content:"";margin-right:var(--preview-stats-gap)}#games article .no-preview,#games dl:empty,#games ol:empty,#games ul:empty{display:none}#games .tags{display:inline}#games .tags>*{display:none}#games .tags .is-favourite{display:inline;font-size:0}#games .tags .is-favourite:before{color:#000;content:"★";font-size:1.5rem;line-height:.8em;margin-right:var(--preview-stats-gap);opacity:.7}.tags{list-style:none}.tags li{display:inline}.tags li+li:before{content:", "}#games ul.exps{display:inline;margin-left:var(--preview-stats-gap);padding-left:0}#games ul.exps:before{display:none}#games ul.exps:after{content:"+"attr(data-count);font-style:italic;opacity:.7}#games ul.exps *{display:none}body.filter-physical:not(.filter-digital) #games ul.exps[data-count-physical]:after{content:"+"attr(data-count-physical)}body.filter-digital:not(.filter-physical) #games ul.exps[data-count-digital]:after{content:"+"attr(data-count-digital)}body.filter-physical:not(.filter-digital) #games ul.exps[data-count-physical="0"]:after,body.filter-digital:not(.filter-physical) #games ul.exps[data-count-digital="0"]:after,body.filter-digital.filter-physical #games ul.exps[data-count="0"]:after,body:not(.filter-digital,.filter-physical) #games ul.exps[data-count="0"]:after{content:""}dialog>div{background:#ddd;margin:0 auto;max-width:var(--dialog-max-width);position:relative;width:100%}dialog>div>span{background:#fff;border-radius:50%;color:#000;cursor:pointer;float:right;font-size:3em;font-weight:700;height:.8em;line-height:.8em;max-width:var(--dialog-max-width);opacity:.5;position:absolute;right:.1em;text-align:center;top:-.4em;width:.8em;z-index:999}dialog>div>span:hover{opacity:1}#dialog-help article{display:block}#dialog-game article{display:grid;grid-row-gap:1em;grid-template-rows:min-content;grid-template-areas:"game-header" "game-figure" "game-summary" "game-platforms" "game-tags" "game-stats" "game-exps" "game-bgg" "game-links";max-height:90vh;margin-bottom:-5vh;padding:1em;overflow-y:auto}#dialog-game article figure{height:100%;margin:0 -1em}#dialog-game article .details{flex-direction:column;align-items:unset}dialog article .details>*{margin-top:1em}dl.preview[data-title]:before,ol.preview[data-title]:before,ul.preview[data-title]:before,#dialog-game dl[data-title]:before,#dialog-game ol[data-title]:before,#dialog-game ul[data-title]:before{content:attr(data-title);display:block;font-weight:700;padding-bottom:.5em}#dialog-game dt{float:left}#dialog-game dt:after{content:":"}#dialog-game dd{margin-left:6em}#dialog-game dl:empty:after,#dialog-game ol:empty:after,#dialog-game ul:empty:after{content:"";opacity:.7}#dialog-game .platforms{list-style:none;margin:0 0 2em;padding:0}#dialog-game .platforms:before{content:"Platforms: ";font-weight:700}#dialog-game .platforms li{display:inline;margin:0}#dialog-game article{display:grid!important}#dialog-game summary>*{margin-bottom:2em;margin-top:0}body:not(.filter-digital,.filter-physical) #games article.is-digital:before,body:not(.filter-digital,.filter-physical) #games article.is-physical:after,.filter-digital.filter-physical #games article.is-digital:before,.filter-digital.filter-physical #games article.is-physical:after{background:#9acd32;color:#fff;content:"Digital";font-size:.85em;font-weight:700;padding:.3em .4em;position:absolute;right:.25em;top:-.9em;z-index:9}body:not(.filter-digital,.filter-physical) #games article.is-physical:after,.filter-digital.filter-physical #games article.is-physical:after{background:#4682b4;content:"Physical";left:.25em;right:auto}body:not(.filter-digital,.filter-physical) dialog article .platforms,.filter-digital.filter-physical dialog article .platforms{font-size:1rem}article .platforms li{color:#fff;font-size:1em;font-weight:700;margin-right:.5em;padding:.2em .3em}article .platforms li.physical{background:#4682b4}article .platforms li.digital{background:#9acd32}.none{display:block;opacity:.5}body:not(.filter-physical,.filter-digital) .exps li:is(.is-digital,.is-physical)~.none,body.filter-physical.filter-digital .exps li:is(.is-digital,.is-physical)~.none,.filter-digital:not(.filter-physical) .exps li.is-digital~.none,.filter-physical:not(.filter-digital) .exps li.is-physical~.none{display:none}.filter-physical:not(.filter-digital) .exps li.is-digital:not(.is-physical),.filter-digital:not(.filter-physical) .exps li.is-physical:not(.is-digital){display:none}.exps li:after,.filter-physical.filter-digital .exps li.is-physical:not(.is-digital):after{color:#fff;display:inline-block;font-size:.7em;font-weight:700;margin-bottom:0;margin-left:.5em;padding:0 .25em;vertical-align:middle}body:not(.filter-physical,.filter-digital) .exps li.is-physical:not(.is-digital):after,.filter-physical.filter-digital .exps li.is-physical:not(.is-digital):after{background:#4682b4;content:"P"}body:not(.filter-physical.filter-digital) .exps li.is-digital:not(.is-physical):after,.filter-physical.filter-digital .exps li.is-digital:not(.is-physical):after{background:#9acd32;content:"D"}dialog{-webkit-backdrop-filter:blur(4px) brightness(.25);backdrop-filter:blur(4px) brightness(.25);background:#0008;border:0;display:flex;flex-direction:column;height:100%;justify-content:center;position:fixed;top:0;width:100%;z-index:999}dialog article{font-size:.9em;padding:2em}dialog header h2{border-bottom:2px solid #ccc;font-size:2em;margin:0 0 .6em;padding-bottom:1em}dialog:not([open]){opacity:0;pointer-events:none}@media screen and (min-width: 350px){h2{width:100%}dl{margin-top:.2em}#dialog-game article{align-items:start;display:grid;grid-row-gap:1em;grid-template-rows:min-content;grid-template-areas:"game-header" "game-figure" "game-platforms" "game-summary" "game-details";padding:2em;width:100%}#dialog-game article>*{margin-bottom:0;margin-top:0}}@media screen and (min-width: 500px){h2{font-size:1.3em;margin:.75em 0}article figure{height:200px}#dialog-game article .details{align-items:start;display:grid;grid-template-rows:min-content;grid-template-areas:"game-stats game-bgg" "game-exps game-links" "game-tags game-tags";width:100%}}@media screen and (min-width: 800px){h2{font-size:1.3em;width:100%}#games{grid-gap:2em;width:100%;max-width:unset}#dialog-game article{grid-column-gap:2em;grid-template-columns:1fr 1fr;grid-template-rows:min-content;grid-template-areas:"game-header game-header" "game-figure game-platforms" "game-figure game-summary" "game-figure game-details";width:100%}#dialog-game article figure{margin:0}}#showing{font-weight:700}footer{grid-area:footer;color:#ddd;font-size:.8em;font-style:italic;margin:1em;text-align:center}#games article figure{overflow:hidden;position:relative}#games article figure:after{content:"";position:absolute;top:-110%;left:-210%;width:200%;height:200%;opacity:0;transform:rotate(30deg);pointer-events:none;background:#ffffff21;background:linear-gradient(to right,#ffffff21,#ffffff21 77%,#ffffff80 92%,#fff0)}#games article:hover figure:after{opacity:.5;top:-30%;left:-30%;transition-delay:.5s;transition-duration:1s,1s,.15s;transition-property:left,top,opacity;transition-timing-function:ease}#games article:active figure:after{opacity:0}.view-lines #games{display:flex;flex-direction:column;grid-row-gap:.2em;grid-template-columns:1fr;width:100%}.view-lines #games article{flex-direction:column;white-space:nowrap}.view-lines #games article:hover{background:#fff;transform:scale(1.01)}.view-lines #games article h2{font-size:1em}.view-lines #games article figure{display:none}.view-lines #games article summary{display:none;flex-grow:1;margin:.1em 1em 0;opacity:.6}.view-lines #games article .tags{order:1}.view-lines #games article .tags .is-favourite:before{margin:0 0 0 var(--preview-stats-gap)}.view-lines #games article summary p+*{display:none}.view-lines #games article .details{flex-grow:unset;justify-content:flex-end}@media (min-width: 600px){.view-lines #games article{align-items:center;flex-direction:row;justify-content:space-between}}