:root{color-scheme:light;--paper:#f6f5ef;--ink:#183b35;--muted:#68746b;--line:#d9ddd3;--gold:#a88148;--white:#fff;--serif:"Noto Serif TC","PMingLiU","Songti TC",serif;--sans:system-ui,-apple-system,"Segoe UI","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px;border-radius:3px}a:hover{text-decoration:underline;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:20px;top:-80px;background:var(--ink);color:white;padding:12px 24px;z-index:10}.skip:focus{top:10px}.header{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-size:23px;font-weight:650;letter-spacing:.12em;line-height:1.2}.brand:hover{text-decoration:none}.brand small{display:block;margin-top:9px;font-size:11px;font-weight:400;letter-spacing:.13em}.brand-mark{display:grid;place-items:center;flex-shrink:0;width:45px;height:48px;border:1px solid var(--ink);font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:0}.header nav{display:flex;align-items:center;gap:30px;font-size:14px}.language{border-left:1px solid var(--line);padding-left:28px;font-size:13px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding-block:64px 68px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.2em;margin:0 0 25px;display:flex;align-items:center;gap:10px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--gold)}h1,h2,p,figure{margin-top:0}h1{font-family:var(--serif);font-size:clamp(38px,4.25vw,64px);font-weight:400;line-height:1.5;letter-spacing:.015em;margin-bottom:25px}h2{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.45;letter-spacing:.025em;margin-bottom:16px}.intro{font-size:16px;line-height:2;color:var(--muted);margin-bottom:31px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:52px;padding:12px 23px;font-size:14px;font-weight:500;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{text-decoration:none;transform:translateY(-2px)}.primary{background:var(--ink);color:white}.primary:hover{background:#275248}.text-link{display:inline-flex;gap:15px;font-size:14px}.hero-location{font-size:10px;letter-spacing:.16em;color:var(--muted);margin:54px 0 0;display:flex;gap:18px}.hero-art{margin:0;position:relative;height:492px;isolation:isolate;overflow:hidden;border-radius:160px 5px 5px 5px;background:#173c35}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#082d22bf);z-index:1}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:69% center}.hero-art figcaption{position:absolute;bottom:40px;left:38px;right:24px;z-index:2;display:flex;flex-direction:column;color:#fff6d9}.art-tag{font-size:10px;letter-spacing:.2em;opacity:.85}.hero-art strong{font-family:var(--serif);font-size:42px;font-weight:400;letter-spacing:.13em;line-height:1.6}.hero-art figcaption>span:last-child{font-size:12px;letter-spacing:.1em;opacity:.85}.art-number{position:absolute;right:21px;top:24px;z-index:2;color:#fff9e7;font-size:9px;letter-spacing:.16em;writing-mode:vertical-rl}.section{padding-block:70px;display:grid;grid-template-columns:.85fr 1.3fr;gap:85px}.about{border-top:1px solid var(--line)}.about-text{font-size:18px;line-height:2.1;margin:9px 0 0;color:#4a5e53}.game-band{background:var(--ink);color:#f8f6e9}.game-inner{padding-block:66px;display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.game-inner .eyebrow{color:#c0cdb9}.game-inner h2{font-size:36px;line-height:1.6}.game-signature{margin:28px 0 0;font-family:var(--serif);font-size:16px;letter-spacing:.12em;color:#e0c494}.game-signature span{font-family:var(--sans);font-size:9px;margin-left:16px;white-space:nowrap}.game-detail>p{font-size:15px;line-height:2;color:#d1dccf;margin:9px 0 22px}.tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 28px}.tags li{font-size:11px;color:#dae0d4;border:1px solid #537165;border-radius:30px;padding:4px 13px}.light{background:#ecebdc;color:var(--ink);min-width:172px}.light:hover{background:white}.game-legal{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#d4dcca;margin-top:20px}.muted{color:var(--muted);font-size:13px}.company-details{margin:0}.company-details>div{padding:18px 0;display:grid;grid-template-columns:140px 1fr;gap:20px;border-bottom:1px solid var(--line)}.company-details>div:first-child{padding-top:6px}.company-details dt{font-size:12px;color:var(--muted)}.company-details dd{margin:0;font-size:15px;overflow-wrap:anywhere}.company-details address{font-style:normal}.company-details a{display:inline-flex;align-items:center;gap:12px}.address-translation{display:block;font-size:12px;color:var(--muted);margin-top:8px}.contact{display:flex;align-items:center;justify-content:space-between;gap:45px;border-top:1px solid var(--line);padding-block:54px 58px}.contact .eyebrow{margin-bottom:16px}.contact h2{font-size:30px}.contact p:last-child{font-size:13px;color:var(--muted);margin-bottom:0}.contact-mail{display:inline-flex;align-items:center;gap:24px;font-family:var(--serif);font-size:clamp(20px,2.2vw,30px);border-bottom:1px solid var(--gold);padding-bottom:8px;white-space:nowrap}.footer{padding-block:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.footer p{margin:0}.footer p>span{margin-left:15px}.footer>a{white-space:nowrap}.not-found{padding-block:100px}.not-found h1{font-size:40px}html[lang=en] h1{font-size:clamp(36px,4vw,58px);line-height:1.22;letter-spacing:-.025em}html[lang=en] .hero-art strong{font-size:34px;letter-spacing:.02em}html[lang=en] .company-details>div{grid-template-columns:150px 1fr}
@media(min-width:1500px){.hero{padding-block:75px 80px}.hero-art{height:530px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header nav{gap:20px}.hero{gap:34px}.hero-art{height:450px}.hero-copy .actions{gap:20px}.section{gap:45px;grid-template-columns:.7fr 1.3fr}.game-inner{gap:50px}.contact{align-items:flex-start;flex-direction:column;gap:24px}.contact-mail{font-size:27px}.company-details>div{grid-template-columns:100px 1fr;gap:12px}}
@media(max-width:740px){.wrap{width:calc(100% - 40px)}.header{min-height:95px;flex-wrap:wrap;padding-block:20px 16px;gap:19px}.brand{font-size:20px;gap:11px}.brand small{font-size:10px;letter-spacing:.09em}.brand-mark{width:37px;height:41px;font-size:24px}.header nav{width:100%;justify-content:space-between;gap:12px;font-size:12px}.language{padding-left:16px;font-size:12px}.hero{grid-template-columns:1fr;padding-block:39px 38px;gap:28px}.hero .eyebrow{margin-bottom:20px}h1{font-size:44px;line-height:1.43;margin-bottom:20px}.intro{font-size:14px;margin-bottom:25px}.hero-location{margin-top:29px;font-size:8px;gap:10px}.hero-art{height:355px;border-radius:100px 4px 4px 4px}.hero-art>img{object-position:center}.hero-art figcaption{left:26px;bottom:27px}.hero-art strong{font-size:36px}.hero-art figcaption>span:last-child{font-size:11px}.section{grid-template-columns:1fr;padding-block:40px;gap:8px}.eyebrow{font-size:10px;margin-bottom:18px}h2{font-size:28px}.about-text{font-size:16px;margin-top:0}.game-inner{padding-block:42px;grid-template-columns:1fr;gap:22px}.game-inner h2{font-size:30px}.game-signature{margin-top:18px}.game-detail>p{font-size:14px}.company-details>div{padding-block:15px;grid-template-columns:90px 1fr;gap:12px}.company-details dd{font-size:14px}.company-details dt{font-size:11px}.company-details>div:first-child{padding-top:12px}.contact{padding-block:38px;gap:24px}.contact h2{font-size:27px}.contact-mail{font-size:24px;gap:16px;max-width:100%}.contact p:last-child{font-size:13px}.footer{align-items:flex-start;font-size:10px}.footer p>span{display:block;margin-left:0;margin-top:3px}.footer>a{padding-top:2px}html[lang=en] h1{font-size:42px;line-height:1.25}html[lang=en] .hero-art strong{font-size:32px}html[lang=en] .company-details>div{grid-template-columns:110px 1fr}}
@media(max-width:360px){h1{font-size:38px}.actions{gap:18px}.button{gap:24px;padding-inline:18px}.contact-mail{font-size:21px}html[lang=en] h1{font-size:36px}.game-signature span{margin-left:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}