
:root{--ink:#153e3a;--muted:#5b706a;--paper:#f5f3e9;--lime:#d9edaa;--line:#d5ddd1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Malgun Gothic",Arial,sans-serif;line-height:1.75}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid #af6a25;outline-offset:6px}.skip{position:absolute;top:-100px;background:white;padding:14px;z-index:5}.skip:focus{top:0}.preview{background:#e6eada;text-align:center;font-size:12px;padding:7px 18px;color:#40574c}header{border-bottom:1px solid var(--line)}.nav{max-width:1200px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-size:25px;letter-spacing:-1.5px;font-weight:900}.brand i{display:inline-grid;place-items:center;border:2px solid currentColor;border-radius:50%;font-style:normal;width:34px;height:34px;margin-right:9px;font-size:22px}.nav nav{display:flex;gap:30px;font-size:14px}.nav nav a{text-decoration:none}.nav nav a:hover{text-decoration:underline}main{min-height:60vh}.wrap{max-width:1200px;padding:0 32px;margin:auto}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;padding-top:70px;padding-bottom:80px}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(38px,4.9vw,66px);line-height:1.24;letter-spacing:-3px;margin:25px 0}.hero p{color:var(--muted);max-width:430px;font-size:17px;word-break:keep-all}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;border-radius:5px;background:var(--ink);color:white;padding:13px 23px;text-decoration:none;font-size:14px;font-weight:bold}.button.light{background:transparent;border:1px solid #91a79b;color:var(--ink)}.hero-art{position:relative;min-height:510px;border-radius:140px 140px 12px 12px;background:#d5e7dc;display:flex;justify-content:center;align-items:center;padding:28px;overflow:hidden}.hero-art:before{content:'♣';position:absolute;font-size:370px;color:#b7d2c2;line-height:1;left:-40px;bottom:-30px;transform:rotate(-15deg)}.phone{position:relative;width:245px;max-width:100%;border:7px solid #163f3c;border-radius:28px;box-shadow:20px 24px 0 #b7cfc0;transform:rotate(7deg);overflow:hidden;background:#163f3c}.phone img{width:100%;height:auto;display:block}.art-caption{font-size:11px;margin:14px 0 0;text-align:right;color:var(--muted)}.section{padding:75px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}h2{font-size:34px;line-height:1.4;letter-spacing:-1.3px;margin:10px 0}h3{font-size:21px;margin:8px 0}p{word-break:keep-all}.section-heading p{color:var(--muted);font-size:14px}.game{display:grid;grid-template-columns:1fr 1fr;background:#e6ebdc;border:1px solid #d4dccd;border-radius:10px;overflow:hidden}.game-visual{min-height:350px;background:#b8d8cf;overflow:hidden;position:relative;display:flex;justify-content:center}.game-visual img{width:220px;max-width:65%;margin-top:32px;border-radius:18px 18px 0 0;box-shadow:20px 0 50px #408e8945;object-fit:cover;object-position:top;height:340px}.game-copy{padding:48px}.tag{display:inline-block;font-size:12px;border:1px solid #98b4a0;border-radius:30px;padding:3px 13px}.game-copy h3{font-size:32px;margin:20px 0 12px}.game-copy p{color:var(--muted)}.links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.links a{padding:27px 22px;text-decoration:none;border-right:1px solid var(--line)}.links a:last-child{border:0}.links a:hover{background:#e8eddf}.links span{display:block;color:var(--muted);font-size:13px;margin-top:8px}.links b{font-size:17px}.support-callout{background:var(--ink);color:var(--paper);padding:45px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:8px}.support-callout p{color:#cad9cd}.support-callout a{white-space:nowrap;color:var(--lime)}footer{margin-top:40px;background:#e9ecdf;padding:42px 0;font-size:12px;color:var(--muted)}.foot-top{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:24px}.foot-top nav{display:flex;flex-wrap:wrap;gap:22px}.foot-top nav a{text-decoration:none}.foot-top nav a:hover{text-decoration:underline}.foot-top .brand{font-size:20px;color:var(--ink)}footer p{margin:5px 0}.page-head{padding:65px 0 30px}.page-head h1{font-size:46px;letter-spacing:-2px;line-height:1.3}.crumb{font-size:12px;color:var(--muted)}.doc{max-width:830px;padding-bottom:60px}.doc h2{font-size:23px;margin-top:40px}.doc p,.doc li{font-size:15px;color:#354f46}.notice{border-left:4px solid #a88637;padding:18px 22px;background:#eeead6;font-size:14px;color:#5d5436;margin:22px 0}.toc{background:#e8eddf;padding:22px 30px;border-radius:6px}.toc a{margin-right:25px;display:inline-block;font-size:14px}table{border-collapse:collapse;width:100%;font-size:14px;margin:24px 0}th,td{text-align:left;border:1px solid #cdd6c7;padding:15px;vertical-align:top}th{background:#e8eddf}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:bold}.contact-email{font-size:clamp(17px,3vw,27px);overflow-wrap:anywhere}.wide-shot{width:270px;height:auto;max-width:100%;border-radius:20px;display:block;margin:30px auto}.step{padding:18px 0;border-bottom:1px solid var(--line)}.step b{display:block;font-size:18px}
@media(max-width:760px){.nav{padding:18px 20px;gap:15px;flex-wrap:wrap}.nav nav{gap:21px;font-size:13px}.brand{font-size:22px}.wrap{padding:0 22px}.hero{grid-template-columns:1fr;gap:30px;padding-top:42px;padding-bottom:48px}.hero h1{letter-spacing:-2px}.hero p{font-size:16px}.hero-art{min-height:410px;border-radius:100px 100px 10px 10px}.phone{width:200px}.section{padding:45px 0}.section-heading{display:block}h2{font-size:28px}.game{grid-template-columns:1fr}.game-copy{padding:28px}.game-visual{min-height:280px}.game-visual img{height:280px;width:180px}.links{grid-template-columns:1fr}.links a{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.support-callout{padding:27px;display:block}.foot-top{display:block}.foot-top nav{gap:15px;margin-top:22px}.page-head{padding-top:40px}.page-head h1{font-size:35px}.doc table{font-size:12px}th,td{padding:10px}.preview{font-size:11px}.art-caption{text-align:center}}

/* Selected identity B and promotional illustration */
.brand{display:inline-flex;align-items:center;gap:10px;letter-spacing:-1px}.brand img{display:block;flex-shrink:0}
.hero{grid-template-columns:1fr 1.1fr;gap:48px}.hero h1{font-size:clamp(38px,4.4vw,60px);line-height:1.3}.hero p{font-size:16px}
.hero-art{min-height:0;padding:0;border-radius:12px;background:#ede6d6;aspect-ratio:1.12;overflow:hidden}.hero-art:before{content:none}.hero-illustration{display:block;width:100%;height:100%;object-fit:cover;object-position:62% center}
.game-visual{min-height:330px;background:#eee8d9}.game-visual img{width:100%;max-width:100%;height:100%;position:absolute;inset:0;margin:0;border-radius:0;box-shadow:none;object-fit:cover;object-position:center}
.wide-shot{width:100%;max-width:830px;border-radius:10px}.hero-art .phone{display:none}
.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:32px 0}.concept-card{border:1px solid var(--line);padding:26px;background:#faf9f2;border-radius:8px}.concept-card h2{font-size:22px}.concept-card p{font-size:14px;color:var(--muted)}.concept-lockup{display:flex;align-items:center;gap:13px;font-family:Arial,sans-serif;font-size:29px;font-weight:700;letter-spacing:-1px;min-height:150px}.concept-lockup img{width:58px;height:58px}.concept-sizes{display:flex;align-items:center;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.concept-sizes img{display:block}.concept-inverse{background:var(--ink);color:var(--paper);padding:18px;margin-top:20px;border-radius:5px;font-family:Arial,sans-serif;font-size:22px;font-weight:bold;display:flex;align-items:center;gap:12px}.concept-inverse img{width:32px;height:32px}.concept-link{font-size:13px}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:28px}.hero-art{min-height:0;aspect-ratio:1.25;border-radius:10px}.hero h1{font-size:40px}.hero p{font-size:15px}.game-visual{min-height:270px}.game-visual img{width:100%;height:100%}.concept-grid{grid-template-columns:1fr}.concept-lockup{min-height:100px}}

.hero h1{font-size:clamp(36px,3.8vw,50px)}@media(max-width:760px){.hero h1{font-size:38px}}
