@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root{--ink:#352447;--paper:#f5dec8;--pink:#ee82a4;--mint:#a3d4bc;--blue:#77c2d5;--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'DM Sans','Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #aa3972;outline-offset:4px}::selection{background:var(--pink);color:var(--ink)}.world{position:relative;isolation:isolate;height:96svh;min-height:650px;max-height:1000px;overflow:hidden;background:#a0ced5}.hero-drawing{position:absolute;inset:-10px -8px -30px;transform:translate3d(0,calc(var(--scroll)*40px),0)}.hero-drawing img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;animation:drawing-breathe 14s ease-in-out infinite alternate;transform-origin:center 70%}.world h1{position:absolute;top:30px;left:0;right:0;margin:0;text-align:center;font-family:'Dela Gothic One',sans-serif;font-size:clamp(35px,11vw,68px);font-weight:400;letter-spacing:-.075em;line-height:1.3;color:#fcf0dd;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:3px 4px 0 var(--ink);transform:rotate(-3deg);animation:name-drift 8s ease-in-out infinite alternate;z-index:3}.hero-edge{position:absolute;left:0;right:0;bottom:-1px;height:8px;border-bottom:3px solid var(--ink);background:var(--mint);clip-path:polygon(0 30%,9% 60%,20% 15%,36% 60%,48% 20%,64% 40%,79% 5%,92% 45%,100% 25%,100% 100%,0 100%);z-index:4}.archive{padding:30px 18px 36px;background:var(--mint);position:relative;isolation:isolate;overflow:hidden;border-bottom:2px solid var(--ink)}.archive:before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(112deg,transparent 0 22px,#3524470b 22px 23px);z-index:-1}.archive-title{max-width:820px;margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.archive-title h2{font-family:'Dela Gothic One',sans-serif;font-size:39px;font-weight:400;line-height:1.1;letter-spacing:-.065em;margin:0;transform:rotate(-3deg);color:var(--ink)}.archive-count{font-size:26px;line-height:1;display:flex;flex-direction:column;text-align:right;font-weight:700}.archive-count span{font-size:10px;font-weight:400;margin-top:5px}.game-cabinet{max-width:820px;margin:auto;background:var(--paper);border:2px solid var(--ink);border-radius:5px 9px 4px 7px;box-shadow:4px 5px 0 #5f7e6e;padding-top:3px}.game-list{margin:0 12px 10px;border-top:1px solid var(--ink)}.game-row{display:grid;grid-template-columns:55px minmax(0,1fr) 38px;gap:10px;align-items:center;border-bottom:1px solid #b6a4b3;padding:12px 0;min-height:90px;animation:entry .4s both;animation-delay:calc(var(--i)*60ms)}.game-row:last-child{border-bottom:0}.game-thumb{width:55px;height:62px;display:block;background:#29243b;border:1px solid var(--ink);overflow:hidden}.game-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s}.game-thumb.night img{object-fit:contain}.game-row:hover img{transform:scale(1.08)}.game-title{display:block;font-size:14px;font-weight:700;line-height:1.5;letter-spacing:-.03em}.game-meta{font-size:10px;line-height:1.5;color:#7c6078;margin-top:4px}footer{padding:23px 20px calc(25px + env(safe-area-inset-bottom));background:var(--ink);color:var(--paper);text-align:center}footer>span{font-family:'Dela Gothic One',sans-serif;font-size:19px;letter-spacing:-.06em}.footer-checker{display:none}.close-.paused *,.paused *:before{animation-play-state:paused!important}.paused .hero-drawing{transform:none}.paused .game-row{animation:none!important;opacity:1;translate:0 0}@keyframes name-drift{from{translate:0 0;rotate:-1deg}to{translate:0 5px;rotate:1deg}}@keyframes drawing-breathe{from{scale:1}to{scale:1.025}}@keyframes entry{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(min-width:700px){.world{height:105svh;min-height:800px;max-height:1200px;background:var(--blue)}.hero-drawing{left:12%;right:12%;border-inline:2px solid var(--ink)}.hero-drawing img{object-position:center 45%}.world h1{font-size:95px;top:40px}.archive{padding:45px 35px}.archive-title h2{font-size:55px}.archive-count{font-size:35px}.game-list{margin:0 23px 15px}.game-row{grid-template-columns:85px minmax(0,1fr) 44px;gap:20px;min-height:110px}.game-thumb{width:85px;height:75px}.game-title{font-size:19px}.game-meta{font-size:12px}}@media(max-width:350px){.world{min-height:610px}.world h1{font-size:35px;top:28px}.archive{padding-inline:12px}.archive-title h2{font-size:35px}.game-list{margin-inline:10px}.game-row{grid-template-columns:44px minmax(0,1fr) 33px;gap:7px}.game-thumb{width:44px;height:55px}.game-title{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}.hero-drawing{transform:none}}

.game-list{border-top:0;margin:4px 14px}.game-row{grid-template-columns:55px minmax(0,1fr) 44px}.game-meta{display:block}.play-label{font-size:12px;font-weight:600;display:grid;place-items:center;min-height:40px;background:var(--pink);border:1px solid var(--ink);border-radius:3px}.game-row:hover .play-label{background:#f4afc5}.game-row:focus-visible{outline-offset:2px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px}footer>a{font-size:12px;padding:10px 0}@media(min-width:700px){.game-list{margin:5px 23px}.game-row{grid-template-columns:85px minmax(0,1fr) 50px}.play-label{font-size:14px}footer{padding-inline:5%}}@media(max-width:350px){.game-list{margin-inline:10px}.game-row{grid-template-columns:44px minmax(0,1fr) 40px;gap:7px}.play-label{font-size:11px}}

/* Games are loose cartridges rather than boxed cards. */
.archive-count{display:none}.game-cabinet{background:none;border:0;border-radius:0;box-shadow:none;padding:0}.game-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px;margin:0;border:0;padding:5px 3px 0}.game-row{display:flex;flex-direction:column;gap:2px;align-items:center;min-height:0;border:0;padding:0;background:none;transform:rotate(var(--tilt));transition:transform .25s ease}.game-row:hover{transform:rotate(0deg) translateY(-5px)}.game-row:active{transform:rotate(0deg) scale(.96)}.cartridge{display:block;width:100%;aspect-ratio:1;position:relative;filter:drop-shadow(3px 5px 0 #35244722)}.cartridge-shell{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.cartridge-label{position:absolute;left:13%;top:27%;width:74%;height:40%;object-fit:cover;border:1px solid #352447;transform:none!important}.game-title{font-size:13px;font-weight:600;line-height:1.5;text-align:center;margin:0;max-width:100%;padding:0 3px}.game-row:hover img{transform:none}.archive{padding-bottom:42px}@media(min-width:700px){.game-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 25px;padding-top:10px}.game-title{font-size:14px}.archive{padding-bottom:55px}}@media(max-width:350px){.game-list{gap:18px 10px}.game-title{font-size:12px}}

.cartridge-label{left:9.7%;top:28.2%;width:80.6%;height:37.1%;border:0;object-fit:contain;background:#bcb7d0}

.cartridge{isolation:isolate}.cartridge-shell{z-index:0}.cartridge-tint{position:absolute;inset:0;background:var(--shell-color);mix-blend-mode:multiply;z-index:1;-webkit-mask:url(famicom-shell.webp) center/contain no-repeat;mask:url(famicom-shell.webp) center/contain no-repeat;pointer-events:none}.cartridge-label{z-index:2}

.cartridge{aspect-ratio:1.3}.cartridge-shell{object-fit:fill}.cartridge-tint{-webkit-mask-size:100% 100%;mask-size:100% 100%}.cartridge-label{left:20.8%;top:27.6%;width:58.4%;height:39.8%;object-fit:contain;background:none;border-radius:3px}
.cartridge-label{left:11.3%;top:26.6%;width:77.4%;height:52.8%;object-fit:contain;border-radius:3px}