:root{color-scheme:dark;font-family:system-ui,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;color:#f4eedf;background:#122320}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ffd790;outline-offset:4px}
.site{padding:12px max(20px,calc((100% - 1120px)/2));border-bottom:1px solid #ac855759;background:#172b26}
.site a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-weight:800;color:#ffe1a6}.site span{color:#f1ede1}
.hero{position:relative;isolation:isolate;display:grid;align-items:center;min-height:clamp(255px,38svh,410px);overflow:hidden;padding:24px max(20px,calc((100% - 1120px)/2));background:#10201d}
.hero img,.hero::after{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.hero img{object-fit:cover;object-position:64% 47%}.hero::after{content:"";background:linear-gradient(90deg,#10201df9,#10201dd9 42%,#10201d2e 86%)}
.eyebrow{font-weight:800;color:#f5cf89;letter-spacing:.05em}h1,h2,p{margin:0}h1{font-family:"Nanum Myeongjo","Batang",serif;font-size:clamp(2.1rem,5vw,4rem);letter-spacing:-.045em;line-height:1.16;margin:6px 0 12px;word-break:keep-all}.hero p:not(.eyebrow){font-size:clamp(1rem,2vw,1.2rem);max-width:33rem;line-height:1.55}.hero nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;color:#ffe2a6;background:#223e34;border:1px solid #b99b6a;border-radius:7px;font-weight:750}.action:first-child{color:#2b281e;background:#f5d496}
.shelf{width:min(1120px,calc(100% - 40px));margin:22px auto 28px}.shelf h2{font-size:1.55rem;margin-bottom:10px}.cards{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0}.cards li{display:grid}
.card{display:grid;gap:4px;width:100%;min-width:0;min-height:97px;padding:11px 13px;text-align:left;font:inherit;color:#e0e8df;background:#1b3029;border:1px solid #5d7767;border-radius:8px;overflow-wrap:anywhere}
.card small{font-size:.9rem;color:#c1cdbd}.card strong{font-size:clamp(1.05rem,2vw,1.28rem);word-break:keep-all}.card span{font-size:.95rem;line-height:1.4;color:#c1cdbd}.card:disabled{opacity:.84}.card.live{background:#2d4637;border-color:#c3a471}.card.live small,.card.live span{color:#ffe3a8}.card.live:hover{background:#385742}
@media(max-width:650px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero img{object-position:68% center}}
@media(max-width:350px){.cards{grid-template-columns:1fr}.shelf{width:calc(100% - 28px)}}