@font-face{font-family:Pixel;src:url('/assets/fonts/PressStart2P-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:KoreanPixel;src:url('/assets/fonts/Galmuri11.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{font-family:Arial,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;font-size:16px;color:#262337;background:#eff1f5;color-scheme:light;--ink:#262337;--paper:#eff1f5;--mint:#a2efad;--yellow:#ffdc64;--blue:#8fcaff;--pink:#ffacc6;--purple:#c3b1f2}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background-image:radial-gradient(#c4c8d4 .8px,transparent .8px);background-size:8px 8px}a{color:inherit}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #5141c9;outline-offset:7px}[hidden]{display:none!important}.wrap{width:min(1380px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;padding:14px;background:var(--yellow);border:3px solid var(--ink);z-index:20;transform:translateY(-200%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:40px 32px;border-bottom:3px solid var(--ink)}.brand{font-family:Pixel,monospace;font-size:clamp(1.125rem,2.4vw,2rem);font-weight:400;line-height:1.6;margin:0}.brand a{text-decoration:none;display:flex;align-items:center;gap:14px}.brand-the{font-size:.75rem;line-height:1.6;background:var(--yellow);padding:7px 5px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.brand-ad{color:#5742c8}.brand-dot{width:8px;height:8px;background:#f4739c;align-self:flex-end;margin-bottom:8px}.edition{font-family:Pixel,monospace;font-size:.75rem;line-height:1.6;padding:10px 12px;background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}main.wrap{flex:1;padding-block:48px 44px}.collection{scroll-margin-top:24px}.game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;align-items:stretch}.game-slot{min-width:0;background:var(--card-color);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column;--card-color:var(--mint)}.slot-2{--card-color:var(--yellow)}.slot-3{--card-color:var(--blue)}.slot-4{--card-color:var(--purple)}.slot-5{--card-color:var(--pink)}.game-card{text-decoration:none;transition:transform .14s steps(2,end),box-shadow .14s steps(2,end)}.slot-top{height:36px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:3px solid var(--ink)}.slot-number{font-family:Pixel,monospace;font-size:.75rem;line-height:1.5}.pixel-ticks{display:block;width:4px;height:12px;background:var(--ink);box-shadow:-8px 0 0 var(--ink)}.card-preview{aspect-ratio:9/16;position:relative;overflow:hidden;background:#202b31;flex:none}.card-preview img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.card-caption{min-height:84px;flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 12px;border-top:3px solid var(--ink)}.card-caption h2{font-family:Pixel,monospace;font-size:.875rem;font-weight:400;line-height:1.8;margin:0;min-width:0}.play-icon{width:32px;height:32px;flex:none;border:2px solid var(--ink);background:var(--paper);display:grid;place-items:center;box-shadow:2px 2px 0 var(--ink)}.play-icon::before{content:"";width:12px;height:16px;background:var(--ink);clip-path:polygon(0 0,33% 0,33% 25%,66% 25%,66% 38%,100% 38%,100% 62%,66% 62%,66% 75%,33% 75%,33% 100%,0 100%)}.empty-slot{border-color:#8d899e;box-shadow:5px 5px 0 #b8b5c6;background:color-mix(in srgb,var(--card-color) 28%,var(--paper));user-select:none}.empty-slot .slot-top,.empty-slot .card-caption{border-color:#c0bacc}.empty-slot .card-preview{background-color:color-mix(in srgb,var(--card-color) 18%,var(--paper));background-image:radial-gradient(#b8b1ca 1px,transparent 1px);background-size:8px 8px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px 30px;border-top:2px solid #c4c3cf}.site-footer a{font-size:.875rem;color:#575268;text-underline-offset:4px;padding:8px 0}.color-strip{display:flex;gap:5px}.color-strip i{width:14px;height:14px;background:var(--mint);border:2px solid var(--ink)}.color-strip i:nth-child(2){background:var(--yellow)}.color-strip i:nth-child(3){background:var(--blue)}.color-strip i:nth-child(4){background:var(--purple)}.color-strip i:nth-child(5){background:var(--pink)}
@media(hover:hover){.game-card:hover{transform:translate(-2px,-5px);box-shadow:7px 10px 0 var(--ink)}.game-card:hover .play-icon{background:var(--ink)}.game-card:hover .play-icon::before{background:var(--card-color)}}.game-card:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-actions .edition{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;white-space:nowrap}.header-actions .update-link{background:var(--purple)}.header-actions .update-link:hover{background:var(--pink)}.header-actions .update-link:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.update-grid{margin-top:32px}
@media(max-width:600px){.site-header{flex-wrap:wrap}.header-actions{margin-left:auto}.update-grid{margin-top:28px}}
.site-header-tagline{flex-wrap:wrap;row-gap:24px}.brand-lockup{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;max-width:100%}.pixel-tagline{flex:none;margin:0;padding:0 4px 0 0;text-align:right;font-family:KoreanPixel,monospace;font-size:1.05rem;font-weight:400;line-height:1.6;transform:translateY(8px)}.tagline-letters{display:inline-flex;align-items:center;gap:9.8px}.tagline-word{display:inline-flex;gap:2.1px;white-space:nowrap}.tagline-word>span{display:inline-block;min-width:1em;text-align:center;color:var(--letter-color);transform:translateY(var(--letter-y)) rotate(var(--letter-angle));text-shadow:-1px 0 var(--ink),1px 0 var(--ink),0 -1px var(--ink),0 1px var(--ink),2px 3px var(--ink)}
.tagline-word:nth-child(1)>span:nth-child(1){--letter-color:#ffda55;--letter-y:3px;--letter-angle:-12deg}.tagline-word:nth-child(1)>span:nth-child(2){--letter-color:#ff80ab;--letter-y:-4px;--letter-angle:8deg}.tagline-word:nth-child(1)>span:nth-child(3){--letter-color:#91d9ff;--letter-y:4px;--letter-angle:-6deg}
.tagline-word:nth-child(2)>span:nth-child(1){--letter-color:#b49aff;--letter-y:-6px;--letter-angle:10deg}.tagline-word:nth-child(2)>span:nth-child(2){--letter-color:#8fe7a6;--letter-y:2px;--letter-angle:-11deg}.tagline-word:nth-child(2)>span:nth-child(3){--letter-color:#ffda55;--letter-y:5px;--letter-angle:5deg}
.tagline-word:nth-child(3)>span:nth-child(1){--letter-color:#ff9580;--letter-y:-3px;--letter-angle:-9deg}.tagline-word:nth-child(3)>span:nth-child(2){--letter-color:#91d9ff;--letter-y:4px;--letter-angle:12deg}.tagline-word:nth-child(3)>span:nth-child(3){--letter-color:#d6a0ef;--letter-y:-4px;--letter-angle:-5deg}
@media(max-width:600px){.brand-lockup{gap:12px}.pixel-tagline{margin-left:auto}}
/* The release archive keeps its existing filtering and deep links. */
.updates-main{max-width:1000px}.updates-intro h1{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.4;margin:0 0 28px}.updates-toolbar{margin-bottom:28px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button,.browse-button{min-height:44px;background:var(--paper);border:2px solid var(--ink);padding:10px 14px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);font-size:.875rem}.filters button[aria-pressed=true]{background:var(--yellow)}#update-status{font-size:.875rem;color:#575268;margin-top:22px}.update-list{display:grid;gap:24px}.update-entry{display:grid;grid-template-columns:140px 1fr;gap:26px;border-top:3px solid var(--ink);padding-block:24px;scroll-margin-top:24px}.update-date{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-family:monospace;font-size:.875rem}.update-kind{font-family:Arial,"Malgun Gothic",sans-serif;background:var(--purple);padding:5px 8px;border:1px solid var(--ink);font-size:.875rem}.update-targets{margin:0 0 12px;color:#575268;font-size:.875rem}.update-body h2{font-size:1.25rem;line-height:1.5;margin:0 0 14px}.update-body h2 a{text-decoration:none}.update-summary,.update-changes{line-height:1.8;margin-top:12px}.update-changes{padding-left:20px}.update-changes li+li{margin-top:8px}.update-play-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.update-play-links a{border:2px solid var(--ink);background:var(--mint);padding:10px 12px;min-height:44px;text-decoration:none;font-size:.875rem}.updates-empty{padding:28px;border:2px dashed #8d899e;line-height:1.7}.updates-empty h2{font-size:1.25rem}
@media(min-width:1500px){main.wrap{padding-top:64px}}
@media(max-width:1150px) and (min-width:901px){.wrap{width:calc(100% - 48px)}.game-grid{gap:14px}.card-caption{padding-inline:8px;flex-wrap:wrap;align-content:space-between;min-height:112px}.card-caption h2{width:100%}.play-icon{width:28px;height:28px}}
@media(max-width:900px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.wrap{width:calc(100% - 48px)}.site-header{padding-block:28px}.card-caption{min-height:88px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.site-header{padding-block:24px 22px;gap:12px}.brand{font-size:1.125rem}.brand a{gap:8px}.brand-dot{width:6px;height:6px;margin-bottom:5px}.edition{font-size:.75rem;padding:8px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}main.wrap{padding-block:30px}.slot-top{height:32px;padding-inline:9px}.card-caption{padding:12px 8px;min-height:105px;flex-wrap:wrap;align-content:space-between;gap:8px}.card-caption h2{font-size:.875rem;width:100%}.play-icon{width:28px;height:28px}.site-footer{padding-block:18px 24px}.update-entry{grid-template-columns:1fr;gap:16px}.update-date{flex-direction:row;align-items:center}.updates-main{padding-top:32px}}
@media(max-width:359px){.brand{font-size:1rem}.brand a{gap:6px}.edition{padding:6px}.game-grid{grid-template-columns:1fr}.card-caption{min-height:76px;flex-wrap:nowrap}.card-caption h2{width:auto}.game-slot{max-width:280px;width:100%;justify-self:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
