*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:white;background:#800000;font-family:Arial,sans-serif;font-size:16px;background-image:radial-gradient(ellipse at 50% 20%,#f9210c 0%,#a70000 50%,#580000 100%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #64eeff;outline-offset:5px}h1,h2,h3,.brand,.eyebrow,.offer-title{font-family:'Nasalization Rg',Arial,sans-serif}h1,h2,h3,p{margin:0}h2{font-size:clamp(22px,3vw,36px);text-align:center;line-height:1.25}h3{font-size:clamp(22px,2.6vw,32px)}.previewbar{background:#510000;color:#ffedbf;font-size:12px;padding:6px 4%;display:flex;justify-content:space-between;align-items:center}.previewbar button{background:transparent;border:1px solid #c49138;border-radius:20px;color:inherit;font-size:12px;padding:4px 12px}.page{max-width:1360px;margin:auto;padding:0 30px}.gold-text{color:#ffe571;background:linear-gradient(#fffdd5 0%,#ffe673 30%,#fffcc0 45%,#ffc800 53%,#ffd659 75%,#fff5bd);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #936000) drop-shadow(0 3px 3px #5b0000)}header{height:102px;display:flex;align-items:center;justify-content:space-between}.brand{position:relative;display:block}.brand small{display:block;font:13px Arial;color:#ffe49c;letter-spacing:2px}.brand span{display:block;font-size:clamp(28px,4vw,53px);line-height:1.1;background:linear-gradient(#fffdd3 5%,#fffcc3 24%,#f4bb00 40%,#fff9ba 48%,#ffc400 55%,#d28b00 70%,#fff9c4 95%);background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #8a5100) drop-shadow(0 4px 2px #380000)}.account{display:flex;gap:12px}.gold{position:relative;border:2px solid #fff3a5;border-radius:100px;background:linear-gradient(#fffbc7,#ffe575 38%,#ffcb09 51%,#ffd629 70%,#c98a00);color:#760800;font-weight:800;padding:12px 25px;box-shadow:inset 0 0 0 2px #dfa100,inset 0 2px 4px white,0 4px 0 #865000,0 6px 10px #42000080;transition:transform .12s,filter .15s,box-shadow .12s;isolation:isolate;overflow:hidden}.gold:hover{filter:brightness(1.13);transform:translateY(-2px)}.gold:active,.gold.active{transform:translateY(3px);background:linear-gradient(#d69d0b,#ffe280);box-shadow:inset 0 3px 8px #744000aa,0 1px 0 #865000}.gold:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffffa0 48%,transparent 65%);transform:translateX(-130%);animation:buttonShine 9s infinite;pointer-events:none}nav{display:flex;border:2px solid #fff6b7;border-radius:40px;overflow:hidden;background:linear-gradient(#fff8b6,#ffe575 43%,#ffd000 51%,#e6a300 90%,#ffe378);box-shadow:inset 0 0 0 2px #c38c00,0 5px 0 #5d1600;margin-bottom:25px}nav a{flex:1;text-align:center;padding:14px 4px;color:#670600;font-size:15px;font-weight:800;position:relative;transition:.15s}nav a+a:before{content:'';width:1px;background:#a26c00;position:absolute;left:0;top:25%;bottom:25%}nav a:hover{background:#fff5b9}nav a.selected{background:linear-gradient(#e4a710,#ffd970);box-shadow:inset 0 3px 8px #a67100b0;color:#600000}nav a:active{box-shadow:inset 0 5px 10px #744000bd}.hero-grid{display:grid;grid-template-columns:2.15fr 1fr;gap:16px}.panel{position:relative;border:2px solid #ffe178;border-radius:22px;box-shadow:inset 0 0 0 2px #a75a00,inset 0 0 16px #ffce2333,0 6px 14px #50000060;overflow:hidden;background:radial-gradient(ellipse at 55% 85%,#ff4d12 0,#c30c00 38%,#800000 100%)}.hero{min-height:530px}.hero:before{content:'';position:absolute;inset:0;background:repeating-conic-gradient(from 250deg at 53% 85%,transparent 0 12deg,#ffca3110 13deg 14deg,transparent 15deg 25deg)}.hero-copy{position:relative;z-index:3;padding:40px 0 0 32px;width:58%}h1{font-size:clamp(35px,4.2vw,59px);line-height:1.13;letter-spacing:-1.5px}.hero-copy p{font-size:21px;line-height:1.35;margin:22px 0 28px;max-width:390px}.cta{font-size:23px;padding:17px 24px}.hostess{position:absolute;width:46%;height:98%;object-fit:contain;object-position:bottom;bottom:0;right:-2%;z-index:2;filter:drop-shadow(0 0 18px #ffab1638)}.hero-balls{position:absolute;display:flex;align-items:flex-end;bottom:-8px;left:5%;gap:0;z-index:4}.ball{--col:#d40c0c;width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 30% 18%,#ffffff 0%,#ffffffa0 7%,var(--col) 35%,#17012e 95%);border:2px solid #ffffffc0;box-shadow:inset 0 0 0 6px #ffffff30,inset -6px -10px 10px #0008,0 12px 14px #0006;color:#381313;font-size:55px;font-weight:900;isolation:isolate}.ball:before{content:'';position:absolute;inset:22%;border-radius:50%;background:linear-gradient(135deg,white,#e9e8e5);border:5px solid #fff;z-index:-1;box-shadow:0 0 0 3px #ffffff70}.ball:after{content:'';position:absolute;left:12%;top:7%;width:52%;height:22%;border-radius:50%;background:linear-gradient(#ffffffab,transparent);transform:rotate(-25deg)}.ball.blue{--col:#0095ed}.ball.green{--col:#00a22a}.ball.purple{--col:#9c0cbe}.ball.yellow{--col:#ffa700}.ball.small{width:75px;height:75px;font-size:27px;margin:0 -10px 12px;z-index:-1}.float{animation:float 5s ease-in-out infinite}.float:nth-child(2){animation-delay:-2s}.float:nth-child(3){animation-delay:-3.3s}.offers{display:grid;grid-template-rows:1fr 1fr;gap:14px}.offer,.gift{display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;width:100%;padding:18px;transition:filter .2s,transform .2s}.offer:hover,.gift:hover{filter:brightness(1.1)}.offer:active,.gift:active{transform:scale(.985)}.eyebrow{font-size:17px;letter-spacing:.5px}.amount{font-size:104px;line-height:.95;letter-spacing:-5px}.offer-title{font-size:28px}.coins{display:flex;gap:0;height:45px;align-items:center;margin:8px 0 -5px}.coins i{font-style:normal;display:grid;place-items:center;width:60px;height:42px;border:4px double #fff4a2;border-radius:50%;color:#d28c00;background:linear-gradient(120deg,#a86b00,#fff69b,#fbc300);box-shadow:0 5px 0 #a36800,0 8px 0 #ffca00,0 10px 0 #8c4c00;font-size:34px;transform:rotate(-15deg)}.coins i:nth-child(2){transform:translateY(-4px) rotate(10deg)}.gift img{height:125px;width:185px;object-fit:contain;animation:giftFloat 6s ease-in-out infinite}.gift strong{font-family:'Nasalization Rg',Arial;font-size:24px;white-space:nowrap}.gift span{font-size:15px;margin-top:8px}.notice{margin:18px -30px 24px;background:linear-gradient(#fff,#fff0c9);color:#740000;text-align:center;padding:12px;font-weight:bold;border-block:2px solid #ffd369;font-size:14px}.notice span{margin:0 15px}.rooms{scroll-margin-top:15px}.rooms h2{margin-bottom:20px}.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.room{text-align:center;padding:24px 20px 22px}.room75{background:radial-gradient(ellipse at 30% 70%,#19c1e5,#00607e 65%,#00383f)}.room90{background:radial-gradient(ellipse at 70% 70%,#f33f13,#b00800 65%,#760000)}.room p{margin:8px 0;font-size:17px}.card-scene{height:250px;display:flex;align-items:center;justify-content:center;gap:22px}.card-scene .ball{width:110px;height:110px;font-size:47px;flex-shrink:0}.ticket{border:3px solid #20212a;background:#13141c;border-radius:9px;box-shadow:0 6px 0 #0a0b10,0 12px 25px #0006;overflow:hidden;position:relative}.ticket75{width:200px}.ticket-head{display:grid;grid-template-columns:repeat(5,1fr);color:#38f7ff;text-shadow:0 0 8px #00c9ff;background:#10141a;padding:5px 0;font-weight:800;font-size:20px}.ticket-body{display:grid;gap:1px;background:#333;padding:1px}.ticket75 .ticket-body{grid-template-columns:repeat(5,1fr)}.ticket button,.ticket .blank,.ticket .free{border:0;border-radius:0;min-width:0;padding:0;height:33px;background:linear-gradient(#fff,#e9e9e9);color:#111;font:bold 23px Arial;display:grid;place-items:center;position:relative}.ticket button:hover{background:#fff2bd}.ticket button.marked{background:#b4ebfa;color:#06425a}.ticket button.marked:after{content:'';position:absolute;inset:3px;border:2px solid #f11b42;border-radius:50%;background:#ff30402b}.ticket .free{font-size:11px;font-weight:800;color:#191919}.ticket90{width:315px}.ticket90 .ticket-body{grid-template-columns:repeat(9,1fr)}.ticket90 button,.ticket90 .blank{height:43px;font-size:21px}.ticket90 .blank{background:#eac767}.ticket-label{color:#fff1a2;font-size:10px;letter-spacing:2px;padding:7px}.room>.gold{font-size:19px;min-width:240px}.card-note{text-align:center;font-size:12px!important;color:#ffe5be;padding:14px}.card-note button{background:none;color:#fff6cd;border:0;text-decoration:underline;font-size:12px}.globe-section{display:grid;grid-template-columns:43% 57%;align-items:center;margin:16px 0 24px;min-height:370px;padding:20px 35px 20px 10px;background:radial-gradient(at 30% 50%,#ef380b,#b00000 50%,#790000)}.globe-art{position:relative;width:100%;max-width:400px;margin:auto;aspect-ratio:1.22}.globe-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none}.inner-balls{position:absolute;left:30%;top:19%;width:49%;height:47%;border-radius:50%;overflow:hidden}.inner-balls .ball{width:48px;height:48px;font-size:19px;position:absolute;left:20%;top:35%;animation:tumble 8s infinite ease-in-out}.inner-balls .ball:before{border-width:2px}.inner-balls .ball:nth-child(2){left:50%;top:20%;animation-delay:-2s}.inner-balls .ball:nth-child(3){left:5%;top:50%;animation-delay:-4s}.inner-balls .ball:nth-child(4){left:50%;top:60%;animation-delay:-6s}.inner-balls .ball:nth-child(5){left:26%;top:5%;animation-delay:-1s}.globe-copy{padding:14px}.globe-copy .eyebrow{font:12px Arial;letter-spacing:2px;color:#ffe8b4}.globe-copy h2{text-align:left;font-size:40px;margin:12px 0}.globe-copy p{font-size:17px;line-height:1.6;max-width:540px}.tabs{display:flex;gap:12px;margin:18px 0}.tabs .gold{font-size:13px;padding:10px 20px}.guide-text{font-size:14px!important;color:#ffeac4;min-height:68px}.rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.rewards article{display:flex;align-items:center;padding:24px 15px;gap:14px}.rewards h3{font-size:20px}.rewards p{font-size:14px;line-height:1.4;margin:10px 0 16px}.rewards .gold{font-size:11px;padding:8px 15px}.reward-icon{width:95px;flex-shrink:0}.reward-icon img{width:100%}.album{width:85px;height:115px;border:4px solid #edc15c;border-radius:7px;background:#9c1300;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px;transform:rotate(-10deg);box-shadow:5px 4px 0 #e6c482;flex-shrink:0}.album span{display:grid;place-items:center;background:#ffefb3;border:2px dashed #b9954b;color:#d5112e;font-size:25px}.album span:nth-child(2){color:#04a3c9}.album span:nth-child(3){color:#24a31a}.album span:nth-child(4){color:#a435c6}.bubbles{width:83px;flex-shrink:0;position:relative;height:95px}.bubbles i{display:block;border-radius:22px 22px 22px 2px;background:linear-gradient(#a6f6ff,#0098d5);box-shadow:inset 0 1px 2px #fff,0 3px 6px #300;color:white;font:bold 28px Arial;text-align:center;padding:8px;animation:float 6s infinite}.bubbles i+i{position:absolute;right:-8px;bottom:0;border-radius:20px 20px 2px 20px;background:linear-gradient(#ff99bf,#db1263);width:60px;animation-delay:-3s}.about{background:linear-gradient(#fffdf0,#ffedbc);color:#740700;padding:25px 30px;text-align:center;margin:20px -30px;border-block:2px solid #f5c947}.about h2{font-size:26px}.about p{margin-top:12px;line-height:1.6;font-size:16px}.help{max-width:900px;margin:35px auto}.help h2{font-size:25px;margin-bottom:20px}details{border-bottom:1px solid #d7aa4c88;padding:16px 0}summary{cursor:pointer;font-weight:bold;color:#fff0b5}details p{padding-top:12px;line-height:1.6;font-size:15px}footer{padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dba128;color:#ffebbd;font-size:12px}footer .brand span{font-size:30px}footer p{line-height:1.6}.spark{position:absolute;z-index:6;width:32px;height:32px;pointer-events:none;filter:drop-shadow(0 0 6px #ffdb2c);animation:twinkle 5s ease-in-out infinite}.spark:before,.spark:after{content:'';position:absolute;left:45%;top:0;width:10%;height:100%;background:linear-gradient(transparent,white 45%,#fffdd4 55%,transparent);border-radius:50%}.spark:after{transform:rotate(90deg)}.brand .spark{right:2%;top:4px}.s1{left:9%;top:8%;animation-delay:-2s}.s2{right:8%;bottom:12%;animation-delay:-3s}.globe-spark{top:13%;right:21%;animation-delay:-1s}.shine:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(115deg,transparent 42%,#fff6c214 48%,transparent 54%);transform:translateX(-150%);animation:panelShine 12s infinite;z-index:5}dialog{background:linear-gradient(145deg,#b90800,#680000);color:white;border:3px solid #fce38a;border-radius:24px;padding:45px 35px 32px;width:min(510px,calc(100% - 30px));box-shadow:0 25px 100px #0009}dialog::backdrop{background:#210000b0;backdrop-filter:blur(5px)}dialog h2{text-align:left;font-size:28px;color:#ffe06b;margin:18px 0}dialog p{line-height:1.7;margin-bottom:25px}dialog .eyebrow{font:11px Arial;letter-spacing:2px;color:#ffdc89}.close{position:absolute;top:10px;right:13px;background:transparent;border:0;color:#ffe291;font-size:30px}.close-action{font-size:13px}
@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes giftFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}@keyframes twinkle{0%,20%,100%{opacity:.18;transform:scale(.5) rotate(0)}40%{opacity:1;transform:scale(1.3) rotate(20deg)}60%{opacity:.4;transform:scale(.7) rotate(40deg)}}@keyframes buttonShine{0%,75%{transform:translateX(-130%)}95%,100%{transform:translateX(130%)}}@keyframes panelShine{0%,78%{transform:translateX(-120%)}100%{transform:translateX(120%)}}@keyframes tumble{0%,100%{transform:translate(0,0) rotate(0)}30%{transform:translate(15px,-12px) rotate(15deg)}70%{transform:translate(-9px,10px) rotate(-10deg)}}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(min-width:1450px){.hero{min-height:570px}.hero-copy{padding-top:52px}}@media(max-width:1000px){.page{padding:0 18px}.hero{min-height:470px}.hero-copy{padding:30px 0 0 22px}.hero-copy p{font-size:17px}.cta{font-size:18px;padding:14px 18px}.hero-balls .ball{width:100px;height:100px;font-size:42px}.hero-balls .small{width:55px;height:55px;font-size:21px}.amount{font-size:80px}.offer-title{font-size:22px}.eyebrow{font-size:14px}.gift strong{font-size:18px}.gift span{font-size:12px;text-align:center}.gift img{height:105px;width:145px}.notice,.about{margin-left:-18px;margin-right:-18px}.card-scene{gap:10px}.card-scene>.ball{width:70px;height:70px;font-size:30px}.ticket75{width:176px}.ticket90{width:260px}.ticket90 button{font-size:18px}.rewards{grid-template-columns:1fr 1fr 1fr}.rewards article{flex-direction:column;text-align:center;padding:20px 12px}.globe-copy h2{font-size:30px}.globe-copy p{font-size:15px}.globe-section{padding-right:15px}}
@media(max-width:700px){.previewbar{font-size:10px}.page{padding:0 12px}header{height:86px}.brand span{font-size:32px}.brand small{font-size:10px}.account{gap:6px}.account .gold{font-size:10px;padding:8px 10px}nav{margin-bottom:16px;border-radius:18px}nav a{font-size:10px;padding:14px 2px}.hero-grid{grid-template-columns:1fr;gap:12px}.hero{min-height:440px}.hero-copy{width:60%;padding:26px 0 0 20px}h1{font-size:36px}.hero-copy p{font-size:16px;margin:18px 0}.hostess{width:47%;right:-4%;height:95%}.cta{font-size:15px;padding:13px 15px}.hero-balls{left:6%;bottom:0}.hero-balls .ball{width:98px;height:98px;font-size:39px}.hero-balls .small{width:55px;height:55px;font-size:20px}.offers{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.offer,.gift{min-height:220px;padding:12px}.amount{font-size:78px}.offer-title{font-size:19px}.eyebrow{font-size:12px}.gift strong{font-size:16px;white-space:normal;text-align:center}.gift span{line-height:1.4}.gift img{height:110px;width:135px}.coins i{width:40px;height:29px;font-size:22px}.coins{height:30px}.notice{font-size:10px;margin:16px -12px;padding:11px 3px}.notice span{margin:0 4px}.rooms h2{font-size:24px;margin:22px 15px}.room-grid{grid-template-columns:1fr}.room h3{font-size:27px}.card-scene{height:248px;gap:28px}.card-scene>.ball{width:100px;height:100px;font-size:42px}.ticket75{width:200px}.ticket90{width:min(270px,70%)}.ticket90 button{font-size:19px}.room90 .card-scene{gap:12px}.room90 .card-scene>.ball{width:75px;height:75px;font-size:31px}.globe-section{grid-template-columns:1fr;padding:12px 20px 25px}.globe-art{max-width:290px}.globe-copy{text-align:center;padding:8px}.globe-copy h2{text-align:center}.globe-copy .eyebrow{font-size:10px;letter-spacing:1px}.tabs{justify-content:center}.guide-text{min-height:85px}.rewards{grid-template-columns:1fr}.rewards article{flex-direction:row;text-align:left;padding:24px;gap:25px}.reward-icon{width:100px}.rewards h3{font-size:22px}.about{margin:20px -12px;padding:25px 20px}.about h2{font-size:22px}.about p{font-size:14px}footer{flex-wrap:wrap;justify-content:center;text-align:center}footer .brand span{font-size:28px}.help{margin:30px 10px}.help h2{font-size:23px}}
@media(max-width:380px){.brand span{font-size:27px}.account .gold{font-size:9px;padding:7px 9px}h1{font-size:30px}.hero{min-height:405px}.hero-copy p{font-size:14px}.cta{font-size:13px}.hero-balls .ball{width:83px;height:83px;font-size:34px}.hero-balls .small{width:48px;height:48px;font-size:18px}.offer-title{font-size:17px}.card-scene{gap:12px}.room{padding:20px 12px}.room h3{font-size:24px}}
/* R2: approved artwork detail, richer surfaces and layered illustrated assets */
body{background:#950000 url('assets/scarlet-trails.webp') center top/1600px auto fixed}.page{max-width:1240px;padding-inline:24px}header{height:99px}.brand span{font-weight:900;font-size:51px;letter-spacing:-1.4px;-webkit-text-stroke:.55px #fff2a0;filter:drop-shadow(0 1px 0 #fffbd0) drop-shadow(0 3px 0 #b27600) drop-shadow(0 5px 0 #684000) drop-shadow(0 7px 4px #400000)}.gold-text{-webkit-text-stroke:.45px #fff1a3;font-weight:900;background-image:linear-gradient(#ffffe5 2%,#ffe882 25%,#ffffc7 38%,#ffcc05 51%,#f6b700 66%,#ffed80 86%,#fff9ca 100%);filter:drop-shadow(0 1px 0 #fff6ad) drop-shadow(0 3px 0 #9e6500) drop-shadow(0 5px 2px #4e0800)}nav{border-width:3px;box-shadow:inset 0 0 0 1px #b97700,inset 0 3px 2px #fffcd4,0 2px 0 #fff18b,0 5px 0 #9b5900,0 8px 10px #42000090;margin-bottom:26px}nav a{font-size:17px;padding:12px 4px;text-shadow:0 1px #fff9ba}.gold{border-width:3px;box-shadow:inset 0 0 0 2px #e7a600,inset 0 3px 3px #fffef0,0 2px 0 #ffea6c,0 5px 0 #975400,0 8px 10px #4100009c;text-shadow:0 1px #fff5ab;background:linear-gradient(#fffdda,#fff4a6 15%,#ffe361 39%,#ffd000 50%,#ffdb31 70%,#dc9700 94%,#ffe46a)}.panel{border:3px solid #ffdc65;box-shadow:inset 0 0 0 1px #8d4800,inset 0 2px 3px #fffdd6,inset 0 -2px 2px #a85b00,0 1px 0 #fff2a4,0 4px 0 #9c4a00,0 8px 15px #50000088;background-image:url('assets/scarlet-trails.webp');background-size:cover;background-position:center}.hero-grid{grid-template-columns:2.15fr 1fr;gap:13px}.hero{min-height:495px;isolation:isolate}.hero:before{background:radial-gradient(ellipse at 62% 80%,#ffcd4040,transparent 54%);z-index:0}.hero-copy{padding:28px 0 0 25px;width:66%}h1{font-size:54px;line-height:1.14;letter-spacing:-1px;font-style:italic}.hero-copy p{font-size:21px;font-weight:600;line-height:1.35;margin:20px 0 22px;text-shadow:0 2px 5px #680000;max-width:355px}.cta{font-size:23px;font-style:italic;padding:14px 25px}.hostess{width:50%;height:110%;right:-2%;bottom:-8%;object-fit:cover;object-position:top;filter:drop-shadow(-2px 0 1px #ffb935) drop-shadow(-8px 0 18px #fa750055)}.hero-balls{left:4%;bottom:-15px;gap:-4px}.hero-balls>.ball:not(.small){width:154px;height:154px;font-size:66px}.hero-balls .small{width:73px;height:73px;margin-left:-18px;margin-right:-18px}.hero-floor{position:absolute;left:1%;bottom:-25px;width:66%;height:75px;border-radius:50%;background:radial-gradient(ellipse,#ffba30aa,transparent 70%);filter:blur(5px)}.ball{box-shadow:inset 0 0 0 3px #ffffff85,inset 0 0 0 7px #ffffff25,inset -8px -14px 12px #0008,0 8px 0 -5px #ffeb9780,0 15px 20px #0007;border-color:#fff5ff; background-image:radial-gradient(ellipse at 30% 18%,#fff 0,#ffffffc0 5%,var(--col) 32%,#040023 98%)}.ball:before{inset:18%;border-width:5px;box-shadow:0 0 0 3px #ffffff70,inset -5px -5px 10px #c7c2c2;transform:rotate(-7deg)}.ball:after{width:64%;height:29%;left:10%;top:5%;border-top:2px solid #fff9;background:linear-gradient(#ffffffb5,transparent)}.offers{gap:12px}.offer{min-height:245px;padding:15px 12px 5px;justify-content:flex-start}.offer .eyebrow{font-size:22px;line-height:1.1}.amount{font-size:100px;line-height:.95;font-style:italic;letter-spacing:-6px;z-index:2;margin:0 0 2px}.offer-title{font-size:25px;z-index:2}.art-sprite{background-image:url('assets/reward-sprites.webp');background-size:200% 200%;background-repeat:no-repeat;flex-shrink:0;aspect-ratio:1}.art-gift{background-position:0 0}.art-coins{background-position:100% 0}.art-album{background-position:0 100%}.art-chat{background-position:100% 100%}.offer-coins{position:absolute;width:190px;bottom:-22px;right:calc(50% - 95px);height:125px;background-size:200% 300%;background-position:100% 0;filter:drop-shadow(0 2px 6px #ffbc00)}.offer-title{margin-bottom:66px}.gift{min-height:237px;padding:5px 10px 15px;justify-content:flex-end}.main-gift{width:150px;height:150px;animation:giftFloat 6s ease-in-out infinite;filter:drop-shadow(0 0 15px #ffb71e66);margin-top:-5px}.gift strong{font-size:23px;letter-spacing:-.6px}.gift span{font-size:14px;margin-top:7px}.notice{margin:16px -24px 20px;font-size:15px;padding:12px}.rooms h2{font-size:34px;margin:14px 0 22px}.room-grid{gap:14px}.room{padding:18px 18px 21px;isolation:isolate;min-height:365px}.room:before{content:'';position:absolute;inset:0;background:url('assets/scarlet-trails.webp') center/cover;z-index:-1}.room75:before{filter:hue-rotate(175deg) saturate(.85)}.room h3{font-size:37px;line-height:1.15}.room>p{font-size:19px;position:relative;z-index:3}.card-scene{height:225px;position:relative;gap:10px;justify-content:center}.card-scene>.ball{position:absolute;bottom:2px;left:0;width:113px;height:113px;font-size:47px;z-index:3}.ticket{z-index:2;border:3px solid #fff1a0;outline:2px solid #c88807;box-shadow:0 3px 0 #8f4600,0 5px 0 #ffe488,0 10px 22px #0006}.ticket75{width:200px;margin-left:15px}.ticket90{width:300px;margin-left:55px}.room .gold{z-index:4;min-width:270px;padding:10px 20px;font-size:20px;margin-top:-4px}.mini-cluster{position:absolute;inset:0;z-index:1;pointer-events:none}.mini-cluster .ball{width:54px;height:54px;position:absolute;left:40px;top:25px;animation:float 6s ease-in-out infinite}.mini-cluster .ball:before{display:none}.mini-cluster .ball:nth-child(2){left:auto;right:10px;top:auto;bottom:25px;width:48px;height:48px;animation-delay:-2s}.mini-cluster .ball:nth-child(3){left:auto;right:0;bottom:0;top:auto;width:70px;height:70px;animation-delay:-4s}.room-coins{width:110px;position:absolute;bottom:-9px;right:0;z-index:3;filter:drop-shadow(0 8px 5px #001b25)}.s3{left:40%;bottom:5%;animation-delay:-1s}.s4{right:2%;top:0;animation-delay:-4s}.spark{width:40px;height:40px;filter:drop-shadow(0 0 5px #fff398) drop-shadow(0 0 12px #ffca31)}.room .s1{top:25%;left:8%}.room .s2{right:8%;bottom:12%}.globe-section{margin-top:18px;background-position:bottom;min-height:345px}.globe-art{max-width:350px}.rewards{gap:12px}.rewards article{padding:14px 10px;gap:6px;min-height:190px}.reward-art{width:43%;max-width:160px;filter:drop-shadow(0 5px 8px #700000);animation:giftFloat 7s ease-in-out infinite}.rewards article:nth-child(2) .reward-art{animation-delay:-2s}.rewards article:nth-child(3) .reward-art{animation-delay:-4s}.rewards h3{font-size:23px;line-height:1.08}.rewards p{font-size:14px;margin:8px 0 12px;line-height:1.3}.rewards .gold{font-size:12px;padding:7px 13px}.about{margin-inline:-24px}.brand .spark{right:-3%;top:-4px}.card-note{padding:12px 0 2px}
@media(max-width:1100px) and (min-width:701px){.hero{min-height:465px}h1{font-size:43px}.hero-copy{padding-left:20px}.hero-copy p{font-size:18px;max-width:300px}.hero-balls>.ball:not(.small){width:132px;height:132px;font-size:54px}.cta{font-size:19px}.offer .eyebrow{font-size:18px}.gift strong{font-size:19px}.room h3{font-size:30px}.rooms h2{font-size:29px}.ticket90{width:255px;margin-left:45px}.card-scene>.ball{width:85px;height:85px;font-size:37px}.ticket75{width:180px}.room-coins{width:85px}.rewards article{flex-direction:row;text-align:left}.reward-art{width:40%}.rewards h3{font-size:18px}.rewards p{font-size:12px}.rewards .gold{font-size:10px;padding:6px 10px}.brand span{font-size:44px}}
@media(max-width:700px){.page{padding-inline:12px}.brand span{font-size:32px;letter-spacing:-1px}header{height:86px}nav a{font-size:10px;padding:12px 2px}nav{margin-bottom:20px}.hero-grid{grid-template-columns:1fr}.hero{min-height:440px}.hero-copy{width:69%;padding:24px 0 0 17px}h1{font-size:35px;letter-spacing:-.7px}.hero-copy p{font-size:15px;max-width:245px;margin:18px 0 24px}.cta{font-size:15px;padding:12px 16px}.hostess{width:49%;height:97%;right:-6%;bottom:0;object-fit:cover;object-position:top left}.hero-balls>.ball:not(.small){width:115px;height:115px;font-size:48px}.hero-balls .small{width:52px;height:52px;font-size:21px;margin-inline:-13px}.hero-balls{left:5%;bottom:-8px}.offers{grid-template-columns:1fr 1fr;gap:12px}.offer{min-height:230px;padding-top:15px}.offer .eyebrow{font-size:14px}.amount{font-size:80px}.offer-title{font-size:18px;margin-bottom:60px}.offer-coins{width:145px;height:100px;right:calc(50% - 72px);bottom:-10px}.gift{min-height:230px;padding:7px 7px 15px}.main-gift{width:135px;height:135px}.gift strong{font-size:16px;letter-spacing:-.5px}.gift span{font-size:11px}.notice{margin-inline:-12px;font-size:10px}.rooms h2{font-size:24px;margin:22px 10px}.room{min-height:355px}.room h3{font-size:31px}.room>p{font-size:16px}.room-grid{grid-template-columns:1fr}.card-scene{height:225px}.ticket75{width:190px;margin-left:25px}.ticket90{width:270px;margin-left:35px}.card-scene>.ball{width:96px;height:96px;font-size:40px;left:-8px;bottom:0}.room90 .card-scene>.ball{width:82px;height:82px;font-size:35px}.room-coins{width:90px;right:-12px;bottom:-7px}.mini-cluster .ball{left:15px;top:30px}.room .gold{min-width:240px;font-size:18px}.rewards article{padding:17px 15px;gap:18px;min-height:180px}.reward-art{width:40%;max-width:150px}.rewards h3{font-size:25px}.rewards p{font-size:15px}.about{margin-inline:-12px}.globe-section{padding:14px 20px 24px}.globe-art{max-width:290px}.globe-copy h2{font-size:30px}footer .brand span{font-size:28px}}
@media(max-width:380px){.brand span{font-size:27px}.hero{min-height:410px}h1{font-size:30px}.hero-copy p{font-size:14px;max-width:220px}.cta{font-size:13px;padding:12px}.hero-balls>.ball:not(.small){width:98px;height:98px;font-size:41px}.hero-balls .small{width:45px;height:45px;font-size:17px}.gift strong{font-size:14px}.offer .eyebrow{font-size:12px}.offer-title{font-size:16px}.room h3{font-size:27px}.ticket90{width:245px;margin-left:22px}.ticket90 button{font-size:18px}.room-coins{width:75px}.rewards h3{font-size:22px}}
/* Keep bevel highlights crisp without doubling the letter outlines. */
.gold-text{filter:drop-shadow(0 2px 0 #9e6500) drop-shadow(0 4px 3px #570000);-webkit-text-stroke:.3px #fff1a3}.brand span{filter:drop-shadow(0 2px 0 #976000) drop-shadow(0 4px 3px #420000);-webkit-text-stroke:.3px #fff2a0}.offer-coins{width:270px;height:115px;right:calc(50% - 135px);bottom:-1px;background-size:200% 200%;background-position:100% 0}.main-gift{width:175px;height:175px;margin-top:-17px;margin-bottom:-8px}.gift strong{position:relative;z-index:2}.hero h1{font-size:60px}.hero-copy{width:68%}body{background-size:1800px auto;background-attachment:scroll;background-repeat:repeat-y} .rooms>h2{background-image:linear-gradient(#fffdd3,#ffdb37 70%,#fff6b3)}
@media(max-width:1100px) and (min-width:701px){.hero h1{font-size:48px}.offer-coins{width:230px;height:105px;right:calc(50% - 115px)}}
@media(max-width:700px){.hero h1{font-size:35px}.offer-coins{width:160px;height:90px;right:calc(50% - 80px);bottom:2px}.main-gift{width:145px;height:145px;margin-top:0;margin-bottom:0}.gift{justify-content:center}.gift span{max-width:145px}.hero-copy{width:70%}}
@media(max-width:380px){.hero h1{font-size:30px}.main-gift{width:130px;height:130px}.offer-coins{width:145px;right:calc(50% - 72.5px)}}
.card-scene>.ball{z-index:1}.ticket{z-index:2}.room-coins{pointer-events:none}
@media(max-width:850px) and (min-width:701px){.hero h1{font-size:42px}.hero-copy p{font-size:16px;max-width:265px}.hero .cta{font-size:16px;padding-inline:15px}.rewards{grid-template-columns:1fr}.rewards article{min-height:170px;justify-content:center;gap:20px}.rewards .reward-art{width:140px}.rewards article>div:last-child{width:50%}.rewards h3{font-size:24px}.rewards p{font-size:16px}.rewards .gold{font-size:13px}}
@media(max-width:700px){.hostess{object-fit:contain;object-position:bottom right;width:61%;height:83%;right:-4%;bottom:0}.hero-copy p{max-width:215px}.hero-copy{z-index:3}.hero-balls{z-index:4}.hero .cta{font-size:14px;padding-inline:12px}.hero-balls>.ball:not(.small){width:105px;height:105px;font-size:44px}.room90 .ticket{margin-left:25px}.room90 .card-scene>.ball{left:-10px;bottom:-8px}}
/* R3: material-specific highlights, individual panel surfaces and corner-mounted globe. */
body{background:radial-gradient(ellipse at 50% 0,#d30b00 0,#9d0000 32%,#680000 85%);background-attachment:scroll}
.panel{background-image:none;background-color:#8e0000}
.hero{background:#ad0000 url('assets/scarlet-trails.webp') center/cover}
.offer{background:radial-gradient(ellipse at 50% 100%,#ffad00 0,#d72700 21%,#9d0300 52%,#570000 100%)}
.gift{background:radial-gradient(ellipse at 50% 64%,#ff7615 0,#d50b00 30%,#880000 68%,#5d0000)}
.room:before{background-image:none;filter:none}
.room75:before{background:radial-gradient(ellipse at 50% 105%,#4bd3eb 0,transparent 48%),linear-gradient(155deg,#002d40,#05788e 56%,#003443)}
.room90:before{background:radial-gradient(ellipse at 54% 92%,#ff920c 0,#de2000 28%,transparent 60%),linear-gradient(140deg,#6f0000,#c70000 62%,#800000)}
.room:after{content:'';position:absolute;z-index:-1;width:125%;height:40%;bottom:-7%;left:-12%;border-radius:50%;border-top:2px solid #ffed8caa;background:linear-gradient(#ffffff20,transparent 70%);transform:rotate(-8deg);box-shadow:0 -3px 12px #ffda4555}
.room90:after{transform:rotate(5deg);height:30%;bottom:0}
.rewards article:nth-child(1){background:radial-gradient(at 22% 80%,#f65800,#a60000 55%,#660000)}
.rewards article:nth-child(2){background:linear-gradient(135deg,#610018,#b31112 55%,#650000)}
.rewards article:nth-child(3){background:radial-gradient(at 25% 35%,#db2c16,#900000 55%,#570000)}
.shine:after{display:none}.trim-glint{top:-20px;left:20%;z-index:6;pointer-events:none}
.globe-section{position:relative;min-height:400px;padding:22px 28px 22px 0;background:radial-gradient(ellipse at 25% 65%,#d33612,#870000 55%,#520000);grid-template-columns:45% 55%}
.globe-art{position:absolute;left:-2px;bottom:-2px;width:45%;max-width:none;margin:0;aspect-ratio:1.22}
.globe-art>img{object-fit:fill}.globe-copy{grid-column:2;padding:15px 10px 15px 25px}
.photo-ball{background-image:url('assets/glossy-balls.webp')!important;background-size:400% 200%!important;background-repeat:no-repeat!important;border:0!important;box-shadow:none!important;border-radius:0!important;font-size:0!important;color:transparent;filter:drop-shadow(0 8px 5px #21000060)}
.photo-ball:before,.photo-ball:after{display:none!important}.red75{background-position:0 0}.blue90{background-position:33.3333% 0}.blue75{background-position:66.6667% 0}.red90{background-position:100% 0}.plain-green{background-position:0 100%}.plain-purple{background-position:33.3333% 100%}.plain-yellow{background-position:66.6667% 100%}
.gameplay{margin:26px 0}.gameplay h2{font-size:30px;text-align:center;margin-bottom:8px}.gameplay-intro{text-align:center;margin:0 0 18px;color:#ffe8c5}.gameplay-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gameplay article{padding:20px}.gameplay h3{font-size:23px;text-align:center;margin:0 0 15px}.gameplay article>p{font-size:15px;line-height:1.5;margin-bottom:0}.gameplay75{background:linear-gradient(145deg,#073843,#001722)}.gameplay90{background:linear-gradient(145deg,#740f08,#310000)}.capture-pending{aspect-ratio:16/10;border:1px solid #ad853e;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:#12050488}.capture-pending>span{font-family:'Nasalization Rg',sans-serif;font-size:20px;color:#ffe58d}.capture-pending p{font-size:15px;max-width:280px;line-height:1.5}.capture-pending small{color:#dbc6a5;font-size:12px}
@media(max-width:1000px){.globe-section{min-height:360px}.gameplay h3{font-size:19px}}
@media(max-width:700px){.globe-section{grid-template-columns:1fr;padding:20px 0 0;min-height:0}.globe-copy{grid-column:1;grid-row:1;padding:0 22px 10px}.globe-art{position:relative;grid-row:2;left:-2px;bottom:-2px;width:100%;max-width:360px;margin:0;justify-self:start}.gameplay-grid{grid-template-columns:1fr}.gameplay h2{font-size:24px}.gameplay h3{font-size:22px}.gameplay article{padding:16px}}
@media(min-width:701px){.globe-art{width:42%;max-width:480px}}
.gameplay-shot{display:block;width:100%;padding:0;overflow:hidden;border:2px solid #ffd975;border-radius:12px;background:#160300;cursor:zoom-in;color:#ffe59c;box-shadow:0 3px 12px #0007;transition:transform .2s,box-shadow .2s}.gameplay-shot:hover{transform:translateY(-3px);box-shadow:0 5px 20px #ffc33c55}.gameplay-shot:active{transform:translateY(1px)}.gameplay-shot img{display:block;width:100%;height:auto}.gameplay-shot span{display:block;padding:10px 6px;font:12px 'Nasalization Rg',sans-serif}.gameplay-shot:focus-visible{outline:3px solid white;outline-offset:4px}#hallViewer{max-width:min(1250px,96vw);width:96vw;padding:18px;background:#590000;border:3px solid #ffdc65;color:#fff;max-height:94vh;overflow:auto}#hallViewer h2{font-size:24px;margin:10px 125px 18px 0}#hallViewer img{display:block;width:100%;height:auto;border:1px solid #b68727}#hallViewer .hall-close{position:absolute;right:15px;top:15px;font-size:12px}#hallViewer p{text-align:center;font-size:13px;margin-bottom:0}
@media(max-width:700px){#hallViewer h2{font-size:17px;margin-top:45px;margin-right:0}#hallViewer{padding:10px}}

/* R5: allow italic numeral overhang inside the gold text background. */
.offer .amount{display:block;flex-shrink:0;padding:0 .16em .07em .10em;line-height:1.05;letter-spacing:-.045em;margin:-3px 0 -9px;overflow:visible}
.hero-grid + .rewards{margin-top:20px;margin-bottom:18px}
/* Shared centre line for each ticket and its action, at every breakpoint. */
.room .card-scene{justify-content:center}
.room .ticket,.room90 .ticket{margin-inline:0}
.room>.gold{display:block;width:max-content;max-width:100%;margin-inline:auto}
@media(min-width:701px) and (max-width:1000px){.room>p{min-height:44px}.room75 .room-coins{width:55px;right:-12px;bottom:0}}
/* Four individually composed backgrounds, with highlights on reflective surfaces. */
.room75:before,.room90:before{background-image:url('assets/panel-finishes.webp');background-size:200% 200%;background-repeat:no-repeat;filter:none}
.room75:before{background-position:0 0}.room90:before{background-position:100% 0}.room:after{display:none}
.rewards article:nth-child(2){background:#630014 url('assets/panel-finishes.webp') 0 100%/200% 200% no-repeat}
.rewards article:nth-child(3){background:#920300 url('assets/panel-finishes.webp') 100% 100%/200% 200% no-repeat}
.rewards article:nth-child(1){background:linear-gradient(145deg,transparent 52%,#ffd88033 52.5%,transparent 54%),radial-gradient(ellipse at 25% 100%,#ffbd2a 0,#ec5300 16%,#a00000 52%,#580000 100%)}
.offer{background:linear-gradient(110deg,transparent 28%,#ffc36015 29%,transparent 31%),linear-gradient(75deg,transparent 68%,#ffc36018 69%,transparent 72%),radial-gradient(ellipse at 50% 110%,#ffb72c 0,#e22d00 25%,#920400 56%,#4c0000 100%)}
.gift{background:radial-gradient(ellipse 95% 11% at 50% 65%,#ffe39355 0,#ff8b1e33 65%,transparent 70%),radial-gradient(ellipse at 50% 60%,#f56716 0,#ce1404 30%,#850000 62%,#4e0000)}
/* Equal-height action rows and centred gameplay captions. */
.room{display:flex;flex-direction:column;align-items:center}
.room .card-scene{width:100%;flex:1 0 225px}
.room>.gold{flex-shrink:0;margin-top:0;margin-bottom:0;min-height:48px}
.gameplay article>p{text-align:center}

/* Heritage medal, beside the closing introduction. */
.about.anniversary{display:flex;align-items:center;justify-content:center;gap:30px;padding:24px 40px;background:radial-gradient(ellipse at 18% 50%,#fff9cf,#fff5d5 50%,#ffedb4);border-block:3px solid #e6b340}
.anniversary-badge{display:block;width:205px;max-height:270px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 6px 7px #8a360033)}
.anniversary-copy{max-width:800px;text-align:center}.anniversary-copy h2{font-size:30px;line-height:1.25}.anniversary-copy .heritage{margin:16px 0 0;color:#920b00;font-weight:700;font-size:17px}
@media(max-width:1000px){.anniversary-copy h2{font-size:24px}.anniversary-badge{width:165px}.about.anniversary{gap:20px;padding:24px}}
@media(max-width:700px){.about.anniversary{flex-direction:column;gap:16px;padding:24px 20px}.anniversary-badge{width:170px;max-height:210px}.anniversary-copy h2{font-size:23px}.anniversary-copy .heritage{font-size:15px}}

/* Keep the complete hostess silhouette inside tablet and landscape image boxes. */
@media(min-width:701px) and (max-width:1100px){
.hero .hostess{object-fit:contain;object-position:bottom right;width:58%;height:100%;right:0;bottom:0}
.hero h1{font-size:clamp(34px,4.2vw,46px)}
.hero-copy p{max-width:260px}
}
.anniversary-medal{position:relative;flex-shrink:0;width:205px;animation:medalSway 8s ease-in-out infinite;transform-origin:50% 5%}
.anniversary-medal .anniversary-badge{width:100%;height:auto;max-height:none}
.medal-glint{position:absolute;width:25px;height:25px;background:linear-gradient(transparent 44%,#fffbdc 50%,transparent 56%),linear-gradient(90deg,transparent 44%,#fffbdc 50%,transparent 56%);filter:drop-shadow(0 0 4px #ffe27b);pointer-events:none;animation:medalGlint 6s ease-in-out infinite;opacity:0}
.medal-glint.first{left:18%;top:20%}.medal-glint.second{left:80%;top:60%;animation-delay:-3s}
@keyframes medalSway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}
@keyframes medalGlint{0%,62%,100%{opacity:0;transform:scale(.3)}75%{opacity:1;transform:scale(1)}88%{opacity:0;transform:scale(.5)}}
@media(max-width:1000px){.anniversary-medal{width:165px}}
@media(max-width:700px){.anniversary-medal{width:150px}.anniversary-medal .anniversary-badge{max-height:none}}

/* Match the original GIF: a still medal, rim twinkles and a short face reflection. */
.anniversary-medal{animation:none;transform:none}
.rim-light{position:absolute;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 0 3px #fff1a0);animation:rimTwinkle 2.8s steps(2,end) infinite}
.pin-light{width:3px;height:3px;border-radius:50%;background:#fff6bd}
.star-light{width:18px;height:18px;background:linear-gradient(transparent 44%,white 50%,transparent 56%),linear-gradient(90deg,transparent 44%,white 50%,transparent 56%)}
.medal-sweep{position:absolute;left:6%;top:11%;width:88%;height:64%;border-radius:50%;pointer-events:none;background:linear-gradient(125deg,transparent 40%,#fff9d133 44%,#ffffffbb 49%,#fff9d144 54%,transparent 59%);background-size:350% 100%;background-position:130% 0;mix-blend-mode:screen;animation:medalSweep 2.8s linear infinite}
@keyframes rimTwinkle{0%,100%{opacity:.15}25%{opacity:.8}50%{opacity:.3}75%{opacity:1}}
@keyframes medalSweep{0%,84%{background-position:130% 0;opacity:0}85%{opacity:.8}97%{background-position:-30% 0;opacity:.8}100%{background-position:-30% 0;opacity:0}}
/* R10: one sizing system for the rooms and reward tiles. */
.room-grid{align-items:stretch}
.room{display:grid;grid-template-rows:auto auto minmax(245px,1fr) 50px;justify-items:center;align-items:start;padding:20px 18px 24px;min-width:0;min-height:0}
.room h3{width:100%;margin:0;line-height:1.2}
.room>p{width:100%;margin:8px 0 0;min-height:46px;line-height:1.35}
.room .card-scene{width:100%;height:245px;min-height:245px;display:flex;align-items:center;justify-content:center;flex:none}
.room>.gold{align-self:end;display:flex;align-items:center;justify-content:center;width:min(280px,100%);min-width:0;max-width:100%;height:50px;min-height:50px;margin:0 auto;padding:8px 12px;font-size:18px;line-height:1.1;white-space:nowrap;box-sizing:border-box}
.room .ticket{margin:0;flex-shrink:0;align-self:center}
.room .ticket75{width:200px;max-width:65%}
.ticket75 .ticket-body{grid-template-rows:repeat(5,minmax(0,1fr));aspect-ratio:1}
.ticket75 .ticket-body>*{height:auto;min-height:0}
.room .ticket90{width:340px;max-width:82%;height:auto;container-type:inline-size}
.ticket90 .ticket-body{aspect-ratio:3;grid-template-rows:repeat(3,minmax(0,1fr));align-items:stretch}
.ticket90 .ticket-body>*{height:auto;min-height:0;font-size:clamp(12px,6.5cqw,22px);line-height:1}
.ticket90 .ticket-label{padding:6px 2px;font-size:clamp(8px,3cqw,10px);line-height:1.2;letter-spacing:1px;white-space:nowrap}
.room .room-coins{width:80px;right:0;bottom:4px}
.room .card-scene>.ball{width:100px;height:100px;left:-8px;bottom:8px}
.room .mini-cluster .ball:nth-child(2){right:2px;bottom:20px}
/* Three equal tiles on tablets as well as desktops. Their actions share a row. */
.rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.rewards article{display:grid;grid-template-columns:minmax(0,36%) minmax(0,1fr);align-items:center;justify-content:normal;gap:12px;padding:20px 14px;min-height:228px;text-align:left}
.rewards .reward-art{width:100%;max-width:none;min-width:0;align-self:center}
.rewards article>div:last-child{display:grid;grid-template-rows:52px minmax(62px,1fr) 44px;align-self:stretch;width:auto;min-width:0;gap:8px}
.rewards h3{font-size:20px;line-height:1.2;margin:0;align-self:center;overflow-wrap:normal}
.rewards p{font-size:14px;line-height:1.4;margin:0;align-self:start}
.rewards .gold{display:flex;align-items:center;justify-content:center;width:100%;height:44px;min-height:44px;min-width:0;margin:0;padding:6px 5px;font-size:12px;line-height:1.1;white-space:nowrap;box-sizing:border-box}
@media(min-width:701px) and (max-width:1100px){
.rewards article{grid-template-columns:minmax(0,1fr);grid-template-rows:130px minmax(0,1fr);justify-items:center;text-align:center;padding:18px 12px;gap:8px;min-height:0}
.rewards .reward-art{width:130px;height:130px;max-width:100%}
.rewards article>div:last-child{width:100%;grid-template-rows:48px minmax(60px,1fr) 44px;gap:8px}
.rewards h3{font-size:18px}.rewards p{font-size:14px}.rewards .gold{font-size:12px}
.room h3{font-size:clamp(24px,3vw,33px)}.room>p{font-size:16px}
.room .ticket75{width:180px}.room .ticket90{max-width:88%}
.room .room-coins{width:54px;right:-8px;bottom:2px}
.room .card-scene>.ball{width:72px;height:72px;left:-10px;bottom:10px}
.room .mini-cluster .ball{width:42px;height:42px;left:5px;top:18px}
.room .mini-cluster .ball:nth-child(3){width:52px;height:52px;right:-8px;bottom:10px;top:auto;left:auto}
}
@media(max-width:700px){
.room-grid{grid-template-columns:1fr}.room{padding:20px 16px 24px;grid-template-rows:auto auto 245px 50px}
.room h3{font-size:clamp(25px,7vw,32px)}.room>p{font-size:16px;min-height:44px}
.room .ticket75{width:190px}.room .ticket90{width:340px;max-width:88%}
.room .card-scene>.ball{width:82px;height:82px;left:-8px;bottom:10px}
.room .room-coins{width:65px;right:-6px;bottom:4px}
.rewards{grid-template-columns:1fr;gap:14px}
.rewards article{grid-template-columns:minmax(85px,32%) minmax(0,1fr);grid-template-rows:auto;gap:14px;padding:18px 16px;min-height:220px;text-align:left}
.rewards .reward-art{width:100%;height:auto;max-width:170px;justify-self:center}
.rewards article>div:last-child{width:100%;grid-template-rows:50px minmax(60px,1fr) 44px;gap:10px}
.rewards h3{font-size:clamp(18px,5.1vw,24px)}.rewards p{font-size:14px}.rewards .gold{font-size:12px}
}
@media(max-width:360px){.rewards article{grid-template-columns:82px minmax(0,1fr);gap:10px;padding:16px 12px}.rewards h3{font-size:16px}.rewards p{font-size:13px}.rewards .gold{font-size:11px}.room>.gold{font-size:16px}.room .ticket75{max-width:68%}.room .room-coins{width:48px}.room .card-scene>.ball{width:65px;height:65px}}
/* Allow ticket content to shrink within its panel without widening the grid track. */
.room{grid-template-columns:minmax(0,1fr)}
.room .card-scene{min-width:0}