/* Shared brand and progressive-enhancement storefront. */
:root{--ink:#142421;--ink-2:#43534d;--ink-3:#617168;--accent:#276044;--line:#dde3db;--bg:#fcfdf9;--bg-2:#f2f5ed;--max:1240px;--lime:#d2f778}
body{word-break:keep-all;overflow-wrap:break-word}a{color:inherit}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}[hidden]{display:none!important}
.wrap{padding-left:40px;padding-right:40px}.nav{height:84px;gap:22px}.logo{gap:5px;font-size:20px}.logo .mark{background:var(--ink);color:var(--lime);font:800 27px/1 Georgia,serif;width:38px;height:38px;border-radius:12px;margin-right:8px;padding-bottom:4px}.logo-light{font-weight:400}.nav ul{gap:28px}.nav a.link{font-size:14px;font-weight:600}.nav-contact{border:1px solid var(--line);border-radius:30px;padding:8px 16px;text-decoration:none;font-size:13px;font-weight:600}.nav-contact span{margin-left:8px}header{background:rgba(252,253,249,.96)}
.btn{border-radius:999px;padding:15px 24px;font-size:14px;border:0}.btn-primary{background:var(--ink);color:white}.btn-primary:hover{background:#315343}.btn-lime{background:var(--lime);color:var(--ink)}.btn-lime:hover{background:#e0ffa7}.quiet-link{text-decoration:none;font-weight:650;font-size:14px;display:inline-block}.quiet-link:hover{text-decoration:underline;text-underline-offset:5px}.eyebrow{font-size:11px;letter-spacing:.13em;color:#52664f;font-weight:700}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #407729;outline-offset:5px}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;padding:12px 20px;background:var(--ink);color:white}.skip-link:focus{top:12px}
.showcase section{padding:100px 0}.showcase h2{font-size:clamp(26px,3.1vw,39px);line-height:1.35;letter-spacing:-.045em;font-weight:750}.showcase p{line-height:1.85}.showcase-hero{border:0!important;padding:66px 0 74px!important}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.hero-copy h1{font-size:clamp(42px,5.1vw,66px);line-height:1.17;letter-spacing:-.06em;margin:23px 0 27px;font-weight:800}.hero-highlight{position:relative;isolation:isolate}.hero-highlight:after{content:'';position:absolute;left:-3px;right:-8px;bottom:3px;height:23px;background:var(--lime);z-index:-1;transform:rotate(-2deg)}.status-dot{display:inline-block;width:7px;height:7px;background:#56882c;border-radius:50%;margin-right:7px}.hero-description{font-size:16px;color:var(--ink-2)}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.hero-actions .btn span{margin-left:18px}.hero-footnote{font-size:11px;color:var(--ink-3);margin-top:27px}.hero-footnote span{padding:0 8px}
.hero-stage{height:530px;position:relative;overflow:hidden;background:#eaf0e2;border-radius:180px 180px 28px 28px;isolation:isolate}.stage-label{position:absolute;top:36px;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:.14em;color:#4c6240}.stage-label span{font-size:20px;margin-left:10px;vertical-align:middle}.orbit{position:absolute;width:520px;height:520px;border:1px solid #d3ddc7;border-radius:50%;left:-5%;top:76px;z-index:-1}.orbit-two{width:650px;height:650px;left:-19%;top:10px}.hero-phone{position:absolute;width:190px;padding:7px;background:#fff;border:1px solid #d7dfd0;border-radius:23px;box-shadow:0 22px 40px #223f2420}.hero-phone img{display:block;width:100%;height:328px;object-fit:contain;background:#f7f8f5;border-radius:17px}.hero-phone figcaption{padding:10px 4px 7px;font-size:11px;font-weight:700}.hero-phone figcaption span{font-size:9px;font-weight:400;float:right;color:#627062}.phone-back{left:30px;top:110px;transform:rotate(-10deg)}.phone-front{right:34px;top:80px;transform:rotate(8deg)}.stage-sticker{position:absolute;right:10px;bottom:48px;background:var(--lime);width:105px;height:105px;display:grid;place-content:center;text-align:center;border-radius:50%;font-size:13px;font-weight:700;transform:rotate(10deg);line-height:1.5}.stage-caption{position:absolute;bottom:16px;left:22px;font-size:9px;color:#52684b}.category-strip{background:var(--ink);color:#ecf3e9;padding:20px 0}.category-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px}.category-strip span{font-size:9px;letter-spacing:.13em;color:#bbcdb2}.category-strip p{font-size:13px}.category-strip b{color:var(--lime);margin:0 25px;font-size:17px}
.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:13px}.section-heading h2{margin:0}.section-heading>p{font-size:14px;color:var(--ink-3)}.directory-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.filter-buttons{display:flex;gap:5px}.filter-buttons button{background:transparent;border:1px solid transparent;border-radius:30px;padding:9px 21px;color:var(--ink-2);font-size:13px}.filter-buttons button[aria-pressed=true]{background:var(--ink);color:#fff}.filter-buttons button:hover{border-color:#b3c1ac}.app-search{display:flex;align-items:center;border:1px solid var(--line);border-radius:30px;padding:0 14px;gap:8px;max-width:290px;background:#fff}.app-search>span{font-size:24px;color:var(--ink-3)}.app-search input{width:225px;background:none;border:0;padding:12px 3px;font-size:12px;color:var(--ink)}.result-count{font-size:11px;color:var(--ink-3);margin-bottom:17px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.app-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:white;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.app-card:hover{border-color:#96ab87;transform:translateY(-3px)}.app-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:10px}.app-symbol{width:46px;height:46px;display:grid;place-items:center;background:#edf3e5;border-radius:13px;font-size:26px;font-weight:800;color:#314f26}.tone-clawking3d .app-symbol{background:#f2e6ff;color:#8151a9}.tone-kkalkkeum .app-symbol{background:#fcecd5;color:#a9610c}.tone-foldnote .app-symbol{background:#fce8e6;color:#ae5a4a}.tone-chosung5 .app-symbol{background:#e4eefc;color:#3f6b9b;font-size:18px}.tone-yeogi-parking .app-symbol{background:#e8f1ff;color:#315cac}.tone-rider-net .app-symbol{background:#e2f3ec;color:#267855}.tone-juyuhalkka .app-symbol{background:#ffefdc;color:#ae6e23}.tone-gyodae-hannun .app-symbol{background:#e9eafa;color:#5d62a3;font-size:19px}.app-category{font-size:10px;color:var(--ink-3)}.app-card h3{font-size:23px;letter-spacing:-.035em;margin-bottom:5px}.app-card h3 a{text-decoration:none}.app-promise{font-size:13px;color:#344535;font-weight:650;margin-bottom:12px}.app-description{font-size:12px;color:var(--ink-3);flex:1}.app-card-links{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #edf0e9;margin-top:25px;padding-top:16px}.app-card-links a{font-size:11px;text-decoration:none;font-weight:700}.app-card-links a:hover{text-decoration:underline}.app-card-links a:last-child{color:#64725b}.empty-results{padding:50px;text-align:center;border:1px dashed var(--line);border-radius:18px}.empty-results p{margin:12px 0 20px;color:var(--ink-3)}
.game-section{background:#192d27;color:white;border:0!important;overflow:hidden}.game-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}.game-copy .eyebrow{color:#b5d897;margin-bottom:22px}.game-copy h2{font-size:clamp(34px,4.1vw,54px)}.game-name{font-size:19px;font-weight:700;color:var(--lime);margin:22px 0 8px}.game-copy>p:not(.eyebrow):not(.game-name){font-size:14px;color:#c1d0c8}.game-features{display:flex;list-style:none;gap:8px;flex-wrap:wrap;margin-top:22px}.game-features li{border:1px solid #4b6052;border-radius:20px;padding:5px 12px;font-size:10px;color:#d2dfd0}.game-copy .cta{align-items:center;margin-top:28px;gap:22px}.game-detail-link{color:#e9f1e3;text-decoration:none;font-size:13px}.game-copy small{display:block;font-size:10px;color:#a5b9a9;margin-top:20px}.game-visual{position:relative;text-align:center}.game-visual img{width:230px;max-height:425px;object-fit:contain;border-radius:20px;border:7px solid #f5f8ee;box-shadow:15px 20px 0 #30483b;position:relative;transform:rotate(5deg)}.game-visual figcaption{font-size:10px;color:#b4c6b7;margin-top:25px}.game-star{position:absolute;left:-22px;top:50px;color:var(--lime);font-size:330px;line-height:1;opacity:.8}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.guide-tile{display:flex;align-items:center;gap:20px;text-decoration:none;padding:26px 0;border-top:1px solid var(--line)}.guide-number{font:italic 25px Georgia,serif;color:#8d9f80}.guide-tile>div{flex:1}.guide-tile .eyebrow{font-size:10px}.guide-tile h3{font-size:15px;line-height:1.65;margin-top:5px;font-weight:650}.guide-tile:hover h3{text-decoration:underline;text-underline-offset:4px}.stories-section{background:#f0f3eb}.stories-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:80px}.stories-layout .eyebrow{margin-bottom:17px}.stories-layout>div>p:not(.eyebrow){font-size:14px;color:var(--ink-3);margin:20px 0}.stories-layout .quiet-link{margin-top:10px}.story-list>a{display:grid;grid-template-columns:85px 1fr 12px;align-items:center;gap:16px;border-bottom:1px solid #d7dfce;padding:21px 0;text-decoration:none}.story-list>a:first-child{padding-top:0}.story-list>a>span:first-child{font-size:11px;color:var(--ink-3)}.story-list strong{font-size:13px;font-weight:600;line-height:1.7}.story-list a:hover strong{text-decoration:underline}.about-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:100px;align-items:center;max-width:1040px}.about-mark{width:210px;height:210px;border-radius:50%;background:var(--lime);display:grid;place-content:center;font:bold italic 135px Georgia,serif;position:relative;padding-bottom:25px}.about-mark span{position:absolute;right:41px;bottom:36px}.about-layout .eyebrow{margin-bottom:17px}.about-layout p:not(.eyebrow){color:var(--ink-3);font-size:14px;line-height:2;max-width:520px}.about-layout .quiet-link{margin-top:25px}.contact-section{background:#e6eddd;text-align:center}.contact-section .eyebrow{margin-bottom:16px}.contact-section p:not(.eyebrow){font-size:14px;color:var(--ink-3)}.contact-email{display:inline-block;margin-top:27px;font-size:clamp(20px,3vw,36px);font-weight:650;letter-spacing:-.035em;text-decoration:none;border-bottom:1px solid #9aa88d}.contact-email span{margin-left:18px}footer{background:#fcfdf9;font-size:11px;padding:40px 0;color:#70806b}footer .biz{gap:6px 25px}footer .legal{font-size:11px}
/* Existing detail pages retain their content and URLs. */
.app-detail .hero{background:#edf2e7;padding:60px 0;border:0}.app-detail .hero .detail{max-width:1100px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:0 55px;align-items:start}.app-detail .hero .detail>.eyebrow,.app-detail .hero .detail>h1,.app-detail .hero .detail>.lede,.app-detail .hero .detail>.cta{grid-column:1}.app-detail h1{font-size:clamp(28px,3.4vw,44px);line-height:1.3}.app-detail .detail-screenshot{grid-column:2;grid-row:1/6;text-align:center}.detail-screenshot img{max-height:420px;max-width:235px;object-fit:contain;border:6px solid #fff;border-radius:18px;box-shadow:0 18px 45px #223b2420}.detail-screenshot figcaption{font-size:10px;color:var(--ink-3);margin-top:13px;line-height:1.6}.app-detail .hero .detail:not(:has(.detail-screenshot)){display:block;max-width:900px}.app-detail section{padding:55px 0}.app-detail h3{font-size:19px;color:#315533}.app-detail .detail p{color:var(--ink-2)}.app-detail .detail-blog{padding-top:32px;padding-bottom:50px}.detail-blog a{font-size:18px;font-weight:600;text-underline-offset:5px}.app-detail .related a{padding:7px 12px;border:1px solid var(--line);border-radius:22px;text-decoration:none;font-size:13px}.app-detail .breadcrumb{font-size:12px;padding-bottom:20px}.app-detail .hero .cta{margin-top:22px}
@media(min-width:1500px){.hero-stage{height:555px}.phone-back{left:44px}.phone-front{right:48px}}
@media(max-width:1000px){.wrap{padding-left:28px;padding-right:28px}.hero-layout{gap:25px}.hero-stage{height:470px}.hero-phone{width:160px}.hero-phone img{height:278px}.phone-back{left:16px;top:117px}.phone-front{right:16px;top:90px}.stage-sticker{width:85px;height:85px;bottom:42px;font-size:11px}.hero-copy h1{font-size:50px}.hero-description{font-size:14px}.hero-actions{gap:16px}.hero-actions .quiet-link{font-size:12px}.app-card{padding:21px}.app-promise{font-size:12px}.stories-layout{gap:40px}.about-layout{gap:45px}.category-strip b{margin:0 13px}.nav ul{gap:16px}.nav a.link{font-size:12px}}
@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.nav{height:72px;flex-wrap:wrap;justify-content:space-between;gap:0}.logo{font-size:16px}.logo .mark{width:31px;height:31px;font-size:24px}.nav-contact{font-size:11px;padding:6px 12px}.nav ul{display:flex!important;order:3;width:100%;justify-content:space-between;padding-bottom:9px;gap:10px}.nav a.link{font-size:11px}.nav .logo{margin-top:7px;margin-bottom:6px}.showcase section{padding:64px 0}.showcase-hero{padding:44px 0 36px!important}.hero-layout{grid-template-columns:1fr;gap:34px}.hero-copy h1{font-size:49px;margin-top:18px}.hero-description{font-size:14px}.hero-footnote{margin-top:21px}.hero-stage{height:470px;border-radius:130px 130px 20px 20px;max-width:480px;width:100%;margin:auto}.hero-phone{width:175px}.hero-phone img{height:303px}.phone-back{left:calc(50% - 166px);top:100px}.phone-front{right:calc(50% - 167px);top:72px}.stage-label{top:27px}.stage-sticker{right:8px;bottom:28px}.stage-caption{bottom:9px;font-size:8px}.category-strip .wrap{display:block;text-align:center}.category-strip span{display:none}.category-strip p{font-size:10px}.category-strip b{margin:0 7px;font-size:12px}.section-heading{display:block;margin-bottom:26px}.section-heading>p{margin-top:15px;font-size:12px}.section-heading>.quiet-link{margin-top:16px}.directory-controls{display:block}.filter-buttons{justify-content:space-between;margin-bottom:16px}.filter-buttons button{padding:8px 17px;font-size:12px}.app-search{max-width:none}.app-search input{width:100%;font-size:13px}.app-grid{grid-template-columns:1fr 1fr;gap:12px}.app-card{padding:19px}.app-card-top{display:block;margin-bottom:14px}.app-category{display:block;margin-top:10px;font-size:9px}.app-card h3{font-size:21px}.app-promise{font-size:12px}.app-description{font-size:11px}.app-card-links{flex-direction:column;gap:10px;margin-top:17px}.game-layout{grid-template-columns:1fr;gap:38px}.game-copy h2{font-size:37px}.game-copy>p:not(.eyebrow):not(.game-name){font-size:13px}.game-star{left:calc(50% - 160px);top:38px;font-size:310px}.game-visual img{width:210px}.guide-grid{grid-template-columns:1fr}.guide-tile{padding:21px 0}.guide-tile h3{font-size:14px}.stories-layout{grid-template-columns:1fr;gap:28px}.stories-layout h2 br{display:none}.story-list>a{grid-template-columns:68px 1fr 12px;gap:12px;padding:18px 0}.story-list strong{font-size:12px}.story-list>a>span:first-child{font-size:10px}.about-layout{grid-template-columns:1fr;gap:27px}.about-mark{width:120px;height:120px;font-size:80px;padding-bottom:20px}.about-mark span{right:22px;bottom:18px}.contact-email{font-size:24px}.app-detail .hero .detail{display:flex;flex-direction:column;gap:0}.app-detail .detail-screenshot{align-self:center;margin-top:35px}.app-detail .hero{padding:38px 0}.app-detail .lede{font-size:15px}.app-detail .nav{height:78px}.app-detail section{padding:40px 0}}
@media(max-width:380px){.wrap{padding-left:18px;padding-right:18px}.hero-copy h1{font-size:43px}.hero-stage{height:426px}.hero-phone{width:151px}.hero-phone img{height:262px}.phone-back{left:calc(50% - 141px);top:102px}.phone-front{right:calc(50% - 142px);top:76px}.filter-buttons button{padding:8px 14px}.app-grid{grid-template-columns:1fr}.app-card-top{display:flex}.app-category{margin:0}.app-card-links{flex-direction:row}.category-strip p{font-size:9px}.category-strip b{margin:0 4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-card{transition:none}.app-card:hover{transform:none}}
/* Readable feature summaries and small-phone cards. */
:root{--ink:#172638}
.game-section{background:#182839}
.app-detail .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}
.feature-grid article{padding:22px;border:1px solid var(--line);border-radius:15px;background:#fcfdf9}
.app-detail .feature-grid h3{margin-top:0;font-size:17px}
.app-detail .feature-grid p{font-size:14px}
@media(max-width:520px){.app-grid{grid-template-columns:1fr}.app-card{padding:24px}.app-card-top{display:flex}.app-category{font-size:11px;margin:0}.app-card h3{font-size:24px}.app-promise{font-size:14px}.app-description{font-size:13px}.app-card-links{flex-direction:row}.app-card-links a{font-size:12px;padding:5px 0}.app-detail .feature-grid{grid-template-columns:1fr}.hero-stage{height:448px}.hero-phone{width:160px}.hero-phone img{height:277px}.phone-back{left:calc(50% - 146px)}.phone-front{right:calc(50% - 146px)}}