.landing{background:#050b14;color:#f5f8ff}.landing .site-header{background:#050b14e8;border-bottom-color:#28415d}.landing .page-shell{width:min(1220px,calc(100% - 28px));margin-top:0}.cqre-landing{--cyan:#67dcff;--blue:#2e82e6;--gold:#ffc85a;--deep:#071321;position:relative;padding:34px 0 0}.cqre-landing::before{content:"";position:absolute;z-index:-1;top:-120px;left:50%;width:min(1100px,100vw);height:680px;transform:translateX(-50%);background:radial-gradient(circle at 72% 36%,#176cc040,transparent 28%),radial-gradient(circle at 24% 20%,#2885d52c,transparent 35%);pointer-events:none}.top-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);align-items:center;gap:clamp(28px,6vw,78px);min-height:690px;padding:44px clamp(12px,4vw,48px) 58px;overflow:hidden;border-bottom:1px solid #20364d}.top-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#58caff,transparent)}.top-hero-copy{position:relative;z-index:2}.top-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#a9bad0;font-size:12px;font-weight:800;letter-spacing:.12em}.top-eyebrow span{display:inline-block;padding:5px 9px;border:1px solid #3d91bd;border-radius:4px;background:#092339;color:#74dcff;font-size:11px}.top-hero h1{margin:0;font-size:clamp(43px,6.5vw,84px);line-height:1.05;letter-spacing:-.04em;text-shadow:0 5px 22px #000}.top-hero h1 em{color:transparent;background:linear-gradient(90deg,#fff 0,#7de4ff 45%,#6faeff 100%);background-clip:text;-webkit-background-clip:text;font-style:normal}.top-lead{max-width:690px;margin:25px 0 0;color:#c1cee0;font-size:clamp(15px,1.8vw,19px);line-height:1.95}.top-actions{display:flex;align-items:stretch;gap:12px;margin-top:30px}.top-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:170px;min-height:58px;padding:9px 22px;border:1px solid #406688;border-radius:8px;color:#fff;text-decoration:none;box-shadow:0 8px 24px #0007,inset 0 1px #ffffff2b;transition:transform .18s ease,filter .18s ease}.top-btn:hover{filter:brightness(1.12);transform:translateY(-2px)}.top-btn small{margin-bottom:1px;font-size:10px;letter-spacing:.08em}.top-btn strong{font-size:16px}.top-btn-start{border-color:#ffcf64;background:linear-gradient(135deg,#d9931c,#ba5414);text-shadow:0 1px 3px #592600}.top-btn-login{background:linear-gradient(135deg,#183e68,#102943)}.top-hero-points{display:flex;gap:0;margin:34px 0 0;padding:0;list-style:none}.top-hero-points li{display:grid;gap:2px;min-width:130px;padding:0 20px;border-left:1px solid #31506c}.top-hero-points li:first-child{padding-left:0;border-left:0}.top-hero-points b{color:#fff;font-size:16px}.top-hero-points span{color:#8197ad;font-size:11px}.top-movie-wrap{position:relative;display:grid;place-items:center}.top-movie-glow{position:absolute;width:86%;height:78%;border-radius:50%;background:#168bff40;filter:blur(48px)}.top-movie-card{position:relative;width:min(324px,84vw);padding:12px 12px 15px;border:1px solid #4c779c;border-radius:18px;background:linear-gradient(155deg,#152c44f5,#07111df5);box-shadow:0 26px 70px #000b,0 0 35px #268cff20;transform:rotate(1.5deg)}.top-movie-label{display:flex;align-items:center;gap:7px;height:26px;color:#a9c8df;font-size:10px;font-weight:900;letter-spacing:.18em}.top-movie-label span{width:7px;height:7px;border-radius:50%;background:#ff4e56;box-shadow:0 0 8px #ff4e56}.top-movie-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:9/16;border-radius:10px;background:#000;box-shadow:inset 0 0 0 1px #ffffff20}.top-movie-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.top-movie-card>p{margin:11px 0 0;color:#91a9bd;font-size:11px;text-align:center}.top-feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #20364d;background:#081421}.top-feature-strip article{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:28px clamp(18px,3vw,36px);border-right:1px solid #20364d}.top-feature-strip article:last-child{border-right:0}.top-feature-no{color:#3abcec;font:900 12px/1 monospace}.top-feature-strip h2{margin:0 0 7px;font-size:17px}.top-feature-strip p{margin:0;color:#8ea2b6;font-size:12px;line-height:1.7}.top-battle-section{padding:clamp(62px,9vw,110px) clamp(8px,3vw,36px)}.top-section-heading{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);column-gap:50px;align-items:end;margin:0 auto 34px;max-width:1060px}.top-section-heading>p{grid-column:1;margin:0 0 8px;color:#62d9ff;font-size:11px;font-weight:900;letter-spacing:.19em}.top-section-heading h2{grid-column:1;margin:0;font-size:clamp(34px,5vw,57px);line-height:1.12}.top-section-heading>span{grid-column:2;grid-row:1/3;padding-bottom:5px;color:#9bacc0;line-height:1.9}.top-screen-card{max-width:1130px;margin:auto;overflow:hidden;border:1px solid #3e6687;border-radius:14px;background:#081522;box-shadow:0 28px 70px #000a,0 0 38px #168bff18}.top-screen-bar{display:flex;align-items:center;gap:7px;height:37px;padding:0 13px;background:#0b1b2d}.top-screen-bar i{width:8px;height:8px;border-radius:50%;background:#35506a}.top-screen-bar i:first-child{background:#e65454}.top-screen-bar i:nth-child(2){background:#e6b84f}.top-screen-bar i:nth-child(3){background:#54b977}.top-screen-bar b{margin-left:auto;color:#6c849a;font-size:9px;letter-spacing:.15em}.top-screen-card img{display:block;width:100%;height:auto}.top-tactics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1130px;margin:22px auto 0}.top-tactics-grid article{min-height:185px;padding:21px;border:1px solid #203d56;border-radius:10px;background:linear-gradient(145deg,#0d1d2c,#08131f);transition:border-color .2s,transform .2s}.top-tactics-grid article:hover{border-color:#3d8fc0;transform:translateY(-3px)}.top-tactic-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:18px;border:1px solid #2e7398;border-radius:8px;background:#0b2a40;color:#72dcff;font-size:19px;font-weight:900}.top-tactics-grid h3{margin:0 0 9px;font-size:16px}.top-tactics-grid p{margin:0;color:#8ea3b8;font-size:12px;line-height:1.8}.top-adventure-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,8vw,95px);align-items:center;margin:0 clamp(8px,3vw,36px);padding:clamp(58px,8vw,95px) clamp(20px,5vw,70px);border:1px solid #294661;border-radius:20px;background:radial-gradient(circle at 12% 20%,#17456d60,transparent 34%),linear-gradient(135deg,#0d1b2c,#07111c);box-shadow:0 20px 65px #0008}.top-adventure-copy h2{margin:0 0 20px;font-size:clamp(34px,4.5vw,56px);line-height:1.15}.top-adventure-copy>p:last-child{color:#9fb0c2;line-height:1.95}.top-adventure-flow{display:grid;gap:0;margin:0;padding:0;list-style:none}.top-adventure-flow li{position:relative;display:grid;grid-template-columns:48px 1fr;gap:15px;padding:18px 0}.top-adventure-flow li:not(:last-child)::after{content:"";position:absolute;top:54px;bottom:-18px;left:20px;width:1px;background:linear-gradient(#3e8cbd,#203c54)}.top-adventure-flow b{display:grid;place-items:center;width:42px;height:42px;border:1px solid #3b8eba;border-radius:50%;background:#0b2a40;color:#71dcff;font:900 11px/1 monospace}.top-adventure-flow div{display:grid;gap:5px}.top-adventure-flow strong{font-size:16px}.top-adventure-flow span{color:#899fb3;font-size:12px;line-height:1.7}.top-final-cta{margin-top:80px;padding:70px 20px;text-align:center;border-top:1px solid #223d56;background:radial-gradient(circle at 50% 90%,#1469a63d,transparent 45%)}.top-final-cta>p{color:#66d8ff;font-size:10px;font-weight:900;letter-spacing:.2em}.top-final-cta h2{margin:10px 0;font-size:clamp(33px,5vw,58px)}.top-actions-center{justify-content:center}.top-terms-link{display:inline-block;margin-top:22px;color:#8195aa;font-size:12px}.landing .site-footer{background:#050b14;border-top:1px solid #17293a}
@media(max-width:900px){.top-hero{grid-template-columns:1fr;min-height:0;padding-top:55px}.top-hero-copy{text-align:center}.top-lead{margin-left:auto;margin-right:auto}.top-eyebrow,.top-actions,.top-hero-points{justify-content:center}.top-movie-wrap{margin-top:12px}.top-movie-card{width:min(300px,78vw)}.top-feature-strip{grid-template-columns:1fr}.top-feature-strip article{border-right:0;border-bottom:1px solid #20364d}.top-feature-strip article:last-child{border-bottom:0}.top-tactics-grid{grid-template-columns:repeat(2,1fr)}.top-adventure-section{grid-template-columns:1fr}.top-section-heading{grid-template-columns:1fr}.top-section-heading>span{grid-column:1;grid-row:auto;margin-top:17px}.top-section-heading{text-align:center}}
@media(max-width:600px){.landing .page-shell{width:100%;margin-bottom:24px}.cqre-landing{padding-top:0}.top-hero{padding:43px 18px 45px}.top-hero h1{font-size:clamp(39px,12vw,57px)}.top-lead{font-size:14px;line-height:1.85}.top-actions{display:grid;grid-template-columns:1fr 1fr}.top-btn{min-width:0;padding-left:12px;padding-right:12px}.top-hero-points{display:grid;grid-template-columns:repeat(3,1fr)}.top-hero-points li{min-width:0;padding:0 8px}.top-hero-points b{font-size:13px}.top-hero-points span{font-size:9px}.top-movie-card{width:min(280px,83vw)}.top-battle-section{padding-left:12px;padding-right:12px}.top-screen-card{border-radius:8px}.top-tactics-grid{grid-template-columns:1fr 1fr;gap:8px}.top-tactics-grid article{min-height:170px;padding:16px 14px}.top-adventure-section{margin:0 12px;padding:48px 20px}.top-final-cta{margin-top:56px}.top-eyebrow{flex-direction:column;gap:7px}.top-section-heading>span{font-size:13px}.top-feature-strip article{padding:23px 20px}}
@media(prefers-reduced-motion:reduce){.top-btn,.top-tactics-grid article{transition:none}}
.landing{overflow-x:hidden}
.top-profile-section{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr);gap:clamp(34px,7vw,88px);align-items:center;margin:0 clamp(8px,3vw,36px) clamp(62px,9vw,110px);padding:clamp(34px,5vw,64px);overflow:hidden;border:1px solid #2c5874;border-radius:22px;background:radial-gradient(circle at 16% 45%,#28b7e52e,transparent 34%),radial-gradient(circle at 88% 12%,#285fd12b,transparent 31%),linear-gradient(135deg,#0a2032,#07131f);box-shadow:0 24px 70px #0009}.top-profile-visual{position:relative;display:grid;place-items:center}.top-profile-glow{position:absolute;width:86%;height:86%;border-radius:50%;background:linear-gradient(135deg,#4cd9ff55,#4d77ff38);filter:blur(48px)}.top-profile-visual img{position:relative;display:block;width:min(100%,530px);height:auto;border:1px solid #6dc8ed;border-radius:19px;box-shadow:0 24px 55px #000a,0 0 34px #50cfff25}.top-profile-copy h2{margin:0 0 22px;font-size:clamp(35px,4.8vw,60px);line-height:1.12}.top-profile-lead{margin:0;color:#b1c2d4;font-size:15px;line-height:1.95}.top-profile-points{display:grid;gap:10px;margin-top:28px}.top-profile-points article{display:grid;grid-template-columns:82px minmax(130px,.55fr) 1fr;align-items:center;gap:14px;padding:14px 16px;border:1px solid #28506b;border-radius:10px;background:#081725bd}.top-profile-points b{color:#64d9ff;font:900 9px/1 monospace;letter-spacing:.14em}.top-profile-points strong{font-size:14px}.top-profile-points span{color:#849bb0;font-size:11px;line-height:1.6}
@media(max-width:900px){.top-profile-section{grid-template-columns:1fr}.top-profile-copy{text-align:center}.top-profile-copy .top-eyebrow{justify-content:center}}
@media(max-width:600px){.top-profile-section{margin-left:12px;margin-right:12px;padding:24px 16px 34px}.top-profile-points article{grid-template-columns:68px 1fr;text-align:left}.top-profile-points span{grid-column:1/3}}
@media(min-width:901px) and (max-width:1100px){.top-hero{grid-template-columns:minmax(0,1fr) 300px;gap:40px}.top-hero h1{font-size:52px}}
.top-legal-footer{padding:0 16px 24px;text-align:center}.top-legal-footer a{color:#64788d;font-size:11px;font-weight:400;text-decoration:none}.top-legal-footer a:hover{color:#91a5b9;text-decoration:underline}
.landing{overflow-x:hidden}
.top-hero h1{white-space:nowrap}
@media(max-width:600px){.top-hero h1{font-size:clamp(28px,8.5vw,36px)}}
.top-actions-hero,.top-actions-center{align-items:center}.top-login-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:4px 14px;color:#b8cbe0;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.top-login-link:hover{color:#fff}.top-mobile-entry{display:none}
@media(max-width:600px){.top-actions-hero,.top-actions-center{display:flex;flex-direction:column;gap:4px}.top-actions-hero .top-btn-start,.top-actions-center .top-btn-start{width:100%;min-height:66px}.top-btn-start strong{font-size:18px}.top-login-link{min-height:38px;font-size:12px}.cqre-landing{padding-top:0;padding-bottom:0}.top-mobile-entry{position:fixed;z-index:50;top:0;right:0;bottom:auto;left:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px max(12px,env(safe-area-inset-left));border-bottom:1px solid #53789b;background:#071321f2;box-shadow:0 8px 28px #000b;backdrop-filter:blur(9px)}.top-mobile-entry>a:first-child{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;border:1px solid #ffcf64;border-radius:8px;background:linear-gradient(135deg,#df9a22,#bd5715);color:#fff;text-decoration:none;text-shadow:0 1px 3px #592600}.top-mobile-entry small{font-size:9px}.top-mobile-entry strong{font-size:16px}.top-mobile-entry>a:last-child{padding:14px 8px;color:#c4d4e5;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}}
.top-life-collage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.top-life-collage:before{content:"";position:absolute;inset:14% 5%;z-index:-1;border-radius:50%;background:#168bff45;filter:blur(48px)}.top-life-card{position:relative;min-height:220px;overflow:hidden;border:1px solid #4c779c;border-radius:17px;background:#0b1725;box-shadow:0 18px 44px #000a}.top-life-card>img{display:block;width:100%;height:100%;object-fit:cover}.top-life-card>div:last-child{position:absolute;right:0;bottom:0;left:0;display:grid;gap:3px;padding:36px 13px 13px;background:linear-gradient(transparent,#06101ded 46%,#06101d);text-shadow:0 2px 5px #000}.top-life-card small{color:#7fe0ff;font-size:8px;font-weight:900;letter-spacing:.12em}.top-life-card strong{color:#fff;font-size:15px}.top-life-card span{color:#bdcede;font-size:10px}.top-life-wedding{grid-column:1/-1;min-height:235px}.top-life-wedding>img{object-position:center 48%}.top-life-pet,.top-life-profile{min-height:215px}.top-life-profile>img{object-position:center 32%}.top-life-pet .top-life-bg{position:absolute;inset:0;height:100%;object-fit:cover}.top-life-pets{position:absolute!important;z-index:2;right:8px!important;bottom:52px!important;left:8px!important;display:flex!important;align-items:end;justify-content:center;gap:0;padding:0!important;background:none!important}.top-life-pets img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 5px 4px #0008)}
@media(max-width:900px){.top-life-collage{width:min(640px,100%);margin:14px auto 0}.top-life-wedding{min-height:250px}}
@media(max-width:600px){.top-life-collage{gap:8px}.top-life-card{border-radius:12px}.top-life-wedding{min-height:180px}.top-life-pet,.top-life-profile{min-height:190px}.top-life-card>div:last-child{padding:31px 9px 10px}.top-life-card strong{font-size:13px}.top-life-card span{font-size:9px}.top-life-pets img{width:68px;height:68px}}

/* Landing-only nostalgic RPG theme. The game screens themselves keep their original dark UI. */
.landing{background:#f7eed8;color:#443725}.landing .site-header{border-bottom-color:#b99d68;background:#fff8e7f2;box-shadow:0 4px 16px #806b4930}.landing .brand{color:#35643a;text-shadow:0 1px #fff,0 2px 0 #c7a96d}.landing .brand-sub{color:#8a6535;font-size:0}.landing .brand-sub:after{content:"懐かしくて、新しい冒険";font-size:11px;letter-spacing:.12em}.landing .site-footer{border-top-color:#cfb988;background:#efe2c2;color:#755f3e}.cqre-landing{--cyan:#4a9d82;--blue:#568cb2;--gold:#d99b36;--deep:#f7eed8}.cqre-landing:before{top:-40px;height:540px;background:radial-gradient(circle at 76% 24%,#fff9d6aa,transparent 31%),radial-gradient(circle at 20% 8%,#b9e8ffcc,transparent 38%)}
.top-hero{isolation:isolate;border-bottom-color:#bca66e;background:linear-gradient(180deg,#bfeaff 0,#eaf8e5 58%,#f8efcf 100%)}.top-hero:before{content:"";position:absolute;z-index:0;right:0;bottom:0;left:0;height:150px;background:url('../img/map/map1.gif') repeat-x bottom/auto 150px;image-rendering:auto;opacity:.55}.top-hero:after{z-index:2;background:linear-gradient(90deg,transparent,#86aa6f,transparent)}.top-hero-copy,.top-life-collage{z-index:1}.top-eyebrow{color:#715f43}.top-eyebrow span{border-color:#729b68;background:#f7ffe9;color:#416d3b}.top-hero h1{color:#3f5132;text-shadow:0 2px #fff,0 5px 18px #6d744f30}.top-hero h1 em{color:#3b7850;background:none;-webkit-text-fill-color:currentColor}.top-lead{color:#584b38;font-weight:600;text-shadow:0 1px #fff9}.top-login-link{color:#52694a}.top-login-link:hover{color:#2e5131}.top-hero-points li{border-left-color:#8da97e}.top-hero-points b{color:#3b5134}.top-hero-points span{color:#705f48}.top-btn-start{border-color:#bd7f22;background:linear-gradient(135deg,#f1b943,#d68125);box-shadow:0 7px 16px #80632c44,inset 0 1px #fff8}.top-life-collage:before{background:#fff5bf9c}.top-life-card{border-color:#9f8458;background:#fff9e9;box-shadow:0 12px 28px #6d573c42}.top-life-card>div:last-child{background:linear-gradient(transparent,#3f3620e8 48%,#302817f2)}.top-life-card small{color:#ffe08b}.top-life-card span{color:#f4ead1}
.top-feature-strip{border-color:#cbb482;background:#f4e7c9}.top-feature-strip article{border-color:#cfb984}.top-feature-no{color:#6c9662}.top-feature-strip h2{color:#493b28}.top-feature-strip p{color:#75664f}.top-battle-section{background:linear-gradient(#f7eed8,#f0e3c4)}.top-section-heading>p{color:#56804f}.top-section-heading h2{color:#443625}.top-section-heading>span{color:#75654e}.top-tactics-grid article{border-color:#baa579;background:linear-gradient(145deg,#fffdf4,#eee0be);box-shadow:0 7px 18px #745d3b22}.top-tactics-grid article:hover{border-color:#71956a}.top-tactic-icon{border-color:#799a6b;background:#e5f2d7;color:#4c7949}.top-tactics-grid h3{color:#463827}.top-tactics-grid p{color:#74634e}
.top-profile-section{border-color:#bca66f;background:radial-gradient(circle at 16% 45%,#bfe8ff80,transparent 34%),radial-gradient(circle at 88% 12%,#ffe5a080,transparent 31%),linear-gradient(135deg,#f9f1da,#e7f0d4);box-shadow:0 18px 45px #705b3b32}.top-profile-visual img{border-color:#b89559;box-shadow:0 16px 35px #6b543b47}.top-profile-copy h2{color:#443625}.top-profile-lead{color:#6d5c46}.top-profile-points article{border-color:#c3ad7c;background:#fffaf0cf}.top-profile-points b{color:#5d8e57}.top-profile-points strong{color:#453725}.top-profile-points span{color:#74634e}
.top-adventure-section{border-color:#bca66f;background:radial-gradient(circle at 12% 20%,#b9e6ff77,transparent 34%),linear-gradient(135deg,#fff8e5,#e8efd5);box-shadow:0 16px 42px #735d3b2e}.top-adventure-copy h2,.top-adventure-flow strong{color:#443625}.top-adventure-copy>p:last-child,.top-adventure-flow span{color:#74634e}.top-adventure-flow b{border-color:#719865;background:#e2f2d6;color:#487245}.top-adventure-flow li:not(:last-child):after{background:linear-gradient(#83a66f,#c9b884)}.top-final-cta{border-top-color:#c6b07d;background:radial-gradient(circle at 50% 90%,#9fcf8955,transparent 48%)}.top-final-cta>p{color:#5d8755}.top-final-cta h2{color:#443625}.top-legal-footer a{color:#79694f}
@media(max-width:600px){.top-mobile-entry{border-bottom-color:#b69557;background:#fff8eaf2;box-shadow:0 7px 22px #7058314d}.top-mobile-entry>a:first-child{border-color:#b87720;background:linear-gradient(135deg,#efb23c,#d47d24)}.top-mobile-entry>a:last-child{color:#4f6949}.top-hero:before{height:115px;background-size:auto 115px}.top-hero{padding-bottom:62px}}

/* The mobile first view opens on the game world, not a wall of copy. */
.top-mobile-adventure-stage,.top-lead-mobile{display:none}
@media(max-width:600px){
    .top-hero{padding:12px 14px 48px}
    .top-mobile-adventure-stage{position:relative;display:block;width:calc(100% + 28px);height:218px;margin:0 -14px 15px;overflow:hidden;border-bottom:2px solid #9ab36e;background:linear-gradient(180deg,#91dcff 0,#d9f6ed 48%,transparent 72%),url('../img/map/map1.gif') repeat-x bottom/auto 138px;box-shadow:inset 0 -16px 28px #5a8c3d20}
    .top-mobile-adventure-stage:after{content:"";position:absolute;right:0;bottom:0;left:0;z-index:6;height:19px;background:linear-gradient(transparent,#5f943d36);pointer-events:none}
    .top-stage-title{position:absolute;z-index:5;top:12px;left:50%;display:grid;min-width:218px;transform:translateX(-50%);color:#3f6039;text-align:center;text-shadow:0 1px #fff,0 2px 7px #fff}
    .top-stage-title small{font:800 8px/1.2 system-ui,sans-serif;letter-spacing:.28em}
    .top-stage-title strong{font:900 17px/1.2 system-ui,sans-serif;letter-spacing:.035em}
    .top-stage-party{position:absolute;z-index:4;bottom:15px;left:8px;display:flex;align-items:flex-end}
    .top-stage-party img{display:block;width:76px;height:76px;margin:0 -12px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 5px 3px #243d2d75)}
    .top-stage-party img:nth-child(2){width:84px;height:84px;margin-left:-17px}
    .top-stage-monsters{position:absolute;z-index:4;right:-7px;bottom:8px;width:205px;height:166px}
    .top-stage-monsters img{position:absolute;display:block;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 6px 4px #24303e73)}
    .top-stage-boss{right:0;bottom:0;width:190px;height:118px;z-index:2}
    .top-stage-mob{z-index:3;width:65px;height:65px}
    .top-stage-mob-back{right:134px;bottom:63px;width:72px;height:72px}
    .top-stage-mob-front{right:139px;bottom:1px;width:70px;height:70px}
    .top-stage-spark{position:absolute;z-index:5;color:#fff9b0;font-style:normal;text-shadow:0 0 7px #ffcf49,0 1px #6e8a42;animation:top-stage-twinkle 1.8s ease-in-out infinite alternate}
    .top-stage-spark-a{top:63px;left:24px;font-size:19px}
    .top-stage-spark-b{top:45px;right:35px;font-size:15px;animation-delay:.45s}
    .top-stage-spark-c{top:91px;right:48%;font-size:12px;animation-delay:.9s}
    .top-hero-copy{margin-top:0}
    .top-eyebrow{margin-bottom:10px}
    .top-hero h1{font-size:clamp(28px,8.5vw,36px)}
    .top-lead{margin-top:12px;font-size:13px;line-height:1.65}
    .top-lead-desktop{display:none}
    .top-lead-mobile{display:inline}
    .top-actions{margin-top:18px}
    .top-hero-points{margin-top:23px}
}

/* A lightweight, swipeable glimpse of profile ornaments directly after registration. */
.top-hero-copy{min-width:0}
.top-reward-showcase{width:min(100%,660px);max-width:100%;margin:17px 0 0;overflow:hidden}
.top-reward-track{display:flex;gap:12px;overflow-x:auto;padding:3px 2px 9px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.top-reward-track::-webkit-scrollbar{display:none}
.top-reward-card{flex:0 0 calc((100% - 24px)/3);aspect-ratio:1;overflow:hidden;scroll-snap-align:start;border:2px solid #7c96cf;border-radius:7px;background:radial-gradient(circle at 50% 35%,#214b92,#061333 72%);box-shadow:0 0 0 2px #142b65,0 7px 15px #0007}
.top-reward-card img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:600px){
    .top-reward-showcase{width:100%;margin-top:14px}
    .top-reward-track{gap:10px;padding-right:22vw}
    .top-reward-card{flex-basis:70vw;max-width:270px}
}
.landing .brand-sub{display:none}
@keyframes top-stage-twinkle{from{opacity:.35;transform:scale(.82) rotate(-8deg)}to{opacity:1;transform:scale(1.15) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){.top-stage-spark{animation:none}}

/* CQRE classic JRPG presentation. */
.landing{background:#050d26;color:#f7f9ff;background-image:radial-gradient(circle at 15% 8%,#203f7b55,transparent 27%),radial-gradient(circle at 86% 15%,#172f6b66,transparent 31%),linear-gradient(180deg,#06112f,#030817 72%)}
.landing .site-header{border-bottom:2px solid #a7bae9;background:#06112ff5;box-shadow:0 3px 0 #304783,0 8px 22px #0009}
.landing .brand{color:#fff;text-shadow:2px 2px 0 #314d95,0 0 12px #78baff88}
.landing .brand-sub{color:#f5d873}
.landing .brand-sub:after{color:#f5d873;text-shadow:1px 1px #4d3b00}
.landing .site-footer{border-top-color:#4d639b;background:#030817;color:#aab9df}
.cqre-landing{--cyan:#82dcff;--blue:#5d8cff;--gold:#ffe181;--deep:#06112f}
.cqre-landing:before{top:-30px;height:720px;background:radial-gradient(circle at 50% 18%,#2856a05c,transparent 44%),linear-gradient(90deg,transparent,#6687d20d,transparent)}
.top-hero{border-bottom:2px solid #7187bd;background:linear-gradient(180deg,#071b4a 0,#0c2860 57%,#071538 100%)}
.top-hero:before{opacity:.16;filter:saturate(.65) brightness(.65)}
.top-hero:after{background:linear-gradient(90deg,transparent,#d2e1ff,#70aaff,#d2e1ff,transparent)}
.top-hero-copy{padding:clamp(18px,3vw,32px);border:3px solid #d7e4ff;border-radius:7px;background:linear-gradient(145deg,#0c2a68f2,#071945f5);box-shadow:0 0 0 3px #334d91,0 0 0 5px #07122e,0 16px 32px #0008,inset 0 0 24px #4c79ce2b}
.top-eyebrow{color:#b9cdf6;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:.08em}
.top-eyebrow span{border:1px solid #d8e4ff;border-radius:2px;background:#152f70;color:#fff2a8;box-shadow:inset 0 0 0 2px #4968aa}
.top-hero h1{color:#fff;text-shadow:2px 3px 0 #203a82,0 0 16px #5da9ff77}
.top-hero h1 em{color:#8fe8ff;-webkit-text-fill-color:currentColor;text-shadow:2px 3px 0 #174f79,0 0 14px #5edfff66}
.top-lead{color:#d7e3ff;font-weight:600;text-shadow:1px 2px #020817}
.top-login-link{color:#cbd9ff}.top-login-link:hover{color:#fff4a5}
.top-hero-points li{border-left-color:#7189c2}.top-hero-points b{color:#fff}.top-hero-points span{color:#b0c2ea}
.top-btn-start{position:relative;border:3px solid #f2f6ff;border-radius:5px;background:linear-gradient(180deg,#245bc2,#102d78);box-shadow:0 0 0 2px #4168b1,0 7px 0 #061437,0 12px 22px #0008,inset 0 0 13px #69a5ff55;color:#fff;text-shadow:2px 2px #07163c}
.top-btn-start:before{content:"▶";position:absolute;left:15px;color:#ffe485;font-size:16px;text-shadow:1px 1px #5d4800}
.top-btn-start small{color:#c4d8ff}.top-btn-start strong{color:#fff}
.top-classic-video{position:relative;z-index:2;justify-self:center;width:min(100%,370px);overflow:hidden;border:3px solid #d8e5ff;border-radius:7px;background:#030817;box-shadow:0 0 0 3px #354e91,0 16px 34px #000a}
.top-classic-video-bar{display:flex;align-items:center;gap:9px;height:38px;padding:0 13px;border-bottom:2px solid #7189c2;background:linear-gradient(180deg,#153c83,#0b245b);font-family:ui-monospace,"SFMono-Regular",Consolas,monospace}
.top-classic-video-bar span{color:#ffe17b;font-size:12px}.top-classic-video-bar b{color:#f4f7ff;font-size:11px;letter-spacing:.08em}
.top-classic-video-screen{position:relative;width:100%;aspect-ratio:45/56;overflow:hidden;background:#000}
.top-classic-video-screen iframe{position:absolute;top:0;right:0;left:0;width:100%;height:142.857%;border:0}
.top-life-collage{grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin-top:12px}
.top-life-wedding{grid-column:auto;min-height:215px}
.top-life-collage:before{background:#3c70df38}
.top-life-card{border:3px solid #d8e5ff;border-radius:7px;background:#071538;box-shadow:0 0 0 3px #354e91,0 15px 32px #0009}
.top-life-card>div:last-child{background:linear-gradient(transparent,#071538ed 42%,#040b22)}
.top-life-card small{color:#ffe27d}.top-life-card span{color:#d2ddf6}
.top-feature-strip{border-color:#536aa4;background:#081945}
.top-feature-strip article{border-color:#3d548f;background:linear-gradient(180deg,#0d2860,#091a45)}
.top-feature-no{color:#ffe17b}.top-feature-strip h2{color:#fff}.top-feature-strip p{color:#b9c8e8}
.top-battle-section{background:linear-gradient(#050e29,#07163b)}
.top-section-heading>p{color:#ffe17a}.top-section-heading h2{color:#fff}.top-section-heading>span{color:#bdcae7}
.top-screen-card{border:3px solid #d7e4ff;box-shadow:0 0 0 3px #344e91,0 24px 55px #000a}.top-screen-bar{background:#0c2458}
.top-tactics-grid article{border:2px solid #6980b8;background:linear-gradient(145deg,#102d6b,#07183e);box-shadow:inset 0 0 0 1px #a8b9e044,0 8px 20px #0007}
.top-tactics-grid article:hover{border-color:#dce8ff}.top-tactic-icon{border-color:#cbdcff;background:#163e86;color:#ffe27a}.top-tactics-grid h3{color:#fff}.top-tactics-grid p{color:#b7c6e6}
.top-profile-section{border:3px solid #d8e5ff;border-radius:8px;background:radial-gradient(circle at 16% 45%,#2976bc42,transparent 34%),linear-gradient(135deg,#0b2c68,#07163b);box-shadow:0 0 0 3px #354e91,0 20px 48px #0009}
.top-profile-visual img{border-color:#d9e6ff;box-shadow:0 0 0 3px #3d5796,0 16px 35px #000a}.top-profile-copy h2{color:#fff}.top-profile-lead{color:#c3d1ed}
.top-profile-points article{border:2px solid #5873ad;background:#0a2052d9}.top-profile-points b{color:#ffe17c}.top-profile-points strong{color:#fff}.top-profile-points span{color:#b4c4e7}
.top-adventure-section{border:3px solid #d7e4ff;border-radius:8px;background:radial-gradient(circle at 12% 20%,#2b75bc4a,transparent 34%),linear-gradient(135deg,#0c2a67,#07163c);box-shadow:0 0 0 3px #344e91,0 18px 43px #0009}
.top-adventure-copy h2,.top-adventure-flow strong{color:#fff}.top-adventure-copy>p:last-child,.top-adventure-flow span{color:#bccbea}.top-adventure-flow b{border:2px solid #d7e4ff;background:#153b83;color:#ffe17a}.top-adventure-flow li:not(:last-child):after{background:linear-gradient(#8ca9ea,#344e8c)}
.top-final-cta{border-top-color:#6179b5;background:radial-gradient(circle at 50% 80%,#1f5aa85e,transparent 50%)}.top-final-cta>p{color:#ffe17d}.top-final-cta h2{color:#fff}.top-legal-footer a{color:#91a5d0}
.top-mobile-entry{border-bottom:2px solid #d8e5ff;background:#061432f4;box-shadow:0 3px 0 #344d8c,0 8px 24px #000a}
.top-mobile-entry>a:first-child{border:2px solid #f1f5ff;background:linear-gradient(180deg,#265fc6,#102e78);box-shadow:0 0 0 2px #486ab2;color:#fff}
.top-mobile-entry>a:last-child{color:#d3dfff}
@media(max-width:600px){
    .top-hero{padding-top:13px;background:linear-gradient(180deg,#061945,#0b2860 63%,#071538)}
    .top-mobile-adventure-stage{width:calc(100% + 8px);height:218px;margin:0 -4px 17px;border:3px solid #ecf3ff;border-radius:6px;background:linear-gradient(180deg,#91dcff 0,#d9f6ed 48%,transparent 72%),url('../img/map/map1.gif') repeat-x bottom/auto 138px;box-shadow:0 0 0 3px #3d5798,0 9px 19px #0008}
    .top-mobile-adventure-stage:after{border-radius:0 0 3px 3px}
    .top-hero-copy{padding:17px 13px 19px;border-width:2px;box-shadow:0 0 0 2px #3a5598,0 0 0 4px #07122e,0 12px 25px #0008}
    .top-classic-video{width:min(100%,286px);margin-top:8px;border-width:2px;box-shadow:0 0 0 2px #3a5598,0 12px 25px #0008}
    .top-classic-video-bar{height:34px;padding:0 10px}
    .top-life-collage{grid-template-columns:1fr 1fr;margin-top:11px}
    .top-life-wedding{grid-column:1/-1;min-height:180px}
    .top-stage-title{color:#183d72;text-shadow:1px 1px #fff,0 0 8px #fff}
    .top-stage-spark{color:#fff4a0}
    .top-hero-points{padding:13px 7px;border:2px solid #5974ae;border-radius:4px;background:#071945a8}
    .top-btn-start:before{left:12px}
}