:root{--ink:#17151c;--muted:#6a6670;--cream:#faf9f6;--line:#dedce1;--green:#7442bf;--lime:#ffe663;--orange:#ff89c2;--cyan:#79e5f1;--purple:#b891ec}
body{background:var(--cream)}.top{background:#17151c;font-size:12px;letter-spacing:.09em;padding:10px}.top b{color:#ffe663}header{background:#faf9f6f5}.nav{max-width:1500px;padding:20px 38px;gap:26px}.logo{font-size:27px;color:#17151c;letter-spacing:-1.5px}.logo span{color:#17151c}.links button{font-size:13px;border-radius:0;padding:10px}.links button.active{background:transparent;box-shadow:inset 0 -2px #17151c}.links button:hover{background:#ffe663}.points{border:0;background:#ffe663;border-radius:5px;white-space:nowrap}.iconbtn{border-radius:4px}.actions [data-route=advent]{background:#efdafa}.btn{border-radius:3px;background:#17151c;padding:16px 22px}.btn:hover{background:#713ec0;transform:translateY(-1px)}.btn.light{background:#ffe663}.btn.ghost{background:transparent;border:1px solid #17151c}.wrap{max-width:1500px}.eyebrow{font-size:12px;color:#625c69;letter-spacing:.14em}.footer{background:#17151c}.footer .logo,.footer .logo span{color:white}.footer small{color:#c0b9c6}.design-home{overflow:hidden}.editorial-hero{min-height:610px;position:relative;max-width:1500px;margin:auto;padding:56px 64px 45px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.hero-word{position:absolute;font-size:clamp(180px,28vw,440px);line-height:.8;letter-spacing:-.1em;font-weight:950;left:4%;top:37%;color:#ece9ed;pointer-events:none}.editorial-copy{position:relative;z-index:2}.editorial-copy h1{font-size:clamp(64px,6.7vw,106px);line-height:.93;letter-spacing:-.065em;margin:24px 0;font-weight:950;max-width:650px}.editorial-copy h1 em{font-style:normal;position:relative;display:inline-block;background:#ffe663;padding:0 12px 5px;transform:rotate(-3deg);margin-top:7px}.editorial-copy p{max-width:370px;line-height:1.65;color:#5c5561;font-size:16px;margin:28px 0}.editorial-copy .row{margin-top:30px}.comic-stage{position:relative;z-index:1;max-width:490px;justify-self:center;width:100%;padding:8px 15px}.comic-stage img{width:100%;height:auto;display:block;border:3px solid #17151c;box-shadow:12px 12px 0 #ffe663;transform:rotate(3deg)}.comic-sticker{position:absolute;right:-6px;top:-18px;border:2px solid #17151c;background:#79e5f1;font-weight:900;line-height:1.1;padding:17px 19px;transform:rotate(9deg);font-size:18px;box-shadow:4px 4px 0 #17151c}.hero-spark{position:absolute;left:-14px;bottom:25px;font-size:68px;color:#ff79be;text-shadow:2px 2px #17151c}.editorial-index{font-size:12px;letter-spacing:.14em;margin-top:36px;color:#756e79}.world-strip{background:#17151c;color:white}.world-strip-inner{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);padding:28px 44px}.world-tile{background:none;border:0;color:white;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;gap:15px;border-right:1px solid #514954}.world-tile:last-child{border-right:0}.world-tile h2{font-size:25px;letter-spacing:-.04em;margin:3px 0 7px}.world-tile p{font-size:14px;color:#bfb7c8;margin:0;line-height:1.4}.world-tile .tile-symbol{font-size:43px;color:#ffe663}.world-tile:nth-child(2) .tile-symbol{color:#ff89c2}.world-tile:nth-child(3) .tile-symbol{color:#79e5f1}.world-tile:hover h2{text-decoration:underline;text-underline-offset:5px}.home-selection{padding:64px 50px}.home-selection h2{font-size:44px;font-weight:950;letter-spacing:-.06em;margin:8px 0}.edit-categories{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:28px}.edit-category{min-height:230px;background:#eee8f7;border:1px solid #17151c;padding:27px;position:relative;text-align:left;color:#17151c;overflow:hidden}.edit-category:nth-child(2){background:#f6e9a5}.edit-category:nth-child(3){background:#c1eff1}.edit-category h3{font-size:38px;letter-spacing:-.05em;margin:30px 0 12px}.edit-category p{font-size:14px;max-width:245px;line-height:1.5}.edit-category b{position:absolute;right:22px;top:20px;font-size:22px}.edit-category:hover{box-shadow:6px 6px 0 #17151c;transform:translate(-2px,-2px)}.season-feature{margin:0 50px 25px;background:#eadcf9;display:flex;align-items:center;justify-content:space-between;padding:42px;gap:22px;border:1px solid #17151c}.season-feature h2{font-size:46px;line-height:1;letter-spacing:-.055em;margin:12px 0}.season-feature p{color:#61566d;font-size:16px}.season-feature .season-number{font-size:120px;font-weight:950;line-height:1;letter-spacing:-.08em;color:#7442bf}.advent-design{max-width:1500px;margin:auto;padding:42px 50px 55px}.advent-heading{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:28px}.advent-heading h1{font-size:clamp(48px,6vw,84px);font-weight:950;letter-spacing:-.065em;line-height:.97;margin:14px 0}.advent-heading h1 em{font-style:normal;color:#8249ce}.advent-heading p{max-width:510px;font-size:16px;line-height:1.6;color:#6a6270}.advent-callout{flex-shrink:0;background:#ffe663;border:2px solid #17151c;transform:rotate(3deg);padding:20px 22px;text-align:center;box-shadow:5px 5px 0 #17151c;margin:0 10px 25px}.advent-callout strong{font-size:42px;line-height:1;display:block}.advent-callout span{font-size:13px;font-weight:850;line-height:1.4;display:block;margin-top:5px}.advent-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #d6d0db;border-bottom:1px solid #d6d0db;padding:14px 0;margin-bottom:26px}.advent-toolbar strong{font-size:14px}.advent-toolbar .demo-controls{margin:0;gap:8px}.demo-controls button{border-radius:2px;font-size:12px}.label-demo{font-size:12px;color:#776c7e}.advent-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.advent-grid{margin:0;gap:11px;grid-template-columns:repeat(6,minmax(0,1fr))}.advent-door{border:1px solid #d9d4de;background:#f1eef3;border-radius:3px;min-height:115px;position:relative;gap:3px;color:#908998;opacity:1!important}.advent-door span{font-size:35px;font-weight:900;line-height:1.1;letter-spacing:-.05em}.advent-door small{font-size:12px;color:inherit}.advent-door .door-mark{position:absolute;right:8px;top:7px;font-size:13px}.advent-door.today{background:#ffe663;color:#17151c;box-shadow:none;border:1px solid #17151c}.advent-door.next{background:#fff;color:#17151c;border:1px dashed #8e839c}.advent-door.selected{outline:2px solid #17151c;outline-offset:3px;box-shadow:none;background:#ffe663;color:#17151c}.advent-door.selected small{color:#17151c}.advent-door.mystery{background:#e8d8fc;border:1px solid #bf9cdf;color:#7846aa}.advent-door.mystery small{color:#7846aa}.advent-door.mystery.selected,.advent-door.mystery.today{background:#9865d5;color:white;border:1px solid #17151c;box-shadow:none;outline-color:#17151c}.advent-door.mystery.selected small,.advent-door.mystery.today small{color:white}.advent-door.entered:not(.selected){background:#a9e4e9;color:#17151c}.advent-door:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 5px 0 #17151c}.advent-legend{font-size:12px;line-height:1.6;margin-top:22px;gap:14px}.advent-legend b{color:#8249ce}.advent-detail{border:1px solid #17151c;background:white}.detail-image{height:135px;position:relative;overflow:hidden;background:#081936}.detail-image img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;opacity:.75}.detail-image strong{position:absolute;bottom:12px;left:18px;color:#ffe663;font-weight:950;letter-spacing:-.04em;font-size:30px}.detail-body{padding:22px}.detail-body h2{font-size:27px;letter-spacing:-.055em;line-height:1.1;margin:12px 0}.detail-body p{font-size:14px;line-height:1.6;color:#6a6270}.detail-body .btn{width:100%;font-size:14px;padding:14px 10px}.advent-stats{display:flex;gap:0;border-top:1px solid #e1dce6;border-bottom:1px solid #e1dce6;margin:21px 0;padding:15px 0}.advent-stats div{width:50%}.advent-stats div+div{border-left:1px solid #e1dce6;padding-left:20px}.advent-stats strong{font-size:27px;display:block;letter-spacing:-.05em}.advent-stats small{font-size:12px;color:#776f7f}.advent-detail .notice{background:#e5f7f6;font-size:13px;border-radius:3px;line-height:1.5}.advent-detail .countdown{font-size:40px}.mystery-note{border-top:1px solid #d6d0db;margin-top:36px;padding-top:24px;display:flex;gap:25px;justify-content:space-between;align-items:center}.mystery-note h3{font-size:25px;letter-spacing:-.04em;margin:0 0 8px}.mystery-note p{font-size:14px;color:#706477;line-height:1.6;margin:0}.mystery-dates{background:#e8d8fc;padding:15px 20px;font-size:18px;font-weight:900;color:#7540a8;white-space:nowrap;border:1px solid #c6a4e8}
@media(max-width:1150px){.nav{gap:12px;padding:18px 24px}.links button{padding:9px 6px;font-size:12px}.logo{font-size:23px}.points{font-size:12px;padding:10px}.editorial-hero{padding:45px 36px;min-height:560px;gap:26px}.advent-design{padding:32px}.advent-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.advent-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.advent-door{min-height:95px}.comic-sticker{right:0}.home-selection{padding:45px 32px}}
@media(max-width:800px){.links{display:none}.nav{justify-content:space-between}.editorial-hero{grid-template-columns:1fr 1fr;padding:35px 24px;min-height:460px;gap:20px}.editorial-copy h1{font-size:57px}.editorial-copy p{font-size:14px}.comic-sticker{font-size:13px;padding:13px}.world-strip-inner{padding:20px 12px}.world-tile{padding:10px 15px}.world-tile h2{font-size:21px}.world-tile p{font-size:12px}.world-tile .tile-symbol{display:none}.home-selection h2{font-size:37px}.edit-category{padding:20px}.edit-category h3{font-size:28px}.season-feature{margin:0 32px;padding:28px}.season-feature h2{font-size:36px}.season-feature .season-number{font-size:90px}.advent-heading h1{font-size:58px}.advent-callout{padding:16px}.advent-layout{grid-template-columns:1fr 280px}.advent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.advent-toolbar{align-items:start;flex-direction:column}.mystery-note{align-items:start;flex-direction:column}}
@media(max-width:560px){.nav{padding:14px 16px}.logo{font-size:23px}.top{font-size:10px;padding:8px}.editorial-hero{grid-template-columns:1fr;padding:32px 24px 40px;gap:32px}.editorial-copy h1{font-size:66px;max-width:400px}.editorial-copy p{font-size:16px;margin:20px 0}.editorial-copy .row{margin-top:18px;gap:8px}.editorial-copy .btn{font-size:13px;padding:14px 16px}.editorial-index{display:none}.comic-stage{max-width:310px}.hero-word{font-size:150px;top:55%}.comic-sticker{font-size:16px}.world-strip-inner{padding:15px 20px;grid-template-columns:1fr}.world-tile{padding:16px 0;border-right:0;border-bottom:1px solid #4d4354}.world-tile:last-child{border-bottom:0}.world-tile .tile-symbol{display:block;font-size:34px}.world-tile p{font-size:13px}.home-selection{padding:38px 22px}.home-selection h2{font-size:34px}.edit-categories{grid-template-columns:1fr;gap:13px}.edit-category{min-height:160px;padding:20px}.edit-category h3{margin:15px 0 10px;font-size:34px}.edit-category p{margin:0}.season-feature{margin:0 22px;padding:24px;display:block}.season-feature .season-number{display:none}.season-feature h2{font-size:38px}.advent-design{padding:28px 18px}.advent-heading{display:block}.advent-heading h1{font-size:40px}.advent-heading p{font-size:15px}.advent-callout{display:none}.advent-layout{grid-template-columns:1fr}.advent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.advent-door{min-height:85px}.advent-door span{font-size:30px}.advent-door small{font-size:11px}.advent-door .door-mark{font-size:10px;right:5px;top:5px}.advent-detail{margin-top:6px}.detail-image{height:150px}.mystery-dates{font-size:16px;white-space:normal}.demo-controls{gap:5px}.demo-controls .label-demo{font-size:11px}.footer{margin-top:35px}.advent-heading .eyebrow{font-size:11px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .16s,transform .16s,box-shadow .16s}.comic-stage{animation:appear .5s ease-out}@keyframes appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}

/* Shared editorial system for the remaining dummy views */
.page{max-width:1500px;padding:52px 50px 76px}.page>.eyebrow:first-child{display:block;border-top:1px solid #17151c;padding-top:18px}.page-title{max-width:950px;font-size:clamp(54px,6vw,92px);font-weight:950;line-height:.92;letter-spacing:-.075em;text-transform:uppercase;margin:18px 0 22px}.page-intro{max-width:680px;font-size:17px;line-height:1.65;color:#625b67;margin-bottom:34px}.pills{border-top:1px solid #d4cfd7;border-bottom:1px solid #d4cfd7;padding:13px 0;margin:0 0 28px;gap:7px}.pill{border:1px solid #17151c;background:transparent;border-radius:2px;padding:11px 15px;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.pill.active{background:#17151c;color:white}.cards{gap:18px}.card{border:1px solid #17151c;border-radius:0;background:white}.card-visual{height:250px}.card-visual:before{width:190px;height:190px;border-radius:0;transform:rotate(10deg)}.card .tag{top:12px;left:12px;background:#fff;border:1px solid #17151c;border-radius:2px;padding:7px 9px}.card-body{padding:18px}.card-body small{font-size:12px;color:#756c79}.card h3{font-size:21px;letter-spacing:-.045em;margin:8px 0}.card p{font-size:14px;min-height:40px}.price{font-size:22px}.mini{width:40px;height:40px;border-radius:2px;background:#17151c}.mini:hover{background:#7b45c1}.banner{border:1px solid #17151c;border-radius:0;background:#ffe663!important;padding:30px}.banner h3{font-size:34px}.textlink{color:#17151c;text-transform:uppercase;font-size:12px;letter-spacing:.05em;border-bottom:1px solid #17151c}.feature-grid{gap:18px}.feature{border:1px solid #17151c;border-radius:0}.feature h3{font-size:38px}.feature.yellow{background:#ffe663}.feature.pink{background:#ffd6e9}.feature.blue{background:#c8f0f2}.feature.dark{background:#17151c}.panel{border:1px solid #17151c;border-radius:0;padding:28px}.panel h3{font-size:28px;text-transform:uppercase}.two{gap:22px}.stat-grid{gap:0;border:1px solid #17151c}.stat{border-radius:0;background:#f0edf2;padding:19px}.stat+.stat{border-left:1px solid #17151c}.stat strong{font-size:31px}.notice{border-radius:2px;background:#d9f3f3;border:1px solid #91d9dd}.game-area{border-radius:0;border:1px solid #17151c;background:#17151c;min-height:390px}.game-area .eyebrow{color:#ffe663!important}.game-area h2{font-size:clamp(42px,4vw,62px)!important;line-height:.94!important}.answers{gap:8px}.answers button{border-radius:2px;padding:16px;background:#ffffff0d}.answers button:hover{background:#ffe663;color:#17151c}.deal{min-height:76px}.code{border-radius:2px;background:#ffe663;border:1px solid #17151c}.field{border-radius:2px;border-color:#17151c}.drawer{border-left:1px solid #17151c}.drawer .cart-row{font-size:14px}.section h2{font-weight:950;text-transform:uppercase}.page .section{padding-top:52px}

/* A distinct accent per product area while keeping one system */
.page:has(.game-area) .page-title{color:#7540b7}.page:has(.game-area)>.eyebrow:first-child{color:#7540b7}.page:has(.game-area) .panel:last-child{background:#e7dcf7}.page:has(.live-dot) .page-title{color:#e65693}.page:has(.live-dot)>.eyebrow:first-child{color:#e65693}.page:has(.live-dot) .panel:first-child{background:#17151c!important}.page:has(.code) .page-title{color:#167b85}.page:has(.code)>.eyebrow:first-child{color:#167b85}.page:has(.code) .panel:first-child{background:#d9f3f3}.page:has(.code) .panel:last-child{background:#ffe8f2}

@media(max-width:800px){.page{padding:42px 28px 66px}.page-title{font-size:58px}.cards{grid-template-columns:repeat(2,1fr)}.card-visual{height:205px}.panel h3{font-size:24px}}
@media(max-width:560px){.page{padding:32px 18px 55px}.page-title{font-size:45px}.page-intro{font-size:16px}.cards{grid-template-columns:1fr 1fr;gap:9px}.card-visual{height:145px;font-size:62px}.card-body{padding:13px}.card h3{font-size:17px}.card p{font-size:13px}.price{font-size:17px}.two{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.stat+.stat{border-left:0;border-top:1px solid #17151c}.game-area{padding:24px;min-height:auto}.answers{grid-template-columns:1fr}.panel{padding:22px}.banner{padding:22px}.banner h3{font-size:28px}}

/* Tile language from the home page, used throughout the dummy */
.page .cards .card:nth-child(4n+1){--tile:#e9dcf8}.page .cards .card:nth-child(4n+2){--tile:#ffeaa0}.page .cards .card:nth-child(4n+3){--tile:#c9f0f2}.page .cards .card:nth-child(4n+4){--tile:#ffd9e9}.page .card{background:var(--tile,#fff);transition:transform .2s ease,box-shadow .2s ease}.page .card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 #17151c}.page .card-visual{background:color-mix(in srgb,var(--tile,#fff) 76%,white)!important;border-bottom:1px solid #17151c}.page .card-visual:before{background:#fff8}.page .card .tag{box-shadow:3px 3px 0 #17151c}.page .feature:nth-child(odd),.page .panel:nth-child(odd){box-shadow:7px 7px 0 #17151c}.page .feature:nth-child(even),.page .panel:nth-child(even){box-shadow:-7px 7px 0 #17151c}.page .feature .emoji{filter:drop-shadow(5px 7px 0 #17151c55)}.page .deal{transition:padding .18s ease,background .18s ease}.page .deal:hover{background:#fff8;padding-left:10px;padding-right:10px}.page .stat strong{color:#7442bf}.page .mini,.page .code,.page .btn{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.page .mini:hover,.page .code:hover,.page .btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #17151c}.advent-door{transition:transform .18s ease,box-shadow .18s ease}.world-tile,.edit-category,.season-feature,.card,.feature,.panel,.banner,.advent-door,.mystery-note{will-change:transform,opacity}

/* Scroll choreography */
.reveal{opacity:0;transform:translateY(42px) scale(.985);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.from-left{transform:translateX(-45px) rotate(-1deg)}.reveal.from-right{transform:translateX(45px) rotate(1deg)}.reveal.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.scroll-pop{animation:scrollPop .65s cubic-bezier(.2,.9,.2,1) both}@keyframes scrollPop{from{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:none}}

/* Three-second Games celebration */
.confetti-stage{position:fixed;inset:0;z-index:100;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-24px;width:12px;height:22px;background:var(--confetti);border:1px solid #17151c;animation:confettiFall var(--fall) linear forwards;animation-delay:var(--delay);transform:translate3d(0,-30px,0) rotate(0)}@keyframes confettiFall{0%{transform:translate3d(0,-35px,0) rotate(0);opacity:1}80%{opacity:1}100%{transform:translate3d(var(--drift),105vh,0) rotate(var(--spin));opacity:0}}.confetti-burst{position:fixed;left:50%;top:50%;z-index:101;pointer-events:none;font-size:clamp(54px,9vw,120px);font-weight:950;letter-spacing:-.07em;color:#17151c;background:#ffe663;border:3px solid #17151c;padding:10px 22px;box-shadow:9px 9px 0 #7442bf;animation:burstIn .8s cubic-bezier(.2,1.2,.3,1) both,burstOut .45s ease-in 1.9s forwards}@keyframes burstIn{from{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-8deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-2deg)}}@keyframes burstOut{to{opacity:0;transform:translate(-50%,-55%) scale(1.12) rotate(2deg)}}

@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.confetti-piece{animation-duration:.01ms!important}.confetti-burst{animation:none;transform:translate(-50%,-50%)}.page .card:hover,.page .mini:hover,.page .code:hover,.page .btn:hover{transform:none}}

/* Header feature tiles */
.actions{gap:9px}.advent-shortcut,.points{min-height:48px;border:1px solid #17151c;border-radius:2px;padding:6px 11px;display:flex;align-items:center;gap:9px;color:#17151c;box-shadow:3px 3px 0 #17151c;transition:transform .16s ease,box-shadow .16s ease}.advent-shortcut{background:#e8d8fc}.points{background:#ffe663}.advent-shortcut:hover,.points:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #17151c}.nav-symbol{font-size:22px;line-height:1}.nav-copy{display:grid;text-align:left;line-height:1.05}.nav-copy small{font-size:9px;letter-spacing:.12em;font-weight:850}.nav-copy b{font-size:12px;margin-top:3px;white-space:nowrap}.points .nav-symbol{font-size:25px;color:#7442bf}.advent-shortcut .nav-symbol{filter:drop-shadow(1px 2px 0 #fff)}
@media(max-width:1150px){.advent-shortcut,.points{padding:6px 8px}.nav-copy small{display:none}.nav-copy b{font-size:11px}.actions{gap:6px}}
@media(max-width:800px){.advent-shortcut,.points{display:flex!important;width:46px;min-width:46px;padding:5px;justify-content:center;box-shadow:2px 2px 0 #17151c}.advent-shortcut .nav-copy{display:none}.points .nav-copy small{display:none}.points .nav-copy b{font-size:0}.points .nav-copy b #points-count{font-size:11px;display:block}.actions>.iconbtn[aria-label="Mein Account"]{display:none}}
@media(max-width:560px){.nav{gap:7px}.actions{gap:5px}.advent-shortcut,.points{width:40px;min-width:40px;min-height:40px}.nav-symbol{font-size:19px}.points .nav-symbol{display:none}.points .nav-copy b #points-count{font-size:12px}.bag{padding:8px!important}}

/* Reward codes need their own line box, including at narrow account widths. */
.page .notice .reward-code{display:block;width:100%;box-sizing:border-box;margin:14px 0;padding:14px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;line-height:1.6;letter-spacing:.04em;white-space:normal;overflow-wrap:anywhere;word-break:normal;user-select:all}
.page .notice:has(.reward-code){min-width:0;line-height:1.5}
.page .notice .reward-code+br{display:none}
.page .notice:has(.reward-code) .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.45}

/* CD rule: content determines box height; padding and gaps stay reserved. */
:root{--box-padding:24px;--box-gap:16px}
:where(.panel,.feature,.card-body,.banner,.game-area,.detail-body,.season-feature,.edit-category,.quiz-popup){box-sizing:border-box;min-width:0;height:auto;padding:var(--box-padding);overflow-wrap:anywhere}
:where(.panel,.feature,.card-body,.banner,.game-area,.detail-body,.season-feature,.edit-category,.quiz-popup) :where(h1,h2,h3,h4){line-height:1.2}
:where(.panel,.feature,.card-body,.banner,.game-area,.detail-body,.season-feature,.edit-category,.quiz-popup) :where(p,small,b,strong){line-height:1.5}
:where(.two,.cards,.feature-grid,.stat-grid,.answers,.edit-categories,.advent-layout,.editorial-hero)>*{min-width:0}
:where(.panel,.feature,.card-body,.game-area,.detail-body,.edit-category)>:first-child{margin-top:0}
:where(.panel,.feature,.card-body,.game-area,.detail-body,.edit-category)>:last-child{margin-bottom:0}
:where(.panel,.feature,.card-body,.game-area,.detail-body)>.eyebrow{display:block;margin-bottom:var(--box-gap)}
:where(.panel,.feature,.card-body,.game-area,.detail-body)>:where(h2,h3,p){margin-top:0;margin-bottom:var(--box-gap)}
.notice{display:flex;flex-direction:column;align-items:stretch;gap:var(--box-gap);height:auto;min-width:0;padding:16px;line-height:1.5;overflow-wrap:anywhere}
.notice>br{display:none}
.notice>:where(b,strong,small,p,.code,.btn){display:block;position:static;min-width:0;max-width:100%;margin:0!important;line-height:1.5}
.notice .code,.page .notice .reward-code{display:block;box-sizing:border-box;width:100%;margin:0;padding:12px;white-space:normal;overflow-wrap:anywhere;line-height:1.6}
:where(.btn,.code,.textlink,.answers button){max-width:100%;height:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
.code{display:inline-block}
:where(.deal,.cart-row,.card-bottom,.section-head,.banner,.season-feature,.advent-heading){flex-wrap:wrap;gap:var(--box-gap)}
:where(.deal,.cart-row)>:first-child{flex:1 1 150px;min-width:0;overflow-wrap:anywhere}
:where(.deal,.cart-row)>:not(:first-child){flex-shrink:0;max-width:100%}
.field{min-width:0;max-width:100%;flex:1 1 200px}
.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}
.stat{min-width:0;height:auto;padding:16px;overflow-wrap:anywhere}
.stat strong,.stat small{display:block;line-height:1.5}
.feature .emoji{position:static;display:block;transform:none;font-size:72px;line-height:1.2;margin-top:16px}
.feature,.edit-category{overflow:visible}
.edit-category>b{position:static;display:block;margin-top:12px}
.edit-category h3{margin-top:16px}
.game-area h2{line-height:1.2!important}
.page-title,.advent-heading h1,.editorial-copy h1{line-height:1.12;overflow-wrap:anywhere}
.detail-image{height:auto;min-height:135px;display:grid;padding:16px;align-items:end}
.detail-image img{position:absolute;inset:0}
.detail-image strong{position:relative;left:auto;bottom:auto;line-height:1.25;overflow-wrap:anywhere}
.quiz-popup{max-height:calc(100dvh - 40px);overflow:auto;padding-top:64px}
.quiz-popup-close{line-height:1;min-width:44px;min-height:44px}
.advent-door{height:auto;padding:20px 8px 12px}
.advent-door small{overflow-wrap:anywhere;line-height:1.4;max-width:100%}
.nav{flex-wrap:wrap}
@media(max-width:960px){.two,.feature-grid{grid-template-columns:minmax(0,1fr)}.advent-layout{grid-template-columns:minmax(0,1fr)}.editorial-hero{grid-template-columns:minmax(0,1fr)}.comic-stage{margin-top:24px}.links{display:none}}
@media(max-width:560px){:root{--box-padding:20px}.edit-categories{grid-template-columns:minmax(0,1fr)}.editorial-copy h1{font-size:clamp(40px,11vw,66px)}.page-title{font-size:clamp(32px,9vw,45px)}.advent-heading h1{font-size:clamp(30px,8vw,40px)}}
/* Reveal only through opacity so animation never pushes content into neighbours. */
.reveal,.reveal.from-left,.reveal.from-right,.reveal.is-visible{transform:none;transition-property:opacity}
.page .panel,.page .feature,.page .card{height:auto}

/* Heading hierarchy: display headlines and readable subheadings. */
h1,h2,.page-title,.editorial-copy h1,.advent-heading h1,.section h2{font-family:Impact,"Arial Black",sans-serif;font-weight:700;text-transform:uppercase;font-style:normal;letter-spacing:.01em;line-height:1.15}
h1 em,h2 em{font-family:inherit;font-weight:inherit;font-style:normal}
h3,h4,h5,h6,.panel h3,.feature h3,.card h3{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:700;text-transform:none;letter-spacing:-.02em;line-height:1.3}

/* CD: square fields and controls inside content tiles. */
:is(.panel,.card,.feature,.game-area,.edit-category,.advent-detail,.quiz-popup) :is(button,input:not([type=radio]):not([type=checkbox]),select,textarea,.field,.notice,.code,.stat,.poll-option,.poll-option-fill){border-radius:0!important}

/* Keep the complete navigation accessible at every viewport width. */
.nav .links{display:flex;flex-wrap:wrap;min-width:0;gap:4px}
@media(max-width:1150px){.nav .links{order:3;flex:1 0 100%;width:100%;padding-top:12px;border-top:1px solid var(--line)}.nav .actions{margin-left:auto}.nav .links button{padding:10px 12px;min-height:44px;line-height:1.3}}
@media(max-width:560px){.nav .links{gap:2px;padding-top:8px}.nav .links button{font-size:12px;padding:8px 10px}.nav{row-gap:10px}}

/* Partner marquee: fixed strip height, seamless duplicate group. */
.partner-marquee{height:50px;background:#000;color:#fff;overflow:hidden;width:100%;position:relative;outline-offset:-3px}
.partner-track{height:100%;display:flex;width:max-content;animation:partner-scroll 30s linear infinite}
.partner-group{height:100%;width:max(100vw,1000px);flex:none;display:flex;align-items:center;justify-content:space-around;gap:48px;padding:0 24px}
.partner-placeholder{display:inline-flex;align-items:center;gap:10px;flex:none;white-space:nowrap;color:#fff;font-size:18px;line-height:1;font-weight:800;letter-spacing:.07em}
.partner-placeholder svg{width:24px;height:24px;flex:none}
.partner-style-2{font-family:Georgia,serif;letter-spacing:.12em}.partner-style-3{font-style:italic;letter-spacing:-.03em}.partner-style-4{font-weight:500;letter-spacing:.16em}.partner-style-5{font-family:Impact,'Arial Black',sans-serif;font-weight:700}
.partner-marquee:focus-within:not(.partner-resumed) .partner-track{animation-play-state:paused}
.sanu-popup{width:min(620px,calc(100vw - 40px));max-height:calc(100dvh - 60px);overflow:auto;background:#faf8f3;color:#17151c;border:2px solid #000;box-shadow:8px 8px 0 #000;padding:32px;border-radius:0}
.sanu-popup::backdrop{background:#17151c99}.sanu-popup h2{font-size:clamp(26px,5vw,40px);line-height:1.1;margin:18px 36px 18px 0}.sanu-popup p{line-height:1.6}.popup-close{position:absolute;right:14px;top:14px}.sanu-popup form{display:grid;gap:16px}.sanu-popup label{display:grid;gap:8px;font-weight:700}.sanu-popup .field{width:100%;min-width:0;border:2px solid #17151c;border-radius:0;background:#fff}.sanu-popup textarea{min-height:120px;resize:vertical}.guest-login .nav-copy b{font-size:13px!important}.guest-login .nav-copy{display:block!important}
@keyframes partner-scroll{to{transform:translateX(-50%)}}
@media(max-width:720px){.partner-marquee{height:30px}.partner-group{width:max(100vw,700px);gap:30px;padding:0 15px}.partner-placeholder{font-size:12px;gap:7px}.partner-placeholder svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.partner-marquee{overflow-x:auto}.partner-track{animation:none}.partner-group[aria-hidden=true]{display:none}}

/* Partner colours change every five seconds; separators keep clear edge space. */
.partner-group{justify-content:initial;gap:0;padding:0}
.partner-placeholder{position:relative;flex:1 0 20%;height:100%;justify-content:center;padding:0 18px;animation:partner-colours 25s steps(1,end) infinite;color:#fff}
.partner-placeholder::after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:#ffffff55}
.partner-logo-colour{background-color:currentColor;-webkit-mask-image:var(--partner-mask);mask-image:var(--partner-mask);mask-mode:alpha;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.partner-logo-colour::after{display:none}
.deal-logo-box{width:min(100%,200px);aspect-ratio:1;box-sizing:border-box;background:#fff;border:2px solid #000;box-shadow:6px 6px 0 #000;display:grid;place-items:center;padding:20px;margin:0 6px 28px 0}
.deal-logo-ink{display:block;width:100%;height:100%;background:#000;-webkit-mask-image:var(--deal-logo);mask-image:var(--deal-logo);mask-mode:alpha;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.shop-partner-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0;flex-wrap:wrap}
.shop-partner-banner>div{flex:1 1 300px;min-width:0}.shop-partner-banner .btn{flex:none;text-decoration:none}
.partner-cell{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;min-width:240px;height:100%;padding:0 36px}
.partner-cell::after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:#ffffff55}
.partner-cell>.partner-placeholder::after{display:none}
@media(max-width:720px){.partner-cell{min-width:200px;padding:0 24px}}
@keyframes partner-colours{0%,100%{color:#fff}20%{color:#ffe663}40%{color:#ff89c2}60%{color:#79e5f1}80%{color:#b891ec}}
@media(max-width:720px){.partner-group{gap:0;padding:0}.partner-placeholder{padding:0 12px}}
@media(prefers-reduced-motion:reduce){.partner-placeholder{animation:none}}

/* Main and mobile navigation follow the Impact headline style. */
.nav .links button,.mobile-nav button{font-family:Impact,"Arial Black",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.3}
.nav .links button{font-size:16px}
.mobile-nav button{font-size:12px}
@media(max-width:560px){.nav .links button{font-size:14px}}

/* Individual page palettes share the established spacing and typography. */
body{--theme-accent:#ffe663;--theme-ink:#17151c;--theme-wash:#faf9f6}
body[data-page=shop]{--theme-accent:#79e5f1;--theme-ink:#075e68;--theme-wash:#edfafa}
body[data-page=fanshop]{--theme-accent:#ff89c2;--theme-ink:#a12664;--theme-wash:#fff0f7}
body[data-page=mystery]{--theme-accent:#b891ec;--theme-ink:#dcc5ff;--theme-wash:#120e1c}
body[data-page=games]{--theme-accent:#ffe663;--theme-ink:#6527ba;--theme-wash:#f3e6ff}
body[data-page=community]{--theme-accent:#b3e86a;--theme-ink:#3c6417;--theme-wash:#f3fae9}
body[data-page=live]{--theme-accent:#ff995e;--theme-ink:#a23b0c;--theme-wash:#fff1e8}
body[data-page=deals]{--theme-accent:#f04444;--theme-ink:#b51e2a;--theme-wash:#fff1ee}
body[data-page=account]{--theme-accent:#87b8ff;--theme-ink:#234faa;--theme-wash:#edf3ff}
body[data-page=advent]{--theme-accent:#ffd66e;--theme-ink:#936113;--theme-wash:#fff7e3}
body[data-page]{background:var(--theme-wash)}
body[data-page] .nav .links button.active{box-shadow:inset 0 -3px var(--theme-accent)}
body[data-page] .nav .links button:hover{background:var(--theme-accent);color:#17151c}
body[data-page] #app{position:relative;isolation:isolate;min-height:65vh;background:var(--theme-wash)}
body[data-page] #app .page-title,body[data-page] #app .page>.eyebrow:first-child{color:var(--theme-ink)}
body[data-page] #app .page>.eyebrow:first-child{border-color:var(--theme-ink)}
body[data-page] #app .page .panel{background:color-mix(in srgb,var(--theme-accent) 12%,white)}
body[data-page] #app :is(.pill.active,.code,.tag){background:var(--theme-accent);color:#17151c}
body[data-page] #app .btn:not(.ghost),body[data-page] #app .mini{background:var(--theme-accent);color:#17151c}
body[data-page] #app .btn:hover{background:#17151c;color:#fff}
body[data-page] #app .stat{background:color-mix(in srgb,var(--theme-accent) 24%,white)}
body[data-page] #app .stat strong{color:var(--theme-ink)}
body[data-page] #app .notice{background:color-mix(in srgb,var(--theme-accent) 15%,white);border-color:var(--theme-accent);color:#17151c}
body[data-page] #app .card{--tile:color-mix(in srgb,var(--theme-accent) 20%,white)}
body[data-page] #app .banner{background:var(--theme-accent)!important}
body[data-page=community] #app .poll-option.selected{border-color:#3c6417}
body[data-page=community] #app .poll-option-fill{background:#b3e86a}

/* Mystery: deep violet darkness and luminous accents, readable opaque cards. */
body[data-page=mystery] #app{background:radial-gradient(ellipse at 80% 0%,#3c2059 0%,transparent 55%),radial-gradient(ellipse at 0% 70%,#231536 0%,transparent 55%),#120e1c;color:#f6efff}
body[data-page=mystery] #app :is(.page-intro,.panel p,.card p,.label-demo,.card-body small){color:#cec0e0}
body[data-page=mystery] #app .page .panel,body[data-page=mystery] #app .card{background:#241b32;border-color:#74558e;box-shadow:7px 7px 0 #09060e}
body[data-page=mystery] #app .card{--tile:#241b32}
body[data-page=mystery] #app .pill{color:#e6d6fa;border-color:#74558e}
body[data-page=mystery] #app .pill.active{color:#17151c}
body[data-page=mystery] #app .btn.ghost{color:#e6d6fa;border-color:#b891ec;background:transparent}
body[data-page=mystery] #app .banner,body[data-page=mystery] #app .notice{color:#17151c}
body[data-page=mystery] #app .banner p{color:#352444}

/* Games: large colourful fields with calm, legible content surfaces. */
body[data-page=games] #app{background:radial-gradient(ellipse at 0% 0%,#ff89c299 0%,transparent 48%),radial-gradient(ellipse at 100% 10%,#79e5f1cc 0%,transparent 48%),radial-gradient(ellipse at 80% 100%,#ffe663cc 0%,transparent 50%),#e8d7ff}
body[data-page=games] #app .game-area{background:#402066;border-color:#17151c;box-shadow:8px 8px 0 #ff89c2}
body[data-page=games] #app .answers button:nth-child(4n+1){background:#ffe663;color:#17151c}
body[data-page=games] #app .answers button:nth-child(4n+2){background:#ff89c2;color:#17151c}
body[data-page=games] #app .answers button:nth-child(4n+3){background:#79e5f1;color:#17151c}
body[data-page=games] #app .answers button:nth-child(4n+4){background:#c9a7fa;color:#17151c}
body[data-page=games] #app .stat:nth-child(3n+1){background:#ffe663}
body[data-page=games] #app .stat:nth-child(3n+2){background:#ffb5d9}
body[data-page=games] #app .stat:nth-child(3n+3){background:#a4edf4}

/* Hot deals: oversized background percentage, red and black accents. */
body[data-page=deals] #app{background:#fff1ee;overflow:hidden}
body[data-page=deals] #app::before{content:"%";position:absolute;right:-.04em;top:-.12em;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(330px,65vw,1000px);line-height:1;color:#ed3434;opacity:.10;pointer-events:none;z-index:-1;transform:rotate(-12deg)}
body[data-page=deals] #app .page-title{color:#d52a35}
body[data-page=deals] #app .page .panel{background:#fff8f5;border-color:#17151c;box-shadow:7px 7px 0 #17151c}
body[data-page=deals] #app .page .panel:first-child{border-top:6px solid #ed3434}
body[data-page=deals] #app .page .panel:last-child{background:#17151c;color:#fff}
body[data-page=deals] #app .panel:last-child :is(p,.eyebrow,.label-demo){color:#e9ced0}
body[data-page=deals] #app .code,body[data-page=deals] #app .btn:not(.ghost){background:#d92532;color:#fff;border-color:#17151c}
body[data-page=deals] #app .field{background:#fff;color:#17151c}
body[data-page=deals] #app .deal:hover{background:#f0444410}

/* Games entry: a single intro, followed by the daily quiz. */
.confetti-stage{background:#21112d60;backdrop-filter:blur(3px);z-index:100}
.confetti-burst{display:grid;gap:18px;width:min(460px,calc(100vw - 48px));padding:28px;background:#ffe663;color:#17151c;border:3px solid #17151c;box-shadow:12px 12px 0 #ff89c2,20px 20px 0 #79e5f1;text-align:left;animation:play-intro-in .4s ease both;transform:translate(-50%,-50%) rotate(-3deg);letter-spacing:normal}
.play-intro-label,.play-intro-footer{font:800 12px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em}
.confetti-burst strong{font:700 clamp(64px,13vw,120px)/.95 Impact,'Arial Black',sans-serif;letter-spacing:0;text-transform:uppercase}
.play-intro-footer{border-top:2px solid #17151c;padding-top:14px}
.confetti-piece{width:16px;height:16px;border:1px solid #17151c;box-shadow:2px 2px 0 #17151c}
.confetti-strip{width:9px;height:26px}.confetti-star{width:22px;height:22px;clip-path:polygon(50% 0,63% 35%,100% 50%,63% 65%,50% 100%,37% 65%,0 50%,37% 35%)}
@keyframes play-intro-in{from{opacity:0;transform:translate(-50%,-45%) rotate(-7deg) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) rotate(-3deg) scale(1)}}
body[data-page=games] .quiz-popup{background:#402066;color:#fff;border:2px solid #17151c;border-radius:0;box-shadow:8px 8px 0 #ff89c2;padding:56px 28px 28px;animation:none}
body[data-page=games] .quiz-popup .eyebrow{color:#ffe663!important}
body[data-page=games] .quiz-popup p{color:#f0e5ff}
body[data-page=games] .quiz-popup .answers button{color:#17151c;border-color:#17151c;background:#ffe663}
body[data-page=games] .quiz-popup .answers button:nth-child(2){background:#ff89c2}
body[data-page=games] .quiz-popup .answers button:nth-child(3){background:#79e5f1}
body[data-page=games] .quiz-popup .answers button:nth-child(4){background:#b891ec}
.confetti-burst.motion-reduced{animation:none;transform:translate(-50%,-50%)}

/* Sanu Christmas: graphic gifts, a geometric tree and pastel festive doors. */
body[data-page=advent] #app{background:radial-gradient(circle at 90% 0%,#b891ec35,transparent 40%),radial-gradient(circle at 5% 65%,#79e5f135,transparent 45%),#fff7e3}
.advent-festive-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:12px;background:#17151c;color:#ffe663;padding:14px 20px;margin-bottom:36px;border:1px solid #17151c;font:700 14px/1.3 Impact,'Arial Black',sans-serif;letter-spacing:.1em}
.advent-festive-strip span:nth-child(3n){color:#ff89c2}
.advent-heading{align-items:center;flex-wrap:nowrap}
.advent-heading>div:first-child{flex:1;min-width:0}
.advent-heading h1{font-size:clamp(38px,5.5vw,76px);line-height:1.1}
.advent-heading h1 em{color:#7442bf}
.advent-season-art{flex:0 0 240px;display:grid;justify-items:center;gap:20px;padding:12px}
.advent-christmas-art{position:relative;width:210px;height:230px}
.christmas-tree{position:absolute;bottom:12px;left:35px;width:150px;height:180px;background:#79e5f1;clip-path:polygon(50% 0,82% 35%,68% 35%,95% 66%,78% 66%,100% 92%,57% 92%,57% 100%,43% 100%,43% 92%,0 92%,22% 66%,5% 66%,32% 35%,18% 35%);filter:drop-shadow(5px 5px 0 #17151c)}
.christmas-star{position:absolute;top:0;left:85px;font-size:58px;line-height:1;color:#7442bf;z-index:1}
.christmas-gift{position:absolute;bottom:0;width:70px;height:60px;border:2px solid #17151c;box-shadow:4px 4px 0 #17151c;background:#ff89c2;left:8px;transform:rotate(-5deg)}
.christmas-gift::before{content:"";position:absolute;left:40%;top:0;width:16%;height:100%;background:#ffe663;border-inline:1px solid #17151c}
.christmas-gift::after{content:"";position:absolute;left:0;top:28%;width:100%;height:10px;background:#ffe663;border-block:1px solid #17151c}
.gift-blue{left:auto;right:0;width:62px;height:80px;background:#b891ec;transform:rotate(6deg)}
.christmas-spark{position:absolute;left:5px;top:65px;font-size:42px;color:#e75b9c}
.advent-season-art .advent-callout{margin:0;padding:14px 18px;transform:rotate(2deg)}
.advent-door{border-radius:0;border:1px solid #17151c;min-height:116px;padding:28px 8px 14px;gap:8px;background:#fbe7ef;color:#4a3447;box-shadow:3px 3px 0 #17151c}
.advent-door:nth-child(3n+2):not(.mystery):not(.today):not(.selected){background:#d8f2f2;color:#264b50}
.advent-door:nth-child(3n):not(.mystery):not(.today):not(.selected){background:#f8efc7;color:#57472c}
.advent-door span{font-family:Impact,'Arial Black',sans-serif;letter-spacing:.01em}
.advent-door .door-mark{top:8px;right:10px;font-size:16px;font-style:normal}
.advent-door.mystery{background:#d7baf5;color:#48286e;border-color:#17151c}
.advent-door.mystery small{color:inherit}
.advent-door.today,.advent-door.selected{background:#ffe663;color:#17151c}
.advent-door.mystery.selected,.advent-door.mystery.today{background:#7442bf;color:#fff}
.advent-detail{box-shadow:6px 6px 0 #17151c}.mystery-dates{border-color:#17151c;box-shadow:4px 4px 0 #17151c}
@media(max-width:700px){.advent-heading{flex-direction:column;align-items:stretch}.advent-season-art{display:flex;flex-basis:auto;justify-content:center;align-items:center;padding:0;gap:24px}.advent-christmas-art{transform:scale(.7);transform-origin:center;flex:0 0 150px;width:210px;margin:-25px}.advent-season-art .advent-callout{display:block}.advent-festive-strip{font-size:12px;padding:12px;gap:10px;margin-bottom:24px}.advent-door{min-height:100px;padding:26px 5px 12px}.advent-door small{font-size:10px}.advent-season-art .advent-callout strong{font-size:30px}.advent-season-art .advent-callout span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.confetti-burst{animation:none}.confetti-stage{backdrop-filter:none}}

/* Daily Spin: server-backed wheel with eight equal visual fields. */
.spin-title{margin-bottom:28px}.spin-title h2{font-size:clamp(44px,6vw,76px);margin:10px 0}.spin-title p{line-height:1.6}
.spin-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px}
.spin-wheel-wrap{position:relative;min-width:0;width:min(100%,470px);margin:20px auto;padding:24px 16px 20px;overflow:hidden}
.spin-wheel{width:100%;aspect-ratio:1;transform:rotate(0);border:4px solid #17151c;border-radius:50%;background:#17151c;box-shadow:9px 9px 0 #17151c;will-change:transform}
.spin-wheel svg{display:block;width:100%;height:100%;overflow:visible}
.spin-pointer{position:absolute;z-index:2;top:6px;left:calc(50% - 16px);width:32px;height:42px;background:#17151c;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px 0 #fff)}
body[data-page=games] #app .spin-controls{background:#fff8df;box-shadow:8px 8px 0 #b891ec}
.spin-trigger{width:100%;min-height:54px;font-family:Impact,'Arial Black',sans-serif;font-size:22px;letter-spacing:.04em}
.spin-trigger:disabled{opacity:.6;cursor:not-allowed}.spin-result{margin:20px 0!important}
.spin-next{display:grid;gap:10px;border-top:1px solid #17151c;padding-top:20px}.spin-next[hidden]{display:none}
.spin-next strong{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(32px,5vw,48px);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.spin-next small{line-height:1.5}.daily-spin .label-demo{margin-top:20px;line-height:1.6}
@media(max-width:800px){.spin-layout{grid-template-columns:minmax(0,1fr);gap:24px}.spin-wheel-wrap{max-width:400px}}

.skip-to-content{position:fixed;top:12px;left:12px;z-index:1000;padding:14px 20px;background:#ffe663;color:#17151c;border:2px solid #17151c;box-shadow:4px 4px 0 #17151c;font-weight:800;transform:translateY(-200%)}
.skip-to-content:focus{transform:none;outline:3px solid #7442bf;outline-offset:3px}
:is(button,a,input,select,textarea):focus-visible{outline:3px solid #7442bf;outline-offset:4px}
body[data-page=mystery] #app :is(button,a,input,select,textarea):focus-visible{outline-color:#ffe663}
#app:focus-visible{outline:3px solid #7442bf;outline-offset:-3px}
.mobile-nav [aria-current=page]{box-shadow:inset 0 3px 0 #7442bf}

/* Light, page-specific washes based on the layered Mystery background. */
body[data-page=fanshop] #app{background:radial-gradient(ellipse at 84% 0%,#ffacd2 0%,transparent 54%),radial-gradient(ellipse at 0% 76%,#ffd7e9 0%,transparent 58%),#fff5fa}
body[data-page=games] #app{background:radial-gradient(ellipse at 0% 0%,#ffc1df 0%,transparent 48%),radial-gradient(ellipse at 100% 10%,#b9eff5 0%,transparent 50%),radial-gradient(ellipse at 82% 100%,#ffe982 0%,transparent 54%),#faf4ff}
body[data-page=community] #app{background:radial-gradient(ellipse at 86% 0%,#c6ee91 0%,transparent 54%),radial-gradient(ellipse at 0% 76%,#e2f7bf 0%,transparent 58%),#f8fdef}
body[data-page=live] #app{background:radial-gradient(ellipse at 84% 0%,#ffc49e 0%,transparent 54%),radial-gradient(ellipse at 0% 76%,#ffe0cc 0%,transparent 58%),#fff7f1}
body[data-page=deals] #app{background:radial-gradient(ellipse at 86% 0%,#ffb5b5 0%,transparent 54%),radial-gradient(ellipse at 0% 76%,#ffd7d7 0%,transparent 58%),#fff5f4}
body[data-page=mystery] #app,body[data-page=fanshop] #app,body[data-page=games] #app,body[data-page=community] #app,body[data-page=live] #app,body[data-page=deals] #app{background-size:165% 165%,175% 175%,165% 165%;background-position:50% 50%,50% 50%,50% 50%;will-change:background-position}
@media(prefers-reduced-motion:reduce){body[data-page=mystery] #app,body[data-page=fanshop] #app,body[data-page=games] #app,body[data-page=community] #app,body[data-page=live] #app,body[data-page=deals] #app{background-position:50% 50%!important;will-change:auto}}