@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-vietnamese-standard-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-ext-standard-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-standard-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--counter:#f4e8cf;--counter-2:#e6d3ad;--ink:#21170f;--ink-2:#63523e;--red:#c8231a;--on-red:#fff8ea;--tag:#fff3c4;--ok:#1f7a3c;--wood:#9c6a3a;--wood-hi:#d29a60;--wood-dark:#6e4521;--focus:#0b57d0;--gutter:16px;--gap:14px;--visible:2.3;--max:1320px;--sans:"Archivo Variable", "Arial Narrow", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--counter);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.35}img{max-width:100%;display:block}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.icon{flex:none;width:1.15em;height:1.15em}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.top{background:var(--red);color:var(--on-red);padding-top:env(safe-area-inset-top);position:relative}.top:after{content:"";background:radial-gradient(circle at 10px 0, var(--red) 9.5px, transparent 10px) 0 0 / 20px 10px repeat-x;height:10px;position:absolute;bottom:-10px;left:0;right:0}.top-in{max-width:var(--max);padding:14px var(--gutter) 12px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 auto;display:flex}.sign{letter-spacing:-.01em;text-transform:uppercase;font-size:34px;font-weight:900;font-stretch:70%;line-height:1}.motto{font-size:14px;font-weight:600}.today{max-width:var(--max);padding:0 var(--gutter);color:var(--ink-2);align-items:center;gap:10px;margin:24px auto 0;font-size:14px;font-weight:600;display:flex}.today b{color:var(--ink);font-weight:800}.today .bar{gap:3px;display:flex}.today .bar i{background:var(--counter-2);border-radius:2px;width:16px;height:6px;box-shadow:inset 0 0 0 1px #21170f2e}.today .bar i.on{background:var(--red);box-shadow:none}.shelf{max-width:var(--max);margin:18px auto 0}.shelf-title{margin:0 var(--gutter);letter-spacing:-.005em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:20px;font-weight:900;font-stretch:80%;line-height:1.05;display:flex}.shelf-title small{letter-spacing:0;text-transform:none;color:var(--ink-2);font-size:13px;font-weight:600;font-stretch:100%}.rail{gap:var(--gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:14px var(--gutter) 12px;display:flex;position:relative;overflow-x:auto}@media (pointer:coarse){.rail{scrollbar-width:none}.rail::-webkit-scrollbar{display:none}}.item{flex:0 0 calc((100% - var(--gap) * (var(--visible) - .3)) / var(--visible));scroll-snap-align:start;min-width:0;position:relative}.game-link{border-radius:6px;display:block}.game-link:focus-visible{outline-offset:5px}.box{aspect-ratio:3/4;margin:0 6px 0 2px;transition:transform .16s cubic-bezier(.2,.7,.2,1);display:block;position:relative}.box:after{content:"";background:var(--c);filter:brightness(.55);transform-origin:0 0;border-radius:0 2px 2px 0;width:6px;position:absolute;top:3px;bottom:-3px;right:-6px;transform:skewY(-30deg)}.box:before{content:"";background:var(--c);filter:brightness(1.15);transform-origin:0 100%;border-radius:2px 2px 0 0;height:5px;position:absolute;top:-5px;left:3px;right:-6px;transform:skew(-50deg)}.face{background:var(--c);border-radius:3px;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px #0003}.face:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff24,#0000 18% 82%,#0000002e);position:absolute;inset:0}.art,.art img{width:100%;height:100%;display:block}.art img{object-fit:cover}.label{background:linear-gradient(to bottom, transparent, var(--c) 14px);color:var(--on);padding:18px 8px 8px;display:block;position:absolute;bottom:0;left:0;right:0}.wordmark{letter-spacing:-.005em;text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere;font-size:22px;font-weight:900;font-stretch:66%;line-height:.92;display:block}.host{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:3px;margin-top:4px;font-size:11px;font-weight:700;display:flex}.host .icon{width:11px;height:11px}.sticker{z-index:2;background:var(--tag);max-width:calc(100% - 4px);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%);filter:drop-shadow(0 2px 2px #00000059);border-radius:2px 4px 4px 2px;align-items:center;gap:3px;padding:6px 9px 6px 15px;font-size:13px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:8px;right:-4px;transform:rotate(5deg)}.sticker:before{content:"";background:#00000073;border-radius:50%;width:4px;height:4px;margin-top:-2px;position:absolute;top:50%;left:7px}.sticker .icon{stroke-width:3px;width:13px;height:13px}.sticker.is-new{background:var(--red);color:#fff}.sticker.is-played{background:var(--ok);color:#fff}.sticker.is-soon{background:var(--ink);color:var(--counter)}.lip{z-index:1;height:12px;margin-right:calc(var(--gap) * -1);background:linear-gradient(#b07a45, var(--wood-dark));border-top:3px solid var(--wood-hi);display:block;position:relative;box-shadow:0 7px 10px -5px #3c1e0573}.item:first-child .lip{margin-left:calc(var(--gutter) * -1)}.item:last-child .lip{margin-right:calc(var(--gutter) * -1)}.cap{margin-top:10px;padding-right:6px;display:block}.cap-name{overflow-wrap:anywhere;font-size:15px;font-weight:800;line-height:1.15;display:block}.cap-name .icon{vertical-align:-1px;stroke-width:2.5px;width:13px;height:13px;margin-left:3px}.cap-meta{color:var(--ink-2);align-items:flex-start;gap:6px;margin-top:3px;font-size:13px;line-height:1.25;display:flex}.orient{margin-left:auto;padding-top:1px;display:inline-flex}.orient .icon{stroke-width:1.8px;width:15px;height:15px}@media (hover:hover){.game-link:hover .box{transform:translateY(-4px)}.game-link:hover .cap-name{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}}.foot{max-width:var(--max);padding:0 var(--gutter) calc(40px + env(safe-area-inset-bottom));color:var(--ink-2);margin:26px auto 0;font-size:13px}@media (max-width:479px){.sticker{padding:5px 7px 5px 13px;font-size:12px}}@media (min-width:600px){:root{--gutter:24px;--gap:18px;--visible:3.4}}@media (min-width:800px){:root{--visible:4.3}}@media (min-width:1024px){:root{--gutter:40px;--gap:30px}.top-in{padding-top:16px;padding-bottom:14px}.sign{font-size:40px}.motto{font-size:16px}.shelf{padding:0 var(--gutter);margin-top:34px}.shelf-title{margin:0;font-size:24px}.rail{gap:30px var(--gap);grid-template-columns:repeat(5,minmax(0,1fr));padding:18px 0 0;display:grid;overflow:visible}.lip{height:14px}.item:first-child .lip,.item:nth-child(5n+1) .lip{margin-left:-12px}.item:nth-child(5n) .lip,.item:last-child .lip{margin-right:-12px}.wordmark{font-size:28px}.cap{padding-left:2px}.cap-name{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
