:root{color-scheme:dark;--bg:#121315;--panel:#242528;--line:#4b4b4f;--text:#faf9f6;--muted:#ceced2;--gold:#f0cf91;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:var(--bg);color:var(--text);font-size:1.125rem;line-height:1.65}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:fixed;left:1rem;top:-6rem;background:var(--gold);color:#111;padding:.75rem 1.25rem;z-index:100}.skip:focus{top:.75rem}
.header{min-height:5.5rem;max-width:1280px;padding:1.125rem 2.5rem;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:700;letter-spacing:.06em;flex-shrink:0}.brand svg{width:2.25rem;height:2.25rem;fill:var(--gold)}.brand b{display:block;font-size:.875rem;font-weight:600;letter-spacing:.18em;color:var(--gold)}nav{display:flex;flex-wrap:wrap;gap:.625rem 1.625rem;font-size:1rem;font-weight:600}nav a{display:flex;align-items:center;min-height:2.75rem;color:#edebea}nav a:hover{color:var(--gold)}
main{max-width:1280px;padding:1.75rem 2.5rem 4rem;margin:auto}.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:13rem;padding:2rem;border:1px solid #715839;border-radius:.625rem;background:#171312 url('/assets/kingdom.webp') right center / auto 100% no-repeat;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171312 0%,rgba(23,19,18,.96) 35%,rgba(23,19,18,.15) 100%)}.hero-content{position:relative;max-width:75%}.eyebrow{color:var(--gold);font-size:.875rem;font-weight:700;letter-spacing:.12em;margin:0 0 .5rem}.hero h1{font-size:clamp(1.75rem,3.8vw,3rem);font-weight:750;line-height:1.3;letter-spacing:-.025em;margin:0;word-break:keep-all;overflow-wrap:anywhere}.hero-text{font-size:1.125rem;color:#eeebe6;margin:.625rem 0 0}.catalog-intro{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:2.5rem 0 1.5rem}.catalog-intro h2{font-size:1.375rem;font-weight:700;margin:0}.collection-count{font-size:1rem;color:var(--muted);white-space:nowrap}.collection-count b{color:var(--text)}
.category{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line);scroll-margin-top:1.5rem}.category:first-child{margin-top:0;padding-top:0;border:0}.section-heading{margin-bottom:1.25rem}.section-heading h2{font-size:1.75rem;line-height:1.35;font-weight:750;margin:0;letter-spacing:-.02em}.category-description{font-size:1rem;color:var(--muted);margin:.375rem 0 0}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.survival-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{--accent:var(--gold);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:.625rem;min-width:0;transition:border-color .18s,background .18s}.card.available:hover{border-color:var(--accent);background:#2e2f32}.card-body{display:flex;flex-direction:column;flex:1;padding:1.5rem}.badge{align-self:flex-start;display:inline-block;padding:.2rem .65rem;margin-bottom:1rem;border:1px solid #67666b;border-radius:.25rem;color:#e0dfe3;background:#323238;font-size:.875rem;font-weight:600;line-height:1.5}.badge-open{color:#ffe0a6;background:#3d3324;border-color:#968056}.card h3{font-family:inherit;font-size:1.625rem;font-weight:750;line-height:1.4;margin:0 0 .35rem;letter-spacing:-.015em;word-break:keep-all;overflow-wrap:anywhere}.card .subtitle{font-size:1rem;color:#e1dfe1;margin:0 0 1rem;line-height:1.6}.card .description{font-size:1rem;color:var(--muted);line-height:1.75;margin:0 0 1.5rem;word-break:keep-all;overflow-wrap:anywhere}.card-bottom{display:flex;flex-direction:column;gap:1rem;margin-top:auto;border-top:1px solid var(--line);padding-top:1rem}.card .domain{color:#c9c9ce;font-size:.875rem;line-height:1.6;margin:0;overflow-wrap:anywhere}.card-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.875rem;padding:.6rem .875rem;background:#efd19d;color:#20190f;border-radius:.3rem;font-size:1rem;font-weight:700}.card-action span{font-size:1.3rem;line-height:1}.coming-soon{background:#202124}.coming-soon h3{color:#f0eef0}
.profile{padding:1.5rem 1.75rem;flex-direction:row;align-items:center;gap:1.5rem;border-top-width:1px;background:#28251f}.profile .profile-monogram{width:4.25rem;height:4.25rem;border:1px solid #9a8051;border-radius:.35rem;display:grid;place-items:center;flex:none;font:2.625rem/1 Georgia,serif;color:var(--gold)}.profile .profile-copy{flex:1;min-width:0}.profile .subtitle{font-size:.875rem;color:var(--gold);font-weight:600;letter-spacing:.045em;margin:0 0 .25rem}.profile h3{font-size:1.625rem;margin:0 0 .4rem}.profile .description{margin:0;font-size:1rem}.profile .profile-link{display:flex;flex-direction:column;gap:.75rem;min-width:12rem}.profile .domain{text-align:right}.profile .card-action{font-size:1rem}
footer{border-top:1px solid var(--line);max-width:1200px;margin:auto;padding:1.75rem 0 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;font-size:.875rem;color:var(--muted)}.footer-brand{color:#e0c59b;font-weight:600;letter-spacing:.04em}.footer-brand span{display:block;font-size:.875rem;color:var(--muted);margin-top:.15rem}footer p{font-size:1rem;margin:0}.accent-red{--accent:#e6948f}.accent-silver{--accent:#d8d3c9}.accent-purple{--accent:#c5acec}.accent-orange{--accent:#f2b779}.accent-green{--accent:#b2cca2}.accent-blue{--accent:#aebfed}.accent-pink{--accent:#dcafc7}
@media(max-width:1279px){footer{margin-inline:2.5rem}}
@media(max-width:1000px){.header{gap:1.5rem}nav{gap:.5rem 1rem}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile{flex-wrap:wrap}.profile .profile-link{width:100%;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:1rem}.profile .card-action{min-width:12rem}.profile .domain{text-align:left}}
@media(max-width:760px){.header{padding:1rem 1.25rem .75rem;flex-wrap:wrap;gap:.75rem}.brand{width:100%}.brand b{display:inline;margin-left:.4rem;font-size:.875rem;letter-spacing:.08em}.brand svg{width:1.875rem;height:1.875rem}nav{width:100%;justify-content:flex-start;gap:.25rem 1.125rem;font-size:1rem}main{padding:1.25rem 1.25rem 2.5rem}.hero{min-height:11.5rem;padding:1.5rem}.hero::before{background:linear-gradient(90deg,#171312 0%,rgba(23,19,18,.92) 45%,rgba(23,19,18,.58) 100%)}.hero-content{max-width:100%}.hero h1{font-size:clamp(1.75rem,5.4vw,2.375rem)}.hero-text{font-size:1rem}.catalog-intro{margin:1.75rem 0 1.25rem}.catalog-intro h2{font-size:1.25rem}.collection-count{font-size:.875rem}.category{margin-top:2.25rem;padding-top:1.75rem}.section-heading h2{font-size:1.625rem}.game-grid,.survival-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.card-body{padding:1.375rem}.card h3{font-size:1.5rem}.card .subtitle,.card .description{font-size:1rem}.card-bottom{gap:.875rem}.profile{padding:1.25rem;gap:1rem}.profile .profile-monogram{width:3.25rem;height:3.75rem;font-size:2rem}.profile h3{font-size:1.375rem}.profile .subtitle{font-size:.875rem;letter-spacing:0}.profile .profile-link{flex-direction:column;align-items:stretch;min-width:0}.profile .card-action{min-width:0}footer{margin-inline:1.25rem;padding:1.5rem 0 2rem;flex-wrap:wrap;gap:1rem}footer p{order:3;width:100%;font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}