/* Landing-page-only system. No application/dashboard selectors. */
.reward-landing{--rm-bg:#160f20;--rm-panel:#21172e;--rm-ink:#fcf4f6;--rm-muted:#c0b2ca;--rm-pink:#f4b6cf;--rm-line:#ffffff21;margin:0;background:var(--rm-bg);color:var(--rm-ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.8;color-scheme:dark}
.reward-landing *{box-sizing:border-box}
.reward-landing [hidden]{display:none!important}
.reward-landing :is(h1,h2,h3,p,figure,ol){margin:0}
.reward-landing a{color:inherit;text-decoration:none}
.reward-landing button{font:inherit;cursor:pointer}
.reward-landing img{display:block;max-width:100%;height:auto}
.reward-landing :is(a,button,summary):focus-visible{outline:3px solid var(--rm-pink);outline-offset:5px}
.reward-landing ::selection{background:#f4b6cf;color:#201329}
.reward-landing section{scroll-margin-top:35px}
:where(.reward-landing) .rm-container{width:min(1120px,calc(100% - 80px));margin-inline:auto}
:where(.reward-landing) .rm-skip{position:absolute;top:-100px;left:20px;z-index:10;padding:12px 20px;background:#f4b6cf;color:#160f20!important}
:where(.reward-landing) .rm-skip:focus{top:12px}
:where(.reward-landing) .rm-header{border-bottom:1px solid var(--rm-line)}
:where(.reward-landing) .rm-header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}
:where(.reward-landing) .rm-logo{position:relative;width:178px;height:48px;overflow:hidden;flex-shrink:0}
:where(.reward-landing) .rm-logo img{position:absolute;width:178px;height:auto;top:-36px;max-width:none}
:where(.reward-landing) .rm-nav,:where(.reward-landing) .rm-header-actions{display:flex;align-items:center;gap:30px;font-size:12px}
:where(.reward-landing) .rm-nav a,:where(.reward-landing) .rm-login{color:var(--rm-muted)!important}
:where(.reward-landing) .rm-nav a:hover,:where(.reward-landing) .rm-login:hover{color:var(--rm-ink)!important}
:where(.reward-landing) .rm-button{display:inline-flex;align-items:center;justify-content:center;gap:38px;min-height:56px;padding:15px 26px;border:1px solid transparent;border-radius:8px;background:var(--rm-pink);color:#2b1630!important;font-size:14px;font-weight:700;line-height:1.5;transition:background .2s,transform .2s}
:where(.reward-landing) .rm-button:hover{background:#ffcede;transform:translateY(-2px)}
:where(.reward-landing) .rm-button-small{min-height:44px;padding:12px 18px;font-size:12px}
:where(.reward-landing) .rm-text-link{font-size:13px;display:inline-flex;gap:22px;align-items:center;border-bottom:1px solid #c7a7bb70;padding:10px 0}
:where(.reward-landing) .rm-text-link:hover{color:var(--rm-pink)}
:where(.reward-landing) .rm-guest-form{margin:0}
:where(.reward-landing) .rm-eyebrow{font-size:12px;letter-spacing:.16em;color:var(--rm-pink);font-weight:600}
:where(.reward-landing) .rm-eyebrow>span{font-size:19px;margin-right:10px;vertical-align:middle}
:where(.reward-landing) .rm-body-copy{max-width:42ch;font-size:14px;color:var(--rm-muted);line-height:2.1}
:where(.reward-landing) .rm-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
:where(.reward-landing) .rm-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;align-items:center;padding-block:42px 36px}
:where(.reward-landing) .rm-hero h1{font-size:clamp(30px,3.35vw,48px);line-height:1.65;letter-spacing:-.045em;font-weight:600;margin:26px 0}
:where(.reward-landing) .rm-hero h1 span{color:var(--rm-pink)}
:where(.reward-landing) .rm-lead{font-size:17px;margin-bottom:14px!important}
:where(.reward-landing) .rm-hero .rm-actions{margin-top:30px}
:where(.reward-landing) .rm-note{font-size:12px;color:var(--rm-muted);margin-top:17px!important}
:where(.reward-landing) .rm-note a{text-decoration:underline;text-underline-offset:4px}
:where(.reward-landing) .rm-hero-signature{display:flex;align-items:center;gap:15px;margin-top:28px;color:var(--rm-muted)}
:where(.reward-landing) .rm-hero-signature>span{font-size:35px;font-family:Georgia,serif;color:var(--rm-pink)}
:where(.reward-landing) .rm-hero-signature p{font-size:12px;letter-spacing:.08em;line-height:1.8}
:where(.reward-landing) .rm-room-window{position:relative;isolation:isolate;height:clamp(360px,55vh,460px);border-radius:190px 190px 14px 14px;overflow:hidden;border:1px solid #d6b8eb65;background:#4b2c66;box-shadow:0 30px 80px #0003}
:where(.reward-landing) .rm-room{width:100%;height:100%!important;object-fit:cover;object-position:44% 50%;position:absolute;inset:0;z-index:-2}
:where(.reward-landing) .rm-room-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1c112a33 0%,transparent 42%,#160f208c 100%);z-index:-1}
:where(.reward-landing) .rm-room-label{position:absolute;top:42px;width:100%;text-align:center;font-size:12px;letter-spacing:.22em;text-shadow:0 1px 10px #000}
:where(.reward-landing) .rm-room-label span{display:block;font-size:12px;margin-top:6px;color:#eee0f8}
:where(.reward-landing) .rm-room-caption{position:absolute;bottom:28px;text-align:center;width:100%;font-size:12px;letter-spacing:.04em}
:where(.reward-landing) .rm-room-caption>span{margin-right:8px}
:where(.reward-landing) .rm-art-note{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;margin-top:16px!important;font-size:12px;letter-spacing:.12em;color:var(--rm-muted)}
:where(.reward-landing) .rm-art-note span{font-size:12px;letter-spacing:0}
:where(.reward-landing) .rm-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}
.reward-landing h2{font-size:clamp(26px,2.7vw,38px);line-height:1.65;letter-spacing:-.03em;font-weight:500;margin-top:18px}
:where(.reward-landing) .rm-steps{border-top:1px solid var(--rm-line);padding-block:52px 60px;margin-top:12px}
:where(.reward-landing) .rm-step-list{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0}
:where(.reward-landing) .rm-step-list li{padding:0 32px;border-left:1px solid var(--rm-line)}
:where(.reward-landing) .rm-step-list li:first-child{padding-left:0;border-left:0}
:where(.reward-landing) .rm-step-list li:last-child{padding-right:0}
:where(.reward-landing) .rm-step-number{font-family:Georgia,serif;font-size:42px;font-style:italic;color:#9d839f}
:where(.reward-landing) .rm-step-list h3{font-size:18px;font-weight:500;margin:14px 0}
:where(.reward-landing) .rm-step-list p{font-size:14px;line-height:2;color:var(--rm-muted);max-width:310px}
:where(.reward-landing) .rm-step-tag{display:block;font-size:12px;letter-spacing:.12em;color:#bea1ba;margin-top:24px}
:where(.reward-landing) .rm-task-preview,:where(.reward-landing) .rm-fun-preview{min-height:132px;margin-top:20px;border:1px solid #f4d6ee2e;border-radius:8px;background:#21172e;overflow:hidden}
:where(.reward-landing) .rm-task-preview{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:14px}
:where(.reward-landing) .rm-task-preview>span{display:flex;align-items:center;gap:9px;min-height:27px;padding:3px 7px;border:1px solid #f4d6ee1f;border-radius:5px;color:#d7c7d8;font-size:12px}
:where(.reward-landing) .rm-task-preview i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#563853;color:#f4b6cf;font-style:normal;font-weight:700}
:where(.reward-landing) .rm-task-preview .is-done{color:#fff;background:#f4b6cf12}
:where(.reward-landing) .rm-task-preview .is-done i{background:#f4b6cf;color:#2b1630}
:where(.reward-landing) .rm-fun-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#f4d6ee2e}
:where(.reward-landing) .rm-fun-preview>span{display:flex;flex-direction:column;min-width:0;background:#21172e}
:where(.reward-landing) .rm-fun-preview img{width:100%;height:91px;object-fit:cover}
:where(.reward-landing) .rm-fun-preview b{padding:7px 3px;color:#e8d9e9;font-size:12px;font-weight:500;text-align:center}
:where(.reward-landing) .rm-reward-preview{display:grid;grid-template-columns:.85fr 1.15fr;gap:8px;margin-top:20px}
:where(.reward-landing) .rm-box-preview,:where(.reward-landing) .rm-letter-preview{min-height:132px;border:1px solid #f4d6ee2e;border-radius:8px;background:#21172e;overflow:hidden}
:where(.reward-landing) .rm-box-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;color:#e8cfde}
:where(.reward-landing) .rm-box-preview img{width:76px;height:71px;object-fit:contain;filter:drop-shadow(0 8px 16px #f69ac52b)}
:where(.reward-landing) .rm-box-preview span{font-size:12px;margin-top:2px}
:where(.reward-landing) .rm-letter-preview{position:relative;display:flex;flex-direction:column;justify-content:center;padding:17px 10px 14px 36px;background:linear-gradient(145deg,#2e203b,#21172e)}
:where(.reward-landing) .rm-letter-icon{position:absolute;left:10px;top:17px;color:var(--rm-pink);font-size:20px}
:where(.reward-landing) .rm-letter-preview small{font-size:12px;letter-spacing:.04em;color:#d2a9c2;white-space:nowrap}
:where(.reward-landing) .rm-letter-preview strong{font-size:12px;line-height:1.7;font-weight:500;margin-top:7px}
:where(.reward-landing) .rm-letter-new{position:absolute;right:8px;top:8px;padding:2px 7px;border-radius:20px;background:#ef79ad;color:#251229;font-size:12px;font-weight:700}
:where(.reward-landing) .rm-companion{background:#efe5eb;color:#342137;padding-block:60px;color-scheme:light}
:where(.reward-landing) .rm-companion .rm-eyebrow{color:#81516e}
:where(.reward-landing) .rm-companion .rm-body-copy{color:#6a5367;margin-top:22px}
:where(.reward-landing) .rm-companion-grid{display:grid;grid-template-columns:.8fr 1.9fr;gap:46px;align-items:center}
:where(.reward-landing) .rm-colors{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
:where(.reward-landing) .rm-color{background:transparent;border:1px solid #34213730;border-radius:30px;min-height:44px;display:flex;align-items:center;gap:6px;padding:9px 11px;font-size:12px!important;color:#503b50}
:where(.reward-landing) .rm-color span{width:10px;height:10px;border-radius:50%;background:#8962a4}
:where(.reward-landing) .rm-color-pink span{background:#cb789a}
:where(.reward-landing) .rm-color-blue span{background:#527dae}
:where(.reward-landing) .rm-color[aria-pressed=true]{border-color:#745068;background:#fff7fb}
:where(.reward-landing) .rm-companion .rm-color:focus-visible{outline-color:#734466}
:where(.reward-landing) .rm-evolution-label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;font-size:12px;border-bottom:1px solid #34213726;padding-bottom:18px}
:where(.reward-landing) .rm-evolution-label span{font-size:12px;letter-spacing:.1em;color:#745f70}
:where(.reward-landing) .rm-stages{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px!important}
:where(.reward-landing) .rm-stages li{text-align:center;min-width:0}
:where(.reward-landing) .rm-stage-image{height:210px;display:flex;justify-content:center;align-items:end}
:where(.reward-landing) .rm-stage-image img{height:100%;width:100%;object-fit:contain;object-position:bottom}
:where(.reward-landing) .rm-stages li:first-child .rm-stage-image img{height:52%}
:where(.reward-landing) .rm-stages li:nth-child(2) .rm-stage-image img{height:68%}
:where(.reward-landing) .rm-stages li:nth-child(3) .rm-stage-image img{height:84%}
:where(.reward-landing) .rm-stage-index{display:block;font:italic 14px Georgia,serif;color:#8d7285;margin:14px 0 4px}
:where(.reward-landing) .rm-stages li p{font-size:12px}
:where(.reward-landing) .rm-evolution-note{text-align:right;font-size:12px;color:#715d6a;margin-top:20px!important}
:where(.reward-landing) .rm-room-growth{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:end;margin-top:4px;padding-top:32px;border-top:1px solid #34213726}
:where(.reward-landing) .rm-room-growth-copy h3{font-size:25px;line-height:1.55;font-weight:500;margin:10px 0}
:where(.reward-landing) .rm-room-growth-copy>p:last-child{font-size:13px;line-height:1.9;color:#6a5367}
:where(.reward-landing) .rm-room-stages{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;list-style:none;padding:0}
:where(.reward-landing) .rm-room-stages li{position:relative;min-width:0;border:1px solid #34213724;border-radius:7px;overflow:hidden;background:#d8c9d4}
:where(.reward-landing) .rm-room-stages img{width:100%;aspect-ratio:3/2;object-fit:cover}
:where(.reward-landing) .rm-room-stages span{position:absolute;left:6px;bottom:5px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#2f1e36d9;color:#fff;font:italic 12px Georgia,serif}
:where(.reward-landing) .rm-showcase{padding-block:60px}
:where(.reward-landing) .rm-screen-buttons{max-width:1020px;margin-inline:auto;display:flex;border-bottom:1px solid var(--rm-line);gap:28px;margin-bottom:26px}
:where(.reward-landing) .rm-screen-buttons button{padding:15px 0;background:none;border:0;border-bottom:2px solid transparent;color:var(--rm-muted);font-size:13px;min-height:48px}
:where(.reward-landing) .rm-screen-buttons button span{font-size:12px;letter-spacing:.05em;margin-right:10px}
:where(.reward-landing) .rm-screen-buttons button[aria-pressed=true]{color:var(--rm-pink);border-color:var(--rm-pink)}
:where(.reward-landing) .rm-screen{max-width:1020px;margin-inline:auto!important}
:where(.reward-landing) .rm-screen-frame{border:1px solid #d9c1e238;border-radius:12px;overflow:hidden;background:#1c1529}
:where(.reward-landing) .rm-screen-bar{height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;color:#c6b2cd;font-size:12px;letter-spacing:.1em;border-bottom:1px solid var(--rm-line)}
:where(.reward-landing) .rm-screen-bar span:first-child{font-size:12px;letter-spacing:3px;color:#a080ad}
:where(.reward-landing) .rm-screen-zoom{position:relative;display:block;width:100%;padding:0;border:0;background:#130a22;cursor:zoom-in!important}
:where(.reward-landing) .rm-screen-zoom img{width:100%;height:auto;max-height:62vh;aspect-ratio:2934/1672;object-fit:contain;filter:brightness(1.12) saturate(1.04)}
:where(.reward-landing) #screen-0 .rm-screen-zoom img{aspect-ratio:1920/1278}
:where(.reward-landing) .rm-screen-zoom>span{position:absolute;right:16px;bottom:16px;padding:7px 13px;background:#201329eb;border:1px solid #f4d6ee4d;color:#fff;font-size:12px;border-radius:5px}
:where(.reward-landing) .rm-screen figcaption{display:grid;grid-template-columns:130px 1fr auto;gap:25px;align-items:baseline;margin-top:22px}
:where(.reward-landing) .rm-screen figcaption strong{font-size:13px;font-weight:500}
:where(.reward-landing) .rm-screen figcaption p{font-size:12px;color:var(--rm-muted);line-height:1.9}
:where(.reward-landing) .rm-screen figcaption>span{font-size:12px;letter-spacing:.1em;color:var(--rm-muted)}
:where(.reward-landing) .rm-game-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;list-style:none;padding:0;margin:24px 0 0!important}
:where(.reward-landing) .rm-game-strip li{overflow:hidden;border:1px solid #d9c1e22e;border-radius:7px;background:#21172e}
:where(.reward-landing) .rm-game-strip img{width:100%;height:86px;object-fit:cover}
:where(.reward-landing) .rm-game-strip span{display:block;min-height:46px;padding:10px 7px;color:#e6d7e7;font-size:12px;line-height:1.5;text-align:center}
:where(.reward-landing) .rm-faq{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;padding-block:0 60px}
:where(.reward-landing) .rm-questions details{border-top:1px solid var(--rm-line);padding:22px 0}
:where(.reward-landing) .rm-questions details:last-child{border-bottom:1px solid var(--rm-line)}
:where(.reward-landing) .rm-questions summary{cursor:pointer;display:flex;justify-content:space-between;gap:18px;font-size:14px;list-style:none}
:where(.reward-landing) .rm-questions summary::-webkit-details-marker{display:none}
:where(.reward-landing) .rm-questions summary span{color:var(--rm-pink);transition:transform .2s}
:where(.reward-landing) .rm-questions details[open] summary span{transform:rotate(45deg)}
:where(.reward-landing) .rm-questions details p{margin-top:15px;font-size:14px;color:var(--rm-muted);line-height:2}
:where(.reward-landing) .rm-start{background:radial-gradient(ellipse at 20% 80%,#74446938,transparent 65%),#21152b;border-top:1px solid var(--rm-line);border-bottom:1px solid var(--rm-line);overflow:hidden}
:where(.reward-landing) .rm-start-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:7%;align-items:center;padding-block:48px}
:where(.reward-landing) .rm-start h2{font-size:clamp(28px,3.2vw,44px)}
:where(.reward-landing) .rm-start .rm-body-copy{margin-top:20px}
:where(.reward-landing) .rm-start .rm-actions{margin-top:30px}
:where(.reward-landing) .rm-start-art{position:relative;height:280px;display:flex;justify-content:center;align-items:center}
:where(.reward-landing) .rm-start-art:before{content:'';position:absolute;width:290px;height:290px;border:1px solid #f4b6cf2b;border-radius:50%}
.reward-landing .rm-start-trio{position:relative;width:450px;height:270px;display:flex;align-items:flex-end;justify-content:center}
.reward-landing .rm-start-trio-image{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 16px #09030c66)}
:where(.reward-landing) .rm-start-art>span{position:absolute;bottom:0;right:0;font:italic 22px Georgia,serif;color:#d6b0c5;transform:rotate(-8deg)}
:where(.reward-landing) .rm-footer{padding-block:38px}
:where(.reward-landing) .rm-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
:where(.reward-landing) .rm-footer-brand{font-family:Georgia,serif;font-size:26px}
:where(.reward-landing) .rm-footer-brand span{display:block;font:12px/1.8 "Hiragino Kaku Gothic ProN",sans-serif;color:var(--rm-muted);margin-top:7px}
:where(.reward-landing) .rm-footer nav{display:flex;gap:25px;font-size:12px;color:var(--rm-muted)}
:where(.reward-landing) .rm-footer small{font-size:12px;color:var(--rm-muted)}
:where(.reward-landing) .rm-lightbox{padding:18px;border:1px solid #dec4e947;border-radius:12px;background:#160f20;color:#fff;max-width:94vw;width:1300px;max-height:92vh;overflow:auto}
:where(.reward-landing) .rm-lightbox::backdrop{background:#09050ee8}
:where(.reward-landing) .rm-lightbox-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;font-size:12px}
:where(.reward-landing) .rm-lightbox-head button{padding:9px 16px;border:1px solid #d4bbdf70;border-radius:5px;background:#2b2036;color:#fff}
:where(.reward-landing) .rm-lightbox>img{width:auto;max-width:100%;max-height:76vh;object-fit:contain;margin:auto}
html.rm-no-scroll:has(> body.reward-landing){overflow:hidden}
@media(min-width:761px) and (max-height:740px){:where(.reward-landing) .rm-hero{padding-block:16px}
:where(.reward-landing) .rm-hero h1{margin-block:16px}
:where(.reward-landing) .rm-hero .rm-actions{margin-top:20px}
:where(.reward-landing) .rm-hero-signature{margin-top:18px}
:where(.reward-landing) .rm-room-window{height:360px}
:where(.reward-landing) .rm-screen-zoom img{max-height:50vh}
}
@media(max-width:1050px){:where(.reward-landing) .rm-container{width:calc(100% - 64px)}
:where(.reward-landing) .rm-nav{gap:18px}
:where(.reward-landing) .rm-nav a:nth-child(2){display:none}
:where(.reward-landing) .rm-header-actions{gap:18px}
:where(.reward-landing) .rm-hero{gap:30px}
:where(.reward-landing) .rm-room-window{height:clamp(360px,55vh,440px);border-radius:145px 145px 12px 12px}
:where(.reward-landing) .rm-hero h1{font-size:32px}
:where(.reward-landing) .rm-body-copy{font-size:14px}
:where(.reward-landing) .rm-desktop-break{display:none}
:where(.reward-landing) .rm-hero-signature{margin-top:30px}
:where(.reward-landing) .rm-hero .rm-actions{gap:15px}
:where(.reward-landing) .rm-companion-grid{grid-template-columns:.75fr 1.75fr;gap:28px}
:where(.reward-landing) .rm-stage-image{height:180px}
:where(.reward-landing) .rm-step-list li{padding-inline:22px}
:where(.reward-landing) .rm-room-growth{grid-template-columns:180px 1fr;gap:22px}
:where(.reward-landing) .rm-room-growth-copy h3{font-size:22px}
:where(.reward-landing) .rm-game-strip img{height:72px}
:where(.reward-landing) .rm-footer-inner{flex-wrap:wrap}
:where(.reward-landing) .rm-footer small{margin-left:auto}
}
@media(max-width:760px){:where(.reward-landing) .rm-container{width:calc(100% - 40px)}
:where(.reward-landing) .rm-header-inner{height:76px;gap:15px}
:where(.reward-landing) .rm-logo{width:138px;height:42px}
:where(.reward-landing) .rm-logo img{width:138px;top:-27px}
:where(.reward-landing) .rm-nav{display:none}
:where(.reward-landing) .rm-header-actions{gap:15px}
:where(.reward-landing) .rm-login{font-size:12px}
:where(.reward-landing) .rm-header .rm-button-small{display:none}
:where(.reward-landing) .rm-hero{grid-template-columns:1fr;padding-block:42px 32px;gap:36px}
:where(.reward-landing) .rm-hero h1{font-size:clamp(26px,6.9vw,42px);line-height:1.65;margin:20px 0}
:where(.reward-landing) .rm-eyebrow{font-size:12px}
:where(.reward-landing) .rm-lead{font-size:15px}
:where(.reward-landing) .rm-hero .rm-body-copy{max-width:400px}
:where(.reward-landing) .rm-hero .rm-actions{gap:22px;margin-top:25px}
:where(.reward-landing) .rm-button{font-size:13px;min-height:52px;padding:14px 22px;gap:24px}
:where(.reward-landing) .rm-text-link{font-size:12px;gap:12px}
:where(.reward-landing) .rm-note{font-size:12px}
:where(.reward-landing) .rm-hero-signature{display:none}
:where(.reward-landing) .rm-hero-art{width:100%;max-width:510px;justify-self:center}
:where(.reward-landing) .rm-room-window{height:350px;border-radius:140px 140px 12px 12px}
:where(.reward-landing) .rm-room-label{top:35px}
:where(.reward-landing) .rm-room-caption{bottom:20px;font-size:12px}
:where(.reward-landing) .rm-art-note{font-size:12px}
:where(.reward-landing) .rm-art-note span{font-size:12px}
:where(.reward-landing) .rm-steps{margin-top:16px;padding-block:44px 56px}
:where(.reward-landing) .rm-section-head{display:block;margin-bottom:30px}
:where(.reward-landing) .rm-section-head>.rm-body-copy{margin-top:20px}
.reward-landing h2{font-size:27px;margin-top:13px}
:where(.reward-landing) .rm-step-list{grid-template-columns:1fr;gap:0}
:where(.reward-landing) .rm-step-list li,:where(.reward-landing) .rm-step-list li:first-child,:where(.reward-landing) .rm-step-list li:last-child{border:0;border-top:1px solid var(--rm-line);padding:24px 0 24px 50px;position:relative}
:where(.reward-landing) .rm-step-number{position:absolute;top:23px;left:0;font-size:27px}
:where(.reward-landing) .rm-step-list h3{margin:2px 0 9px;font-size:17px}
:where(.reward-landing) .rm-step-list p{max-width:none}
:where(.reward-landing) .rm-step-tag{margin-top:14px;font-size:12px}
:where(.reward-landing) .rm-task-preview,:where(.reward-landing) .rm-fun-preview{max-width:440px}
:where(.reward-landing) .rm-reward-preview{max-width:440px;grid-template-columns:1fr 1.4fr}
:where(.reward-landing) .rm-step-reward .rm-step-tag{margin-top:16px}
:where(.reward-landing) .rm-companion{padding-block:50px}
:where(.reward-landing) .rm-companion-grid{grid-template-columns:1fr;gap:35px}
:where(.reward-landing) .rm-companion .rm-body-copy{margin-top:16px}
:where(.reward-landing) .rm-stage-image{height:190px}
:where(.reward-landing) .rm-stages{grid-template-columns:repeat(2,1fr);gap:20px 10px}
:where(.reward-landing) .rm-stage-index{margin-top:10px}
:where(.reward-landing) .rm-room-growth{grid-template-columns:1fr;gap:20px;padding-top:28px}
:where(.reward-landing) .rm-room-growth-copy h3{font-size:23px}
:where(.reward-landing) .rm-room-stages{grid-template-columns:repeat(3,1fr)}
:where(.reward-landing) .rm-showcase{padding-block:56px}
:where(.reward-landing) .rm-screen-buttons{gap:0;justify-content:space-between}
:where(.reward-landing) .rm-screen-buttons button{font-size:12px;padding:12px 3px;flex:1}
:where(.reward-landing) .rm-screen-buttons button span{display:block;margin:0;font-size:12px}
:where(.reward-landing) .rm-screen-bar{font-size:12px;padding-inline:10px;height:30px}
:where(.reward-landing) .rm-screen-bar span:last-child{display:none}
:where(.reward-landing) .rm-screen-zoom>span{bottom:8px;right:8px;font-size:12px;padding:4px 8px}
:where(.reward-landing) .rm-screen figcaption{grid-template-columns:1fr auto;gap:8px;margin-top:16px}
:where(.reward-landing) .rm-screen figcaption p{grid-row:2;grid-column:1/-1}
:where(.reward-landing) .rm-screen figcaption>span{grid-column:2;grid-row:1;font-size:12px}
:where(.reward-landing) .rm-game-strip{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px!important}
:where(.reward-landing) .rm-game-strip li:last-child{grid-column:1/-1;max-width:calc(50% - 4px);width:100%;justify-self:center}
:where(.reward-landing) .rm-game-strip img{height:90px}
:where(.reward-landing) .rm-faq{grid-template-columns:1fr;gap:25px;padding-block:0 55px}
:where(.reward-landing) .rm-questions summary{font-size:13px}
:where(.reward-landing) .rm-start-inner{grid-template-columns:1fr;gap:32px;padding-block:45px}
:where(.reward-landing) .rm-start-art{grid-row:2;height:250px}
.reward-landing .rm-start-trio{width:330px;height:242px}
:where(.reward-landing) .rm-start-art:before{width:230px;height:230px}
:where(.reward-landing) .rm-start-art>span{right:5%;font-size:20px}
:where(.reward-landing) .rm-start .rm-actions{gap:15px}
:where(.reward-landing) .rm-start h2{font-size:32px}
:where(.reward-landing) .rm-footer{padding-block:30px}
:where(.reward-landing) .rm-footer-inner{gap:23px}
:where(.reward-landing) .rm-footer nav{flex-wrap:wrap;gap:20px;font-size:12px}
:where(.reward-landing) .rm-footer small{width:100%;margin-left:0}
:where(.reward-landing) .rm-lightbox{padding:12px}
:where(.reward-landing) .rm-lightbox-head{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.reward-landing *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Explain each reward and its trigger without shrinking reading text. */
:where(.reward-landing) .rm-step-details{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--rm-line);display:grid;gap:18px}
:where(.reward-landing) .rm-step-details dt{font-size:14px;font-weight:600;color:#f4b6cf;margin-bottom:5px}
:where(.reward-landing) .rm-step-details dd{margin:0;font-size:14px;line-height:1.95;color:#d5c8dc}
:where(.reward-landing) .rm-step-list>li>p{min-height:112px;color:#d5c8dc}
@media(max-width:760px){:where(.reward-landing) .rm-step-list>li>p{min-height:0}:where(.reward-landing) .rm-step-details{gap:15px}}

/* HOW IT WORKS: one clear, playful subject per step. */
:where(.reward-landing) .rm-step-scene{height:232px;margin-top:20px;border:1px solid #e8c3f04d;border-radius:16px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#71468a70,transparent 70%),linear-gradient(145deg,#362046,#20142f)}
:where(.reward-landing) .rm-step-scene img{object-fit:contain}
:where(.reward-landing) .rm-scene-letter-screen{display:block;position:relative;width:100%;height:144px;border:0;padding:0;background:#160b2a;cursor:zoom-in;overflow:hidden}
:where(.reward-landing) .rm-scene-letter-screen img{width:100%;height:100%;object-fit:cover;object-position:center 24%}
:where(.reward-landing) .rm-scene-letter-screen>span{position:absolute;bottom:8px;right:8px;padding:3px 9px;background:#301939ed;border:1px solid #d0a6cc66;border-radius:20px;color:#fff0fa;font-size:12px}
:where(.reward-landing) .rm-scene-box-strip{display:flex;align-items:center;justify-content:center;gap:13px;height:88px;color:#ecd4e9;font-size:12px}
:where(.reward-landing) .rm-scene-box-strip img{width:80px;height:80px;object-fit:contain}
:where(.reward-landing) .rm-scene-box-strip strong{font-size:14px;font-weight:500;color:#fff0fa}
:where(.reward-landing) .rm-fun-panel{position:relative;display:block;width:100%;height:187px;border:0;padding:0;background:#291336;cursor:zoom-in;overflow:hidden}
:where(.reward-landing) .rm-fun-panel img{width:100%;height:100%;object-fit:cover;object-position:40% center}
:where(.reward-landing) .rm-fun-panel[data-fun=gacha] img{object-position:50% center}
:where(.reward-landing) .rm-fun-panel>span{position:absolute;right:8px;bottom:8px;padding:3px 9px;background:#301939ed;border:1px solid #d0a6cc66;border-radius:20px;color:#fff0fa;font-size:12px}
:where(.reward-landing) .rm-fun-buttons{display:flex;gap:6px;align-items:center;justify-content:center;height:44px;background:#241431}
:where(.reward-landing) .rm-fun-buttons button{min-height:32px;padding:3px 12px;border:1px solid #d5b4df55;background:transparent;border-radius:20px;color:#d8bedb;font-size:12px}
:where(.reward-landing) .rm-fun-buttons button[aria-pressed=true]{background:#e2aad1;color:#291230;border-color:#e2aad1}

:where(.reward-landing) .rm-scene-task-screen{display:block;position:relative;width:100%;height:100%;border:0;padding:0;background:#21172e;cursor:zoom-in;overflow:hidden}
/* Keep the original screenshot for enlargement; give Benny room in the preview. */
:where(.reward-landing) .rm-scene-task-screen .rm-task-preview{position:absolute;bottom:0;left:0;width:100%;height:105px;object-fit:cover;object-position:center bottom}
:where(.reward-landing) .rm-task-companion{position:absolute;inset:0 0 auto;height:127px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#2a1b3b,#21172e);color:#f8e5f4}
:where(.reward-landing) .rm-task-companion img{width:82px;height:119px;object-fit:contain;filter:drop-shadow(0 6px 10px #b891db33)}
:where(.reward-landing) .rm-task-companion>span{font-size:14px;line-height:1.6;padding:9px 12px;border:1px solid #c0a9d459;border-radius:24px;background:#ac90bf2b}
:where(.reward-landing) .rm-task-enlarge{position:absolute;bottom:8px;right:8px;padding:3px 9px;background:#301939ed;border:1px solid #d0a6cc66;border-radius:20px;color:#fff0fa;font-size:12px}
@media(max-width:420px){:where(.reward-landing) .rm-task-companion{gap:7px}:where(.reward-landing) .rm-task-companion>span{font-size:13px;padding:9px}}