:root{--paper:#f6f4ee;--ink:#182723;--muted:#748079;--line:#dce0d5;--green:#165543;--lime:#d4f675;--white:#fffef9;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,a{touch-action:manipulation}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em;line-height:1.25}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #488c63}.skip-link{z-index:100;background:var(--lime);padding:10px;position:absolute;top:-70px;left:12px}.skip-link:focus{top:10px}.site-header{background:var(--paper);z-index:20;border-bottom:1px solid var(--line);position:relative}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1320px;margin:auto;padding:23px 40px;display:flex}.wordmark{letter-spacing:-1px;align-items:center;gap:10px;font-size:23px;font-weight:900;line-height:1;display:flex}.wordmark-light{font-weight:450}.wordmark small{letter-spacing:1.2px;margin-top:8px;font-size:9px;font-weight:600;display:block}.brand-symbol{background:var(--ink);width:39px;height:42px;color:var(--lime);border-radius:10px;place-items:center;display:grid;transform:rotate(-6deg)}.main-nav{gap:34px;font-size:14px;font-weight:700;display:flex}.main-nav a{position:relative}.main-nav a.active:after{content:"";background:var(--green);height:3px;position:absolute;bottom:-12px;left:0;right:0}.header-actions{align-items:center;gap:22px;display:flex}.my-decks-link{align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.button{border:1px solid var(--line);background:var(--white);border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:13px 20px;font-size:14px;font-weight:700;line-height:1.35;transition:transform .15s,background .15s;display:inline-flex}.button:hover{background:#ebeede;transform:translateY(-1px)}.button.primary{background:var(--ink);color:var(--white);border-color:var(--ink)}.button.primary:hover{background:var(--green)}.button.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.secondary{background:0 0}.button.compact{padding:10px 14px;font-size:12px}.button.danger{color:#a93431}.release-strip{letter-spacing:.03em;background:#e8ecdf;justify-content:space-between;align-items:center;padding:7px max(40px,50vw - 620px);font-size:10px;display:flex}.release-strip span,.release-strip a{align-items:center;gap:7px;display:flex}.release-strip i{background:var(--green);border-radius:50%;width:6px;height:6px}.page-shell{max-width:1320px;min-height:65vh;margin:auto;padding:48px 40px 80px}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--green);align-items:center;gap:10px;margin-bottom:15px;font-size:10px;font-weight:750;display:flex}.eyebrow:before{content:"";background:currentColor;width:20px;height:1px}.page-title{letter-spacing:-.05em;font-size:42px}.muted{color:var(--muted)}.page-description{color:var(--muted);max-width:640px;margin-top:14px;font-size:14px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin:42px 0 24px;display:flex}.section-heading h2{font-size:27px}.section-heading p{color:var(--muted);margin-top:7px;font-size:13px}.text-link{align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.badge{letter-spacing:.02em;background:#e9ecdf;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:700;line-height:1.5;display:inline-flex}.badge.lime{background:var(--lime)}.badge.warn{color:#8b4826;background:#f8e4d2}.badge.dark{background:var(--ink);color:#fff}.field{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);border-radius:8px;padding:11px 13px}.field-label{margin-bottom:7px;font-size:12px;font-weight:650;display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:28px 0;display:flex}.search-field{flex:1;min-width:200px;position:relative}.search-field svg{color:var(--muted);position:absolute;top:13px;left:14px}.search-field input{padding-left:42px}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{border:1px solid var(--line);background:0 0;border-radius:7px;padding:9px 15px;font-size:12px;font-weight:650}.tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.empty-state{text-align:center;border:1px dashed var(--line);border-radius:12px;padding:70px 20px}.empty-state h2{margin:15px 0 10px;font-size:21px}.empty-state p{color:var(--muted);margin-bottom:22px}.notice{background:#edf1e3;border:1px solid #d7e0c7;border-radius:9px;padding:14px 17px;font-size:12px;line-height:1.7}.notice.error{color:#8d3527;background:#fff0e9;border-color:#efd0c1}.status-message{color:var(--green);min-height:22px;margin-top:10px;font-size:12px}.status-message.error{color:#a23227}.row{align-items:center;gap:12px;display:flex}.spread{justify-content:space-between}.stack{gap:16px;display:grid}.divider{background:var(--line);border:0;height:1px;margin:26px 0}.site-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:28px;max-width:1240px;margin:0 auto;padding:36px 0 26px;display:flex}.footer-brand{letter-spacing:-1px;font-size:20px;font-weight:900}.footer-brand span{letter-spacing:0;margin-left:16px;font-size:11px;font-weight:500}.site-footer p{color:var(--muted);margin-top:8px;font-size:11px}.footer-links{align-items:center;gap:20px;font-size:11px;display:flex}.legal-note{border-top:1px solid var(--line);width:100%;padding-top:20px;font-size:9px!important}.prose{max-width:740px}.prose h2{margin:36px 0 14px;font-size:24px}.prose p,.prose li{color:#59665d;font-size:14px;line-height:1.9}.prose a{text-underline-offset:3px;text-decoration:underline}.breadcrumbs{color:var(--muted);align-items:center;gap:8px;margin-bottom:24px;font-size:11px;display:flex}.deck-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.deck-tile{border:1px solid var(--line);background:var(--white);border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.deck-tile:hover{transform:translateY(-4px);box-shadow:0 12px 25px #1827230a}.deck-art{background:#223d36;height:165px;position:relative;overflow:hidden}.deck-art:after{content:"";background:linear-gradient(90deg,#0d211ccc,#0000 90%),linear-gradient(#0000,#11251c66);position:absolute;inset:0}.deck-art img{object-fit:cover;object-position:50% 30%;opacity:.85;width:100%;height:100%;transition:transform .4s}.deck-tile:hover .deck-art img{transform:scale(1.04)}.deck-art-label{z-index:1;color:#fff;position:absolute;bottom:17px;left:21px}.deck-art-label small{letter-spacing:2px;opacity:.7;font-size:9px}.deck-art-label h3{margin-top:5px;font-size:28px}.deck-tile-body{padding:18px 20px}.deck-tile-body h3{margin:12px 0;font-size:16px}.deck-tile-meta{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:8px;padding-top:13px;font-size:10px;display:flex}.domains{align-items:center;gap:5px;display:flex}.domain-dot{border:1px solid #0001;border-radius:50%;width:9px;height:9px;display:inline-block}.card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 16px;display:grid}.card-image{aspect-ratio:744/1039;object-fit:contain;background:#e6e7df;border-radius:9px;width:100%;height:auto}.catalog-card{min-width:0}.catalog-card button{text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.catalog-card h3{letter-spacing:-.02em;margin-top:10px;font-size:12px}.catalog-card p{color:var(--muted);margin-top:3px;font-size:10px}.catalog-card button:hover img{box-shadow:0 4px 18px #18272333}.chip{border:1px solid var(--line);background:0 0;border-radius:20px;padding:5px 10px;font-size:11px}.chip.active{border-color:var(--green);background:#e4eddb}.card-modal{background:var(--paper);width:calc(100% - 32px);max-width:760px;color:var(--ink);border:0;border-radius:15px;padding:26px}.card-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1816b8}.card-modal-inner{grid-template-columns:1fr 1fr;gap:28px;display:grid}.card-modal h2{margin:12px 0;font-size:26px}.card-modal p{white-space:pre-wrap;font-size:13px;line-height:1.9}.icon-button{border:1px solid var(--line);background:var(--white);border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (min-width:1500px){.page-shell{padding-top:60px}}@media (max-width:1000px){.header-inner{padding:20px 24px}.page-shell{padding:35px 24px 60px}.main-nav{gap:22px}.site-footer{margin:0 24px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.release-strip{padding:7px 24px}}@media (max-width:640px){.header-inner{flex-wrap:wrap;gap:12px;padding:16px 18px}.wordmark{font-size:21px}.header-actions{gap:14px}.my-decks-link span{display:none}.main-nav{order:3;justify-content:center;gap:42px;width:100%;padding-top:14px;font-size:12px}.main-nav a.active:after{bottom:-6px}.release-strip{padding:6px 18px;font-size:9px}.page-shell{padding:29px 18px 48px}.page-title{font-size:32px}.page-description{font-size:12px}.deck-grid{grid-template-columns:1fr;gap:16px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 9px}.catalog-card h3{font-size:11px}.catalog-card p{font-size:9px}.section-heading{margin:32px 0 20px}.section-heading h2{font-size:23px}.section-heading p{font-size:11px}.button{padding:12px 15px;font-size:12px}.panel{padding:18px}.site-footer{margin:0 18px;padding-top:28px}.footer-links{flex-wrap:wrap;gap:15px;font-size:10px}.card-modal-inner{grid-template-columns:1fr}.card-modal-inner>img{width:auto;max-height:360px;margin:auto}.card-modal{padding:20px}.toolbar{gap:8px}.toolbar select{flex:1;min-width:110px}.tab{padding:8px 11px;font-size:11px}}
