@font-face{font-family:Oswald;src:url('/assets/forum/halloween/oswald.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--ink:#f8f0e9;--muted:#a39aa7;--orange:#ff9846;--violet:#c18aff;--line:#3b3140;--ease-out:cubic-bezier(.23,1,.32,1);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#100d15}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 8% 7%,#23142a 0,transparent 36%),#100d15}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ffd28d;outline-offset:3px}button:active{transform:scale(.97)}.topbar{height:68px;max-width:1512px;padding:0 5%;margin:auto;display:flex;align-items:center;gap:58px;border-bottom:1px solid #2d2630}.brand{color:#f7f1e8;font:700 25px/.9 Oswald,sans-serif;text-decoration:none;white-space:nowrap;letter-spacing:-.025em}.brand span{color:var(--orange);margin-left:3px}.brand i{display:inline-block;width:5px;height:5px;background:var(--orange);border-radius:50%;margin-left:3px}.topbar nav{display:flex;height:100%;align-items:center;gap:32px;font-size:10px;letter-spacing:.12em;color:#8e8995;font-weight:750}.topbar nav span{height:100%;display:flex;align-items:center}.topbar nav .nav-active{color:#faf4ed;border-bottom:2px solid var(--orange)}.demo-pill{margin-left:auto;font-size:10px;letter-spacing:.11em;color:#bcb2c1;white-space:nowrap}.demo-pill span,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ee9048;margin-right:6px;box-shadow:0 0 12px #ff802c}
.main-wrap{max-width:1512px;margin:auto;padding:0 5%}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:40px 0 34px;border-bottom:1px solid #302735}.eyebrow,.kicker{color:#f9a05a;font-size:10px;letter-spacing:.18em;font-weight:800;display:flex;align-items:center;gap:9px}.eyebrow span:not(.eyebrow-line){color:#6e5767}.eyebrow-line{width:20px;height:2px;background:#f79748}.page-heading h1{font:700 clamp(36px,4.2vw,58px)/1 Oswald,sans-serif;letter-spacing:-.025em;margin:14px 0 12px}.page-heading h1 em{font-style:normal;color:#ff9b48}.title-star{font:400 .25em system-ui;vertical-align:top;color:#f9c375;padding-left:9px}.page-heading p{font-size:13px;color:#b8aeba;margin:0}.hero-meta{display:flex;align-items:center;gap:13px;margin-top:18px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#d6c1bc}.hero-meta b{height:4px;width:4px;background:#f79748;transform:rotate(45deg)}.progress{width:210px;flex:none;padding:16px 18px;border:1px solid #3b303d;background:#1b1721;border-radius:10px}.progress-head{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.1em;font-weight:800;color:#b9aeb8}.progress-head strong{font:700 22px/1 Oswald;color:#f79849}.progress-head small{font-size:14px;color:#857a89}.progress-track{height:5px;background:#39313b;border-radius:4px;margin-top:12px;overflow:hidden}.progress-track div{width:100%;height:100%;background:#ff9340;border-radius:4px;transform:scaleX(0);transform-origin:left;transition:transform 200ms linear}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:26px;align-items:start;padding-top:28px}.section-line{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px}.kicker span{font-size:14px}.section-line h2{font:700 31px/1 Oswald,sans-serif;letter-spacing:-.02em;margin:8px 0 0}.section-line h2 span{color:#ff9747}.section-caption{font-size:9px;letter-spacing:.12em;color:#8f8292;font-weight:800;white-space:nowrap}.section-caption b{color:#f29951}.category-key{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.category-key span,.reward-type{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;letter-spacing:.04em;border-radius:5px;padding:5px 7px}.category-key span:before{content:"";height:6px;width:6px;border-radius:50%;background:currentColor}.key-frame,[data-kind=frame] .reward-type{color:#ffb171;background:#7e492822}.key-badge,[data-kind=badge] .reward-type{color:#d7a7ff;background:#9059c52a}.key-reaction,[data-kind=reaction] .reward-type{color:#8ce5de;background:#3b9d9b27}.key-set,[data-kind=set] .reward-type{color:#f4d576;background:#a17d2b2a}
.reward-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.reward{appearance:none;color:inherit;text-align:left;min-width:0;border:1px solid #37303c;border-radius:10px;background:linear-gradient(155deg,#211c28,#17151d 70%);padding:11px 12px 13px;cursor:pointer;position:relative;transition:border-color 150ms ease,opacity 150ms ease,transform 150ms var(--ease-out);overflow:hidden}.reward.selected{border-color:#ffae72;background:linear-gradient(155deg,#35202a,#1b171f 72%);box-shadow:0 0 0 1px #f8893e55,inset 0 0 24px #f77d3113}.reward.future{opacity:.43}.reward.future.selected{opacity:.7}.reward.opened:not(.selected){border-color:#6f4a4e}.reward-top{display:flex;align-items:center;justify-content:space-between;gap:2px}.day-number{font:600 19px/1 Oswald;color:#f9eee3}.day-date{font-size:8px;letter-spacing:.07em;color:#bbb0b8;font-weight:750;white-space:nowrap}.card-state{display:block;position:absolute;top:33px;right:10px;font-size:8px;font-weight:750;color:#98d8a2}.future .card-state{color:#b8aab6}.reward-art{height:92px;display:flex;justify-content:center;align-items:center;margin:4px 0}.sprite{width:92px;height:92px;display:block;background-position:center;background-size:contain;background-repeat:no-repeat;flex:none}.reward-type{font-size:8px;letter-spacing:.04em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.reward-name{display:block;color:#e9e2e5;font-size:11px;font-weight:650;margin-top:7px;line-height:1.3;min-height:29px}.reward.final{border-color:#9d733e;background:linear-gradient(145deg,#3d2920,#21171d)}.grid-note{font-size:11px;color:#98909b;margin:17px 0 0}.grid-note span{color:#dc8e55;margin-right:5px}
.gift-panel{position:sticky;top:16px;background:linear-gradient(165deg,#281a2b,#1b1921 48%);border:1px solid #51404d;border-radius:14px;box-shadow:0 18px 50px #0004;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;color:#e3c8b3;background:#2d222e;padding:14px 19px;font-size:9px;letter-spacing:.13em;font-weight:850}.preview-number{color:#ab9aaa}.panel-title{text-align:center;padding:23px 20px 0}.panel-kicker{font-size:9px;color:#ffb176;letter-spacing:.16em;font-weight:850}.panel-title h2{font:700 35px/.98 Oswald,sans-serif;margin:9px 0 8px;letter-spacing:-.02em}.panel-title h2 em{font-style:normal;color:#ff9b48}.panel-title p{font-size:11px;color:#bcadb7;margin:0;line-height:1.5}.gift-area{height:240px;display:flex;align-items:center;justify-content:center}.gift-scene{width:245px;height:235px;position:relative;display:grid;place-items:center;flex:none}.gift-glow{position:absolute;inset:7px;background:radial-gradient(circle,#f18b3a49 0%,#a45bad1a 42%,transparent 72%);border-radius:50%}.gift-ring{position:absolute;border:1px solid #ffb87635;border-radius:50%}.ring-a{inset:29px}.ring-b{inset:51px;border-color:#f8c38e23}.gift-box{width:118px;height:116px;position:relative;transform:rotate(-5deg);transition:transform 500ms var(--ease-out),opacity 220ms var(--ease-out)}.gift-lid,.gift-body{position:absolute;left:0;width:100%;background:linear-gradient(125deg,#ffb05e,#d75e27 65%,#a83a25);border:3px solid #ffc07b;box-shadow:0 10px 25px #0006}.gift-lid{height:30px;top:10px;left:-7px;width:132px;border-radius:7px;z-index:2;transform-origin:75% 80%;transition:transform 500ms var(--ease-out),opacity 220ms var(--ease-out)}.gift-lid:before,.gift-lid:after{content:"";position:absolute;bottom:23px;width:31px;height:24px;border:7px solid #ffd778;border-radius:80% 80% 0 80%}.gift-lid:before{left:29px;transform:rotate(25deg)}.gift-lid:after{right:29px;transform:scaleX(-1) rotate(25deg)}.gift-lid span,.gift-body span{position:absolute;width:19px;left:45px;top:0;bottom:0;background:linear-gradient(90deg,#ffe2a4,#ffbf53)}.gift-lid span{left:52px}.gift-body{height:76px;top:37px;border-radius:4px 4px 12px 12px}.gift-prize{position:absolute;z-index:4;opacity:0;transform:translateY(5px) scale(.95);transition:transform 500ms var(--ease-out),opacity 220ms var(--ease-out);pointer-events:none}.gift-prize .sprite{width:100px;height:100px}.gift-spark{position:absolute;color:#ffbc72;opacity:.6;font-size:20px;transition:transform 500ms var(--ease-out),opacity 220ms var(--ease-out)}.spark-1{left:28px;top:55px}.spark-2{right:25px;top:40px;color:#d8a7ff}.spark-3{right:42px;bottom:52px;font-size:14px}.spark-4{left:42px;bottom:44px;font-size:14px;color:#d8a7ff}.gift-area.is-open .gift-box{transform:translateY(32px) rotate(0deg)}.gift-area.is-open .gift-lid{transform:translate(37px,-26px) rotate(19deg);opacity:.8}.gift-area.is-open .gift-prize{opacity:1;transform:translateY(-50px) scale(1)}.gift-area.is-open .gift-spark{opacity:1}.gift-area.is-open .spark-1{transform:translate(-9px,-13px)}.gift-area.is-open .spark-2{transform:translate(10px,-15px)}.gift-area.is-open .spark-3{transform:translate(12px,5px)}.gift-area.is-open .spark-4{transform:translate(-10px,4px)}
.selected-card{margin:0 19px 16px;display:flex;gap:10px;align-items:center;padding:9px;background:#302531;border:1px solid #51404b;border-radius:9px}.selected-icon .sprite{width:54px;height:54px}.selected-card strong,.selected-overline,.selected-date{display:block}.selected-overline{font-size:8px;font-weight:850;letter-spacing:.1em;color:#e79a61}.selected-card[data-kind=badge] .selected-overline{color:#d7a7ff}.selected-card[data-kind=reaction] .selected-overline{color:#8ce5de}.selected-card[data-kind=set] .selected-overline{color:#f4d576}.selected-card strong{font-size:12px;margin:4px 0}.selected-date{font-size:8px;letter-spacing:.08em;color:#afa0ad}.selected-marker{color:#dc9b64;margin-left:auto}.open-button{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 38px);margin:0 19px;border:0;border-radius:8px;padding:15px;background:linear-gradient(100deg,#ff8b37,#ffb055);color:#25150e;font-weight:900;font-size:11px;letter-spacing:.07em;cursor:pointer;transition:transform 150ms var(--ease-out),filter 150ms ease}.open-button span:last-child{font-size:16px;line-height:0}.open-button:disabled{background:#413943;color:#afa2a9;cursor:not-allowed}.gift-status{font-size:10px;line-height:1.45;color:#d3b2a1;margin:10px 19px 0;min-height:15px}.preview-controls{display:flex;justify-content:space-between;gap:6px;padding:8px 19px 10px}.preview-controls button{border:0;padding:4px 0;background:none;color:#b6aab4;font-size:10px;cursor:pointer}.demo-controls{margin:0 19px;border-top:1px solid #493a47;padding:14px 0 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.demo-controls strong,.demo-controls div span{display:block}.demo-controls strong{font-size:11px}.demo-controls div span{font-size:10px;color:#a99aaa;margin-top:4px}.demo-switch{width:42px;height:25px;border:0;border-radius:20px;background:#55495a;padding:3px;cursor:pointer;transition:background-color 150ms ease,transform 150ms var(--ease-out)}.demo-switch span{display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform 200ms var(--ease-out)}.demo-switch[aria-checked=true]{background:#b76bef}.demo-switch[aria-checked=true] span{transform:translateX(17px)}.preview-note{font-size:10px;line-height:1.4;color:#a096a1;margin:14px 19px 19px}footer{margin:72px 0 0;border-top:1px solid #332b37;padding:25px 0 40px;display:flex;align-items:center;justify-content:space-between}footer p{font-size:11px;color:#817985;margin:8px 0 0}footer>span{font-size:9px;letter-spacing:.14em;color:#817985;font-weight:750}.footer-brand{font-size:20px}
@media(hover:hover) and (pointer:fine){.reward:hover{border-color:#bf875d;transform:translateY(-2px)}.open-button:not(:disabled):hover{filter:brightness(1.1)}.preview-controls button:hover{color:#f4d0ad}}
@media(max-width:1100px){.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.layout{grid-template-columns:minmax(0,1fr) 365px}}
@media(max-width:760px){.topbar{height:58px;gap:20px}.topbar nav{display:none}.demo-pill{font-size:8px}.page-heading{align-items:flex-start;flex-direction:column;padding:30px 0 24px}.progress{width:100%}.layout{display:flex;flex-direction:column-reverse;gap:28px}.gift-panel{position:static;width:100%}.gift-area{height:215px}.rewards-section{width:100%}.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reward-art{height:85px}.sprite{width:86px;height:86px}footer{margin-top:48px}}
@media(max-width:420px){.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-art{height:96px}.sprite{width:96px;height:96px}.page-heading h1{font-size:38px}.section-caption{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.gift-area.is-open .gift-lid,.gift-area.is-open .gift-spark,.gift-area.is-open .gift-box,.gift-area.is-open .gift-prize{transform:none}}
@media(prefers-contrast:more){.reward,.gift-panel{border-color:#aaa}.reward.future{opacity:.7}.preview-note,.page-heading p{color:#eee}}

.gift-area.no-motion *{transition:none!important}
/* Card hover is frequent feedback: move only the card and artwork a little. */
.reward-art .sprite{transition:transform 200ms var(--ease-out)}
.reward::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 5%,#ffbc8340,transparent 65%);transition:opacity 200ms ease}
@media(hover:hover) and (pointer:fine){
  .reward:hover::after{opacity:.6}
  .reward:hover .reward-art .sprite{transform:translateY(-3px) scale(1.03)}
  .reward:active .reward-art .sprite{transform:scale(.98)}
}
/* The gift uses interruptible Web Animations; its class supplies the final pose. */
.gift-area .gift-box,.gift-area .gift-lid,.gift-area .gift-prize,.gift-area .gift-spark,.gift-area .gift-glow{transition:none}
@media(prefers-reduced-motion:reduce){
  .reward:hover,.reward:active,.reward:hover .reward-art .sprite,.reward:active .reward-art .sprite{transform:none}
}
/* Halloween identity: compact mascot and poster-like lettering. */
.brand-season{display:flex;align-items:center;gap:2px}.brand-season img{width:52px;height:52px;object-fit:contain}.brand-season .brand-word{margin:0;color:#f7f1e8;font:700 25px/.9 Oswald,sans-serif;letter-spacing:-.025em}.brand-season b{color:#afbd83;margin-left:3px}
.page-heading h1{color:#f4ed33;-webkit-text-stroke:.8px #38134b;paint-order:stroke fill;text-shadow:2px 2px 0 #7a1590,-2px -2px 0 #7a1590,2px -2px 0 #7a1590,-2px 2px 0 #7a1590,4px 4px 0 #1a0b20}.page-heading h1 em{color:#f4ed33}.title-star{color:#c68be9;-webkit-text-stroke:0;text-shadow:none}.preview-controls{justify-content:flex-end}.preview-controls #sound-toggle{font-size:18px;padding:6px;min-width:40px;min-height:40px}.gift-panel{padding-bottom:10px}
/* The mascot remains visually prominent even with transparent padding in the artwork. */
.brand-season img{width:108px;height:84px;margin:-8px -12px -8px -20px}
.topbar{height:82px}
@media(max-width:600px){.brand-season img{width:90px;height:70px;margin:-6px -10px -6px -14px}.topbar{height:74px}}

.brand-season img.brand-word-art{width:130px;height:auto;margin:0;object-fit:contain}.page-heading h1{line-height:0}.event-title-art{width:min(570px,100%);height:auto;display:block}.page-heading h1{margin:8px 0 12px}@media(max-width:600px){.brand-season img.brand-word-art{width:110px}.event-title-art{width:min(470px,100%)}}

/* The illustrated cauldron sits in front of the rising reward. */
.gift-area{height:290px}.gift-scene{width:290px;height:280px}.gift-box,.gift-lid{visibility:hidden}.gift-glow{background:radial-gradient(circle,#9cff5455 0%,#7040aa24 44%,transparent 72%)}.cauldron-art{position:absolute;z-index:3;width:290px;height:290px;object-fit:contain;bottom:-4px;pointer-events:none}.gift-prize{z-index:2}.gift-area.is-open .gift-prize{transform:translateY(-85px) scale(1)}.gift-spark{z-index:4}.potion-bubble{position:absolute;z-index:4;bottom:113px;left:50%;width:11px;height:11px;border:1px solid #d6ff91;border-radius:50%;background:radial-gradient(circle at 30% 26%,#eeffbf,#93e841 35%,#2fa928 70%,#117726);box-shadow:0 0 12px #8fff39;opacity:0;animation:potion-rise 2.8s ease-out infinite}.bubble-a{margin-left:-51px;animation-delay:-.4s}.bubble-b{margin-left:27px;width:8px;height:8px;animation-delay:-1.6s}.bubble-c{margin-left:-6px;width:14px;height:14px;animation-delay:-2.4s}.bubble-d{margin-left:52px;width:7px;height:7px;animation-delay:-.9s}@keyframes potion-rise{0%{opacity:0;transform:translateY(0) scale(.5)}18%{opacity:.9}75%{opacity:.75}100%{opacity:0;transform:translateY(-88px) scale(1.1)}}
.reward.final .sprite{animation:rare-frame-light 3.8s ease-in-out infinite}@keyframes rare-frame-light{0%,100%{filter:drop-shadow(0 0 2px #70df6966)}50%{filter:drop-shadow(0 0 8px #83fc67aa)}}
@media(max-width:760px){.gift-area{height:270px}}@media(prefers-reduced-motion:reduce){.potion-bubble,.reward.final .sprite{animation:none}}

@media(min-width:761px){.main-wrap{display:grid;grid-template-columns:minmax(0,1fr) 390px;column-gap:26px;align-items:start}.page-heading{grid-column:1;grid-row:1}.layout{display:contents}.rewards-section{grid-column:1;grid-row:2;padding-top:28px}.gift-panel{grid-column:2;grid-row:1 / span 2;margin-top:40px;align-self:start}.site-footer{grid-column:1 / -1}}
.main-wrap .site-footer{width:100%;min-height:108px;margin:72px 0 0;padding:28px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px 24px;flex-wrap:wrap;border-top:1px solid #3b3140;font-size:13px;color:#b4b1bd}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:#fff}.site-footer .brand-mascot-image{display:block;width:80px;height:80px;object-fit:contain}.site-footer .seo-footer-links,.site-footer .seo-legal-links{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;width:100%}.site-footer .seo-legal-links{font-size:12px}.site-footer .analytics-settings{color:inherit}.site-footer .demo-label{font-size:12px}.topbar nav a{color:inherit;text-decoration:none}
@media(max-width:760px){.main-wrap .site-footer{margin-top:48px}.site-footer .brand-mascot-image{width:72px;height:72px}}

/* Shared site navigation, with the seasonal identity. */
.site-header{background:#17181c;border-bottom:1px solid #302a32}.header-inner{max-width:1360px;width:calc(100% - 64px);height:90px;margin:auto;display:flex;align-items:center;gap:24px}.site-header a,.site-tabbar a{color:inherit;text-decoration:none}.site-header .brand{display:flex;align-items:center;gap:0;flex-shrink:0}.season-mascot{width:98px;height:80px;object-fit:contain;margin-left:-15px;margin-right:-7px}.season-wordmark{width:130px;height:auto}.desktop-nav{display:flex;align-items:center;gap:26px;margin-left:auto}.desktop-nav a{white-space:nowrap;color:#a9a9b4;font-size:13px;font-weight:600;padding:20px 0}.desktop-nav .season-nav-link{color:#e5ff4a;text-shadow:0 0 12px #caff3377}.site-header-actions,.header-social{display:flex;align-items:center;flex-shrink:0}.site-header-actions{gap:8px}.site-radio-link{display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 10px;border:1px solid #45444b;border-radius:50px;color:#aaa9b4!important;font-size:13px}.site-radio-link svg{width:22px;height:22px}.header-social a{width:44px;height:44px;display:grid;place-items:center;color:#aaa9b4}.header-social svg{fill:currentColor}.site-tabbar{display:none}
/* One unified event introduction: the cauldron belongs inside it. */
.main-wrap{display:block}.page-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,1fr);align-items:center;gap:clamp(20px,3vw,50px);padding:32px 0 28px}.event-intro{min-width:0}.event-intro .progress{margin-top:24px}.layout{display:block;padding-top:28px}.rewards-section{padding-top:0}.gift-panel{position:static;margin:0;padding:0;min-width:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}.panel-head{background:none;padding:0 0 5px;color:#e3c8b3}.gift-content{display:grid;grid-template-columns:minmax(190px,1fr) minmax(180px,1fr);align-items:center;gap:4px}.gift-area{height:250px}.gift-scene{transform:scale(.88)}.gift-details{min-width:0}.panel-title{text-align:left;padding:0}.panel-title h2{font-size:30px}.selected-card{margin:15px 0 12px}.open-button{width:100%;margin:0}.gift-status{margin:9px 0 0}.preview-controls{padding:0}.gift-details .preview-controls #sound-toggle{min-width:36px;min-height:36px}.reward-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.desktop-nav{gap:14px}.desktop-nav a{font-size:12px}.header-inner{gap:12px}.season-mascot{width:77px}.season-wordmark{width:105px}.site-radio-link span{display:none}.site-radio-link{padding:0}.page-heading{grid-template-columns:1fr;gap:18px}.gift-panel{max-width:680px;width:100%}.reward-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.header-inner{width:calc(100% - 36px);height:74px;gap:8px}.desktop-nav{display:none}.site-header-actions{margin-left:auto;gap:0}.season-mascot{width:74px;height:65px;margin-left:-12px}.season-wordmark{width:100px}.header-social a{width:40px}.site-tabbar{position:fixed;z-index:40;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px));background:#1c1d22ef;border-top:1px solid #45444b;backdrop-filter:blur(16px)}.site-tabbar>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:50px;font-size:10px;color:#a9a9b4}.site-tabbar .season-tab-link{color:#e5ff4a}.site-tabbar-icon img{width:33px;height:33px;object-fit:contain}.page-heading{display:grid;grid-template-columns:1fr;gap:24px;padding:30px 0 24px}.event-intro .progress{width:100%;margin-top:20px}.gift-content{grid-template-columns:minmax(135px,1fr) minmax(145px,1fr)}.gift-area{height:210px}.gift-scene{transform:scale(.68)}.panel-title h2{font-size:25px}.panel-title p{font-size:10px}.selected-card{padding:7px;gap:6px}.selected-icon .sprite{width:38px;height:38px}.open-button{padding:13px 10px;font-size:10px}.gift-status{font-size:10px}.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:370px){.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gift-content{grid-template-columns:minmax(120px,1fr) minmax(145px,1fr)}.gift-scene{transform:scale(.6)}}
@media(min-width:761px){.gift-panel{grid-column:auto;grid-row:auto;align-self:center}}
/* The unopened days are recognisable presents without revealing their contents. */
.reward.future{opacity:.68}.reward.future.selected{opacity:1}
[data-kind=mystery] .reward-type{color:#d9b9ff;background:#9059c52a}
.reward[data-kind=mystery] .reward-art .sprite{background-size:contain}
.reward.super-mystery{border-color:#b59049;background:linear-gradient(155deg,#32243a,#1b1824)}
.reward.super-mystery .reward-type{color:#ffdc88;background:#b7782933}

.card-state{position:static;min-height:20px;text-align:right;line-height:1.25}