*{box-sizing:border-box}html{background:#200300}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:42px 16px;color:#ffdf62;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at center,#4c0b08 0,#200300 65%)}
.card{position:relative;width:384px;max-width:100%;padding:28px 22px 22px;border:3px solid transparent;border-radius:30px;background:linear-gradient(155deg,#511214,#260302 60%,#190100) padding-box,linear-gradient(125deg,#ff0756,#ff7824 35%,#ffe04b 60%,#33100b 85%) border-box;box-shadow:0 0 32px #fa163b55,inset 0 0 42px #8c160c55;text-align:center;overflow:hidden}
.brand{margin:13px 0 24px;display:flex;align-items:center;justify-content:center;gap:13px;font-size:20px;font-weight:900;letter-spacing:-.5px;text-shadow:0 2px #7e3600,0 0 14px #f5bc2f88;white-space:nowrap}.dots{display:flex;gap:4px}.dots i{width:8px;height:8px;border-radius:50%;background:#ff3048;box-shadow:0 0 8px #ff3155}.dots i:first-child{background:#ff981d}.rule{height:1px;background:linear-gradient(90deg,transparent,#bb6c2c,transparent);margin-top:-12px;margin-bottom:24px}
.poster{display:block;position:relative;aspect-ratio:1;width:86%;margin:auto;border:4px solid transparent;border-radius:25px;background:radial-gradient(circle at 50% 45%,#a8480d,#451109 55%,#180502) padding-box,linear-gradient(130deg,#ef104c,#ffd746,#ffb30d,#c51337) border-box;box-shadow:0 0 26px #ffbd2455;text-decoration:none;color:inherit;overflow:hidden}.poster:before,.poster:after{content:"";position:absolute;width:210px;height:210px;border:1px solid #ffce5680;transform:rotate(45deg);left:calc(50% - 105px);top:25px;box-shadow:0 0 18px #ffbb3444,inset 0 0 18px #ffbb3444}.poster:after{transform:rotate(65deg);border-color:#ffb33344}.poster-content{position:relative;z-index:1;padding:20px 8px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:bold}.poster-title{margin:7px 0;font-size:32px;line-height:1;font-weight:900;color:#ffdf72;text-shadow:0 3px #743406,0 0 20px #ff9e38}.orb{display:grid;place-items:center;width:100px;height:100px;border:2px solid #ffdf70;border-radius:50%;margin:18px auto 14px;background:radial-gradient(circle at 35% 30%,#ffe29a,#be6812 48%,#62210a);box-shadow:0 0 30px #ffc43866,inset 0 0 16px #fff1ba99;font-size:40px;font-weight:900;color:#451009;transform:rotate(-8deg)}.poster-caption{font-size:11px;letter-spacing:2px}.title{font-size:21px;font-weight:900;margin:21px 0;text-shadow:0 2px #713e07;letter-spacing:.2px}.actions{display:grid;gap:18px}.button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:53px;border:2px solid #ffe881;border-radius:16px;background:linear-gradient(100deg,#ffea58,#ffc62a 45%,#eeb300);color:#401604;font-size:16px;letter-spacing:1px;font-weight:900;text-decoration:none;box-shadow:0 0 22px #ffc22566,inset 0 1px 7px #fff7b8;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 0 30px #ffc225aa}.button:focus-visible,.poster:focus-visible{outline:3px solid white;outline-offset:5px}.flame{color:#ee6518;font-size:18px}footer{margin-top:21px;border-top:1px solid #a34b28;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px}footer .dots i{width:7px;height:7px}@media(max-width:420px){body{padding:24px 14px}.card{padding:22px 18px 20px;border-radius:26px}.brand{font-size:18px;gap:10px}.poster{width:90%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.intro{margin:-10px 0 22px;color:#e7b78d;font-size:12px;line-height:1.6}.poster-title{font-size:43px;margin-top:15px}.orb{margin-top:24px}.poster-caption{letter-spacing:1px}

.title{font-size:19px;line-height:1.4}.intro{line-height:1.7}

.brand-image{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.poster:before,.poster:after{display:none}

.entrance-links{display:grid;gap:10px}.entrance-links a{font-size:13px;padding:9px;border:1px solid #8f4326;border-radius:8px;color:#ffdc86}