/* Reference canvas: 1448 x 1086. Coordinates are visual estimates, not source pixel measurements. */
.wage-reference-page .wage-offer{--u:calc(100vw / 1448);position:relative;box-sizing:border-box;padding:calc(166 * var(--u)) calc(32 * var(--u)) calc(110 * var(--u));background:radial-gradient(ellipse at 22% 55%,#0b2145 0,transparent 65%),#050e2c;color:#fff;font-family:'Noto Sans CJK JP','M PLUS Rounded 1c',sans-serif}
.wage-offer *{box-sizing:border-box}
.wage-offer__panel{position:relative;isolation:isolate;min-height:calc(812 * var(--u));border:3px solid transparent;border-radius:calc(46 * var(--u));background:linear-gradient(125deg,#061830,#080e2c 62%,#151043) padding-box,linear-gradient(125deg,#35e9ff 3%,#61eeff 35%,#7163ed 68%,#f6a0ff 100%) border-box;box-shadow:0 0 5px #b9faff,0 0 20px #27dffc77,inset 0 0 22px #39dcff33;overflow:hidden}
.wage-offer__panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 -8px 15px #be4fff66,inset 9px 0 18px #0bcfff66,inset -5px 0 12px #d679ff77;z-index:4}
.wage-offer__content{position:relative;z-index:2;margin:calc(40 * var(--u)) 0 0 calc(70 * var(--u));width:calc(900 * var(--u))}
.wage-offer__label{display:flex;align-items:center;gap:calc(30 * var(--u));margin:0;height:calc(40 * var(--u));font-size:calc(27 * var(--u));font-weight:900;letter-spacing:.16em;font-style:italic;color:#69f0e3}
.wage-offer__label:after{content:"";height:3px;width:calc(380 * var(--u));background:linear-gradient(90deg,#7df7e7,transparent)}
.wage-offer h1{margin:calc(5 * var(--u)) 0 0;font-size:calc(92 * var(--u));font-weight:900;letter-spacing:.02em;line-height:1.3;white-space:nowrap}
.wage-offer__intro{font-size:calc(28 * var(--u));line-height:1.5;white-space:nowrap;margin:calc(12 * var(--u)) 0 0;letter-spacing:-.04em}
.wage-offer__rate{position:relative;display:flex;align-items:baseline;justify-content:center;gap:0;width:calc(900 * var(--u));height:calc(156 * var(--u));margin:calc(58 * var(--u)) 0 0 calc(-14 * var(--u));padding:0 calc(18 * var(--u));border:3px solid #a8fff0;border-radius:calc(43 * var(--u));background:linear-gradient(110deg,#9effde,#25f0f4);box-shadow:0 0 10px #9ffff1,0 0 28px #2bf5d377;color:#020c29;font-size:calc(71 * var(--u));font-weight:900;font-style:italic;line-height:1.4;white-space:nowrap;transform:skewX(-10deg)}
.wage-offer__rate>span,.wage-offer__rate>strong{transform:skewX(10deg)}
.wage-offer__rate>span:first-child{font-size:calc(75 * var(--u));letter-spacing:-.09em}
.wage-offer__rate>span:last-child{font-size:calc(66 * var(--u));letter-spacing:-.055em}
.wage-offer__rate strong{position:relative;font-size:calc(166 * var(--u));line-height:1.05;letter-spacing:-.075em;margin-top:calc(-16 * var(--u));font-family:Arial,'Noto Sans CJK JP',sans-serif;text-shadow:0 -8px 0 #91ffdc;font-weight:900}
.wage-offer__rate strong span{font-size:calc(69 * var(--u));letter-spacing:-.04em;text-shadow:none}
.wage-offer__benefits{display:grid;grid-template-columns:calc(418 * var(--u)) calc(438 * var(--u));gap:calc(32 * var(--u));list-style:none;padding:0;margin:calc(44 * var(--u)) 0 0 calc(-20 * var(--u))}
.wage-offer__benefits li{display:flex;align-items:center;justify-content:center;gap:calc(25 * var(--u));height:calc(116 * var(--u));padding:calc(12 * var(--u));border:4px solid #40efdf;border-radius:calc(30 * var(--u));background:linear-gradient(140deg,#02304b80,#061b31);box-shadow:inset 0 0 16px #3debd633,0 0 13px #39e7e74d;font-size:calc(36 * var(--u));font-weight:900;line-height:1.14;letter-spacing:-.04em;white-space:nowrap}
.wage-offer__benefits svg{width:calc(65 * var(--u));height:calc(70 * var(--u));flex-shrink:0;color:#3ff4df;stroke-width:4}
.wage-offer__note{position:relative;margin:calc(40 * var(--u)) 0 0;font-size:calc(28 * var(--u));font-weight:700;line-height:1.6;text-align:center;white-space:nowrap;letter-spacing:-.015em}
.wage-offer__note:before,.wage-offer__note:after{content:"";position:absolute;top:50%;height:1px;width:calc(85 * var(--u));background:#cbd9ed}.wage-offer__note:before{left:calc(-20 * var(--u))}.wage-offer__note:after{right:calc(-15 * var(--u))}
.wage-offer__terms{text-align:center;font-size:calc(24 * var(--u));margin:calc(12 * var(--u)) 0 0;line-height:1.5}
.wage-offer__character{position:absolute;right:0;bottom:0;width:calc(420 * var(--u));height:calc(690 * var(--u));z-index:3;pointer-events:none}
.wage-offer__decor{position:absolute;inset:0;z-index:0;pointer-events:none}.wage-offer__game{position:absolute;left:67%;top:7%;width:calc(120 * var(--u));height:calc(100 * var(--u));color:#e1abff;filter:drop-shadow(0 0 5px #ae63ff) drop-shadow(0 0 10px #9e62fa);transform:rotate(-19deg)}
.wage-offer__play{position:absolute;right:2%;top:8%;width:calc(76 * var(--u));height:calc(86 * var(--u));color:#efccff;filter:drop-shadow(0 0 5px #d764ff)}
.wage-offer__ribbons{position:absolute;inset:0;width:100%;height:100%}.wage-offer__pixels{position:absolute;left:63%;top:16%;width:15px;height:15px;background:#134bdc99;box-shadow:15px -15px #1746a999,-15px 15px #1746a999,260px -92px #6261f477,220px -56px #13c6eb66;transform:rotate(1deg)}.wage-offer__spark{position:absolute;left:65%;top:31%;font-size:calc(68 * var(--u));color:#54f4da;transform:rotate(12deg)}
.wage-offer__more{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#a6fff2;font-size:14px;text-underline-offset:5px}.wage-offer__more:focus-visible{outline:2px solid white;outline-offset:4px}
/* Preserve the existing contact destination without letting its fixed panel cover page content. */
.wage-reference-page .fixed-contact{position:relative!important;inset:auto!important;transform:none!important;margin:60px auto 20px;max-width:calc(100% - 32px);width:400px}
.wage-reference-page .fixed-contact .contact-peek-characters{display:none}
@media(max-width:900px){
 .wage-reference-page .wage-offer{--u:1px;padding:calc(var(--header-height,70px) + 30px) 16px 80px}.wage-offer__panel{min-height:0;border-radius:30px;padding:28px 22px 40px}.wage-offer__content{margin:0;width:100%}.wage-offer__label{height:auto;font-size:17px;gap:20px}.wage-offer__label:after{width:100%;max-width:180px;height:2px}.wage-offer h1{font-size:clamp(32px,7vw,62px);margin-top:14px}.wage-offer__intro{white-space:normal;font-size:16px;line-height:1.9;letter-spacing:0;margin-top:18px}.wage-offer__rate{width:100%;height:auto;min-height:116px;margin:38px 0 0;padding:14px 8px;border-radius:28px;transform:skewX(-4deg);font-size:20px;align-items:center}.wage-offer__rate>span,.wage-offer__rate>strong{transform:skewX(4deg)}.wage-offer__rate>span:first-child{font-size:clamp(20px,4.4vw,38px)}.wage-offer__rate>span:last-child{font-size:clamp(17px,3.8vw,32px)}.wage-offer__rate strong{font-size:clamp(70px,16vw,125px);margin-top:-5px;text-shadow:0 -4px 0 #91ffdc}.wage-offer__rate strong span{font-size:clamp(22px,5vw,42px)}.wage-offer__benefits{grid-template-columns:1fr;gap:18px;margin:30px 0 0}.wage-offer__benefits li{height:auto;min-height:96px;font-size:clamp(21px,4.7vw,32px);gap:20px;padding:16px;border-radius:24px;white-space:normal}.wage-offer__benefits svg{width:48px;height:54px}.wage-offer__benefit-break{display:none}.wage-offer__note{white-space:normal;font-size:17px;line-height:1.9;margin:30px 0 0;letter-spacing:0}.wage-offer__note:before,.wage-offer__note:after{display:none}.wage-offer__terms{font-size:15px;margin-top:16px}.wage-offer__character{display:none}.wage-offer__game{left:auto;right:5%;top:auto;bottom:2%;opacity:.18;width:90px;height:70px}.wage-offer__play{top:2%;right:2%;opacity:.14;width:60px;height:60px}.wage-offer__pixels,.wage-offer__spark{display:none}.wage-offer__ribbons{opacity:.4}
}
@media(prefers-reduced-motion:reduce){.wage-offer *{animation:none!important;transition:none!important}}
/* Second coordinate pass: heading width and vertical positions against the reference. */
@media(min-width:901px){.wage-offer h1{font-size:calc(100 * var(--u));line-height:1.2}.wage-offer__intro{transform:translateY(calc(-10 * var(--u)))}.wage-offer__rate{margin-top:calc(46 * var(--u));justify-content:flex-start;padding-inline:calc(28 * var(--u))}.wage-offer__rate strong{font-size:calc(180 * var(--u));margin-top:calc(-24 * var(--u))}.wage-offer__note{font-size:calc(27 * var(--u))}}
@media(max-width:900px){.wage-offer__label{white-space:nowrap}.wage-offer__label:after{min-width:0;flex:1}.wage-offer__benefits li>span{text-wrap:balance}.wage-offer__rate{gap:0}.wage-offer__rate>span:last-child{letter-spacing:-.09em}}
@media(max-width:360px){.wage-offer__rate>span:first-child{font-size:18px}.wage-offer__rate>span:last-child{font-size:16px}.wage-offer__rate strong{font-size:64px}.wage-offer__rate strong span{font-size:20px}}
/* Supplied official transparent PNG, copied byte-for-byte. Ribbons cover its lower edge. */
.wage-offer__character{display:block;top:calc(110 * var(--u));right:calc(-90 * var(--u));bottom:auto;width:calc(660 * var(--u));height:auto;z-index:1;pointer-events:none}
.wage-offer__character img{display:block;width:100%;height:auto;max-width:none}
.wage-offer__panel>.wage-offer__ribbons{z-index:3;pointer-events:none}
@media(max-width:900px){.wage-offer__character{position:relative;top:auto;right:auto;bottom:auto;width:calc(100% + 72px);max-width:620px;margin:22px -36px -40px auto;z-index:1}.wage-offer__panel>.wage-offer__ribbons{height:260px;top:auto;bottom:0}.wage-offer__content{z-index:2}.wage-offer__decor .wage-offer__game{bottom:17%}}
/* Smartphone only: 70% of the previous image width, centered below the terms. */
@media(max-width:600px){
 .wage-offer__character{width:calc(70% + 50.4px);max-width:434px;margin:28px auto -40px}
 .wage-offer__panel>.wage-offer__ribbons{height:182px}
}