@import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#173e49;--ink:#183c45;--teal:#167d79;--mint:#dceee3;--orange:#ff9455;--cream:#fff9eb;--sky:#53cbd4;--line:#b7c9bf;--paper:#f6f5ed;--pixel:'DotGothic16',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ef6d24;outline-offset:5px}img{max-width:100%;display:block}button:disabled{cursor:default}.mono{font-family:var(--pixel);letter-spacing:.08em}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.header{height:88px;display:flex;align-items:center;padding:0 3%;gap:30px;background:var(--cream);position:sticky;top:0;z-index:30;border-bottom:2px solid var(--navy)}.logo{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:900;white-space:nowrap;letter-spacing:.02em}.logo small{display:block;font:8px/1.5 var(--pixel);letter-spacing:.15em;margin-top:2px}.logo-mark{font-family:var(--pixel);display:grid;place-items:center;width:43px;height:43px;background:var(--navy);color:var(--cream);font-size:34px;line-height:1;position:relative;clip-path:polygon(0 0,85% 0,85% 15%,100% 15%,100% 100%,0 100%)}.logo-mark>span{position:absolute;right:2px;top:3px;color:var(--orange);font-size:20px}.desktop-nav{display:flex;margin-left:auto;gap:25px;font-size:11px;font-weight:700}.desktop-nav a{position:relative;padding:12px 0}.desktop-nav a::after{content:'';position:absolute;bottom:4px;left:0;height:3px;width:0;background:var(--orange);transition:width .2s}.desktop-nav a:hover::after{width:100%}.header-actions{display:flex;align-items:center;gap:20px}.sample-badge{font-size:9px;border:1px solid #bac7bc;padding:4px 9px;color:#688078;white-space:nowrap}.pixel-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:59px;padding:16px 24px;border:2px solid var(--navy);box-shadow:4px 4px 0 var(--navy);font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s;position:relative}.pixel-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--navy)}.pixel-button:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--navy)}.pixel-button span{font-size:18px}.pixel-button.small{min-height:42px;padding:8px 18px;font-size:11px;gap:20px;box-shadow:3px 3px 0 var(--navy)}.orange{background:var(--orange);color:var(--navy)}.navy{background:var(--navy);color:var(--cream);box-shadow:4px 4px 0 #ff9e63}.navy:hover{box-shadow:2px 2px 0 #ff9e63}.cream{background:var(--cream);color:var(--navy)}.menu-button{width:38px;height:44px;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-button>span{display:block;width:25px;height:3px;background:var(--navy);transition:transform .2s}.menu-button small{font:8px var(--pixel);margin-top:1px}.menu-button[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded=true]>span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}.menu-panel{position:fixed;top:88px;right:0;z-index:29;width:min(480px,100%);padding:35px 40px 40px;background:var(--cream);border:2px solid var(--navy);border-top:0;box-shadow:-10px 12px 0 #173e4933;max-height:calc(100svh - 88px);overflow:auto}.menu-panel>p{font-size:11px;color:var(--teal)}.menu-panel nav{display:flex;flex-direction:column;margin:20px 0 30px}.menu-panel nav a{padding:17px 0;border-bottom:1px solid #c8d1c5;font-size:18px;font-weight:700}.menu-panel nav span{font:12px var(--pixel);color:var(--teal);margin-right:15px}.menu-panel .pixel-button{width:100%}.hero{height:830px;max-height:1000px;min-height:730px;position:relative;background:var(--sky);overflow:hidden;border-bottom:6px solid var(--navy)}.world-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center bottom;image-rendering:pixelated}.sky-tint{position:absolute;inset:0;background:linear-gradient(180deg,#4dcbd733 0%,transparent 60%);pointer-events:none}.hero-ui{position:absolute;top:30px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700}.status-dot{display:inline-block;height:7px;width:7px;background:var(--teal);box-shadow:2px 2px 0 #173e4933;margin-right:9px}.hero-lives{color:var(--orange);text-shadow:2px 2px 0 var(--navy);font-size:24px;letter-spacing:8px}.hero-copy{position:absolute;top:110px;left:8%;z-index:2}.hero-kicker{font-size:12px;letter-spacing:.1em;font-weight:700;display:flex;align-items:center;gap:12px;margin:0 0 23px}.hero-kicker>span{font:11px var(--pixel);background:var(--cream);border:2px solid var(--navy);padding:5px 10px;box-shadow:3px 3px 0 var(--navy)}h1{font-family:var(--pixel);font-size:clamp(45px,5.4vw,79px);font-weight:400;line-height:1.36;letter-spacing:.015em;margin:0 0 22px;color:var(--cream);text-shadow:4px 0 var(--navy),-3px 0 var(--navy),0 4px var(--navy),0 -3px var(--navy),5px 7px var(--navy)}h1>span{color:#fff0b8}.hero-sub{font-size:14px;line-height:2;font-weight:700;margin:0;letter-spacing:.05em}.hero-buttons{display:flex;align-items:center;gap:26px;margin-top:26px}.hero-quiz{background:none;border-bottom:1px solid var(--navy);padding:10px 0;font-size:11px;font-weight:800}.hero-quiz span{margin-left:20px}.hero-guide{position:absolute;right:6%;bottom:32px;display:flex;align-items:center;gap:10px;z-index:3}.hero-guide img{width:140px;height:170px;object-fit:contain;image-rendering:pixelated;animation:float 3s steps(3,end) infinite;filter:drop-shadow(4px 7px 0 #173e4929)}.speech{background:var(--cream);border:3px solid var(--navy);box-shadow:4px 4px 0 var(--navy);padding:15px 20px;position:relative}.speech:before{content:'';position:absolute;left:-10px;top:45%;height:13px;width:13px;background:var(--cream);border-left:3px solid var(--navy);border-bottom:3px solid var(--navy);transform:rotate(45deg)}.speech small{font:9px var(--pixel);color:var(--teal)}.speech p{font-size:11px;line-height:1.9;font-weight:700;margin:8px 0 0}.scroll-cue{position:absolute;left:5%;bottom:40px;color:var(--cream);font-size:10px;display:flex;align-items:center;gap:20px;text-shadow:1px 1px var(--navy);z-index:4}.scroll-cue span{font-size:24px;animation:float 1.5s steps(2,end) infinite}.hero-coordinate{position:absolute;top:140px;right:28px;writing-mode:vertical-rl;font-size:9px;line-height:1.9;opacity:.7}.status-bar{background:var(--navy);color:var(--cream);display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 7%;font-size:10px}.status-bar p{margin:0;font-weight:600;letter-spacing:.05em}.status-bar .status-dot{background:#b9e7a5}.status-bar>span{font-size:9px;color:#bbd0c6}.status-bar>a{font-weight:700;border-bottom:1px solid #a5bbb3;padding-bottom:3px}.section{padding:100px 8%}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px;gap:20px}.stage-label{display:flex;align-items:center;gap:14px;font:12px var(--pixel);letter-spacing:.09em;margin:0}.stage-label>span{display:inline-grid;place-items:center;width:33px;height:33px;border:2px solid var(--navy);background:var(--orange);box-shadow:3px 3px 0 var(--navy);font-size:14px;flex-shrink:0}.section-note{font-size:10px;color:#6e8579}.intro-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:center}h2{font-size:39px;line-height:1.6;font-weight:800;letter-spacing:.035em;margin:0}h2>span{color:var(--teal)}.intro-en{font-size:13px;line-height:1.6;color:#8da597;margin-top:25px}.pixel-frame{border:3px solid var(--navy);box-shadow:7px 7px 0 var(--navy);position:relative}.pixel-frame:before,.pixel-frame:after{content:'';position:absolute;width:7px;height:7px;background:var(--cream);z-index:2}.pixel-frame:before{left:-3px;top:-3px}.pixel-frame:after{right:-3px;bottom:-3px}.dialogue{padding:36px 42px;background:white}.dialogue-name{position:absolute;top:-13px;left:25px;background:var(--navy);color:var(--cream);font-size:11px;padding:5px 14px}.dialogue p{font-size:13px;line-height:2.3;margin:8px 0 21px}.dialogue p:last-of-type{margin-bottom:0;font-weight:700}.dialogue-next{position:absolute;bottom:15px;right:20px;font-size:12px;color:var(--teal);animation:blink 1.4s steps(2,end) infinite}.mission-strip{margin-top:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:40px;padding:24px 0}.mission-strip>span:first-child{font-size:10px;color:var(--teal)}.mission-strip strong{font-size:20px;letter-spacing:.06em}.pixel-star{margin-left:auto;color:var(--orange);font-size:35px;text-shadow:2px 2px 0 var(--navy)}.quest-section{background:#dfebe1;position:relative}.quest-section:before,.growth-section:before{content:'';position:absolute;left:0;top:-10px;right:0;height:10px;background:linear-gradient(90deg,#dfebe1 50%,transparent 50%);background-size:20px 10px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.overline{font-size:11px;color:var(--teal);font-weight:700;margin:0 0 12px}.section-heading>p{font-size:12px;line-height:2.1;margin:0 0 6px}.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.job-card{padding:0;text-align:left;background:var(--cream);border:2px solid var(--navy);box-shadow:5px 5px 0 #b7ccbb;transition:transform .18s,box-shadow .18s}.job-card:hover{transform:translateY(-7px);box-shadow:5px 12px 0 #b7ccbb}.job-visual{height:210px;position:relative;overflow:hidden;display:grid;place-items:center;border-bottom:2px solid var(--navy);background-color:#b6d3bb;background-image:linear-gradient(#173e4909 1px,transparent 1px),linear-gradient(90deg,#173e4909 1px,transparent 1px);background-size:20px 20px}.job-visual.engineer{background-color:#568f8c}.job-visual.support{background-color:#f2bf81}.job-no{position:absolute;top:16px;left:18px;font-size:10px}.engineer .job-no{color:white}.job-visual svg{width:75%;height:150px;filter:drop-shadow(5px 5px 0 #173e491f);shape-rendering:crispEdges;margin-top:12px}.dark,.pixel-shadow{fill:var(--navy)}.paper{fill:var(--cream)}.orange-fill{fill:var(--orange)}.mint-fill{fill:#b8e0b9}.lines{stroke:var(--navy);stroke-width:6;fill:none}.role-tag{position:absolute;right:10px;bottom:9px;background:var(--navy);color:var(--cream);font:8px var(--pixel);padding:4px 8px;letter-spacing:.08em}.job-body{padding:28px 26px}.job-en{font-size:8px;color:var(--teal);margin:0 0 15px;letter-spacing:.025em}.job-body h3{font-size:23px;line-height:1.6;margin:0 0 15px}.job-body>p:not(.job-en){font-size:11px;margin-bottom:26px}.job-bottom{border-top:1px dashed #a5baad;padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700}.job-bottom b{font-size:22px;font-weight:400}.match-section{background:var(--navy);color:var(--cream);display:grid;grid-template-columns:1.3fr 1fr;gap:12%;position:relative;overflow:hidden;align-items:center}.match-decoration{position:absolute;font-family:var(--pixel);font-size:450px;color:#ffffff05;right:30%;top:-100px;line-height:1}.match-copy,.match-card{position:relative}.match-copy .stage-label>span{color:var(--navy);border-color:var(--cream);box-shadow:3px 3px 0 var(--cream)}.match-copy h2{font-size:31px;margin:30px 0 20px}.match-copy>p:not(.stage-label){font-size:12px;line-height:2.1;color:#d4e1d6}.match-copy .pixel-button{margin-top:20px;border-color:var(--cream);box-shadow:4px 4px 0 var(--cream);font-size:12px}.match-copy small{display:block;font-size:9px;color:#b3c7bd;line-height:1.8;margin-top:23px}.match-card{background:#f6f3df;color:var(--navy);border-color:var(--cream);box-shadow:7px 7px 0 #0f2e36;padding:25px;max-width:330px;transform:rotate(3deg)}.match-card-head{display:flex;justify-content:space-between;font-size:10px;border-bottom:1px dashed #9eb5a6;padding-bottom:13px}.match-card img{height:205px;width:100%;object-fit:contain;margin:10px 0;image-rendering:pixelated;animation:float 3s steps(3,end) infinite}.match-card-caption{display:block;text-align:center;font-size:11px;font-weight:700}.xp{display:flex;align-items:center;gap:12px;margin-top:20px;font:8px var(--pixel)}.xp>div{height:10px;background:#cad7c5;border:2px solid var(--navy);flex:1}.xp i{display:block;background:var(--orange);height:100%;width:35%;animation:grow 6s steps(8,end) infinite}.xp>b{font-size:17px}.day-section{background:var(--cream)}.day-tabs{display:flex;gap:4px;padding-bottom:8px}.day-tabs button{background:#e5ebdf;padding:12px 16px;font-size:10px;border:1px solid transparent}.day-tabs button[aria-selected=true]{background:var(--navy);color:var(--cream);border-color:var(--navy)}.day-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:2px solid var(--navy);box-shadow:5px 5px 0 #d7ded0;background:white;min-height:245px}.day-step{padding:30px 24px;position:relative}.day-step:not(:last-child){border-right:1px dashed #b6c6b7}.day-step:not(:last-child):after{content:'▶';position:absolute;right:-8px;top:38px;font-size:13px;color:var(--teal);background:white;padding:3px 0;z-index:1}.day-time{font:23px var(--pixel);color:var(--teal);display:block;margin-bottom:22px}.day-step h3{font-size:15px;margin:0 0 13px}.day-step p{font-size:11px;line-height:1.9;margin:0;color:#60776e}.sample-note{font-size:9px;line-height:1.9;color:#7b897c;margin-top:22px}.growth-section{background:#e9efdf;position:relative}.growth-section:before{background-image:linear-gradient(90deg,#e9efdf 50%,transparent 50%)}.growth-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.growth-head>p{font-size:12px;line-height:2.1;max-width:400px}.growth-map{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative;padding:30px 0}.growth-map:before{content:'';position:absolute;left:15%;right:15%;top:110px;border-top:4px dashed #afc2a3}.growth-node{position:relative;text-align:center}.level{display:block;color:var(--teal);font-size:12px;margin-bottom:15px}.node-icon{display:grid;place-items:center;width:75px;height:75px;background:var(--cream);border:3px solid var(--navy);box-shadow:4px 4px 0 var(--navy);font-size:37px;margin:0 auto 27px;position:relative}.growth-node:nth-child(2) .node-icon{background:#c6dfbc}.growth-node:nth-child(3) .node-icon{background:var(--orange)}.node-time{font-size:10px;color:#6a806b;margin:0 0 10px}.growth-node h3{font-size:20px;margin:0 0 15px}.growth-node>p:last-child{font-size:11px;line-height:1.9;margin:0}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b9c9ac;margin-top:35px}.care-grid>div{padding:30px 20px 10px 0}.care-grid>div+div{padding-left:25px}.care-grid span{font:9px var(--pixel);color:var(--teal)}.care-grid h3{font-size:14px;margin:12px 0}.care-grid p{font-size:11px;line-height:1.9;color:#71816a;margin:0}.recruit-section{background:#f8f2df}.recruit-box{background:var(--cream);padding:35px 45px}.recruit-tabs{display:flex;border-bottom:2px solid var(--navy);margin-bottom:25px}.recruit-tabs button{flex:1;padding:17px;background:#eae9d9;font-size:14px;font-weight:700;position:relative}.recruit-tabs button[aria-selected=true]{background:var(--navy);color:var(--cream)}.recruit-tabs button[aria-selected=true]:after{content:'▼';position:absolute;bottom:-13px;left:50%;color:var(--navy);font-size:18px}.model-banner{font:9px var(--pixel);color:var(--teal);padding:15px 0;display:flex;align-items:center;gap:15px}.model-banner span{font:10px 'Noto Sans JP',sans-serif;color:#7d806c}dl.conditions{margin:0}.conditions>div{display:grid;grid-template-columns:130px 1fr;gap:25px;border-bottom:1px solid #d1d7c8;padding:19px 0}.conditions dt{font-size:11px;font-weight:700;padding-top:2px}.conditions dd{font-size:12px;line-height:1.9;margin:0}.conditions dd small{display:block;font-size:9px;color:#7d8876;margin-top:3px}.recruit-actions{display:flex;align-items:center;gap:30px;margin-top:28px}.recruit-actions>span{font-size:10px;color:#748471}.recruit-actions .pixel-button{font-size:11px}.faq-section{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;background:var(--cream)}.faq-section h2{font-size:33px;margin:30px 0 20px}.faq-section>div>p:not(.stage-label){font-size:11px;color:#6e8172}.faq-section img{height:145px;width:145px;object-fit:contain;image-rendering:pixelated;margin-top:35px;transform:rotate(-6deg)}.faq-list{padding-top:20px}details{border-bottom:1px solid #bacbbb;padding:24px 0}summary{display:flex;align-items:start;gap:18px;font-size:12px;font-weight:700;cursor:pointer;list-style:none;line-height:1.8}summary::-webkit-details-marker{display:none}summary>span{font:18px var(--pixel);color:var(--teal);line-height:1.3}summary::after{content:'＋';margin-left:auto;flex-shrink:0;font:20px var(--pixel)}details[open] summary::after{content:'−'}details p{font-size:11px;line-height:2.1;margin:18px 0 0 38px;color:#62786d}.entry-section{background:#b6dcca;text-align:center;position:relative;overflow:hidden;padding-bottom:125px}.entry-section>.mono{font-size:11px;letter-spacing:.15em;position:relative;z-index:1}.entry-section h2{font-family:var(--pixel);font-weight:400;font-size:55px;line-height:1.5;margin:27px 0;color:var(--navy)}.entry-section h2 span{color:var(--navy)}.entry-section>p:not(.mono){font-size:13px;line-height:2.1}.entry-buttons{display:flex;justify-content:center;gap:25px;margin-top:30px}.entry-buttons .pixel-button{min-width:265px}.entry-section>small{display:block;font-size:9px;color:#56766b;margin-top:25px}.entry-ground{position:absolute;bottom:0;left:0;right:0;height:35px;background:repeating-linear-gradient(90deg,#467e69 0 15px,#5b9276 15px 30px);border-top:8px solid #77a77a}.entry-spark{position:absolute;font-family:var(--pixel);color:#e7f3cb;text-shadow:3px 3px 0 #173e4933;font-size:80px;animation:float 3s steps(2,end) infinite}.spark1{left:12%;top:38%}.spark2{right:13%;top:25%;font-size:50px;animation-delay:1s}footer{background:var(--navy);color:var(--cream);padding:50px 7% 30px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-main .logo-mark{background:var(--cream);color:var(--navy)}.footer-links{display:flex;gap:25px;align-items:center;font-size:10px}.footer-links button{background:none;color:var(--cream);font-size:10px;border-bottom:1px solid #8fae9d;padding:5px 0}.footer-bottom{margin-top:35px;padding-top:23px;border-top:1px solid #ffffff24;display:flex;justify-content:space-between;align-items:end;gap:30px}.footer-bottom p{font-size:9px;line-height:1.9;color:#a6c1b3;margin:0}.footer-bottom>.mono{font-size:8px;color:#a6c1b3}.mobile-only,.mobile-cta{display:none}dialog{padding:0;border:3px solid var(--navy);box-shadow:8px 8px 0 var(--orange);background:var(--cream);color:var(--ink);width:min(690px,calc(100vw - 45px));max-height:88svh;overflow:auto}dialog::backdrop{background:#0b2930d9;backdrop-filter:blur(4px)}#dialog-content{padding:45px}.dialog-close{position:sticky;float:right;top:10px;right:10px;margin:8px 10px -40px 0;z-index:3;width:34px;height:34px;background:var(--cream);border:2px solid var(--navy);font-size:24px;line-height:1}.dialog-overline{font:10px var(--pixel);color:var(--teal);margin:0 0 20px}.dialog h2,dialog h2{font-size:27px;line-height:1.6;margin:0 0 20px}.dialog-copy{font-size:12px;line-height:2.1;color:#5e786e}.dialog-info{font-size:11px;line-height:1.9;padding:15px 18px;border-left:3px solid var(--orange);background:#e9edde;margin:20px 0}.dialog h3,dialog h3{font-size:15px;margin:25px 0 14px}.dialog ul{padding-left:20px;font-size:12px;line-height:2.2}.dialog-footer{display:flex;gap:15px;margin-top:28px;flex-wrap:wrap}.dialog-footer .pixel-button{font-size:11px;min-height:48px;padding:12px 17px}.quiz-progress{display:flex;gap:6px;margin-bottom:25px}.quiz-progress i{height:6px;background:#d4dfce;flex:1}.quiz-progress i.on{background:var(--teal)}.quiz-choices{display:flex;flex-direction:column;gap:12px}.quiz-choice{background:white;border:2px solid var(--navy);padding:18px;text-align:left;font-size:12px;display:flex;align-items:center;gap:15px}.quiz-choice>span{font:18px var(--pixel);color:var(--teal)}.quiz-choice:hover{background:#e4eedc;box-shadow:3px 3px 0 #afc8b4}.quiz-back{background:none;border-bottom:1px solid #8ba493;font-size:10px;padding:5px 0;margin-top:22px}.quiz-result{background:#ddebd9;border:2px solid var(--navy);padding:25px;margin:22px 0}.quiz-result>p{font-size:10px;color:var(--teal);margin:0 0 10px}.quiz-result h3{font-size:25px;margin:0 0 15px}.quiz-result>div{font-size:12px;line-height:2}.form-label{display:block;margin:20px 0;font-size:12px;font-weight:700}.form-label small{color:#738271;font-weight:400;font-size:10px;margin-left:8px}.form-label select{display:block;width:100%;padding:13px 12px;margin-top:10px;border:1px solid #9fb5a5;color:var(--navy);background:white;border-radius:0;font-size:12px}.form-hint{font-size:10px;line-height:1.9;color:#738271}.demo-confirm{padding:22px;border:2px solid var(--navy);background:#e1ecd7}.demo-confirm>p{font-size:12px;line-height:2;margin:0}.success-badge{font:11px var(--pixel);color:var(--teal);display:block;margin-bottom:15px}.proposal-points{display:grid;gap:15px;margin:25px 0}.proposal-points>div{padding:18px;border:1px solid #bdcdb9;background:white}.proposal-points h3{font-size:14px;margin:0 0 10px}.proposal-points p{font-size:11px;line-height:2;margin:0;color:#69806e}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.reveal.in{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.15}}@keyframes grow{0%,100%{width:30%}60%{width:85%}}
@media(min-width:1600px){.hero{height:950px}.hero-copy{left:calc((100% - 1340px)/2);top:140px}.section{padding-left:max(8%,calc((100% - 1300px)/2));padding-right:max(8%,calc((100% - 1300px)/2))}}@media(max-width:1200px){.desktop-nav{gap:17px;font-size:10px}.header{gap:18px}.header-actions{gap:12px}.sample-badge{display:none}.hero{height:780px;min-height:730px}.hero-copy{left:6%}.hero-guide{right:4%}.section{padding-left:6%;padding-right:6%}.job-body{padding:25px 20px}.job-body h3{font-size:21px}.match-section{gap:9%}.section-heading>p{font-size:11px}.day-tabs button{padding:12px 11px}.growth-head>p{font-size:11px}.footer-links{gap:17px}}
@media(max-width:900px){.desktop-nav{display:none}.header-actions{margin-left:auto;gap:20px}.section-heading{align-items:start}.day-section .section-heading{display:block}.day-tabs{margin-top:25px}.intro-grid{gap:5%}.dialogue{padding:32px 25px}.dialogue p{font-size:12px}h2{font-size:33px}.job-body h3{font-size:18px}.job-en{font-size:7px}.job-visual{height:175px}.job-body{padding:25px 16px}.match-section{gap:7%}.match-copy h2{font-size:26px}.match-copy .pixel-button{font-size:11px}.day-step{padding:26px 17px}.day-step h3{font-size:13px}.growth-node h3{font-size:17px}.care-grid h3{font-size:12px}.faq-section{gap:40px}.recruit-box{padding:30px}.footer-main{display:block}.footer-links{margin-top:30px}}
@media(max-width:600px){html{scroll-padding-top:86px}body{padding-bottom:60px}.header{height:73px;padding:0 5%;gap:10px}.logo{font-size:18px;gap:8px}.logo small{font-size:6px}.logo-mark{width:34px;height:35px;font-size:28px}.logo-mark>span{font-size:16px}.header-actions{gap:11px}.header .pixel-button.small{min-height:35px;padding:6px 10px;font-size:9px;gap:9px;box-shadow:2px 2px 0 var(--navy)}.header .pixel-button span{font-size:12px}.menu-button{width:27px;height:40px}.menu-button>span{width:23px;height:2px}.menu-button small{font-size:7px}.menu-panel{top:73px;padding:25px 7% 35px;max-height:calc(100svh - 73px)}.menu-panel nav a{font-size:17px}.hero{height:790px;min-height:750px;max-height:none}.world-image{width:100%;height:100%;object-fit:cover;object-position:53% bottom}.sky-tint{background:linear-gradient(180deg,#60d1d7dd 0%,#60d1d7b0 39%,transparent 65%)}.hero-ui{top:20px;left:6%;right:5%;font-size:8px}.hero-ui .status-dot{width:5px;height:5px;margin-right:5px}.hero-lives{font-size:16px;letter-spacing:3px}.hero-copy{left:6%;right:5%;top:85px}.hero-kicker{font-size:9px;letter-spacing:0;gap:9px;margin-bottom:24px}.hero-kicker>span{font-size:9px;padding:4px 7px;box-shadow:2px 2px 0 var(--navy)}h1{font-size:43px;line-height:1.5;text-shadow:3px 0 var(--navy),-2px 0 var(--navy),0 3px var(--navy),0 -2px var(--navy),4px 5px var(--navy);letter-spacing:0;margin-bottom:24px}.hero-sub{font-size:11px;line-height:2.1;letter-spacing:0}.hero-buttons{display:flex;align-items:start;flex-direction:column;gap:15px;margin-top:25px}.hero-buttons .pixel-button{font-size:12px;min-height:52px;padding:13px 19px;gap:28px}.hero-quiz{font-size:10px;padding:8px 0}.hero-guide{right:6%;left:6%;bottom:45px;gap:2px;justify-content:center}.hero-guide img{width:105px;height:140px;flex-shrink:0}.speech{padding:12px 14px;border-width:2px;box-shadow:3px 3px 0 var(--navy);flex:1;max-width:230px}.speech small{font-size:8px}.speech p{font-size:10px;line-height:1.9;margin-top:5px}.speech:before{width:10px;height:10px;border-width:2px;left:-7px}.hero-coordinate{display:none}.scroll-cue{left:7%;bottom:14px;font-size:8px;gap:12px}.scroll-cue span{font-size:16px}.status-bar{padding:20px 6%;display:grid;grid-template-columns:1fr auto;gap:10px;font-size:9px}.status-bar p{font-size:9px;grid-column:1 / -1}.status-bar>span{font-size:7px;letter-spacing:-.02em}.status-bar>a{font-size:8px}.section{padding:65px 6%}.section-top{margin-bottom:37px;gap:10px;align-items:start}.stage-label{font-size:9px;gap:10px;letter-spacing:.05em}.stage-label>span{width:28px;height:28px;font-size:11px;box-shadow:2px 2px 0 var(--navy)}.section-note{font-size:8px;line-height:1.8;max-width:145px;text-align:right;padding-top:5px}.intro-grid{grid-template-columns:1fr;gap:25px}.intro-heading{position:relative}h2{font-size:29px;line-height:1.65;letter-spacing:.015em}.intro-en{font-size:9px;position:absolute;bottom:5px;right:0;margin:0;color:#8aa395}.dialogue{padding:30px 22px;box-shadow:5px 5px 0 var(--navy);margin-top:15px}.dialogue p{font-size:11px;line-height:2.2;margin-bottom:20px}.dialogue-name{font-size:10px;left:20px}.mission-strip{margin-top:40px;gap:18px;padding:20px 0}.mission-strip>span:first-child{font-size:8px;line-height:1.8;max-width:47px}.mission-strip strong{font-size:15px;line-height:1.8}.pixel-star{font-size:27px}.mobile-only{display:block}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:10px;line-height:2;margin-top:20px}.overline{font-size:10px;margin-bottom:9px}.job-grid{grid-template-columns:1fr;gap:22px}.job-card{display:grid;grid-template-columns:35% 1fr;box-shadow:4px 4px 0 #b7ccbb}.job-card:hover{transform:none;box-shadow:4px 4px 0 #b7ccbb}.job-visual{height:100%;min-height:218px;border-bottom:0;border-right:2px solid var(--navy);background-size:16px 16px}.job-no{font-size:8px;left:12px;top:13px}.job-visual svg{width:120%;max-width:none;height:120px;margin-left:0;margin-top:-4px}.role-tag{font-size:6px;letter-spacing:0;right:5px;bottom:13px;padding:4px 5px}.job-body{padding:22px 20px}.job-en{font-size:6px;letter-spacing:0;margin-bottom:10px}.job-body h3{font-size:20px;line-height:1.55;margin-bottom:12px}.job-body>p:not(.job-en){font-size:10px;margin:0 0 20px}.job-bottom{font-size:8px;padding-top:12px}.job-bottom b{font-size:18px}.match-section{grid-template-columns:1fr;gap:40px}.match-copy h2{font-size:26px;line-height:1.7;margin-top:25px}.match-copy>p:not(.stage-label){font-size:11px;line-height:2.2}.match-copy .pixel-button{font-size:11px;padding:15px 17px;gap:16px}.match-copy small{font-size:8px;margin-top:20px}.match-card{margin:0 auto;width:250px;padding:20px;transform:rotate(3deg)}.match-card img{height:155px}.match-card-caption{font-size:10px}.match-decoration{font-size:350px;top:100px;right:-50px}.day-tabs{gap:3px;display:grid;grid-template-columns:1fr 1fr 1.25fr;margin-top:25px}.day-tabs button{font-size:9px;padding:12px 6px}.day-panel{grid-template-columns:1fr;min-height:0;box-shadow:4px 4px 0 #d7ded0}.day-step{padding:24px 20px 24px 100px;min-height:110px}.day-step:not(:last-child){border-right:0;border-bottom:1px dashed #b6c6b7}.day-step:not(:last-child):after{right:auto;left:42px;top:auto;bottom:-10px;transform:rotate(90deg);font-size:11px}.day-time{position:absolute;left:19px;top:25px;font-size:22px}.day-step h3{font-size:14px;margin-bottom:8px}.day-step p{font-size:10px;line-height:1.9}.sample-note{font-size:8px;line-height:1.9;margin-top:20px}.growth-head{display:block;margin-bottom:35px}.growth-head h2{font-size:27px}.growth-head>p{font-size:10px;line-height:2.1;margin-top:20px}.growth-map{grid-template-columns:1fr;gap:25px;padding:0}.growth-map:before{left:43px;right:auto;top:30px;bottom:70px;border-top:0;border-left:3px dashed #afc2a3}.growth-node{text-align:left;padding:0 0 0 113px;min-height:155px}.level{position:absolute;left:15px;top:0;font-size:10px;margin:0}.node-icon{position:absolute;left:11px;top:27px;width:65px;height:65px;margin:0;font-size:30px;border-width:2px;box-shadow:3px 3px 0 var(--navy)}.node-time{font-size:9px;margin:10px 0}.growth-node h3{font-size:18px;line-height:1.5;margin-bottom:12px}.growth-node>p:last-child{font-size:10px}.care-grid{grid-template-columns:1fr;margin-top:10px}.care-grid>div,.care-grid>div+div{padding:22px 0;border-bottom:1px solid #c1cfb6}.care-grid span{font-size:8px}.care-grid h3{font-size:14px;margin:10px 0}.care-grid p{font-size:10px;line-height:1.8}.recruit-box{padding:22px 18px;box-shadow:5px 5px 0 var(--navy)}.recruit-tabs{margin-bottom:15px}.recruit-tabs button{font-size:11px;padding:14px 5px}.model-banner{display:block;font-size:8px;padding:16px 0}.model-banner span{display:block;font-size:8px;line-height:1.8;margin-top:5px}.conditions>div{grid-template-columns:72px 1fr;gap:14px;padding:17px 0}.conditions dt{font-size:10px}.conditions dd{font-size:10px;line-height:1.9}.conditions dd small{font-size:8px}.recruit-actions{display:block;margin-top:25px}.recruit-actions .pixel-button{font-size:10px;min-height:48px;padding:12px 14px;gap:14px;width:100%}.recruit-actions>span{display:block;font-size:8px;text-align:center;margin-top:18px}.faq-section{grid-template-columns:1fr;gap:15px}.faq-section>div:first-child{position:relative}.faq-section h2{font-size:28px;margin:27px 0 20px}.faq-section>div>p:not(.stage-label){font-size:10px;max-width:210px}.faq-section img{height:100px;width:100px;position:absolute;right:0;bottom:5px;margin:0}.faq-list{padding-top:0}details{padding:22px 0}summary{font-size:11px;gap:12px;line-height:1.9}summary>span{font-size:16px}summary::after{font-size:18px}details p{font-size:10px;margin-left:28px}.entry-section{padding-top:70px;padding-bottom:85px}.entry-section>.mono{font-size:8px;letter-spacing:.05em}.entry-section h2{font-size:33px;line-height:1.65;margin:24px 0}.entry-section>p:not(.mono){font-size:11px}.entry-buttons{flex-direction:column;gap:18px;margin:27px auto 0;max-width:300px}.entry-buttons .pixel-button{font-size:12px;min-height:54px;min-width:0}.entry-section>small{font-size:8px;line-height:1.9;max-width:280px;margin:22px auto 0}.entry-spark{font-size:32px}.spark1{left:3%;top:43%}.spark2{right:3%;top:17%;font-size:28px}.entry-ground{height:25px;border-top-width:6px}footer{padding:40px 6% 30px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:10px;margin-top:30px}.footer-links button{font-size:10px;text-align:left;width:max-content}.footer-bottom{display:block;margin-top:30px;padding-top:20px}.footer-bottom p{font-size:8px}.footer-bottom>.mono{display:block;font-size:7px;margin-top:20px}.mobile-cta{display:grid;grid-template-columns:1fr 1.7fr;position:fixed;bottom:0;left:0;right:0;z-index:25;height:60px;background:var(--cream);border-top:2px solid var(--navy);box-shadow:0 -4px 0 #173e4915;padding-bottom:env(safe-area-inset-bottom)}.mobile-cta a,.mobile-cta button{display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:11px;font-weight:800}.mobile-cta button{background:var(--orange);border-left:2px solid var(--navy)}.mobile-cta span{font-size:15px}dialog{width:calc(100vw - 36px);max-height:86svh;box-shadow:5px 5px 0 var(--orange)}#dialog-content{padding:40px 22px 30px}dialog h2{font-size:24px}.dialog-overline{font-size:9px;margin-bottom:20px}.dialog-copy{font-size:11px;line-height:2}.dialog-info{font-size:10px;padding:12px 14px}.dialog ul{font-size:11px}.dialog-footer{gap:17px}.dialog-footer .pixel-button{width:100%;font-size:11px}.quiz-choice{font-size:11px;padding:17px 14px}.quiz-choice>span{font-size:16px}.quiz-result{padding:20px}.quiz-result h3{font-size:21px}.quiz-result>div{font-size:11px}.form-label{font-size:11px}.form-label select{font-size:11px}.demo-confirm{padding:17px}.demo-confirm>p{font-size:11px}.proposal-points h3{font-size:13px}.proposal-points p{font-size:10px}}
@media(max-width:360px){.logo{font-size:16px}.header-actions{gap:8px}.header{padding:0 4%}.hero-copy{left:5%;right:4%}h1{font-size:38px}.hero-kicker{font-size:8px}.hero-guide{left:4%;right:4%}.speech p{font-size:9px}.intro-en{font-size:8px}.job-body{padding:20px 15px}.job-body h3{font-size:18px}.match-copy h2{font-size:24px}.pixel-button{gap:20px}.section-note{max-width:120px}.stage-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Keep navigation copy readable wherever the landscape moves behind it. */
.hero-sub{display:table;background:#fff9ebed;border-left:3px solid var(--navy);padding:10px 16px}.hero-quiz{background:var(--cream);border:2px solid var(--navy);padding:12px 15px;box-shadow:3px 3px 0 var(--navy)}.hero-quiz:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--navy)}.title-char{display:inline-block;animation:pixel-pop .55s steps(5,end) both;animation-delay:var(--delay)}@keyframes pixel-pop{0%{transform:translateY(-14px);opacity:0}70%{transform:translateY(4px);opacity:1}100%{transform:translateY(0);opacity:1}}@media(max-width:600px){.hero-sub{padding:9px 12px;font-size:10px}.hero-buttons{gap:14px;margin-top:22px}.hero-quiz{font-size:10px;padding:9px 12px}}
h1>.title-char{color:var(--cream)}
/* Revision: small, purposeful movements; labels and body copy remain still. */
.mountain-mark svg{width:34px;height:34px;fill:none;stroke:var(--cream);stroke-width:2.7;stroke-linecap:square;stroke-linejoin:miter}.footer-main .mountain-mark svg{stroke:var(--navy)}
.job-visual .check-mark{transform-box:fill-box;transform-origin:center}.job-card.in .check-mark{animation:check-drawn .65s steps(5,end) .4s both}.job-card.in .bridge-deck{animation:bridge-build .75s steps(6,end) .3s both;transform-box:fill-box;transform-origin:left}.job-card.in .bridge-pier{animation:pier-build .5s steps(4,end) .1s both;transform-box:fill-box;transform-origin:bottom}.job-card.in .report-bars{animation:pier-build .8s steps(5,end) .2s both;transform-box:fill-box;transform-origin:bottom}.job-card:hover .job-visual svg{transform:translateY(-5px)}.job-visual svg{transition:transform .25s steps(3,end)}.job-card:hover .check-mark{animation:check-drawn .6s steps(5,end)}.job-card:hover .bridge-deck{animation:bridge-build .7s steps(6,end)}.job-card:hover .report-bars{animation:pier-build .7s steps(5,end)}
@keyframes check-drawn{from{clip-path:inset(0 100% 0 0);opacity:.4}to{clip-path:inset(0);opacity:1}}@keyframes bridge-build{from{transform:scaleX(.1);opacity:.3}to{transform:scaleX(1);opacity:1}}@keyframes pier-build{from{transform:scaleY(.1);opacity:.3}to{transform:scaleY(1);opacity:1}}
.day-scene{margin-bottom:25px;border:2px solid var(--navy);background:#eaf0df;box-shadow:5px 5px 0 #d7ded0;overflow:hidden}.scene-toolbar{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--cream);border-bottom:1px solid #b9caba}.scene-toolbar p{display:flex;align-items:center;gap:18px;margin:0;font-size:11px}.scene-toolbar .mono{font-size:9px;color:var(--teal)}.scene-toolbar strong{font:21px var(--pixel);color:var(--teal);min-width:65px}.scene-toolbar button{font-size:10px;background:var(--navy);color:var(--cream);padding:10px 15px;min-width:120px}.scene-toolbar button[aria-pressed=true]{background:var(--orange);color:var(--navy)}.scene-art{height:205px;overflow:hidden}.scene-art svg{display:block;width:100%;height:100%;shape-rendering:crispEdges}.scene-sky{fill:#a8d9d6;transition:fill 1.2s}.scene-worker,.scene-sun,.scene-truck,.scene-load{transition:transform 1s steps(8,end)}.scene-measure{opacity:0;transition:opacity .3s}.scene-office{transition:opacity .5s}.day-scene[data-scene-phase="1"] .scene-worker{transform:translateX(140px)}.day-scene[data-scene-phase="2"] .scene-worker{transform:translateX(330px)}.day-scene[data-scene-phase="3"] .scene-worker{transform:translateX(-115px)}.day-scene[data-scene-phase="1"] .scene-sun{transform:translate(-60px,-5px)}.day-scene[data-scene-phase="2"] .scene-sun{transform:translate(-130px,0)}.day-scene[data-scene-phase="3"] .scene-sun{transform:translate(-220px,55px)}.day-scene[data-scene-phase="3"] .scene-sky{fill:#edc6a0}.day-scene[data-scene-phase="2"] .scene-truck{transform:translateX(-70px)}.day-scene[data-scene-phase="1"] .scene-load{transform:translateY(15px)}.day-scene[data-scene-phase="2"] .scene-load{transform:translateY(-10px)}.day-scene[data-scene-role="engineer"] .scene-measure{opacity:1}.day-scene[data-scene-role="support"] .scene-worker{transform:translateX(-90px)}.day-scene[data-scene-role="support"][data-scene-phase="2"] .scene-worker{transform:translateX(-60px)}.day-scene.playing .scene-cloud{animation:cloud-pass 10s linear infinite}.scene-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px;background:var(--cream);font-size:9px;color:#698171}.scene-progress{height:6px;width:130px;background:#d3dfce;flex-shrink:0}.scene-progress i{display:block;background:var(--teal);height:100%;width:25%;transition:width .4s steps(4,end)}@keyframes cloud-pass{to{transform:translateX(100px)}}
.day-step{background:white;text-align:left;color:var(--ink);border:0;border-top:4px solid transparent;transition:background .2s,border-color .2s}.day-step[aria-pressed=true]{background:#edf3e6;border-top-color:var(--teal)}.day-step:hover{background:#f3f6ed}.step-view{font-size:8px;color:var(--teal);display:block;margin-top:17px;font-weight:600}.growth-node{border:0;background:transparent;padding:0;color:var(--ink);position:relative}.growth-map:before{display:none}.growth-route{position:absolute;left:15%;right:15%;top:110px;height:4px;background:repeating-linear-gradient(90deg,#afc2a3 0 9px,transparent 9px 15px)}.growth-route i{width:var(--route-progress,0%);height:100%;display:block;background:var(--teal);transition:width .5s steps(8,end)}.node-icon{transition:background .25s,transform .25s,box-shadow .25s}.node-icon svg{width:42px;height:42px;fill:none;stroke:var(--navy);stroke-width:2.5;shape-rendering:crispEdges}.growth-node[aria-pressed=true] .node-icon{background:var(--orange);transform:translateY(-7px);box-shadow:4px 11px 0 var(--navy)}.growth-node[aria-pressed=true] .level{font-weight:700;color:var(--navy)}.growth-node:hover .node-icon{transform:translateY(-5px)}.growth-node h3:after{content:' ＋';font-family:var(--pixel);color:var(--teal);font-size:15px}.growth-node[aria-pressed=true] h3:after{content:' −'}.map-arrived .node-icon svg{animation:skill-pop .5s steps(4,end)}.growth-node:nth-of-type(2) .node-icon svg{animation-delay:.15s}.growth-node:nth-of-type(3) .node-icon svg{animation-delay:.3s}@keyframes skill-pop{0%{transform:scale(.65)}70%{transform:scale(1.1)}100%{transform:scale(1)}}.growth-detail{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;border:2px solid var(--navy);box-shadow:4px 4px 0 #b8c9a9;padding:27px 32px;background:var(--cream);margin-top:20px;min-height:165px}.growth-detail-heading .mono{font-size:10px;color:var(--teal)}.growth-detail h3{font-size:19px;margin:14px 0 10px;line-height:1.6}.growth-detail small{font-size:9px;color:#7d8b75}.growth-detail ul{list-style:none;padding:0;margin:0;align-self:center}.growth-detail li{display:flex;align-items:start;gap:11px;font-size:11px;line-height:1.9;padding:6px 0}.growth-detail li>span{color:var(--teal);font-weight:700}.faq-pixel-note{display:inline-block;margin-top:30px;font-size:40px;letter-spacing:.2em;color:var(--teal)}
@media(max-width:600px){.mountain-mark svg{width:28px;height:28px}.day-scene{margin-bottom:20px;box-shadow:4px 4px 0 #d7ded0}.scene-toolbar{padding:13px 13px;gap:10px;align-items:start}.scene-toolbar p{gap:8px;flex-wrap:wrap;max-width:180px}.scene-toolbar .mono{display:none}.scene-toolbar strong{font-size:20px;min-width:52px}.scene-toolbar #scene-task{font-size:9px;line-height:1.7;flex-basis:100%}.scene-toolbar button{padding:10px 11px;font-size:9px;min-width:106px}.scene-art{height:155px}.scene-art svg{width:740px;max-width:none;margin-left:calc((100% - 740px)/2)}.scene-footer{padding:11px 13px;gap:10px;font-size:8px;line-height:1.8}.scene-progress{width:65px;height:5px}.day-step{border-top:0;border-left:4px solid transparent}.day-step[aria-pressed=true]{border-top:0;border-left-color:var(--teal)}.step-view{font-size:8px;margin-top:10px}.growth-node{padding:0 0 0 113px;text-align:left}.growth-route{left:43px;right:auto;top:30px;bottom:70px;width:3px;height:auto;background:repeating-linear-gradient(180deg,#afc2a3 0 9px,transparent 9px 15px)}.growth-route i{height:var(--route-progress,0%);width:100%;transition:height .5s steps(8,end)}.growth-node[aria-pressed=true] .node-icon{transform:translateY(-4px);box-shadow:3px 7px 0 var(--navy)}.node-icon svg{height:37px;width:37px}.growth-detail{grid-template-columns:1fr;gap:15px;padding:23px 20px;min-height:0;margin-top:0}.growth-detail h3{font-size:17px;margin-top:12px}.growth-detail-heading .mono{font-size:9px}.growth-detail small{font-size:8px}.growth-detail li{font-size:10px;padding:6px 0}.growth-detail ul{border-top:1px dashed #b9cbb1;padding-top:14px}.faq-pixel-note{position:absolute;right:0;bottom:10px;font-size:30px;margin:0}.growth-head h2{font-size:25px}.day-section h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.scene-worker,.scene-sun,.scene-truck,.scene-load,.scene-sky,.scene-progress i,.growth-route i{transition:none!important}.job-card.in .check-mark{clip-path:none!important}}
.growth-map .growth-node .node-icon{background:var(--cream)}.growth-map .growth-node[aria-pressed=true] .node-icon{background:var(--orange)}
@media(max-width:600px){.scene-art svg{margin-left:-120px}.day-scene[data-scene-role="support"] .scene-art svg{margin-left:0}}
/* Explicit answer confirmation prevents accidental question skipping. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quiz-choices{border:0;margin:0;padding:0;min-width:0}.quiz-choice{position:relative;cursor:pointer;min-height:66px;gap:13px}.quiz-choice input{position:absolute;opacity:0;width:1px;height:1px}.quiz-choice:focus-within{outline:3px solid #ef6d24;outline-offset:3px}.quiz-choice .choice-letter{font:18px var(--pixel);color:var(--teal);flex-shrink:0}.quiz-choice .choice-text{font:inherit;color:var(--ink);line-height:1.8}.quiz-choice .choice-check{margin-left:auto;font-size:16px;color:var(--teal);visibility:hidden;flex-shrink:0}.quiz-choice.selected{background:#e4eedc;border-color:var(--teal);box-shadow:3px 3px 0 #afc8b4}.quiz-choice.selected .choice-check{visibility:visible}.quiz-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px}.quiz-navigation .quiz-back{margin-top:0;white-space:nowrap}.quiz-first-note{font-size:9px;color:#718371}.quiz-next{min-height:48px;min-width:135px;padding:12px 18px;font-size:12px}.quiz-next:disabled{background:#d9e0d2;color:#718371;border-color:#9bad9e;box-shadow:3px 3px 0 #9bad9e;transform:none}.quiz-next:disabled:hover{transform:none}.quiz-next:disabled span{opacity:.5}@media(max-width:600px){.quiz-choice{padding:15px 12px;gap:10px}.quiz-choice .choice-letter{font-size:16px}.quiz-navigation{gap:15px;margin-top:24px}.quiz-next{min-width:122px;min-height:46px;font-size:11px;padding:12px 15px}.quiz-first-note{font-size:8px}.quiz-choice .choice-check{font-size:13px}}
/* A quiet, once-per-tab invitation. It never takes focus from the page. */
.visit-nudge[hidden]{display:none}.visit-nudge{position:fixed;right:26px;bottom:27px;width:340px;z-index:26;border:3px solid var(--navy);box-shadow:5px 5px 0 var(--orange);background:var(--cream);padding:22px;max-height:calc(100svh - 150px);overflow:auto;animation:nudge-arrive .3s steps(6,end) both}.nudge-close{position:absolute;right:4px;top:4px;width:36px;height:36px;font-size:26px;line-height:1;background:transparent;display:grid;place-items:center}.nudge-label{font-size:9px;letter-spacing:.05em;color:var(--teal);margin:0 0 15px;padding-right:24px}.nudge-body{display:flex;align-items:center;gap:14px;margin-bottom:18px}.nudge-body img{width:70px;height:90px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.nudge-body h2{font-size:19px;line-height:1.55;letter-spacing:.02em;margin:0 0 9px}.nudge-body p{font-size:10px;line-height:1.9;margin:0;color:#5e7869}.nudge-action{width:100%;min-height:45px;padding:10px 15px;font-size:11px;box-shadow:3px 3px 0 var(--navy)}.nudge-action>span{font-size:17px}.nudge-later{display:block;background:none;padding:10px 5px 0;margin:5px auto 0;font-size:9px;color:#657e70;text-decoration:underline;text-underline-offset:3px}@keyframes nudge-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.visit-nudge{right:16px;bottom:calc(77px + env(safe-area-inset-bottom));width:min(330px,calc(100vw - 32px));padding:17px 18px;max-height:calc(100svh - 170px);box-shadow:4px 4px 0 var(--orange)}.nudge-label{font-size:8px;margin-bottom:10px}.nudge-body{gap:12px;margin-bottom:13px}.nudge-body img{width:56px;height:72px}.nudge-body h2{font-size:17px;line-height:1.5;margin-bottom:7px}.nudge-body p{font-size:9px;line-height:1.8}.nudge-action{min-height:43px;font-size:10px}.nudge-later{font-size:9px;padding-top:8px;margin-top:3px}}@media(prefers-reduced-motion:reduce){.visit-nudge{animation:none}}
/* Original pixel actors, registered to the existing illustration's coordinates. */
.hero{--world-width:100%;--world-height:100%;--world-left:0px;--world-top:0px}.world-motion{position:absolute;left:var(--world-left);top:var(--world-top);width:var(--world-width);height:var(--world-height);pointer-events:none;z-index:1;overflow:visible}.world-motion svg{display:block;width:100%;height:100%;shape-rendering:crispEdges}.sky-tint{z-index:1;pointer-events:none}.hero-ui,.hero-coordinate{z-index:2}.harbor-voyage{animation:harbor-voyage 32s linear infinite;will-change:transform;transform:translate(700px,480px)}.harbor-boat{animation:boat-bob 2.8s steps(3,end) infinite}.harbor-wake{animation:wake-glow 1.8s steps(3,end) infinite}.harbor-walker{animation:shore-walk 22s linear infinite alternate;transform:translateX(630px)}.walker-leg-a{animation:worker-step .6s steps(2,end) infinite;transform-box:fill-box;transform-origin:top}.walker-leg-b{animation:worker-step .6s steps(2,end) -.3s infinite;transform-box:fill-box;transform-origin:top}.harbor-worker-on-site{animation:site-work 5s steps(4,end) infinite}.harbor-load{animation:hoist-lift 8s ease-in-out infinite}.harbor-rope{animation:rope-length 8s ease-in-out infinite;transform-box:fill-box;transform-origin:center top}.harbor-shimmer>path{animation:water-glint 3.5s steps(3,end) infinite}.harbor-shimmer>.shimmer-second{animation-delay:-1.1s}.harbor-shimmer>.shimmer-third{animation-delay:-2.2s}.world-motion-toggle{position:absolute;left:5%;bottom:76px;z-index:4;border:1px solid #fff9eb60;background:#173e49e8;color:var(--cream);padding:8px 11px;font-size:9px;line-height:1.4;letter-spacing:.02em}.world-motion-toggle:hover{background:var(--cream);color:var(--navy)}.world-is-paused .world-motion *{animation-play-state:paused!important}
@keyframes harbor-voyage{0%{transform:translate(680px,480px);opacity:0}6%{opacity:1}94%{opacity:1}100%{transform:translate(1110px,480px);opacity:0}}@keyframes boat-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(1.5px)}}@keyframes wake-glow{0%,100%{opacity:.85}50%{opacity:.25}}@keyframes shore-walk{0%{transform:translateX(630px)}100%{transform:translateX(825px)}}@keyframes worker-step{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes site-work{0%,100%{transform:translateX(0)}40%,60%{transform:translateX(18px)}}@keyframes hoist-lift{0%,100%{transform:translateY(0)}45%,65%{transform:translateY(-15px)}}@keyframes rope-length{0%,100%{transform:scaleY(1)}45%,65%{transform:scaleY(.4)}}@keyframes water-glint{0%,100%{opacity:.12}50%{opacity:.75}}
@media(max-width:600px){.world-motion-toggle{left:auto;right:6%;bottom:14px;padding:5px 8px;font-size:8px}.world-motion{opacity:.9}.hero .scroll-cue{max-width:145px}}@media(prefers-reduced-motion:reduce){.world-motion *{animation:none!important}.harbor-voyage{transform:translate(800px,480px);opacity:1}.harbor-walker{transform:translateX(720px)}}
@media(max-width:600px){.world-motion-toggle{top:52px;bottom:auto}}
/* Living harbor: original painted objects are now separate, articulated layers. */
.world-motion image{image-rendering:pixelated}.sky-cloud{will-change:transform;opacity:.78}.cloud-a{transform:translate(150px,150px);animation:cloud-a-travel 86s linear -18s infinite}.cloud-b{transform:translate(900px,245px);animation:cloud-b-travel 112s linear -60s infinite;opacity:.57}.cloud-c{transform:translate(1150px,205px);animation:cloud-c-travel 74s linear -42s infinite}.cloud-d{transform:translate(650px,270px);animation:cloud-d-travel 130s linear -75s infinite;opacity:.46}.fleet-route{will-change:transform}.fleet-main{transform:translate(1080px,485px);animation:fleet-main-cross 30s linear -10s infinite}.fleet-distant{transform:translate(800px,455px);animation:fleet-far-cross 50s linear -31s infinite}.fleet-front{transform:translate(780px,735px);animation:fleet-front-cross 21s linear -5s infinite}.fleet-bob{animation:boat-bob 3s steps(3,end) infinite}.fleet-distant .fleet-bob{animation-delay:-1s}.fleet-front .fleet-bob{animation-delay:-2s}.excavator-arm{transform-origin:418px 697px;animation:excavator-dig 6.5s ease-in-out -2s infinite}.excavator-bucket{transform-origin:492px 711px;animation:bucket-scoop 6.5s ease-in-out -2s infinite}.excavator-cab{animation:engine-idle .5s steps(2,end) infinite}.excavator-foreground{display:inline}.tower-rope{transform-origin:1460px 397px;animation:tower-rope-lift 10s ease-in-out -2s infinite}.tower-lift{animation:tower-block-lift 10s ease-in-out -2s infinite}.dig-dust{animation:dig-dust 6.5s steps(4,end) -2s infinite}
@keyframes cloud-a-travel{from{transform:translate(-200px,150px)}to{transform:translate(1640px,150px)}}@keyframes cloud-b-travel{from{transform:translate(-170px,245px)}to{transform:translate(1620px,245px)}}@keyframes cloud-c-travel{from{transform:translate(-220px,205px)}to{transform:translate(1660px,205px)}}@keyframes cloud-d-travel{from{transform:translate(-130px,270px)}to{transform:translate(1600px,270px)}}
@keyframes fleet-main-cross{0%{transform:translate(640px,485px);opacity:0}5%,94%{opacity:1}100%{transform:translate(1240px,485px);opacity:0}}@keyframes fleet-far-cross{0%{transform:translate(1250px,455px);opacity:0}6%,94%{opacity:1}100%{transform:translate(720px,455px);opacity:0}}@keyframes fleet-front-cross{0%{transform:translate(650px,735px);opacity:0}8%,92%{opacity:1}100%{transform:translate(945px,735px);opacity:0}}
@keyframes excavator-dig{0%,100%{transform:rotate(-10deg)}30%,45%{transform:rotate(5deg)}76%{transform:rotate(-15deg)}}@keyframes bucket-scoop{0%,100%{transform:rotate(6deg)}30%{transform:rotate(18deg)}48%,76%{transform:rotate(-18deg)}}@keyframes engine-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(.3px)}}@keyframes tower-rope-lift{0%,100%{transform:scaleY(1)}45%,65%{transform:scaleY(.65)}}@keyframes tower-block-lift{0%,100%{transform:translateY(0)}45%,65%{transform:translateY(-35px)}}@keyframes dig-dust{0%,27%,55%,100%{opacity:0;transform:translate(0,0)}35%,43%{opacity:.55;transform:translate(3px,-4px)}}
@media(max-width:600px){.excavator-desktop{display:none}.excavator-foreground{display:inline}.harbor-walker{display:none}.world-motion{opacity:1}.sky-cloud{opacity:.7}}
@media(prefers-reduced-motion:reduce){.excavator-arm{transform:rotate(-5deg)}.excavator-bucket{transform:rotate(0)}.dig-dust{opacity:0}}

.excavator-foreground .excavator-arm,.excavator-foreground .excavator-bucket{animation-delay:-4.2s}
/* Illustrated job scenes share the first-view world's palette, scale and pixel detail. */
.job-visual{height:auto;min-height:0;aspect-ratio:3/2;display:block;background:var(--navy);isolation:isolate}.job-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;image-rendering:pixelated;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.job-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#102f392b 0%,transparent 30%,transparent 65%,#102f3944 100%);pointer-events:none;z-index:1}.job-no{z-index:2;top:15px;left:15px;padding:6px 9px;background:#fff9ebed;border:1px solid #173e4990;color:var(--navy);font-size:9px;box-shadow:2px 2px 0 #173e493b}.job-visual.engineer .job-no{color:var(--navy)}.job-visual .role-tag{z-index:2;right:12px;bottom:12px;background:#173e49ed;color:var(--cream);font-size:9px;padding:6px 9px}.job-card:hover .job-scene,.job-card:focus-visible .job-scene{transform:scale(1.045)}.job-dialog-image{width:100%;aspect-ratio:3/2;max-height:250px;object-fit:cover;image-rendering:pixelated;border:2px solid var(--navy);margin:0 0 25px}.job-body{padding:27px 25px}.job-en{font-size:8px;letter-spacing:.04em}.job-body h3{font-size:22px}.job-card{box-shadow:5px 5px 0 #b1c8b8}.job-bottom{font-size:10px}
/* The same guide grows through three stages; each stage pairs skill with company support. */
.growth-instruction{display:flex;align-items:center;gap:15px;font-size:11px;margin:0 0 30px;color:#627f6e}.growth-instruction .mono{font-size:9px;letter-spacing:.06em;background:var(--navy);color:var(--cream);padding:6px 10px}.growth-map{padding:0;gap:35px}.growth-route{top:231px;left:16%;right:16%;height:4px}.growth-node{border:1px solid transparent;padding:10px 10px 24px;transition:background .25s,border-color .25s;min-width:0}.growth-node[aria-pressed=true]{background:#fff9eb77;border-color:#b4c8ab}.growth-node .level{margin:0 0 10px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:.03em}.growth-node .level>span{font-family:'Noto Sans JP',sans-serif;font-size:10px;font-weight:600}.growth-avatar{position:relative;display:flex;align-items:end;justify-content:center;height:210px;margin-bottom:26px;isolation:isolate}.growth-avatar img{position:relative;z-index:2;object-fit:contain;object-position:center bottom;width:100%;max-width:240px;height:185px;margin-bottom:14px;image-rendering:pixelated;filter:drop-shadow(3px 4px 0 #173e4920);transition:transform .3s}.avatar-0 img{height:148px;max-width:180px}.avatar-2 img{height:207px;max-width:250px}.avatar-floor{position:absolute;bottom:3px;width:155px;height:14px;background:#c6d5b8;border:2px solid #99af8e;box-shadow:4px 4px 0 #839b7755;z-index:1}.growth-node[aria-pressed=true] .avatar-floor{background:#f4c391;border-color:var(--navy);box-shadow:4px 4px 0 var(--navy)}.growth-node:hover .growth-avatar img,.growth-node:focus-visible .growth-avatar img{transform:translateY(-5px)}.growth-node h3{font-size:19px;line-height:1.6;margin:0 0 13px}.growth-node h3:after{display:none}.growth-node .node-time{font-size:10px;margin:0 0 10px}.growth-node>p:last-of-type{font-size:11px;line-height:1.9;margin:0}.level-action{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-width:145px;font-size:9px;margin-top:21px;padding-bottom:6px;border-bottom:1px solid #a3b69a;color:var(--teal)}.level-action b{font-size:17px;font-weight:400}.growth-detail{display:block;padding:30px 35px;margin-top:25px;min-height:0}.growth-detail-heading{border-bottom:1px solid #c8d4bb;padding-bottom:20px;margin-bottom:22px}.growth-detail h3{font-size:22px;line-height:1.6;margin:11px 0 0}.growth-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.growth-detail h4{font-size:13px;display:flex;gap:10px;align-items:center;margin:0 0 13px}.growth-detail h4>span{font:10px var(--pixel);color:var(--teal)}.growth-detail .growth-company{border-left:1px dashed #b7c8a9;padding-left:30px}.growth-company h4{color:var(--teal)}.growth-detail li{font-size:11px;line-height:2;padding:5px 0}.growth-support-message{display:flex;align-items:center;gap:35px;padding:25px 0 0;margin-top:30px;border-top:1px solid #b9c9ac}.growth-support-message>.mono{font-size:9px;color:var(--teal)}.growth-support-message p{font-size:17px;font-weight:700;line-height:1.9;margin:0}.growth-head{margin-bottom:30px}
@media(min-width:601px) and (max-width:900px){.job-grid{gap:17px}.job-visual{aspect-ratio:4/3}.job-body{padding:22px 16px}.job-body h3{font-size:18px}.job-en{font-size:6px}.job-visual .role-tag{font-size:7px;right:8px;padding:5px 7px}.growth-map{gap:16px}.growth-node{padding:10px 5px 20px}.growth-node h3{font-size:16px}.growth-detail{padding:25px}.growth-avatar img{max-width:190px}.growth-detail-columns{gap:20px}.growth-detail .growth-company{padding-left:20px}}
@media(max-width:600px){.job-grid{gap:25px}.job-card{display:block;grid-template-columns:none}.job-visual{height:auto;min-height:0;aspect-ratio:3/2;border-right:0;border-bottom:2px solid var(--navy)}.job-no{top:13px;left:13px;font-size:9px;padding:6px 8px}.job-visual .role-tag{font-size:8px;right:12px;bottom:12px;padding:5px 8px}.job-body{padding:23px 22px}.job-en{font-size:8px;margin-bottom:12px}.job-body h3{font-size:23px;line-height:1.6;margin-bottom:12px}.job-body>p:not(.job-en){font-size:11px;margin-bottom:21px}.job-bottom{font-size:10px;padding-top:16px}.job-bottom b{font-size:20px}.job-dialog-image{max-height:205px;margin-bottom:22px}.growth-head h2{font-size:29px}.growth-head>p{font-size:11px;line-height:2.1}.growth-instruction{gap:10px;font-size:9px;line-height:1.8;align-items:center;margin-bottom:24px}.growth-instruction .mono{font-size:7px;white-space:nowrap;padding:6px 8px}.growth-map{grid-template-columns:1fr;gap:17px}.growth-route{left:69px;right:auto;top:55px;bottom:105px;height:auto;width:3px}.growth-node{display:grid;grid-template-columns:117px 1fr;grid-template-rows:auto auto auto auto;text-align:left;padding:20px 16px 19px 8px;column-gap:13px;min-height:203px;border:1px solid #c3d0b7;background:#f4f5e780}.growth-node .level{position:static;grid-column:2;grid-row:1;justify-content:start;font-size:10px;gap:8px;margin:0 0 10px}.growth-node .level>span{font-size:9px}.growth-avatar{position:relative;grid-column:1;grid-row:1 / span 5;height:166px;align-self:center;margin:0;width:117px}.growth-avatar img{max-width:117px;height:141px;margin-bottom:13px}.avatar-0 img{height:117px;max-width:104px}.avatar-2 img{height:155px;max-width:125px}.avatar-floor{width:94px;height:11px;bottom:6px;box-shadow:3px 3px 0 #839b7755}.growth-node[aria-pressed=true] .avatar-floor{box-shadow:3px 3px 0 var(--navy)}.growth-node .node-time{grid-column:2;grid-row:2;font-size:8px;margin-bottom:8px}.growth-node h3{grid-column:2;grid-row:3;font-size:16px;line-height:1.65;margin-bottom:9px}.growth-node>p:last-of-type{grid-column:2;grid-row:4;font-size:9px;line-height:1.9;margin:0}.level-action{grid-column:2;grid-row:5;font-size:8px;min-width:0;gap:10px;margin-top:13px;width:100%}.level-action b{font-size:15px}.growth-detail{padding:24px 20px;margin-top:24px}.growth-detail-heading{padding-bottom:17px;margin-bottom:20px}.growth-detail h3{font-size:19px;margin-top:10px}.growth-detail-heading .mono{font-size:9px}.growth-detail-columns{grid-template-columns:1fr;gap:22px}.growth-detail .growth-company{padding:20px 0 0;border-left:0;border-top:1px dashed #b7c8a9}.growth-detail h4{font-size:12px;gap:10px;margin-bottom:12px}.growth-detail h4>span{font-size:9px}.growth-detail ul{padding:0;border:0}.growth-detail li{font-size:10px;line-height:1.9;padding:5px 0}.growth-support-message{display:block;margin-top:28px;padding-top:23px}.growth-support-message .mono{font-size:8px}.growth-support-message p{font-size:17px;margin-top:14px;line-height:1.9}}
@media(max-width:360px){.growth-node{grid-template-columns:97px 1fr;column-gap:10px;padding-right:12px;padding-left:5px}.growth-avatar{width:97px}.growth-avatar img{max-width:101px;height:130px}.avatar-0 img{height:107px;max-width:88px}.avatar-2 img{height:143px;max-width:110px}.growth-node h3{font-size:15px}.growth-route{left:54px}.growth-node .level{font-size:9px}.growth-node .level>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.job-card:hover .job-scene,.job-card:focus-visible .job-scene,.growth-node:hover .growth-avatar img,.growth-node:focus-visible .growth-avatar img{transform:none}}
/* Readable recruitment information first; tiny type is reserved for nonessential decoration. */
.desktop-nav{font-size:14px;gap:22px}.sample-badge{font-size:11px}.header .pixel-button.small{font-size:13px}.hero-ui{font-size:12px}.hero-kicker{font-size:14px}.hero-kicker>span{font-size:12px}.hero-sub{font-size:16px}.hero-quiz{font-size:14px}.hero-buttons .pixel-button{font-size:15px}.speech small{font-size:11px}.speech p{font-size:13px}.status-bar{font-size:13px}.status-bar>span{font-size:12px}.section-note{font-size:13px}.stage-label{font-size:14px}.overline{font-size:14px}.section-heading>p,.growth-head>p{font-size:16px;line-height:2}.dialogue-name{font-size:14px}.dialogue p{font-size:16px;line-height:2.2}.intro-en{font-size:14px}.pixel-button{font-size:15px}.job-card{display:flex;flex-direction:column}.job-visual{width:100%;flex-shrink:0}.job-body{display:flex;flex-direction:column;flex:1;width:100%;padding:28px}.job-no{font:700 14px/1.5 'Noto Sans JP',sans-serif;padding:7px 11px}.job-visual .role-tag{font-size:13px}.job-en{font-size:12px;line-height:1.7;margin:0 0 13px}.job-body .job-role{font-size:29px;line-height:1.45;margin:0 0 17px;font-weight:900;letter-spacing:.01em}.job-body>p.job-tagline{font-size:16px;line-height:1.9;margin:0 0 27px;color:#4a695e}.job-bottom{font-size:14px;margin-top:auto;padding-top:20px}.job-dialog-image{max-height:280px}.match-copy>p:not(.stage-label){font-size:15px}.match-copy small{font-size:12px}.match-copy .pixel-button{font-size:14px}.match-card-head{font-size:12px}.match-card-caption{font-size:14px}.xp{font-size:10px}.day-tabs button{font-size:14px;padding:13px 18px}.day-step{padding:27px 21px}.day-step h3{font-size:17px;line-height:1.7}.day-step p{font-size:14px;line-height:2}.step-view{font-size:13px}.scene-toolbar .mono{font-size:12px}.scene-toolbar p{font-size:14px}.scene-toolbar strong{font-size:27px;min-width:78px}.scene-toolbar button{font-size:14px;min-width:140px}.scene-footer{font-size:13px;line-height:1.8}.sample-note,.qualification-source{font-size:12px;line-height:2;color:#5d7362}.qualification-source a{text-decoration:underline;text-underline-offset:4px}.growth-instruction{font-size:14px}.growth-instruction .mono{font-size:12px}.growth-node .level{font-size:15px}.growth-node .level>span{font-size:14px}.career-year{display:inline-block;background:var(--navy);color:var(--cream);font-size:16px;font-weight:700;line-height:1.5;padding:6px 13px;margin-bottom:12px}.growth-avatar{height:250px}.growth-avatar img{height:220px;max-width:235px}.avatar-0 img{height:195px;max-width:200px}.avatar-2 img{height:242px;max-width:245px}.growth-route{top:326px}.growth-node .node-time{display:none}.growth-node h3{font-size:22px}.growth-node>p:last-of-type{font-size:14px;line-height:2}.career-certificate{display:block;font-size:13px;line-height:1.9;color:var(--teal);font-weight:700;border-top:1px dashed #b5c6aa;margin:18px 10px 0;padding-top:14px;min-height:64px}.level-action{font-size:13px;min-width:180px}.growth-detail-heading .mono{font-size:13px}.growth-detail h3{font-size:25px}.detail-years{display:inline-block;font-size:14px;color:var(--teal);font-weight:700;margin-left:18px}.detail-qualification{font-size:15px;line-height:2;margin:17px 0 0}.growth-detail h4{font-size:17px}.growth-detail h4>span{font-size:13px}.growth-detail li{font-size:14px;line-height:2}.growth-support-message>.mono{font-size:12px}.growth-support-message p{font-size:21px}.model-banner{font-size:12px}.model-banner span{font-size:13px;line-height:1.9}.recruit-tabs button{font-size:17px}.conditions dt{font-size:15px}.conditions dd{font-size:16px}.conditions dd small{font-size:13px;line-height:1.9}.recruit-actions>span{font-size:13px}.recruit-actions .pixel-button{font-size:14px}.faq-section>div>p:not(.stage-label){font-size:15px}summary{font-size:16px}details p{font-size:15px;line-height:2}.entry-section>p:not(.mono){font-size:17px}.entry-section>.mono{font-size:13px}.entry-section>small{font-size:12px}.entry-buttons .pixel-button{font-size:16px}.footer-links,.footer-links button{font-size:13px}.footer-bottom p{font-size:12px}.footer-bottom>.mono{font-size:10px}.dialog-overline{font-size:13px}.dialog-copy{font-size:15px}.dialog-info{font-size:13px}.dialog h3{font-size:18px}.dialog ul{font-size:15px}.dialog-footer .pixel-button{font-size:14px}.quiz-choice{font-size:15px;line-height:1.9}.quiz-first-note{font-size:12px}.quiz-next{font-size:15px}.quiz-back{font-size:13px}.quiz-result>p{font-size:12px}.quiz-result>div{font-size:15px}.form-label{font-size:15px}.form-label select{font-size:15px}.form-hint{font-size:13px}.demo-confirm>p{font-size:15px}.proposal-points h3{font-size:17px}.proposal-points p{font-size:14px}.nudge-label{font-size:12px}.nudge-body p{font-size:13px}.nudge-action{font-size:14px}.nudge-later{font-size:12px}
/* Mission is a key message, not a small divider. */
.mission-strip{display:grid;grid-template-columns:220px 1fr;gap:35px;margin-top:55px;padding:40px 45px;background:var(--navy);border:3px solid var(--navy);border-left:8px solid var(--orange);color:var(--cream);position:relative;box-shadow:6px 6px 0 #b1c5b5}.mission-eyebrow{align-self:start;display:flex;flex-direction:column;gap:15px;padding-top:7px}.mission-eyebrow>.mono{font-size:25px;color:#ffbd86;letter-spacing:.07em;line-height:1.4}.mission-eyebrow>span:last-child{font-size:16px;font-weight:700}.mission-copy h2{font-size:33px;line-height:1.7;margin:0}.mission-copy h2>span{color:#cbe6b9}.mission-copy p{font-size:15px;line-height:2;margin:21px 0 0;color:#e0eadd}.mission-strip .pixel-star{position:absolute;right:22px;top:17px;font-size:30px;margin:0;color:var(--orange)}
/* A detailed site replaces the schematic; the selected task is located on the map. */
.scene-art{height:370px;position:relative;background:var(--navy);overflow:hidden}.workday-art{width:100%;height:100%;object-fit:cover;object-position:center 51%;image-rendering:pixelated;transition:object-position 1s ease}.workday-light{position:absolute;inset:0;background:transparent;transition:background 1s;pointer-events:none}.day-scene[data-scene-phase="3"] .workday-light{background:#dc945128;mix-blend-mode:multiply}.scene-location-pin{position:absolute;left:var(--pin-x,22%);top:var(--pin-y,55%);display:flex;align-items:center;flex-direction:column;transform:translate(-50%,-100%);transition:left .8s ease,top .8s ease;pointer-events:none;filter:drop-shadow(2px 3px 0 #173e4930)}.scene-location-pin i{width:17px;height:17px;border:3px solid var(--cream);background:var(--orange);order:2;box-shadow:0 0 0 2px var(--navy);margin-top:9px}.scene-location-pin>span{font-size:13px;line-height:1.6;font-weight:700;background:var(--cream);border:2px solid var(--navy);padding:7px 12px;white-space:nowrap}.workday-scene-note{position:absolute;left:16px;bottom:14px;color:var(--cream);background:#173e49db;font-size:12px;padding:6px 9px}.day-scene[data-scene-role="support"] .workday-art{object-position:20% 51%}.day-scene[data-scene-role="engineer"] .workday-art{object-position:62% 51%}
@media(max-width:1050px){.desktop-nav{display:none}.header-actions{margin-left:auto}}
@media(min-width:601px) and (max-width:900px){.job-grid{gap:16px}.job-body{padding:24px 18px}.job-body .job-role{font-size:25px}.job-body>p.job-tagline{font-size:14px}.job-en{font-size:10px}.job-no{font-size:12px;left:10px;top:10px;padding:5px 7px}.job-visual .role-tag{font-size:11px}.growth-node h3{font-size:18px}.growth-node .level{font-size:13px}.growth-node .level>span{font-size:12px}.growth-node>p:last-of-type{font-size:13px}.career-certificate{font-size:12px;margin-left:0;margin-right:0}.career-year{font-size:14px}.mission-strip{grid-template-columns:165px 1fr;padding:32px 30px;gap:25px}.mission-copy h2{font-size:28px}.mission-eyebrow>.mono{font-size:21px}.scene-toolbar p{gap:12px}.day-step{padding:24px 16px}.day-step h3{font-size:16px}.day-step p{font-size:14px}}
@media(max-width:600px){.header .pixel-button.small{font-size:12px;gap:8px;padding:6px 10px}.header .pixel-button.small span{font-size:12px}.header-actions{gap:10px}.hero-ui{font-size:9px}.hero-kicker{font-size:11px}.hero-kicker>span{font-size:10px}.hero-sub{font-size:13px;line-height:2}.hero-buttons .pixel-button{font-size:14px}.hero-quiz{font-size:13px}.speech small{font-size:10px}.speech p{font-size:12px}.hero-guide{left:5%;right:5%}.hero-guide img{width:90px;height:130px}.speech{padding:11px}.status-bar p{font-size:12px;line-height:1.9}.status-bar>span{font-size:10px;line-height:1.9}.status-bar>a{font-size:12px}.stage-label{font-size:12px;gap:10px}.section-note{font-size:11px;max-width:150px}.section-heading>p,.growth-head>p{font-size:14px;line-height:2}.overline{font-size:13px}.dialogue-name{font-size:13px}.dialogue p{font-size:14px;line-height:2.2}.intro-en{position:static;font-size:12px;margin:20px 0 0}.job-card{display:flex}.job-body{padding:25px 22px}.job-body .job-role{font-size:28px;line-height:1.5;margin-bottom:14px}.job-en{font-size:11px}.job-body>p.job-tagline{font-size:15px;margin-bottom:24px}.job-no{font-size:13px;left:12px;top:12px}.job-visual .role-tag{font-size:12px}.job-bottom{font-size:14px}.match-copy>p:not(.stage-label){font-size:14px}.match-copy .pixel-button{font-size:13px}.match-copy small{font-size:12px;line-height:1.9}.match-card-head{font-size:11px}.match-card-caption{font-size:13px}.day-tabs button{font-size:12px;padding:13px 7px}.day-step{padding:25px 18px 25px 85px}.day-time{left:14px;font-size:21px}.day-step h3{font-size:16px}.day-step p{font-size:14px}.step-view{font-size:12px}.scene-toolbar{padding:14px 12px;gap:8px}.scene-toolbar strong{font-size:24px;min-width:64px}.scene-toolbar #scene-task{font-size:12px}.scene-toolbar button{font-size:12px;min-width:120px;padding:10px 10px}.scene-toolbar p{max-width:168px}.scene-art{height:285px}.scene-footer{font-size:12px;padding:13px 12px;align-items:center}.scene-progress{width:50px}.scene-location-pin>span{font-size:11px;padding:5px 7px}.workday-scene-note{font-size:10px;left:10px;bottom:10px}.growth-head h2{font-size:28px}.growth-instruction{font-size:12px;line-height:1.9;gap:10px}.growth-instruction .mono{font-size:10px}.growth-node{grid-template-rows:auto auto auto auto auto auto;min-height:265px;padding:20px 15px 20px 8px}.growth-node .level{grid-row:1;font-size:12px;gap:7px}.growth-node .level>span{font-size:11px}.career-year{grid-column:2;grid-row:2;font-size:14px;margin:0 0 12px;padding:5px 9px;width:max-content;max-width:100%}.growth-avatar{grid-row:1 / span 6;height:220px}.growth-avatar img{height:187px;max-width:118px}.avatar-0 img{height:169px;max-width:110px}.avatar-2 img{height:203px;max-width:125px}.growth-node .node-time{display:none}.growth-node h3{grid-row:3;font-size:18px}.growth-node>p:last-of-type{grid-row:4;font-size:13px;line-height:1.9}.career-certificate{grid-column:2;grid-row:5;font-size:12px;line-height:1.8;margin:14px 0 0;padding-top:11px;min-height:0}.level-action{grid-row:6;font-size:12px;min-width:0;margin-top:14px}.growth-detail{padding:25px 20px}.growth-detail-heading .mono{font-size:12px}.detail-years{display:block;margin:10px 0 0;font-size:14px}.growth-detail h3{font-size:21px;line-height:1.7}.detail-qualification{font-size:14px;line-height:2}.growth-detail h4{font-size:15px}.growth-detail h4>span{font-size:12px}.growth-detail li{font-size:14px;line-height:2}.growth-support-message>.mono{font-size:11px}.growth-support-message p{font-size:18px}.sample-note,.qualification-source{font-size:12px;line-height:2}.recruit-tabs button{font-size:15px}.model-banner{font-size:11px}.model-banner span{font-size:12px}.conditions>div{grid-template-columns:70px 1fr;gap:12px}.conditions dt{font-size:13px}.conditions dd{font-size:14px}.conditions dd small{font-size:12px;line-height:2}.recruit-actions .pixel-button{font-size:13px}.recruit-actions>span{font-size:12px}.faq-section>div>p:not(.stage-label){font-size:14px;max-width:240px}summary{font-size:14px;line-height:1.9}details p{font-size:14px}.entry-section h2{font-size:31px}.entry-section>.mono{font-size:11px}.entry-section>p:not(.mono){font-size:15px;line-height:2}.entry-section>small{font-size:12px}.entry-buttons .pixel-button{font-size:14px}.footer-links,.footer-links button{font-size:13px}.footer-bottom p{font-size:12px;line-height:2}.footer-bottom>.mono{font-size:9px}.mobile-cta a,.mobile-cta button{font-size:13px;padding:0 16px}.dialog-overline{font-size:12px}.dialog-copy{font-size:14px}.dialog-info{font-size:12px}.dialog ul{font-size:14px}.dialog-footer .pixel-button{font-size:13px}.quiz-choice{font-size:14px;padding:15px 12px;line-height:1.9}.quiz-choice .choice-text{font-size:14px}.quiz-first-note{font-size:11px}.quiz-next{font-size:14px;min-width:118px}.quiz-back{font-size:12px}.quiz-result>p{font-size:11px}.quiz-result>div{font-size:14px}.form-label{font-size:14px}.form-label select{font-size:16px}.form-hint{font-size:12px}.demo-confirm>p{font-size:14px}.proposal-points h3{font-size:16px}.proposal-points p{font-size:14px}.nudge-label{font-size:11px}.nudge-body p{font-size:12px}.nudge-body h2{font-size:18px}.nudge-action{font-size:13px}.nudge-later{font-size:12px}.mission-strip{display:block;margin-top:38px;padding:29px 23px;border-left-width:6px;box-shadow:4px 4px 0 #b1c5b5}.mission-eyebrow{padding:0;gap:8px;margin-bottom:23px}.mission-eyebrow>.mono{font-size:22px}.mission-eyebrow>span:last-child{font-size:14px}.mission-copy h2{font-size:27px;line-height:1.75}.mission-copy p{font-size:14px;line-height:2.1;margin-top:18px}.mission-strip .pixel-star{right:14px;top:15px;font-size:24px}}
@media(max-width:360px){.hero-kicker{font-size:10px;gap:7px}.hero-kicker>span{font-size:9px}.header .logo{font-size:16px}.header .pixel-button.small{font-size:11px;padding:6px 8px}.growth-node{grid-template-columns:91px 1fr;column-gap:10px;padding-right:12px;padding-left:5px}.growth-avatar{width:91px}.growth-avatar img{max-width:95px;height:165px}.avatar-0 img{max-width:90px;height:152px}.avatar-2 img{max-width:102px;height:185px}.growth-node h3{font-size:17px}.growth-node>p:last-of-type{font-size:13px}.career-year{font-size:13px;padding:5px 7px}.growth-instruction{font-size:11px}.growth-instruction .mono{font-size:9px}.mission-copy h2{font-size:24px}.scene-toolbar button{min-width:112px;font-size:11px}.scene-toolbar #scene-task{font-size:11px}.entry-section h2{font-size:28px}.mobile-cta a,.mobile-cta button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.workday-art,.scene-location-pin,.workday-light{transition:none}}
@media(max-width:600px){.entry-section h2{font-size:clamp(24px,7vw,30px)}.mission-strip{padding-left:18px;padding-right:18px}.mission-copy h2{font-size:clamp(20px,6vw,26px)}}
@media(max-width:600px){.hero-guide{bottom:86px}.hero-guide img{width:74px;height:100px}}
/* A moving protagonist makes locations and work a connected story. */
.story-viewport{height:390px;position:relative;overflow:hidden;isolation:isolate}.story-world{height:100%;position:absolute;top:0;left:0;will-change:transform}.story-world .workday-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 51%!important;transition:none}.story-path{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .3s;pointer-events:none}.story-is-walking .story-path{opacity:.6}.story-actor{position:absolute;top:0;left:0;width:126px;height:112px;z-index:3;pointer-events:none;will-change:transform}.story-facing,.story-sprite{width:100%;height:100%}.story-sprite{background-image:url('assets/workday-worker-atlas.png');background-repeat:no-repeat;background-size:400% 300%;image-rendering:pixelated;filter:drop-shadow(1px 2px 0 #173e4925)}.story-actor-badge{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);background:var(--navy);color:var(--cream);border:1px solid var(--cream);padding:5px 8px;font-size:11px;white-space:nowrap;box-shadow:2px 2px 0 #173e4930;z-index:4}.story-ground-shadow{position:absolute;width:34px;height:7px;border-radius:50%;left:50%;bottom:7%;transform:translateX(-50%);background:#173e4955;z-index:-1}.story-caption{padding:24px 28px;background:var(--cream);border-top:2px solid var(--navy)}.story-caption-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.story-caption-top>span:first-child{font-size:13px;font-weight:700;color:var(--teal);border-bottom:2px solid var(--orange);padding-bottom:4px}.story-caption-top>span:last-child{font-size:12px;color:#657c6b}.story-caption h3{font-size:21px;line-height:1.7;margin:0 0 12px}.story-caption>p{font-size:15px;line-height:2;margin:0;color:#476459}.story-facts{display:grid;grid-template-columns:1fr 1.6fr;gap:20px;margin:18px 0 0;padding-top:16px;border-top:1px dashed #b6c5b0}.story-facts>div{display:flex;gap:12px;align-items:start}.story-facts dt{font-size:12px;color:var(--teal);font-weight:700;flex-shrink:0;padding-top:2px}.story-facts dd{margin:0;font-size:14px;line-height:1.9}.story-scene .scene-footer{border-top:1px solid #c8d4bd}.story-scene #day-play{min-width:160px}.story-scene #day-play:disabled{background:#b1c4b4;color:#4a665b;cursor:wait}.story-is-walking .workday-light{background:#fff5db05}.story-scene .scene-progress{width:170px}.story-scene .scene-progress i{transition:width .1s linear}
@media(max-width:900px){.story-facts{grid-template-columns:1fr;gap:10px}.story-viewport{height:350px}}
@media(max-width:600px){.story-viewport{height:325px}.story-actor{width:108px;height:96px}.story-actor-badge{font-size:11px;padding:5px 7px}.story-caption{padding:22px 18px}.story-caption-top{align-items:start;gap:10px}.story-caption-top>span:first-child{font-size:12px;max-width:50%}.story-caption-top>span:last-child{font-size:11px;line-height:1.8;text-align:right;max-width:51%}.story-caption h3{font-size:18px;line-height:1.8}.story-caption>p{font-size:14px;line-height:2}.story-facts{gap:10px;padding-top:14px;margin-top:16px}.story-facts dt{font-size:12px}.story-facts dd{font-size:13px}.story-facts>div{gap:11px}.story-scene #day-play{font-size:12px;min-width:135px;max-width:155px}.story-scene .scene-toolbar p{max-width:146px}.story-scene .scene-progress{width:65px}.story-scene .workday-scene-note{font-size:10px;left:10px;bottom:10px;z-index:5;max-width:calc(100% - 20px)}}
@media(max-width:360px){.story-scene #day-play{font-size:11px;min-width:119px;padding:10px 8px}.story-scene .scene-toolbar p{max-width:125px}.story-caption{padding:20px 16px}.story-actor{width:102px;height:90.6667px}}
@media(prefers-reduced-motion:reduce){.story-world,.story-path{transition:none}.story-actor,.story-world{will-change:auto}}

/* World-space scale keeps the actor proportional on every screen. Grounded frames prevent pose jitter. */
.story-sprite{display:block;background:none;filter:saturate(.82) contrast(.88) brightness(1.04);image-rendering:pixelated}.story-ground-shadow{width:28%;height:4%;bottom:7.5%;background:#473e2e38;filter:blur(1px)}.story-actor-badge{font-size:10px;padding:3px 6px;bottom:104%;box-shadow:none;background:#173e49df}.story-path{display:none}.story-facing{transform-origin:50% 90%}

.story-task-sprite{position:absolute;inset:auto;left:-35%;bottom:0;width:170%;height:135%;image-rendering:pixelated;filter:saturate(.82) contrast(.88) brightness(1.04)}.story-task-sprite[hidden],.story-sprite[hidden]{display:none}.story-actor:has(.story-task-sprite:not([hidden])) .story-actor-badge{bottom:135%}
.story-task-sprite{width:100%;height:100%;left:10%;bottom:4%}.story-actor[data-action=meeting] .story-task-sprite{left:24%}.story-actor:has(.story-task-sprite:not([hidden])) .story-actor-badge{bottom:104%}

/* Final proof: keep Japanese controls and guidance readable, including narrow phones. */
.world-motion-toggle{font-size:12px;min-height:44px;padding:9px 12px}.speech small{font-size:12px}.hero-kicker{font-size:12px}.story-scene #day-play{min-height:44px}.scene-toolbar #scene-task{font-size:12px}.growth-instruction{font-size:12px}.story-caption-top>span:last-child{font-size:12px}
@media(max-width:600px){.world-motion-toggle{font-size:12px}.hero-kicker{font-size:12px;line-height:1.8}.speech small{font-size:12px}.growth-instruction{font-size:12px}.story-scene #day-play{font-size:12px}}
@media(max-width:360px){.header .pixel-button.small{font-size:12px}.story-scene #day-play{font-size:12px}.scene-toolbar #scene-task{font-size:12px}}
@media(min-width:601px){.hero-kicker{font-size:14px}}
@media(max-width:600px){.hero-copy{top:110px}.world-motion-toggle{top:45px;bottom:auto}}
/* Opening sequence: a new world, built in the site's own pixel palette. */
.site-loader{position:fixed;inset:0;z-index:1000;place-items:center;isolation:isolate;color:var(--cream);overscroll-behavior:contain}.boot-curtain{position:absolute;top:0;bottom:0;width:50.2%;background:#173e49;z-index:-1;transition:transform .8s cubic-bezier(.75,0,.2,1)}.boot-curtain-left{left:0;border-right:1px solid #375a60}.boot-curtain-right{right:0}.boot-content{width:min(360px,calc(100% - 56px));text-align:center;transition:opacity .25s,transform .4s}.boot-eyebrow{font:12px var(--pixel);letter-spacing:.1em;color:#b5d6c1;margin:0 0 24px}.boot-mark{width:62px;height:50px;margin:0 auto 24px;color:#ffac6e}.boot-mark svg{width:100%;height:100%}.boot-title{font-size:clamp(25px,5vw,34px);font-weight:800;line-height:1.65;letter-spacing:.06em;margin:0 0 24px}.boot-build{height:48px;display:flex;align-items:end;justify-content:center;gap:5px;margin-bottom:24px}.boot-build i{display:block;width:27px;height:calc(10px + var(--h));background:#96beaa;border-top:4px solid #fff0ca;transform:scaleY(var(--boot-progress,0));transform-origin:bottom;transition:transform .12s}.boot-build i:nth-child(1){--h:10px}.boot-build i:nth-child(2){--h:23px}.boot-build i:nth-child(3){--h:36px;background:#ff9455}.boot-build i:nth-child(4){--h:18px}.boot-build i:nth-child(5){--h:7px}.boot-meter-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font:11px var(--pixel);letter-spacing:.05em;color:#b5d6c1}.boot-meter-heading strong{font:30px/1 var(--pixel);color:var(--cream);font-variant-numeric:tabular-nums}.boot-percent-unit{font-size:15px;margin-left:4px;color:var(--cream)}.boot-meter{height:14px;padding:3px;border:1px solid #b5d6c1;box-shadow:3px 3px 0 #0b2e36;text-align:left}.boot-meter>span{display:block;width:0;height:100%;background:repeating-linear-gradient(90deg,#ff9455 0 12px,#173e49 12px 15px)}.boot-note{font-size:13px;line-height:1.8;margin:17px 0 8px;color:#d0e0ce}.boot-skip{background:transparent;color:#c1d5c4;font-size:12px;min-height:44px;padding:10px 15px;text-decoration:underline;text-underline-offset:5px}.boot-skip:focus-visible{outline-color:#ff9455}.boot-ready .boot-build i{background:#ffac6e}.boot-opening .boot-content{opacity:0;transform:translateY(-12px)}.boot-opening .boot-curtain-left{transform:translateX(-101%)}.boot-opening .boot-curtain-right{transform:translateX(101%)}
@media(max-height:580px){.boot-eyebrow,.boot-mark,.boot-title,.boot-build{margin-bottom:12px}.boot-mark{width:42px;height:34px}.boot-title{font-size:23px}.boot-build{height:32px}.boot-build i{max-height:32px}}
@media(prefers-reduced-motion:reduce){.boot-curtain,.boot-content,.boot-build i{transition:none}.boot-build i{transform:none}.boot-opening .boot-content{transform:none}.boot-opening{opacity:0}}