@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f4f3ed;--ink:#242721;--muted:#797b70;--orange:#f05b30;--line:#dcded2;--green:#dde4d5;--white:#fffef9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:14px;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}input:focus,textarea:focus,select:focus{outline:2px solid var(--orange);outline-offset:2px}.demo-bar{background:#e5e8dd;text-align:center;padding:9px 16px;font-size:10px;letter-spacing:.12em;font-weight:700}.demo-bar span{margin-left:18px;font-size:11px;letter-spacing:-.02em;font-weight:400}header{max-width:1320px;margin:auto;height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:35px;font-weight:800;letter-spacing:-2.4px;display:inline-flex;align-items:center}.brand-dot{font-size:34px;color:var(--orange);margin-left:3px}nav{display:flex;gap:34px;font-size:13px;font-weight:500}nav a{position:relative}nav a.active:after{content:'';height:4px;width:4px;border-radius:100%;background:var(--orange);position:absolute;bottom:-12px;left:50%}.button{border:1px solid var(--ink);display:inline-flex;justify-content:center;align-items:center;gap:32px;padding:17px 24px;border-radius:7px;font-weight:600;background:transparent;transition:transform .15s,background .15s;font-size:14px}.button:hover{transform:translateY(-2px);background:#e9e9df}.button.dark{background:var(--ink);color:white}.button.orange{background:var(--orange);border-color:var(--orange);color:white}.button.small{padding:12px 18px;font-size:12px;gap:22px}.button.white{background:var(--white);border:0}main{min-height:60vh}.wrap{max-width:1224px;margin:auto;padding:0 0}.hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:55px;padding:68px 0 58px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;display:flex;align-items:center;gap:9px}.pill{font-size:10px;background:#e1e7d9;border-radius:30px;padding:7px 10px;letter-spacing:.05em;white-space:nowrap}.live-dot{height:6px;width:6px;background:var(--orange);border-radius:50%}.hero h1{font-size:64px;font-weight:700;letter-spacing:-.067em;line-height:1.22;margin:26px 0 24px}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{line-height:1.9;font-size:15px;color:#707366;margin:0 0 32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-foot{display:flex;align-items:center;gap:12px;margin-top:34px;font-size:11px;color:var(--muted)}.avatars{display:flex}.avatar{border:2px solid var(--paper);border-radius:50%;width:30px;height:30px;background:#d8dfd0;display:grid;place-items:center;color:#52594d;font-size:10px;font-weight:700;margin-left:-6px}.avatar:first-child{margin:0}.art{background:#e1e7d9;border-radius:14px;position:relative;aspect-ratio:1.12;overflow:hidden}.art svg{width:100%;height:100%;display:block}.art-label{position:absolute;top:24px;left:26px;font-size:11px;letter-spacing:.14em;font-weight:700}.art-caption{position:absolute;bottom:24px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:end;font-size:10px;letter-spacing:.1em}.art-caption strong{font-size:23px;letter-spacing:-.04em;display:block;margin-top:4px}.strip{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;border:1px solid var(--line);border-radius:9px;padding:27px 30px;gap:24px;align-items:center;background:#efefe7}.strip>div+div{border-left:1px solid var(--line);padding-left:28px}.strip small{font-size:10px;color:var(--muted);display:block;margin-bottom:7px}.strip b{font-size:14px;font-weight:600}.strip .season{display:flex;gap:14px;align-items:center;font-size:20px;font-weight:700}.season-square{width:42px;height:42px;display:grid;place-items:center;background:var(--orange);color:white;border-radius:8px;font-size:23px}section{padding:76px 0}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:29px;gap:20px}.section-top h2{font-size:30px;font-weight:600;margin:10px 0 0;letter-spacing:-.05em}.section-top p{color:var(--muted);line-height:1.8;margin:9px 0 0}.text-link{font-size:12px;display:inline-flex;gap:20px;border-bottom:1px solid var(--ink);padding-bottom:6px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{border:1px solid var(--line);border-radius:10px;padding:27px;display:flex;flex-direction:column;min-height:220px;background:var(--white)}.feature-icon{width:39px;height:39px;display:grid;place-items:center;font-size:24px;background:#eceee5;border-radius:9px;margin-bottom:25px}.feature-card h3{font-size:18px;font-weight:600;margin:0 0 11px}.feature-card p{color:var(--muted);line-height:1.8;margin:0}.feature-card .bottom{display:flex;justify-content:space-between;margin-top:27px;font-size:10px;color:var(--muted);letter-spacing:.12em}.feature-card:hover{border-color:#8a9580}.games{padding-top:0}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.game-art{height:200px;border-radius:10px;position:relative;overflow:hidden;display:grid;place-items:center}.game-art svg{height:100%;width:100%}.game-art .number{position:absolute;top:17px;left:19px;font-size:10px;letter-spacing:.1em}.game-card h3{font-size:19px;margin:18px 0 9px}.game-card p{color:var(--muted);line-height:1.7;font-size:12px;margin:0}.tags{display:flex;gap:7px;margin-top:15px}.tag{border:1px solid var(--line);font-size:10px;padding:4px 8px;border-radius:4px;color:#6c7163}.closing{background:var(--ink);border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:38px 42px;color:var(--paper);margin-bottom:65px;gap:24px}.closing h2{font-size:27px;margin:8px 0 9px}.closing p{color:#b6bcae;font-size:13px;margin:0}.closing .eyebrow{color:#bac3ad}footer{max-width:1224px;margin:auto;padding:33px 0 25px;border-top:1px solid var(--line)}footer .brand{font-size:26px}footer .brand-dot{font-size:25px}footer p{font-size:11px;color:var(--muted);margin:9px 0 30px}footer>div{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.page{padding:55px 0 75px}.page-head{margin-bottom:35px}.page-head h1{font-size:42px;letter-spacing:-.06em;margin:13px 0}.page-head p{color:var(--muted);line-height:1.9}.notice{background:#e9ecdf;padding:15px 19px;border-radius:7px;color:#67705b;line-height:1.8;font-size:12px;margin:0 0 25px}.form-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:32px;align-items:start}.panel{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:30px}.panel h2{margin:0 0 22px;font-size:22px}.field{display:block;font-weight:500;font-size:13px;margin:0 0 22px}.field input,.field select,.field textarea{width:100%;display:block;padding:14px;border:1px solid var(--line);border-radius:6px;background:#fafaf5;margin-top:9px;color:var(--ink)}.field small{display:block;color:var(--muted);font-size:11px;margin-top:7px;font-weight:400}.field textarea{min-height:115px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check{display:flex;gap:10px;align-items:start;font-size:12px;color:#6c7163;line-height:1.8;margin:20px 0}.check input{accent-color:var(--orange);margin-top:5px}.aside-title{font-size:10px;color:var(--orange);letter-spacing:.12em;margin-bottom:12px}.details{list-style:none;padding:0;margin:20px 0}.details li{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.details span{color:var(--muted)}.steps{line-height:2.5;color:#69725d;font-size:12px;padding-left:20px}.narrow{max-width:650px;margin:auto}.status{display:inline-flex;border-radius:30px;padding:6px 12px;background:#e6eade;font-size:11px}.status.accepted{background:#dfead9;color:#486b38}.status.rejected{background:#ece8e2;color:#786751}.result-title{font-size:29px;margin:20px 0 10px}.mono{font-family:monospace;letter-spacing:1px;font-size:18px}.divider{height:1px;background:var(--line);margin:24px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.tab{padding:10px 20px;border:1px solid var(--line);background:transparent;border-radius:30px;color:#66705c}.tab.active{background:var(--ink);color:white;border-color:var(--ink)}.member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.member{padding:24px;background:#eeefe6;border-radius:8px;text-align:center}.member .face{height:65px;width:65px;margin:0 auto 16px;border-radius:50%;background:#d6decb;display:grid;place-items:center;font-size:28px}.member h3{margin:0 0 5px;font-size:15px}.member p{font-size:11px;color:var(--muted)}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.stat{padding:23px;background:var(--white);border:1px solid var(--line);border-radius:9px}.stat small{color:var(--muted);font-size:12px}.stat b{display:block;font-size:32px;margin-top:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th,td{padding:16px 13px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}td select{padding:9px;border:1px solid var(--line);background:var(--white);border-radius:5px}.empty{text-align:center;padding:45px;color:var(--muted);line-height:2}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.content-list{display:grid;gap:12px}.post{padding:18px;border:1px solid var(--line);border-radius:8px}.post h3{margin:8px 0;font-size:16px}.post p{white-space:pre-wrap;line-height:1.8;color:var(--muted);font-size:12px}.error{color:#ba3e1a;font-size:12px;margin:14px 0}.success-mark{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#e2eadb;font-size:25px;margin-bottom:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:14px 25px;background:var(--ink);color:white;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:90%;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}.muted{color:var(--muted);line-height:1.8;font-size:12px}.danger{border:0;background:transparent;color:#aa452f;text-decoration:underline;font-size:11px;padding:5px}.full{width:100%}.rules{margin-top:15px;padding:16px 0;border-top:1px solid var(--line)}summary{cursor:pointer;font-size:12px}details p{margin-top:12px!important}.admin-label{font-size:10px;color:var(--muted);margin-top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:75px}.hero h1{font-size:72px}}@media(max-width:1320px){.wrap,footer{margin-left:48px;margin-right:48px}}@media(max-width:950px){header{padding:0 28px}nav{gap:20px}.wrap,footer{margin-left:28px;margin-right:28px}.hero{gap:28px}.hero h1{font-size:48px}.hero p{font-size:13px}.strip{padding:20px;gap:12px}.strip>div+div{padding-left:16px}.feature-card{padding:22px}.art-caption strong{font-size:19px}.form-layout{grid-template-columns:1.4fr 1fr}.panel{padding:24px}}
@media(max-width:680px){.demo-bar{font-size:8px;padding:8px 5px}.demo-bar span{font-size:9px;margin-left:7px}header{height:auto;padding:20px;flex-wrap:wrap;gap:18px}.brand{font-size:30px}.brand-dot{font-size:29px}header>.button{margin-left:auto}nav{order:3;width:100%;justify-content:space-between;padding:7px 0;font-size:12px}.wrap,footer{margin-left:20px;margin-right:20px}.hero{grid-template-columns:1fr;padding:38px 0 28px;gap:30px}.hero h1{font-size:49px;margin:23px 0}.hero p{font-size:13px}.hero-foot{margin-top:23px}.art{aspect-ratio:1.2}.strip{grid-template-columns:1fr 1fr;gap:22px}.strip>div+div{border:0;padding-left:0}.strip .season{font-size:16px}.strip b{font-size:12px}section{padding:48px 0}.section-top h2{font-size:25px}.section-top .text-link{white-space:nowrap;font-size:10px;gap:10px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{min-height:0;display:grid;grid-template-columns:40px 1fr;column-gap:18px;padding:22px}.feature-icon{grid-row:1/4;margin:0}.feature-card h3{font-size:17px}.feature-card p{font-size:12px}.feature-card .bottom{margin-top:16px}.game-grid{grid-template-columns:1fr;gap:28px}.game-art{height:230px}.game-card h3{margin-top:14px}.closing{padding:27px;display:block;margin-bottom:40px}.closing h2{font-size:24px}.closing .button{margin-top:24px}.page{padding:37px 0 50px}.page-head h1{font-size:34px}.form-layout,.admin-grid{grid-template-columns:1fr}.row{grid-template-columns:1fr;gap:0}.member-grid{grid-template-columns:1fr 1fr}.admin-stats{gap:8px}.stat{padding:16px}.stat b{font-size:27px}.stat small{font-size:10px}.panel{padding:22px}.section-top p{font-size:12px}.button{font-size:13px}.hero .actions .button{padding:15px 18px;gap:22px}}
.hero h1{word-break:keep-all}.art-caption{padding:10px 0 0;background:linear-gradient(transparent,#e1e7d9 45%)}
@media(min-width:681px) and (max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:22px}.hero h1{font-size:38px}.hero .button{padding:14px 17px;font-size:12px}.art-caption strong{font-size:15px}.art-caption{left:18px;right:18px;bottom:18px}.art-caption>span{font-size:8px}.art-label{font-size:9px;left:18px}.hero p{font-size:12px}.hero-foot{font-size:10px}}
@media(max-width:400px){.hero h1{font-size:40px}.art-caption strong{font-size:17px}.art-caption>span{font-size:8px}.art-caption{left:18px;right:18px}.section-top{align-items:start}.section-top>.muted{max-width:95px}.hero .actions{gap:9px}.hero .button{font-size:12px;padding:14px 16px}}
h1,h2,h3,.strip .season{word-break:keep-all}.season-square{flex-shrink:0}
@media(max-width:680px){.section-top{flex-wrap:wrap;gap:14px}.section-top>.muted{max-width:none}.strip .season{grid-column:1/-1}.strip{grid-template-columns:1fr 1fr}.strip .season small{margin-bottom:5px}}