@font-face{font-family:"Game Kai";src:url("assets/fonts/wenkai-web.woff2") format("woff2");font-display:swap;font-weight:500}:root{--display:"Game Kai","Kaiti SC","STKaiti",serif;--body:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:#111;color:#f4f0e5;font-family:var(--body);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit}.skip{position:absolute;top:-100px;left:20px;background:#fff;color:#111;padding:10px;z-index:10}.skip:focus{top:10px}header{height:70px;position:fixed;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;padding:0 4.5%;background:linear-gradient(#111b,transparent);mix-blend-mode:normal}.brand{font-size:15px;letter-spacing:.18em}.brand:before{content:"立志";display:inline-grid;place-items:center;width:26px;height:26px;margin-right:12px;border:1px solid #d26c4f;color:#d26c4f;font-size:11px;letter-spacing:0}.development{margin-left:auto;color:#c9c2b0;font-size:11px;border:1px solid #aaa18e66;padding:3px 10px}.development:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#d26c4f;margin:0 7px 2px 0}.header nav,header nav{display:flex;gap:28px;margin-left:auto;margin-right:35px;font-size:12px;color:#d8d2c5}.header nav a:hover,header nav a:hover,footer a:hover{color:#df7960}.opening,.world,.crew,.news{scroll-snap-align:start;position:relative;min-height:100dvh;overflow:hidden}.opening{background:#152b2c;display:grid;place-items:center}.sea{position:absolute;inset:0;background-image:url('assets/world/sea.jpg');background-size:cover;background-position:center;filter:saturate(.8);transform:scale(1.03);animation:drift 18s ease-in-out infinite alternate}.opening-shade{position:absolute;inset:0;background:linear-gradient(90deg,#081718cc,#10232455 55%,#10171899),linear-gradient(0deg,#111 0%,transparent 35%,#12272788)}.opening-title{position:relative;text-align:center;margin-top:30px}.opening-title>p{font-size:11px;letter-spacing:.35em;color:#e2d8bf;margin:0 0 25px}.opening-title h1{margin:0;width:min(600px,72vw)}.opening-title h1 img{width:100%;filter:drop-shadow(0 10px 20px #0009)}.enter{display:inline-flex;align-items:center;gap:45px;margin-top:45px;padding:12px 18px;border:1px solid #d9d0b8aa;font-size:12px;letter-spacing:.12em;background:#172c2dcc}.enter:hover{background:#d26c4f;border-color:#d26c4f}.opening-foot{position:absolute;bottom:28px;left:4.5%;font-size:10px;letter-spacing:.2em;color:#c6c5bb}.side-note{position:absolute;right:4.5%;bottom:28px;font-size:10px;color:#c6c5bb;writing-mode:vertical-rl;letter-spacing:.2em}.world{min-height:760px;background:#223d3e}.world-image{position:absolute;inset:0}.world-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .3s,transform 1s}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d2021e8 0%,#112526bb 40%,transparent 75%),linear-gradient(0deg,#102222cc,transparent 50%)}.world-content{position:absolute;left:10%;top:25%;z-index:1}.section-label{font-size:10px;letter-spacing:.32em;color:#d8795c;margin:0 0 20px}.world h2{font-size:clamp(64px,10vw,140px);line-height:1;margin:0;font-weight:400;letter-spacing:.05em}.world-content>p:not(.section-label){font-size:15px;color:#ddd8c9}.world-tabs{display:flex;gap:7px;margin-top:50px}.world-tabs button{border:1px solid #c8c7b988;background:#132a2bcc;padding:9px 16px;font-size:11px;cursor:pointer}.world-tabs button[aria-pressed=true]{background:#d26c4f;border-color:#d26c4f}.asset-label{position:absolute;z-index:2;right:5%;bottom:25px;font-size:10px;color:#e3ddce88}.crew{min-height:780px;background:#e7e2d4;color:#152a2a}.crew-watermark{position:absolute;right:7%;top:9%;font-family:var(--display);font-size:180px;color:#d6d1c3;writing-mode:vertical-rl}.crew-heading{position:relative;padding:85px 8% 0}.crew-heading h2{font-size:clamp(45px,7vw,90px);font-weight:400;line-height:1;margin:0}.crew-stage{position:relative;margin:24px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5%;align-items:center;width:84%;max-width:1160px;min-height:540px}.crew-stage figure{margin:0;height:540px;position:relative;z-index:1}.crew-stage figure:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:#152a2a}.crew-stage figure img{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(10px 15px 0 #d6d1c3)}.crew-copy{padding:24px 0;position:relative;z-index:2;min-width:0}.crew-copy>span{font-size:11px;color:#65706b;letter-spacing:.08em}.crew-copy h3{font-family:var(--display);font-size:clamp(44px,6vw,78px);font-weight:400;margin:8px 0 16px;line-height:1}.crew-copy>p{max-width:330px;color:#5a6660;font-size:14px}.crew-select{display:flex;gap:8px;margin-top:34px}.crew-select button{padding:0;border:1px solid #aeb4a9;background:#ddd9cd;cursor:pointer;width:70px}.crew-select button:hover,.crew-select button[aria-pressed=true]{border-color:#d26c4f;background:#f2ead9}.crew-select button img{height:78px;width:100%;object-fit:contain;object-position:center bottom}.crew-select button span{display:block;color:#253b3a;font-size:10px;padding:5px 2px;white-space:nowrap}.news{min-height:420px;background:#142a2b;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px 12%;gap:8%}.news h2{font-family:var(--display);font-weight:400;font-size:clamp(48px,7vw,90px);margin:0}.news>div{border-left:1px solid #74837a;padding-left:35px}.date{font-size:10px;color:#d26c4f;letter-spacing:.12em}.news h3{font-family:var(--display);font-size:26px;font-weight:400;line-height:1.6;margin:20px 0}.news p:not(.date){color:#c4cdc2;font-size:13px}.news a{display:inline-block;color:#d26c4f;margin-top:20px;font-size:12px}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 5%;background:#0c1819;color:#919c91;font-size:10px;letter-spacing:.08em}footer span:first-child{color:#eee9db;font-family:var(--display);font-size:16px}@keyframes drift{to{transform:scale(1.08) translate(-1%,1%)}}@media(max-width:700px){html{scroll-padding-top:58px}header{height:58px;padding:0 6%}.brand{font-size:12px}.brand:before{width:21px;height:21px;margin-right:8px}.header nav,header nav{gap:13px;margin-right:0;font-size:10px}.development{display:none}.opening-title h1{width:84vw}.opening-title>p{font-size:9px;letter-spacing:.2em}.side-note{display:none}.opening-foot{left:6%;bottom:20px}.world-content{left:8%;top:24%}.world-shade{background:linear-gradient(90deg,#0d2021df,#11252666),linear-gradient(0deg,#102222cc,transparent 65%)}.world-tabs{flex-wrap:wrap;max-width:250px;margin-top:35px}.world-tabs button{padding:8px 13px}.asset-label{left:8%;right:auto}.crew{min-height:0;padding-bottom:32px}.crew-watermark{display:none}.crew-heading{padding:35px 8% 0}.crew-heading h2{font-size:55px}.crew-stage{display:flex;flex-direction:column;gap:0;width:84%;margin-top:16px;min-height:0}.crew-stage figure{height:clamp(240px,37dvh,310px);width:100%;margin:0}.crew-copy{width:100%;padding:20px 0 0}.crew-copy h3{margin:4px 0 10px}.crew-copy>p{margin:10px 0}.crew-select{margin-top:18px}.crew-copy h3{font-size:56px}.crew-select{gap:5px}.crew-select button{width:calc((100% - 15px)/4);min-height:44px}.crew-select button img{height:56px}.news{min-height:500px;display:block;padding:90px 8%}.news>div{margin-top:60px;padding-left:22px}footer{padding:25px 7%;flex-wrap:wrap;gap:14px}footer span:last-of-type{order:3;width:100%}}

:focus-visible{outline:2px solid #efb49e;outline-offset:5px}button:active,.enter:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}.sea{animation:none}*{transition:none!important}}

/* Typography: game lettering for display, neutral sans for small UI. */
.brand{font-family:var(--display);font-weight:500;font-size:18px;letter-spacing:.03em}.brand:before{font-family:var(--display)}
header nav{font-size:13px;letter-spacing:.04em;font-weight:500}.opening-title>p{font-size:13px;letter-spacing:.18em}.enter{font-size:14px;letter-spacing:.08em}.opening-foot,.side-note{font-size:12px;letter-spacing:.08em}
.section-label{font-size:12px;letter-spacing:.12em}.world h2{font-family:var(--display);font-weight:500;letter-spacing:.02em;line-height:1.25}.world-content>p:not(.section-label){font-size:16px;line-height:1.9;letter-spacing:.025em}.world-tabs button{font-size:13px;letter-spacing:.04em}.asset-label{font-size:12px;color:#e3ddce;background:#102222cc;padding:4px 9px}
.crew-heading h2,.crew-copy h3,.news h2{font-family:var(--display);font-weight:500;letter-spacing:.015em;line-height:1.3}.crew-heading h2,.news h2{font-size:clamp(42px,5.2vw,68px)}.crew-copy h3{font-size:clamp(42px,5vw,64px);min-height:1.3em;white-space:nowrap}.news h3{font-family:var(--body);font-size:21px;font-weight:500;letter-spacing:0;line-height:1.75;text-wrap:pretty}.crew-copy>span{font-size:13px;letter-spacing:.04em}.crew-copy>p{font-size:16px;line-height:1.9;letter-spacing:.01em;min-height:3.8em;text-wrap:pretty}.crew-select button span{font-size:12px;line-height:1.7}.date{font-size:12px;letter-spacing:.08em;font-variant-numeric:tabular-nums}.news p:not(.date),.news a{font-size:14px}footer{font-size:12px;line-height:1.8;letter-spacing:.02em}footer span:first-child{font-size:20px}
@media(max-width:700px){.brand{font-size:15px}header nav{font-size:12px;gap:12px}.opening-title>p{font-size:11px;letter-spacing:.13em}.world-content>p:not(.section-label){font-size:14px}.crew-copy>p{font-size:15px}.crew-select button span{font-size:12px}.asset-label{font-size:11px}.crew-heading h2{font-size:44px}.crew-copy h3{font-size:44px}.news h3{font-size:19px}footer{font-size:12px}}