* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:#162849; background:radial-gradient(ellipse at 20% 0,#e4edff,transparent 55%),#f4f7fc; font-family:"Malgun Gothic",sans-serif; }
a { color:inherit; } .selection { max-width:1240px; padding:68px 32px 32px; margin:auto; }
header { text-align:center; margin-bottom:36px; } .eyebrow { color:#356ad4; font-size:12px; font-weight:800; letter-spacing:.2em; }
h1 { font-size:clamp(26px,3.6vw,40px); margin:12px 0; letter-spacing:-.04em; } .subtitle { color:#69768d; font-size:16px; }
.edition-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.edition-card { text-decoration:none; display:block; overflow:hidden; background:#fff; border:2px solid #e1e8f2; border-radius:24px; box-shadow:0 12px 35px #213d6810; transition:transform .18s,border-color .18s; }
.edition-card:hover { transform:translateY(-5px); border-color:#427ce5; } .edition-card:focus-visible { outline:4px solid #1f65e7; outline-offset:5px; }
.card-art { height:245px; background:linear-gradient(150deg,#bce9ff,#e5f2ff); display:flex; align-items:flex-start; justify-content:center; position:relative; overflow:hidden; padding:24px; }
.game-logo { width:76%; max-height:165px; object-fit:contain; position:relative; z-index:1; }
.gangneung-card .card-art { background:linear-gradient(140deg,#c8f0e9,#e6f5f8); }
.coastal-card .card-art { padding:0; background:#f4dfa3; }
.coastal-preview { width:100%; height:100%; object-fit:cover; }
.coastal-label { position:absolute; top:18px; left:18px; padding:8px 11px; border-radius:7px; background:#fff8e5ed; color:#527a77; font-size:10px; font-weight:800; letter-spacing:.18em; }
.coastal-card .tag { color:#2d8b90; }
.venue-logo { margin-top:40px; background:#fff; border-radius:12px; padding:18px; z-index:1; width:100%; box-shadow:0 6px 20px #248c9b12; } .venue-logo img { display:block; width:100%; height:auto; }
.track-art { position:absolute; left:-10%; right:-10%; bottom:-60px; height:130px; transform:rotate(-12deg); background:#ed7a60; display:flex; flex-direction:column; justify-content:space-evenly; } .track-art i { border-bottom:2px solid #fff9; }
.card-copy { padding:26px 28px; } .tag { font-size:11px; letter-spacing:.14em; color:#376bce; font-weight:800; } .gangneung-card .tag { color:#117e75; }
h2 { margin:8px 0 6px; font-size:28px; letter-spacing:-.04em; } .card-copy p { margin:0; color:#68758a; font-size:15px; }
.enter { display:flex; justify-content:space-between; margin-top:28px; padding-top:18px; border-top:1px solid #edf0f5; font-size:15px; font-weight:700; } .enter b { color:#427ce5; font-size:22px; line-height:1; }
footer { margin-top:28px; display:flex; justify-content:space-between; gap:16px; color:#7b8799; font-size:13px; } footer p { margin:0; } footer a { text-underline-offset:4px; }
@media(min-width:651px) and (max-width:960px) { .selection { max-width:780px; padding-top:42px; } .edition-grid { grid-template-columns:1fr; gap:18px; } .edition-card { display:grid; grid-template-columns:1fr 1fr; } .card-art { height:100%; min-height:230px; } .game-logo { margin-top:16px; } }
@media(max-width:650px) { .selection { padding:30px 20px; } header { margin-bottom:24px; } .edition-grid { grid-template-columns:1fr; gap:18px; } .card-art { height:190px; } .game-logo { max-height:130px; } .venue-logo { margin-top:20px; } .card-copy { padding:20px 24px; } .enter { margin-top:18px; } footer { flex-direction:column; line-height:1.6; } }