@font-face{font-family:GuideSystem;src:local("Segoe UI");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#12101a;color:#f0e9f6;font-family:GuideSystem,Arial,sans-serif;line-height:1.65}a{color:#f5bc79;text-underline-offset:4px}a:hover{color:#e1f4a2}button,input{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d6ed8a;outline-offset:5px}.skip{position:absolute;left:16px;top:-100px;background:#d6ed8a;color:#12101a;padding:10px;z-index:100}.skip:focus{top:10px}header{border-bottom:1px solid #3e324f;background:#171422;position:sticky;top:0;z-index:10}.header-inner{max-width:1256px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 28px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#f0e9f6;font-weight:800;line-height:1.2}.brand img{width:38px;height:38px}.brand span{max-width:235px}.brand small{display:block;color:#c6b5d5;font-size:11px;letter-spacing:2px;margin-top:5px}nav{display:flex;gap:25px;align-items:center}nav a{font-size:14px;color:#e0d5eb;text-decoration:none}nav a[aria-current=page]{color:#d6ed8a}.menu-button{display:none;background:#252032;color:#f0e9f6;border:1px solid #776087;border-radius:5px;padding:7px 12px}.wrap{max-width:1200px;margin:auto;padding:0 28px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;padding:64px 0 42px}.eyebrow{font-family:monospace;font-size:12px;color:#d6ed8a;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-2px;margin:19px 0 22px;max-width:600px}.hero h1 em{color:#f5bc79;font-style:normal}.hero p{color:#c6b5d5;max-width:490px;font-size:18px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-block;text-decoration:none;background:#f5bc79;color:#171422;border:1px solid #f5bc79;padding:12px 18px;font-weight:750;border-radius:5px}.btn:hover{background:#d6ed8a;color:#12101a}.btn.secondary{background:transparent;color:#f0e9f6;border-color:#776087}.strip{display:flex;flex-wrap:wrap;gap:22px;padding:17px 0;border-top:1px solid #3e324f;border-bottom:1px solid #3e324f;color:#c6b5d5;font-size:13px}.strip strong{color:#f0e9f6}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:48px 0 24px}.section-title h2{font-size:30px;line-height:1.2;margin:7px 0 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#1d1828;border:1px solid #493756;border-radius:10px;padding:24px;text-decoration:none;color:#f0e9f6;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-3px);border-color:#f5bc79;color:#f0e9f6}.card .number{font-family:monospace;color:#f5bc79;font-size:13px}.card h3{font-size:23px;line-height:1.25;margin:24px 0 12px}.card p{color:#c6b5d5;font-size:14px}.card .arrow{display:block;color:#d6ed8a;font-size:13px;margin-top:22px}.intro-panel{margin:40px 0 60px;background:#201a2a;border:1px solid #493756;border-left:4px solid #d6ed8a;padding:26px;border-radius:5px}.intro-panel h2{margin-top:0}.intro-panel p{max-width:800px;color:#d4c8df}.crumbs{font-size:13px;color:#c6b5d5;padding-top:28px}.article-header{padding:26px 0 35px;border-bottom:1px solid #3e324f;max-width:940px}.article-header h1{font-size:clamp(32px,4vw,49px);line-height:1.12;letter-spacing:-1px;margin:14px 0}.article-header p{font-size:18px;color:#c6b5d5;max-width:800px}.meta{font-family:monospace;font-size:12px;color:#d6ed8a}.article-grid{display:grid;grid-template-columns:minmax(0,790px) 250px;gap:54px;margin:32px 0 60px}.prose{min-width:0}.prose h2{font-size:27px;line-height:1.25;margin:36px 0 17px;color:#f5bc79}.prose h3{font-size:20px;line-height:1.35;margin:25px 0 12px}.prose p,.prose li{color:#ded3e8}.prose li{margin:8px 0}.prose strong{color:#fff1de}.prose blockquote{margin:25px 0;padding:12px 20px;background:#201a2a;border-left:3px solid #d6ed8a}.prose blockquote p{margin:5px 0}.table-scroll{overflow-x:auto;border:1px solid #493756;border-radius:5px;margin:22px 0}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:#d6ed8a;background:#272032}td,th{padding:13px 15px;vertical-align:top;border-bottom:1px solid #493756}td{min-width:135px}tr:last-child td{border-bottom:0}aside{align-self:start;background:#1d1828;border:1px solid #493756;border-radius:8px;padding:22px;position:sticky;top:110px}aside h2{font-size:15px;margin:0 0 16px}aside a{display:block;margin:12px 0;font-size:14px;text-decoration:none;color:#c6b5d5}aside a:hover{color:#f5bc79}.checklist{list-style:none;padding:0}.checklist label{display:flex;gap:12px;align-items:center;cursor:pointer;padding:12px 0}.checklist input{width:20px;height:20px;accent-color:#d6ed8a;flex:none}.checklist input:checked+span{color:#b7a8c7;text-decoration:line-through}.check-status{color:#d6ed8a;font-family:monospace;font-size:13px}.reset{background:transparent;color:#d6ed8a;border:1px solid #776087;padding:7px 12px;border-radius:4px;cursor:pointer}footer{border-top:1px solid #3e324f;margin-top:65px;padding:30px 0;color:#bbaaC8;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:25px}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-links a{color:#c6b5d5}.notice{font-size:14px;color:#d5c8e0;margin:20px 0 0;max-width:770px}.site-search{display:flex;gap:10px;margin:20px 0}.site-search input{width:100%;max-width:420px;background:#201a2a;border:1px solid #776087;color:#f0e9f6;padding:10px 14px;border-radius:5px}.search-empty{display:none;color:#c6b5d5}.card[hidden]{display:none}figure{margin:25px 0}figure img{width:100%;height:auto;border:1px solid #493756;border-radius:6px}figcaption{font-size:12px;color:#bba8cc}code{font-size:.9em;background:#272032;padding:2px 6px;border-radius:3px}.prose a{overflow-wrap:anywhere}@media(max-width:900px){.hero{padding-top:35px;gap:20px}.cards{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr;gap:20px}aside{position:static;grid-row:1}.article-header{padding-bottom:22px}.header-inner{padding:14px 20px}nav{gap:15px}.brand span{font-size:13px}.hero p{font-size:16px}}@media(max-width:620px){.wrap{padding:0 20px}.hero{grid-template-columns:1fr}.hero h1{font-size:47px}.menu-button{display:block}.header-inner{flex-wrap:wrap;gap:12px}nav{display:none;width:100%;flex-wrap:wrap;border-top:1px solid #493756;padding-top:12px}nav.open{display:flex}.cards{grid-template-columns:1fr}.section-title{align-items:start}.section-title h2{font-size:26px}.footer-inner{flex-direction:column}.article-header h1{font-size:35px}.prose h2{font-size:24px}.article-grid{margin-top:24px}.strip{gap:10px 22px}.hero{padding-top:28px}.hero h1{letter-spacing:-1px}.intro-panel{padding:20px}.cta-row{margin-top:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:hover{transform:none}}

/* Game scenes lead the visual hierarchy; screenshots retain their complete frame. */
.hero{grid-template-columns:.8fr 1.2fr;gap:36px;padding-top:46px}.hero h1{font-size:clamp(38px,4.2vw,58px)}.hero-scene{min-width:0}.game-figure{margin:0 0 28px}.game-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0a0810;border:1px solid #624d77;border-radius:8px}.game-figure>a{display:block}.game-figure figcaption{padding:10px 2px;font-size:12px;line-height:1.6;color:#bba8cc}.game-figure figcaption a{color:#d6ed8a;margin-left:5px}.hero-scene .game-figure{margin:0}.hero-scene img{box-shadow:0 20px 70px #07050e90}.card{padding:0;overflow:hidden}.card-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#09070e;border-bottom:1px solid #493756}.card-copy{padding:24px}.card h3{margin-top:17px}.growth-scene{display:grid;grid-template-columns:.7fr 1.3fr;gap:36px;align-items:center;margin:52px 0;border-top:1px solid #493756;padding-top:36px}.growth-scene h2{font-size:34px;line-height:1.15;margin:16px 0}.growth-scene p{color:#c6b5d5}.growth-scene .game-figure{margin:0}.prose>.game-figure:first-child{margin:0 0 28px}.article-header+.game-figure{margin-top:28px;max-width:940px}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:26px}.hero h1{font-size:52px;max-width:750px}.hero p{max-width:650px}.hero-scene{width:100%}.growth-scene{grid-template-columns:1fr}.hero-scene img{box-shadow:none}}
@media(max-width:620px){.hero{padding-top:26px;padding-bottom:24px}.hero h1{font-size:41px}.card-copy{padding:21px}.game-figure figcaption{font-size:11px}.growth-scene{gap:20px;margin:38px 0;padding-top:28px}.growth-scene h2{font-size:29px}}

.brand img{width:52px;height:52px;border-radius:12px;box-shadow:0 2px 16px #7b3ab54d}.header-inner{gap:16px}nav{gap:18px}.nav-group{position:relative}.nav-group summary{font-size:14px;color:#e0d5eb;cursor:pointer;white-space:nowrap;list-style:none}.nav-group summary::after{content:" ▾";color:#d6ed8a}.nav-group summary::-webkit-details-marker{display:none}.nav-group[open] summary{color:#d6ed8a}.nav-panel{position:absolute;top:calc(100% + 18px);left:-16px;min-width:220px;background:#241c32;border:1px solid #776087;border-radius:8px;padding:10px;box-shadow:0 16px 40px #0009}.nav-panel a{display:block;padding:10px 12px;border-radius:4px}.nav-panel a:hover{background:#352743}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0 60px}.gallery-tile{color:#f0e9f6;background:#1d1828;text-align:left;padding:0 0 18px;border:1px solid #624d77;border-radius:8px;overflow:hidden;cursor:zoom-in}.gallery-tile img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#09070e}.gallery-tile span,.gallery-tile small{display:block;margin:13px 18px 0}.gallery-tile small{color:#d6ed8a}.image-dialog{max-width:1100px;width:calc(100% - 32px);max-height:90vh;background:#171422;border:1px solid #776087;border-radius:12px;padding:18px;color:#f0e9f6}.image-dialog::backdrop{background:#07050fe6}.image-dialog img{display:block;width:100%;max-height:70vh;object-fit:contain}.image-dialog p{font-size:14px}.dialog-close{display:block;margin:0 0 16px auto;border:1px solid #f5bc79;background:#f5bc79;color:#171422;padding:8px 15px;border-radius:5px;cursor:pointer}.footer-links{max-width:590px}
@media(max-width:1100px){.menu-button{display:block}.header-inner{flex-wrap:wrap}.header-inner nav{display:none;width:100%;max-height:70vh;overflow-y:auto;align-items:stretch}.header-inner nav.open{display:flex;flex-direction:column;gap:0;border-top:1px solid #493756;padding-top:8px}.header-inner nav>a,.nav-group summary{padding:12px 4px}.nav-panel{position:static;margin-bottom:8px;box-shadow:none;min-width:0}.brand span{font-size:14px}.gallery-grid{gap:18px}}
@media(max-width:620px){.gallery-grid{grid-template-columns:1fr}.brand img{width:44px;height:44px}.brand small{font-size:9px}.gallery-tile span{font-size:14px}.image-dialog{padding:12px}}