.legacy-rewards{box-sizing:border-box;width:min(680px,94vw);max-height:90dvh;padding:20px;color:#f6e8c9;background:linear-gradient(135deg,#3e2d53,#221b35);border:1px solid #dac080;border-radius:22px;box-shadow:0 18px 80px #0009}
.legacy-rewards[open]{display:flex;flex-direction:column;gap:12px}.legacy-rewards::backdrop{background:#100b20b8}.legacy-rewards header{display:flex;align-items:center;justify-content:space-between;gap:16px}.legacy-rewards h2{margin:3px 0;font:700 27px Georgia,serif}.legacy-rewards small{letter-spacing:2px;color:#dbc580}.legacy-rewards .legacy-body{overflow:auto;min-height:0}.legacy-rewards p{font-size:15px;line-height:1.45}.legacy-rewards button,.legacy-rewards select{padding:10px 14px;border:1px solid #ae9367;border-radius:12px;background:#493459;color:#fff0c5;cursor:pointer;font:600 15px system-ui}.legacy-rewards select{max-width:100%;margin:0 10px 10px 0}.legacy-rewards footer{display:flex;justify-content:flex-end}.legacy-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.legacy-summary>div{display:grid;gap:4px;padding:12px;background:#17132b80;border-radius:12px}.legacy-summary strong{color:#e9d69a;font-size:26px}.legacy-summary span{font:13px system-ui}.legacy-rewards .legacy-founder{border-color:#e4cd83;color:#fdebb9;box-shadow:inset 0 0 18px #ecd58a16}.legacy-rewards details{margin-top:18px}.legacy-error{color:#ffc1ac}
@media(max-height:500px){.legacy-rewards{max-height:94dvh;padding:12px}.legacy-rewards h2{font-size:21px}.legacy-rewards p{margin:8px 0}.legacy-summary>div{padding:8px}.legacy-summary strong{font-size:20px}}
@media(max-width:480px){.legacy-summary{grid-template-columns:repeat(2,1fr)}}

@media(max-height:500px) and (min-width:600px){.legacy-rewards{width:min(780px,96vw);gap:8px}.legacy-rewards .legacy-body{display:grid;grid-template-columns:1fr 1fr;gap:18px}.legacy-intro{display:none}.legacy-summary{grid-template-columns:repeat(2,1fr)}.legacy-summary>div{padding:7px}.legacy-rewards h3{margin:0 0 8px;font-size:16px}.legacy-rewards p{font-size:13px}.legacy-rewards button,.legacy-rewards select{padding:7px 10px;font-size:13px}.legacy-rewards details{margin-top:8px}.legacy-rewards header small{font-size:10px}.legacy-rewards footer{justify-content:flex-end}}
.legacy-rewards:not([data-page="4"]){width:min(880px,94vw)}
.legacy-story{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:30px;min-height:310px;padding:24px 12px;animation:legacy-page-in .35s ease-out both}
.legacy-story-copy h2{font-size:34px;line-height:1.12;outline:none}.legacy-story-copy p{font-size:17px;color:#e0d4e9}.legacy-story-note{display:block;font:13px/1.5 system-ui;color:#baa9d2}.legacy-story-total{font:700 21px/1.4 system-ui;color:#f7e1a5;margin-top:20px}.legacy-rewards footer{align-items:center;gap:12px;justify-content:space-between}.legacy-rewards button:disabled{opacity:.4;cursor:default}.legacy-rewards button:focus-visible{outline:3px solid #f5d98f;outline-offset:3px}
.legacy-page-dots{display:flex;gap:8px}.legacy-page-dots span{width:7px;height:7px;border-radius:50%;background:#7b678d}.legacy-page-dots span.active{width:25px;background:#e7ce89;border-radius:6px;box-shadow:0 0 12px #edca8955}
.legacy-story-art{position:relative;display:flex;align-items:center;justify-content:center;height:270px;isolation:isolate;background:radial-gradient(ellipse,#b48ffb25,transparent 68%)}
.legacy-mote{position:absolute;left:calc(8% + var(--i)*16%);top:10%;color:#eed28e;font:16px Georgia;animation:legacy-mote 2.8s ease-in-out calc(var(--i)*-.4s) 3;opacity:.7;z-index:-1}.legacy-mote:nth-child(2n){top:75%;color:#c9a8fb}.legacy-mote:nth-child(3n){top:30%}
.legacy-magic-book{width:150px;height:188px;border:3px solid #d7b776;border-radius:8px 18px 18px 8px;background:linear-gradient(110deg,#332440 8%,#805499 9%,#805499 13%,#48325f 14%,#65497e);box-shadow:8px 8px 0 #e6d4a4,12px 12px 0 #4b345c,0 24px 45px #05041280;display:grid;place-items:center;transform:rotate(-9deg);animation:legacy-book-arrive .7s cubic-bezier(.2,1.4,.4,1) both,legacy-book-float 3s .7s ease-in-out 2;position:relative}.legacy-magic-book::before{content:'';position:absolute;inset:14px 12px 14px 23px;border:1px solid #c4a074;border-radius:5px}.legacy-magic-book span{font:80px Georgia;color:#e7d291;text-shadow:0 0 30px #8af5ee}.legacy-magic-book i{position:absolute;bottom:-16px;right:28px;width:20px;height:54px;background:#8fe5e0;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.legacy-art-caption{position:absolute;bottom:0;font:10px system-ui;letter-spacing:4px;color:#cebae3}
.legacy-floating-card{box-sizing:border-box;position:absolute;width:115px;height:155px;left:calc(6% + var(--i)*25%);top:calc(65px - var(--i)*9px);border:1px solid #c8ab79;border-radius:13px;background:linear-gradient(150deg,#72528c,#302741);box-shadow:0 15px 25px #0005;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transform:rotate(calc((var(--i) - 1)*12deg));animation:legacy-card-in .6s calc(var(--i)*.14s) backwards}.legacy-floating-card b{font:52px Georgia;color:#ebd79c}.legacy-floating-card small{font:11px/1.3 system-ui!important;letter-spacing:0!important;text-align:center;padding:0 5px}.legacy-floating-card span{position:absolute;right:-8px;top:-8px;background:#f5dc99;color:#302a24;border-radius:50%;padding:4px 7px;font-weight:bold}
.legacy-old-token,.legacy-new-token{display:grid;place-items:center;width:85px;height:100px;border:2px solid #b39ccc;border-radius:15px;font:58px Georgia;background:#3b2d52}.legacy-new-token{color:#f5dd9e;border-color:#e7ce8e;box-shadow:0 0 30px #f8dd9525;animation:legacy-token-glow 1.8s ease-in-out 3}.legacy-old-token{transform:rotate(-12deg);color:#c4afd9}.legacy-convert-arrow{font:36px system-ui;color:#f1d795;margin:0 15px;animation:legacy-transfer 1.4s ease-in-out 4}
.legacy-founder-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;border:2px solid #e9cd82;border-radius:50%;outline:1px solid #b39362;outline-offset:9px;background:radial-gradient(circle,#715083,#342642 75%);box-shadow:0 0 45px #e6c98a30;animation:legacy-seal .65s cubic-bezier(.2,1.5,.5,1) both}.legacy-founder-seal b{font:66px Georgia;color:#f8df9c}.legacy-founder-seal span{font:12px system-ui;letter-spacing:4px;color:#f3d992}.legacy-founder-seal strong{font:26px Georgia;color:#fff0bc;margin:6px 0 20px}
.legacy-rewards .legacy-auto-balance{display:block;margin:2px 0 7px;border-color:#e1ce9a;color:#fdeab7;background:#40382f}.legacy-rewards .legacy-auto-note{display:block;font:12px/1.4 system-ui;letter-spacing:0;color:#c9bdcf}.academy-legacy-gift{min-width:38px;color:#ecd7a5!important;box-shadow:inset 0 0 14px #dfcb8420}
@keyframes legacy-page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes legacy-book-arrive{from{opacity:0;transform:translateY(30px) rotate(-20deg) scale(.8)}to{opacity:1;transform:rotate(-9deg)}}@keyframes legacy-book-float{50%{transform:translateY(-9px) rotate(-5deg)}}@keyframes legacy-mote{50%{opacity:.2;transform:translateY(-12px) rotate(35deg)}}@keyframes legacy-card-in{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}@keyframes legacy-transfer{50%{transform:translateX(8px);opacity:.4}}@keyframes legacy-token-glow{50%{box-shadow:0 0 35px #f8dd9570;transform:translateY(-5px)}}@keyframes legacy-seal{from{opacity:0;transform:scale(.65) rotate(-20deg)}to{opacity:1;transform:none}}
@media(max-height:500px){.legacy-story{min-height:0;height:215px;padding:0;gap:20px;grid-template-columns:.85fr 1.3fr}.legacy-story-art{height:210px;transform:scale(.78)}.legacy-story-copy h2{font-size:25px}.legacy-story-copy p{font-size:14px}.legacy-story-total{font-size:17px;margin-top:10px}.legacy-story-note{font-size:11px}.legacy-art-caption{bottom:-12px}.legacy-rewards:not([data-page="4"]){width:min(800px,96vw)}}
@media(max-width:580px) and (min-height:501px){.legacy-story{grid-template-columns:1fr;gap:14px;padding:8px}.legacy-story-art{height:195px;transform:scale(.75);margin:-10px 0}.legacy-story-copy h2{font-size:26px}.legacy-story-copy p{font-size:15px}.legacy-story-total{font-size:18px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.legacy-rewards *{animation:none!important;transition:none!important}}

.legacy-success{padding:12px;border:1px solid #93d2cd;border-radius:12px;color:#b4efeb;animation:legacy-page-in .3s ease-out}.legacy-rewards h2:focus{outline:none}
.legacy-simple-body{min-height:0;overflow:auto;text-align:center;padding:4px 8px}.legacy-credit-number{font:700 62px/1 Georgia;color:#f8e4af;text-shadow:0 0 24px #e2c88330;margin-top:8px}.legacy-credit-label{margin:8px 0 22px!important;color:#ded1e6}.legacy-simple-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.legacy-simple-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:100px;padding:18px}.legacy-simple-actions strong{font-size:19px}.legacy-simple-actions span{font:13px/1.4 system-ui;max-width:190px}.legacy-rewards .legacy-main-action{background:linear-gradient(135deg,#e7d18e,#bca064);color:#2c2336;border-color:#f3e3ae;box-shadow:0 4px 0 #79633f}.legacy-rewards .legacy-manual-action{background:#332941;border-color:#927da4;color:#e5d9f0}.legacy-rewards .legacy-simple-note{font:12px/1.4 system-ui;color:#c8b9d5;margin:12px 0}.legacy-rewards .legacy-text-button{border:0;background:transparent;box-shadow:none;color:#d7c5e4;font-size:13px}.legacy-saved-seal{margin:12px auto;width:72px;height:72px;display:grid;place-items:center;border:1px solid #e6d3a1;border-radius:50%;background:#6854402e;color:#f3dda6;font:45px Georgia;animation:legacy-seal .4s ease-out}.legacy-saved-message{font-weight:600;color:#f0e1b8}.legacy-spend-preview{min-height:42px}.legacy-simple-body select{width:100%;margin:10px 0}.legacy-simple-body details{text-align:left}.legacy-simple-body>.legacy-main-action{margin:8px}.legacy-rewards[data-reward-view="details"] .legacy-simple-body{text-align:left}
@media(max-height:500px){.legacy-credit-number{font-size:40px;margin:0}.legacy-credit-label{margin:4px 0 10px!important}.legacy-simple-actions button{min-height:76px;padding:10px}.legacy-simple-actions strong{font-size:17px}.legacy-simple-actions span{font-size:12px}.legacy-rewards .legacy-simple-note{margin:8px 0;font-size:11px}.legacy-simple-body{padding:0 4px}.legacy-saved-seal{height:46px;width:46px;font-size:30px;margin:5px auto}}
@media(max-width:480px){.legacy-simple-actions{grid-template-columns:1fr}.legacy-simple-actions button{min-height:80px}}
