:root{font-family:Arial,Helvetica,sans-serif;color:#482246;background:#341c39;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at top,#854d83,#341c39 85%);padding:28px 22px 0}
.version-picker{width:min(100%,1060px);margin:0 auto}
.back-link{display:inline-block;color:#ffedfc;text-decoration:none;font-size:14px;padding:8px 0}
.back-link:hover{text-decoration:underline}
.picker-navigation{display:flex;justify-content:space-between;align-items:center;gap:18px;color:#fff3fd}
.picker-navigation nav{display:flex;gap:10px 22px;flex-wrap:wrap;font-size:14px}
.picker-navigation nav a{padding:8px 0;text-decoration:none}
.picker-navigation nav a:hover{text-decoration:underline;text-underline-offset:4px;color:#ffe4a0}
header{text-align:center;color:#fff3fd;margin:26px 0 32px}
.eyebrow{margin:0 0 10px;color:#ffe4a0;font-size:17px;font-weight:bold}
h1{font-size:clamp(30px,4vw,44px);line-height:1.1;margin:0 0 14px}
.intro{margin:0;font-size:17px;line-height:1.5;color:#f5d8f0}
.versions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.version-card{display:block;overflow:hidden;border:2px solid #e7afdf;border-radius:18px;background:#fff3fd;color:#482246;text-decoration:none;box-shadow:0 12px 36px #170d2840;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.version-card:hover{transform:translateY(-4px);border-color:#ffe4a0;box-shadow:0 16px 40px #170d2870}
.version-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#edc5e9;border-bottom:1px solid #e7c1e2}
.card-content{padding:24px}
h2{margin:0 0 10px;font-size:25px;line-height:1.2;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.card-content p{margin:0 0 23px;font-size:16px;line-height:1.5;color:#785172;min-height:24px}
.new-badge{font-size:12px;letter-spacing:.03em;background:#ffe4a0;color:#684318;border-radius:20px;padding:5px 10px}
.play-link{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-radius:9px;background:#7b3979;color:#fff3fd;font-weight:bold;font-size:16px}
.redrawn-card .play-link{background:#a14089}
.play-link span{font-size:23px;line-height:1}
.picker-note{max-width:640px;margin:25px auto;text-align:center;color:#f5d8f0;font-size:14px;line-height:1.6}
.character-invitation{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);align-items:center;margin-top:35px;overflow:hidden;border:1px solid #ebd5a8;border-radius:18px;background:#fff8eb;box-shadow:0 12px 36px #170d2840}
.invitation-art{padding:20px;background:#f5e4d8;display:flex;align-items:center;justify-content:center}
.invitation-art img{display:block;width:100%;max-width:230px;height:auto;border-radius:5px;box-shadow:0 7px 20px #5b315326}
.invitation-copy{padding:32px 40px}
.panel-eyebrow{font-size:11px;line-height:1.5;color:#85522b;font-weight:bold;letter-spacing:1.3px;text-transform:uppercase;margin:0 0 12px}
.invitation-copy h2,.solitaire-invitation h2{font:400 34px/1.15 Georgia,serif;letter-spacing:-.7px;margin-bottom:15px}
.invitation-copy>p:not(.panel-eyebrow),.solitaire-invitation>div>p:last-child{font-size:16px;line-height:1.7;color:#6d4c63;margin:0 0 23px;max-width:540px}
.panel-link{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-height:48px;padding:12px 17px;border:1px solid #77376d;border-radius:8px;background:#77376d;color:#fff8ee;font-size:14px;font-weight:bold;text-decoration:none}
.panel-link:hover{background:#5b2753;border-color:#5b2753}
.panel-link span{font-size:22px;line-height:1}
.solitaire-invitation{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;margin:24px 0 34px;padding:30px 35px;border:1px solid #e8cfd3;border-radius:15px;background:#fff3fd}
.solitaire-invitation h2{font-size:29px}
.solitaire-invitation>div>p:last-child{margin-bottom:0}
a:focus-visible{outline:3px solid #ffe146;outline-offset:5px}
@media(max-width:660px){body{padding:16px 16px 0}.picker-navigation{align-items:flex-start;flex-direction:column;gap:4px}.picker-navigation nav{font-size:13px;gap:9px 19px}header{margin:20px 0 25px}.eyebrow{font-size:15px}.intro{font-size:15px}.versions{grid-template-columns:1fr;gap:20px}.card-content{padding:20px}h2{font-size:23px}.picker-note{font-size:13px;margin:22px 10px}.character-invitation{grid-template-columns:1fr;margin-top:28px}.invitation-art img{max-width:280px}.invitation-copy{padding:26px}.invitation-copy h2{font-size:31px}.solitaire-invitation{grid-template-columns:1fr;padding:26px;gap:22px;margin-bottom:25px}.panel-link{font-size:14px;gap:18px}}
@media(prefers-reduced-motion:reduce){.version-card{transition:none}.version-card:hover{transform:none}}