@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f7f5ed;--ink:#20241c;--yellow:#f7d34f;--muted:#73776a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Space Grotesk',Arial,sans-serif}header,footer{max-width:1180px;margin:auto;padding:30px 36px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:1px;text-decoration:none;color:inherit}.ball{width:23px;height:23px;border:2px solid var(--ink);border-radius:50%;background:linear-gradient(var(--yellow) 45%,var(--ink) 45% 55%,white 55%);display:inline-block}.edition,.tag{font-size:11px;font-weight:700;letter-spacing:2px}.hero{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 460px;gap:80px;padding:65px 36px 100px;align-items:center}.tag{display:inline-block}.intro h1{font-size:clamp(58px,7vw,92px);line-height:1.02;letter-spacing:-6px;margin:25px 0}.intro em{font-style:normal;background:linear-gradient(transparent 60%,var(--yellow) 60%)}.lead{font-size:21px;line-height:1.6;color:#5a5f51;margin:24px 0 32px}.button{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:300px;background:var(--ink);color:white;border:0;padding:19px 24px;border-radius:8px;text-decoration:none;font:600 16px 'Space Grotesk',Arial;cursor:pointer}.button:hover{background:#3a4330}.button:focus-visible,a:focus-visible{outline:3px solid #826000;outline-offset:5px}.small{font-size:12px;line-height:1.6;color:var(--muted)}.stats{display:flex;gap:38px;border-top:1px solid #d7d9cd;padding-top:25px;margin-top:40px}.stats div{display:flex;flex-direction:column;gap:6px}.stats b{font-size:25px}.stats span{font-size:10px;letter-spacing:2px;color:var(--muted)}.card{background:linear-gradient(135deg,#f9eaa1,#eec34b 50%,#fff1ac);border:9px solid #e8c255;border-radius:22px;box-shadow:15px 25px 0 #e9e6db,0 20px 45px #232c1820;transform:rotate(3deg);overflow:hidden}.card-top{display:flex;justify-content:space-between;padding:10px 12px;align-items:center}.card-top>b{font-size:29px;letter-spacing:-1px}.card-top i{font-style:italic;color:#84601d}.card-top>span{font-weight:700;font-size:17px}.portrait{height:310px;position:relative;margin:0 8px;border:3px solid #b59840;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.portrait>span{position:absolute;bottom:0;left:0;right:0;background:#20241cdd;color:white;text-align:center;padding:8px;font-size:9px;letter-spacing:2px}.card-copy{padding:17px 14px 8px}.ability{display:flex;gap:8px;align-items:center}.ability small{background:#a8382f;color:white;border-radius:30px;padding:4px 8px;font-size:9px}.card h2{font-size:20px;margin:0}.card p{font-size:12px;line-height:1.5;margin:7px 0 18px}.attack{display:flex;justify-content:space-between}.attack>b{font-size:24px}.card-footer{border-top:1px solid #b5984070;display:flex;flex-direction:column;gap:5px;padding-top:10px;font-size:10px}.flavour{display:block;text-align:center;font-size:8px;margin-top:13px}.encounter{background:#eaece1;text-align:center;padding:75px 24px}.encounter h2,.application h2{font-size:48px;line-height:1.08;letter-spacing:-2px;margin:20px 0}.encounter p{max-width:540px;margin:20px auto;line-height:1.7;color:#5a5f51}.steps{display:flex;justify-content:center;gap:40px;margin-top:35px}.steps span{font-size:13px}.steps b{display:inline-block;margin-right:9px;color:#6b705e}.application{max-width:1100px;margin:auto;padding:95px 36px;display:grid;grid-template-columns:1fr 1.35fr;gap:90px;scroll-margin-top:25px}.application>div>p{line-height:1.8;color:#5a5f51}.notice{margin-top:30px;padding:18px;background:#ece8d8;border-left:3px solid #b79837;max-width:290px;font-size:13px}.notice p{line-height:1.6;margin-bottom:0}form{background:white;border:1px solid #dedfd5;border-radius:15px;padding:30px;box-shadow:0 10px 30px #232c1805}label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600;margin-bottom:22px}input,select,textarea{width:100%;padding:13px;border:1px solid #d5d9cd;background:#fcfcf8;border-radius:6px;font:14px 'Space Grotesk',Arial;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #b79837;outline-offset:2px}textarea{resize:vertical}.row{display:grid;grid-template-columns:100px 1fr;gap:15px}.check{flex-direction:row;align-items:flex-start;font-size:12px;line-height:1.6;font-weight:400}.check input{width:16px;height:16px;margin-top:2px;flex-shrink:0}form .button{max-width:none;width:100%;background:var(--yellow);color:var(--ink)}#result{padding:20px;background:#edf3e7;border:1px solid #cbd8bd;border-radius:8px;margin-top:20px;font-size:14px;line-height:1.6}footer{border-top:1px solid #dedfd5;font-size:12px;color:var(--muted)}@media(max-width:850px){.hero{grid-template-columns:1fr 340px;gap:25px}.intro h1{font-size:65px;letter-spacing:-4px}.portrait{height:255px}.card h2{font-size:16px}.application{gap:35px}.steps{gap:18px}}@media(max-width:650px){header{padding:23px}.edition{font-size:8px;letter-spacing:1px}.hero{grid-template-columns:1fr;padding:35px 24px 70px;gap:45px}.intro h1{font-size:68px}.lead{font-size:18px}.card{width:min(100%,390px);margin:auto;transform:rotate(2deg)}.portrait{height:300px}.card h2{font-size:19px}.application{grid-template-columns:1fr;padding:60px 22px;gap:25px}.application h2,.encounter h2{font-size:40px}.application h2 br{display:none}.notice{max-width:none}.steps{flex-direction:column;gap:15px}form{padding:22px}footer{padding:25px 22px;gap:20px}.stats{margin-top:25px}.encounter{padding:55px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Full-art birthday collectible: original photo, prismatic foil and glass panels. */
.card.full-art{position:relative;isolation:isolate;min-height:620px;display:flex;flex-direction:column;border:7px solid #c6d9d7;background:#304443;border-radius:22px;box-shadow:12px 22px 0 #e6e3da,0 20px 50px #273b3b30;outline:1px solid #ffffff;}
.card.full-art:before{content:"";position:absolute;inset:-7px;z-index:4;pointer-events:none;border:7px solid transparent;border-radius:22px;background:linear-gradient(125deg,#ffeab5,#a8eddf,#aca3fa,#f3afd2,#fff0b4,#9ee9e1) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;}
.card.full-art:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(125deg,transparent 18%,#a5fbea24 30%,#b7a4ff29 40%,#ffbddd20 48%,transparent 60%),radial-gradient(circle at 86% 20%,#ffffffb0 0 1px,transparent 2px),radial-gradient(circle at 16% 35%,#ffffffb0 0 1px,transparent 2px),radial-gradient(circle at 76% 47%,#ffffffa0 0 1px,transparent 2px);mix-blend-mode:screen;}
.full-art .portrait{position:absolute;inset:0;height:100%;margin:0;border:0;z-index:-1;}
.full-art .portrait img{object-position:50% 35%;}
.full-art .portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a242b60,transparent 24%,transparent 40%,#10252c85 62%,#101c28e8);}
.full-art .portrait>span{top:65px;bottom:auto;left:16px;right:auto;background:#ffffffd9;color:#344449;padding:5px 8px;border-radius:3px;font-size:8px;letter-spacing:1px;}
.full-art .card-top{position:relative;z-index:3;color:white;padding:15px 16px;text-shadow:0 2px 5px #10202a;}
.full-art .card-top>b{font-size:33px;}.full-art .card-top i{color:#e0faff;}
.full-art .card-copy{margin-top:auto;position:relative;z-index:3;color:#f9fbff;padding:18px 16px 12px;background:linear-gradient(135deg,#defcff18,#b4b5fc12);border-top:1px solid #ffffff70;backdrop-filter:blur(5px);}
.full-art .ability small{background:#edd5ff;color:#42364c;}.full-art .card-footer{border-color:#ffffff60;}.full-art .flavour{color:#d9e5ed;}.full-art .attack>b{color:#ddf8ff;}
@media(max-width:850px){.card.full-art{min-height:570px;}}@media(max-width:650px){.card.full-art{min-height:600px;}}

/* Graphic playground, with a collectible-card centrepiece. */
:root{--bg:#f6f2ff;--ink:#25213c;--yellow:#dcff71;--muted:#77718b}
body{background:radial-gradient(#b8aed033 1px,transparent 1px) 0 0/22px 22px,var(--bg)}
header{position:relative;z-index:2}.hero{position:relative;isolation:isolate;padding-top:70px;padding-bottom:105px}.hero-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.orbit{position:absolute;width:620px;height:620px;border-radius:50%;background:#dbd0fc;right:-50px;top:25px;border:2px solid #b8a3e8}.orbit:after{content:"";position:absolute;inset:28px;border:2px dashed #ffffffa0;border-radius:50%}.star{position:absolute;line-height:1;color:#bb9fe9;text-shadow:2px 2px 0 var(--ink)}.star-one{font-size:100px;left:44%;top:25px;transform:rotate(15deg)}.star-two{font-size:110px;right:5px;bottom:25px;color:#9fbd34}.burst{position:absolute;font-size:120px;left:49%;bottom:45px;color:#dcff71;-webkit-text-stroke:2px #25213c;transform:rotate(-15deg)}
.intro h1{letter-spacing:-5px}.intro em{background:var(--yellow);display:inline-block;padding:0 12px;transform:rotate(-3deg);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:7px}.intro .tag{background:white;border:1.5px solid var(--ink);border-radius:30px;padding:10px 15px;transform:rotate(-3deg)}.lead{color:#655f7a}.button{border:2px solid var(--ink);box-shadow:5px 5px 0 #9d86ca;transition:transform .18s,box-shadow .18s}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #9d86ca}.stats{border:0;gap:12px}.stats div{background:#fff;border:1.5px solid #25213c;border-radius:12px;padding:14px 20px;box-shadow:3px 3px 0 #d8c9f1}.stats div:nth-child(2){transform:rotate(4deg);background:#dcff71}.stats div:nth-child(3){transform:rotate(-3deg)}
.card.full-art{--rx:0deg;--ry:0deg;--shine-x:50%;--shine-y:30%;min-height:650px;border-width:9px;border-color:#d3dde8;border-radius:20px;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) rotate(3deg);box-shadow:2px 2px 0 #757f91,0 22px 42px #30245645;background:#273245;transition:transform .15s ease-out;outline:2px solid #eef4ff;outline-offset:-4px;font-family:Arial,sans-serif;}
.card.full-art:before{inset:-9px;border-width:9px;background:linear-gradient(135deg,#e5eafa 0%,#7b91ab 10%,#dbe9e9 22%,#fce7c1 34%,#d0b1e9 45%,#88cdd4 58%,#ffffff 70%,#b3a1ce 85%,#e0eff5 100%) border-box;}
.card.full-art:after{background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#fff9,transparent 45%),repeating-linear-gradient(110deg,#78fff426 0%,#ce8aff33 9%,#ffaad330 18%,#fff38833 27%,#78fff426 36%),repeating-linear-gradient(45deg,transparent 0 3px,#ffffff12 3px 4px);opacity:.52;mix-blend-mode:color-dodge;z-index:2;}
.full-art .card-top{padding:10px 12px 7px;background:linear-gradient(110deg,#e9f8ffc9,#cedcf399,#f7e7ffb0);color:#172c44;text-shadow:0 1px #ffffffa0;align-items:flex-end;border-bottom:1px solid #b9cee9;}.full-art .card-top>div{display:flex;align-items:center;gap:8px;}.full-art .card-top b{font-size:31px;font-weight:800;letter-spacing:-1.5px}.full-art .card-top i{color:#cc9e28;text-shadow:1px 1px #fff,2px 2px #243454}.basic{font-size:8px;font-style:italic;font-weight:800;display:inline-block;border:1px solid #74899e;background:linear-gradient(#fff,#aebdcd);padding:3px 6px;border-radius:9px}.full-art .card-top>span{font-size:26px;display:flex;align-items:center;gap:3px}.full-art .card-top>span>small{font-size:9px}.energy{display:inline-flex;width:21px;height:21px;border-radius:50%;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,#fffbbc,#e4bb24 70%);border:1px solid #736422;box-shadow:inset 0 0 0 2px #fff6;color:#293543!important;font-style:normal;text-shadow:none!important;font-size:17px;vertical-align:middle}.energy.neutral{background:radial-gradient(circle at 35% 25%,white,#aeb9c7 70%);border-color:#748398}.full-art .portrait>span{top:64px;border-radius:10px;background:#d6eaf4bd;border:1px solid #eff8ff;font-size:7px;color:#253d55}.full-art .portrait:after{background:linear-gradient(180deg,#26395410,transparent 30%,#24364310 46%,#24394cbb 75%,#1a2d43e8)}
.full-art .card-copy{background:linear-gradient(120deg,#cde6f877,#e1cced55,#bee3ea66);color:#112439;border-top:2px solid #e2f2fc;backdrop-filter:blur(7px);text-shadow:0 1px #ffffff65;padding:13px 12px 8px}.full-art .ability{gap:7px}.full-art .ability small{background:linear-gradient(#d95d62,#9e2538);color:white;border:1px solid #fee0e0;border-radius:5px;text-shadow:none;font-weight:bold;font-style:italic}.full-art h2{font-size:20px;font-weight:800;letter-spacing:-.6px}.full-art p{font-size:11px;margin:6px 0 13px;line-height:1.4}.full-art .attack{align-items:center;padding-top:8px;border-top:1px solid #354e6160}.full-art .attack>b{color:#132b3e;text-shadow:0 1px #fff;font-size:28px}.full-art .card-footer{flex-direction:row;justify-content:space-between;gap:8px;font-size:8px;border-color:#34516780;padding:8px 0}.ex-rule{border:1px solid #4b6588;background:linear-gradient(100deg,#c4d7e5,#dfd1ef);border-radius:5px;padding:5px 7px;font-size:8px;line-height:1.35}.ex-rule b{background:#344a66;color:white;border-radius:3px;padding:2px 3px;margin-right:4px;text-shadow:none}.collector{display:flex;justify-content:space-between;font-size:8px;padding-top:9px}.collector>b{color:#f2e49d;text-shadow:1px 1px #314666}.full-art .flavour{color:#192f43;font-size:6px;margin-top:5px}
.encounter{background:#dcff71;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:25px 24px;transform:rotate(-1deg);margin:0 -2px}.encounter .tag{display:none}.steps{margin:0;gap:50px}.steps span{font-size:16px;font-weight:600}.steps b{background:var(--ink);color:#dcff71;padding:8px;border-radius:50%;font-size:11px}
.application{position:relative}.application-art{position:relative;width:230px;height:200px;margin-top:25px}.application-art>span{position:absolute;font-size:175px;line-height:1;color:#b49adf;transform:rotate(-15deg);-webkit-text-stroke:2px var(--ink)}.application-art>i{position:absolute;right:0;top:35px;font-size:90px;font-style:normal;transform:rotate(12deg);color:#25213c}.application-art>b{position:absolute;bottom:0;right:30px;font-size:50px;color:#a0be39}.notice{background:#ece6f8;border-color:#9573c7}.application form{border:2px solid var(--ink);box-shadow:9px 9px 0 #d4c1f4;border-radius:18px;background:#fffefd}input,select,textarea{background:#f8f6fc;border-color:#d8d0e5}.application form .button{box-shadow:3px 3px 0 var(--ink)}input:focus,select:focus,textarea:focus{outline-color:#9470c9}footer{border-color:#c5b7dc}
@media(max-width:850px){.card.full-art{min-height:615px}.full-art h2{font-size:16px}.full-art .card-top b{font-size:26px}.full-art .card-top>span{font-size:20px}.full-art .card-footer{flex-direction:column}.orbit{right:-180px}.star-one{left:40%}.stats div{padding:12px}.stats{gap:8px}}
@media(max-width:650px){.hero{padding-top:30px;gap:60px}.hero-art .orbit{width:460px;height:520px;top:auto;bottom:40px;right:-60px}.star-one{left:auto;right:10px;top:240px;font-size:65px}.star-two{right:auto;left:10px;bottom:60px;font-size:75px}.burst{left:15px;bottom:570px;font-size:80px}.card.full-art{min-height:610px}.full-art .card-top b{font-size:29px}.full-art h2{font-size:18px}.full-art .card-footer{flex-direction:row}.steps{gap:15px;align-items:flex-start;max-width:250px;margin:auto}.application-art{display:none}.application{gap:30px}.application form{box-shadow:5px 5px 0 #d4c1f4}.intro h1{letter-spacing:-4px}}
@media(prefers-reduced-motion:reduce){.button,.card.full-art{transition:none}}

form .button:disabled{cursor:wait;opacity:.65;transform:none}#result.error{background:#fff1ed;border-color:#e0b6ac;color:#6e2d22}

/* Approved artwork presented intact, with the existing interactive foil layer. */
.card.full-art.image-card{min-height:0;padding:0;border:0;outline:0;border-radius:18px;background:transparent;display:block;overflow:hidden;box-shadow:2px 2px 0 #b59b2c,0 22px 42px #30245645;}
.image-card .card-artwork{display:block;width:100%;height:auto;}
.card.full-art.image-card:before{display:none;}
.card.full-art.image-card:after{border-radius:18px;opacity:.14;background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#ffffffb0,transparent 50%),linear-gradient(115deg,transparent 15%,#bcfffc25 30%,#ffdaef25 42%,transparent 60%);mix-blend-mode:screen;}