:root{--ink:#202037;--muted:#676779;--purple:#4d3bd1;--purple-dark:#342499;--lavender:#f1efff;--orange:#f69a56;--mint:#62c5a7;--line:#e9e7ee;--cream:#fbfaf7;--white:#fff;--shadow:0 14px 40px #2c246017}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(1120px,100% - 40px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);z-index:10;background:#fffffff5;height:82px;position:relative}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:11px;font-weight:800;line-height:1.15;display:flex}.brand small{color:#868394;letter-spacing:.08em;margin-top:5px;font-size:10px;font-weight:500;display:block}.brand-mark{background:var(--purple);color:#fff;border-radius:12px;place-items:center;width:39px;height:39px;font-family:Georgia,serif;font-size:24px;display:grid;transform:rotate(-4deg)}nav{gap:34px;font-size:14px;font-weight:600;display:flex}.site-header nav a:hover{color:var(--purple)}.hero{background:linear-gradient(120deg,#f6f3ff 0%,#fffaf2 100%);padding:84px 0 82px;overflow:hidden}.hero-grid{grid-template-columns:1.12fr .88fr;align-items:center;min-height:440px;display:grid}.eyebrow,.kicker{color:var(--purple);letter-spacing:.18em;font-family:Arial,sans-serif;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.045em;margin:18px 0 24px;font-size:clamp(40px,5.3vw,70px);line-height:1.24}.hero h1 em{color:var(--purple);font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--orange);opacity:.4;z-index:-1;border-radius:10px;height:9px;position:absolute;bottom:1px;left:2px;right:0}.hero p{max-width:590px;color:var(--muted);font-size:16px}.hero-actions{gap:13px;margin-top:32px;display:flex}.button{border-radius:10px;justify-content:center;align-items:center;min-height:50px;padding:0 25px;font-size:14px;font-weight:700;display:inline-flex}.button.primary{background:var(--purple);color:#fff;box-shadow:0 8px 18px #4d3bd133}.button.primary:hover{background:var(--purple-dark)}.button.secondary{background:#fff;border:1px solid #d9d4eb}.hero-visual{place-items:center;height:430px;display:grid;position:relative}.phone{background:#25243a;border-radius:38px;width:235px;height:405px;padding:10px;transform:rotate(4deg);box-shadow:0 28px 55px #3a2d7a33}.phone:before{content:"";background:#25243a;border-radius:0 0 12px 12px;width:70px;height:17px;display:block;position:absolute;top:8px;left:82px}.phone-screen{text-align:center;background:linear-gradient(145deg,#e9e4ff,#fff);border-radius:29px;flex-direction:column;justify-content:center;align-items:center;gap:17px;height:100%;display:flex}.mini-pill{letter-spacing:.12em;color:var(--purple);background:#fff;border-radius:20px;padding:7px 10px;font:700 9px Arial}.pixel-orb{background:var(--purple);color:#fff;border-radius:28px 50% 33px;place-items:center;width:84px;height:84px;font-size:38px;display:grid;box-shadow:13px 9px #f6a465}.phone-screen b{font-size:19px;line-height:1.45}.mini-options{gap:7px;display:flex}.mini-options i{background:#fff;border:1px solid #ded9ef;border-radius:7px;padding:6px 9px;font-size:9px;font-style:normal}.float-chip{box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:10px 15px;font-size:12px;font-weight:700;position:absolute}.chip-one{color:#208a70;top:95px;left:0}.chip-two{color:#d06b2e;top:160px;right:2px}.chip-three{color:var(--purple);bottom:50px;left:30px}.trust-strip{border-block:1px solid var(--line);background:#fff}.trust-strip .wrap{color:#68667b;justify-content:center;align-items:center;gap:56px;min-height:60px;font-size:13px;display:flex}.section{padding-top:92px;padding-bottom:92px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:34px;display:flex}.section-heading h2,.choice h2,.mission h2{letter-spacing:-.02em;margin-top:7px;font-size:32px;line-height:1.4}.section-heading>a,.text-link,.mission a{color:var(--purple);font-size:14px;font-weight:700}.cards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.article-card{border:1px solid var(--line);background:#fff;border-radius:16px;transition:all .2s;overflow:hidden}.article-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.card-art{background:#e9e6ff;place-items:center;height:170px;display:grid;position:relative;overflow:hidden}.card-art:before,.article-cover:before{content:"";border:25px solid #ffffffa6;border-radius:25px;width:90px;height:90px;transform:rotate(18deg)}.card-art:after{content:"";background:#ffffff8c;border-radius:50%;width:50px;height:50px;position:absolute;top:23px;right:36px}.card-art span{color:#fff;background:#202037b8;border-radius:20px;padding:4px 10px;font-size:11px;position:absolute;bottom:15px;left:18px}.art-beginner{background:linear-gradient(140deg,#6d58df,#9c8cf1)}.art-game-choice{background:linear-gradient(140deg,#ef9151,#f5bd73)}.art-free-to-play{background:linear-gradient(140deg,#40aa8a,#8ed7c2)}.art-rpg{background:linear-gradient(140deg,#4b3a9e,#846fd2)}.art-idle{background:linear-gradient(140deg,#5c8bad,#9bcbd3)}.art-simulation{background:linear-gradient(140deg,#d06868,#eca284)}.card-body{padding:20px}.tag{color:var(--purple);background:var(--lavender);border-radius:5px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.card-body h3{margin:12px 0 9px;font-size:17px;line-height:1.55}.card-body h3 a:hover,.list-articles h3 a:hover{color:var(--purple)}.card-body>p{color:var(--muted);font-size:13px;line-height:1.7}.card-meta{border-top:1px solid var(--line);color:#9692a2;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;font-size:11px;display:flex}.read-more{color:var(--purple);font-size:12px;font-weight:700}.choice{color:#fff;background:#27263d}.choice-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px;display:grid}.choice .kicker{color:#9e91ff}.choice p{color:#bdbbc9}.choice .text-link{color:#c3baff;margin-top:24px;display:inline-block}.choice ol{grid-template-columns:1fr 1fr;gap:12px;list-style:none;display:grid}.choice li{background:#333247;border:1px solid #444258;border-radius:12px;align-items:center;gap:16px;padding:22px;display:flex}.choice li>span{color:#8f83e6;font:700 13px Arial}.choice li b{font-size:15px}.choice li p{font-size:12px}.category-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.category{background:#f7f5ff;border:1px solid #0000;border-radius:14px;flex-direction:column;min-height:160px;padding:22px;display:flex;position:relative}.category:hover{border-color:#cfc8ef}.category-icon{color:var(--purple);font-size:28px}.category b{margin-top:13px}.category small{color:var(--muted);font-size:11px}.category i{font-style:normal;position:absolute;bottom:17px;right:20px}.c1,.c5{background:#fff4ea}.c2,.c6{background:#edf9f5}.c4,.c7{background:#f0f5fb}.list-articles article{border-top:1px solid var(--line);grid-template-columns:105px 95px 1fr 20px;align-items:center;gap:15px;padding:20px 5px;display:grid}.list-articles article:last-child{border-bottom:1px solid var(--line)}.list-articles time{color:#92909e;font-size:12px}.list-articles h3{font-size:15px}.mission{text-align:center;background:linear-gradient(135deg,#eeebff,#fff6ea);padding:78px 0}.mission h2{margin:8px 0 16px}.mission p{max-width:730px;color:var(--muted);margin:0 auto}.mission a{margin-top:22px;display:inline-block}.site-footer{color:#d8d6e1;background:#1f1e31;padding:62px 0 22px}.footer-grid{grid-template-columns:1fr 240px;gap:50px;display:grid}.footer-brand{color:#fff;margin-bottom:10px;font-size:22px;font-weight:800}.footer-grid p{color:#aaa8b8;font-size:13px}.footer-grid>div:last-child{gap:8px;display:grid}.footer-grid strong{color:#fff;margin-bottom:5px}.footer-grid a{font-size:12px}.footer-grid a:hover{color:#b9adff}.copyright{color:#777587;border-top:1px solid #37364b;margin-top:38px;padding-top:20px;font-size:10px}.breadcrumbs{padding:28px 0 0;display:block}.breadcrumbs ol{color:#858291;flex-wrap:wrap;gap:8px;font-size:11px;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";color:#c2bfca;margin-right:8px}.archive{padding-bottom:100px}.archive-head{padding:56px 0 42px}.archive-head h1,.static-page h1{margin:7px 0 8px;font-size:42px}.archive-head p{color:var(--muted)}.archive .cards{row-gap:28px}.empty-state{text-align:center;background:var(--cream);border-radius:14px;padding:60px 20px}.empty-state p{color:var(--muted);margin:8px 0 24px}.article-layout{padding-bottom:100px}.article-main{max-width:760px;margin:45px auto 0}.article-head h1{margin:16px 0;font-size:clamp(30px,4vw,44px);line-height:1.4}.article-head>p{color:var(--muted);font-size:15px}.dates{color:#8d8999;gap:20px;margin-top:20px;font-size:11px;display:flex}.article-cover{border-radius:18px;place-items:center;height:320px;margin:32px 0;display:grid;position:relative;overflow:hidden}.article-cover>span{color:#fffc;letter-spacing:.16em;font:700 11px Arial;position:absolute;top:26px;left:28px}.article-cover>b{color:#fff;font-size:30px;position:absolute}.lead{border-left:4px solid var(--orange);margin:38px 0;padding-left:22px;font-size:17px;line-height:2}.toc{border:1px solid var(--line);background:#f7f6fb;border-radius:12px;gap:0;margin:36px 0;padding:24px 30px;display:block}.toc b{margin-bottom:8px;display:block}.toc ol{padding-left:22px}.toc a{color:#5046a1;font-size:14px}.article-section{margin:58px 0;scroll-margin-top:20px}.article-section h2{border-bottom:2px solid var(--ink);margin-bottom:22px;padding-bottom:12px;font-size:25px;line-height:1.5}.article-section p{color:#454457;margin:16px 0}.article-section ul,.prose ul{background:#f7f6fb;border-radius:10px;margin:22px 0;padding:22px 25px 22px 45px}.article-section li,.prose li{margin:6px 0}.summary-box{background:#f0edff;border-radius:14px;margin-top:55px;padding:26px}.summary-box b{color:var(--purple)}.summary-box p{margin-top:8px}.affiliate-cta{border:2px solid var(--purple);margin-top:30px;padding:25px}.related{margin-top:90px}.related h2{margin-bottom:22px;font-size:24px}.static-page{padding-bottom:100px}.static-page>header{border-bottom:1px solid var(--line);padding:55px 0 32px}.prose{max-width:780px;padding:40px 0}.prose .intro{font-size:17px}.prose h2{margin:48px 0 14px;font-size:23px}.prose p{color:#484758;margin:13px 0}.prose a{color:var(--purple);text-decoration:underline}.notice{border-left:4px solid var(--purple);background:#f3f0ff;margin:25px 0;padding:20px 24px}.notice p{margin:3px 0}.todo{background:#fff6e8;padding:12px;font-size:12px}.not-found{text-align:center;padding:110px 20px 140px}.not-found>span{color:#ddd9f6;font:800 80px Arial}.not-found h1{font-size:30px}.not-found p{color:var(--muted);margin:10px 0 25px}@media (max-width:800px){.wrap{width:min(100% - 28px,680px)}.site-header{height:70px}.site-header nav{display:none}.hero{padding:55px 0 44px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.hero-visual{height:330px;margin-top:35px}.phone{border-radius:31px;width:185px;height:315px}.phone:before{left:62px}.phone-screen{border-radius:23px}.pixel-orb{width:65px;height:65px}.chip-one{left:7%}.chip-two{right:3%}.chip-three{bottom:20px;left:12%}.trust-strip .wrap{white-space:nowrap;justify-content:flex-start;gap:25px;overflow-x:auto}.section{padding-top:65px;padding-bottom:65px}.section-heading{align-items:start}.section-heading h2,.choice h2{font-size:27px}.section-heading>a{display:none}.cards{grid-template-columns:1fr}.card-art{height:190px}.choice-grid{grid-template-columns:1fr;gap:35px}.choice ol{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.category{min-height:145px;padding:17px}.list-articles article{grid-template-columns:80px 1fr 20px}.list-articles .tag{display:none}.footer-grid{grid-template-columns:1fr}.archive-head h1,.static-page h1{font-size:34px}.article-main{margin-top:30px}.article-cover{height:230px}.related .cards{grid-template-columns:1fr}.breadcrumbs{overflow:hidden}.article-section{margin:45px 0}.article-section h2{font-size:22px}}@media (max-width:430px){.hero h1{font-size:36px}.hero-actions{flex-direction:column}.category-grid{grid-template-columns:1fr 1fr}.category small{display:none}.category{min-height:120px}.list-articles article{grid-template-columns:1fr 20px}.list-articles time{display:none}.article-head h1{font-size:29px}.article-cover{height:190px}}