/* CONTROL — charcoal storefront */
:root{color-scheme:dark;--paper:#111214;--white:#191a1d;--ink:#e7e7e9;--muted:#a4a4aa;--line:#303136;--purple:#dedee1;--soft-purple:#25262b;--lime:#dedee1;--radius:5px}
body{background:var(--paper);color:var(--ink)}::selection{background:#666970;color:#fff}
button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline-color:#aeb3be;outline-width:2px;outline-offset:3px}.skip-link{background:#dedee1;color:#17181b}
.wrap,.header-inner{max-width:1280px;width:calc(100% - 72px)}.site-header{height:68px;background:#111214;border-color:#2a2b30}.header-inner{gap:38px}.brand{font-size:22px;font-weight:750;letter-spacing:-.7px;gap:9px}.brand-symbol{color:#c9c9cf;transform:scale(.75);transform-origin:left center;width:22px;margin-right:-2px}.site-header nav{color:#95959e;margin:0;gap:25px;font-size:13px}.site-header nav a:hover,.site-header nav a.active{color:#eeeef0}.site-header nav a.active:after{background:#bfc0c5;height:2px;box-shadow:none}.store-label{margin-left:auto;font-size:11px;color:#85858e}
.catalog{border:0;padding-top:27px;scroll-margin-top:20px}.catalog-heading{align-items:center;margin-bottom:20px;gap:24px}.catalog h1{font-size:23px;line-height:1.4;font-weight:650;letter-spacing:-.7px}.search-field{background:#191a1d;border-color:#35363c;border-radius:4px;height:39px;width:288px;margin:0}.search-field svg{stroke:#93939c;width:17px;height:17px}.search-field input{font-size:12px;color:#e4e4e8}.search-field input::placeholder{color:#85858e}.search-field kbd{background:#222327;color:#92929b;border-color:#414248;border-radius:3px}.search-field:focus-within{border-color:#858791;box-shadow:none}
.categories{gap:26px;border-bottom:1px solid #303136;margin:0 0 16px;padding:0;flex-wrap:wrap}.category{position:relative;border:0;border-radius:0;padding:11px 0 13px;background:transparent;color:#9999a3;font-size:13px;font-weight:500;gap:0}.category.selected{color:#eeeef0;background:transparent;border:0;box-shadow:inset 0 -2px #d1d1d5;font-weight:650}.category:hover:not(.selected){background:transparent;color:#eeeef0;border:0}.category>span{display:none}.results-toolbar{margin-bottom:16px;align-items:center}.results-toolbar,.results-toolbar>p{color:#92929c;font-size:12px}.results-toolbar strong{color:#d6d6db;font-weight:500}.sample-note{color:#82828c;font-size:10px}.sample-note>span{display:none}.sort-label select{color:#b4b4bd;font-size:12px;padding:4px}.sort-label select option{background:#1b1c20;color:#e0e0e4}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{background:#191a1d;border:1px solid #323339;border-radius:5px;box-shadow:none;transition:border-color .15s}.product-card:hover{transform:none;box-shadow:none;border-color:#63656e}.card-body{padding:18px 19px 16px}.card-category{font-size:10px;color:#91919c;margin-bottom:8px}.card-category .small-dot{background:#666671}.card-title{font-size:19px;color:#e8e8ec;line-height:1.4;flex-wrap:wrap;gap:4px 9px;letter-spacing:-.5px}.card-title .name-en{font-family:Arial,sans-serif;font-size:9px;font-weight:400;letter-spacing:.6px;color:#858590;margin-top:2px}.card-description{font-size:12px;line-height:1.8;min-height:43px;color:#a5a5af;margin-top:8px}.download-count{font-size:11px;color:#9898a4;gap:6px;margin-top:11px}.download-count strong{font-size:11px;color:#c2c2ca;font-weight:500}.download-count svg{color:#858590;width:13px;height:13px}.card-bottom{margin-top:14px;padding-top:12px;border-color:#303137}.card-price{font-size:11px;color:#92929d}.card-detail{font-size:11px;color:#d6d6dd;gap:10px}.card-detail>span{color:#acacb5}.card-detail:hover{color:#fff}
.product-art{height:192px;border-bottom:1px solid #303137;background:#1f2024;background-image:none;position:relative;display:grid;place-items:center;padding:43px 22px 19px}.card-preview{top:13px;left:15px;padding:2px 6px;border:1px solid #484951;background:#24252a;color:#aaaab4;font-size:9px;border-radius:3px;backdrop-filter:none}.art-corner{display:none}.software-preview{width:100%;max-width:275px;height:130px;background:#141518;border:1px solid #4a4c55;border-radius:4px;overflow:hidden;box-shadow:0 5px 12px #0002;text-align:left;user-select:none}.preview-bar{height:24px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;color:#aaaab5;background:#292a30;border-bottom:1px solid #3a3b43;font:9px Arial,sans-serif}.preview-bar>span:last-child{color:#82828e;font-size:9px}.preview-content{padding:12px;color:#acadb7;font-size:9px}.preview-label{font-size:8px;color:#858692;margin-bottom:5px}.preview-input{border:1px solid #383a43;border-radius:2px;display:flex;align-items:center;justify-content:space-between;height:22px;padding-left:7px;font-size:7px;color:#9294a0}.preview-input b{font-size:7px;background:#343640;color:#c3c4cc;height:100%;padding:5px 8px;font-weight:400}.preview-file{display:flex;align-items:center;gap:8px;margin-top:9px}.preview-play{background:#343640;color:#b9bac4;width:22px;height:22px;display:grid;place-items:center;font-size:8px;border-radius:2px}.preview-file strong{font-size:8px;font-weight:500;color:#c4c5cf}.preview-file small{display:block;color:#737580;font-size:6px;margin-top:2px}.preview-ready{margin-left:auto;color:#92949f;font-size:7px}.preview-track{height:2px;background:#2d2f36;margin-top:7px}.preview-track i{display:block;width:67%;height:2px;background:#8a8d9b}
.preview-tabs{font-size:7px;color:#858792;margin-bottom:9px;word-spacing:7px}.preview-tabs span{color:#d3d4db;word-spacing:0}.preview-table{display:grid;grid-template-columns:16px 1.8fr 1fr .7fr;background:#373942;gap:1px;border:1px solid #373942}.preview-table span{background:#1c1d22;color:#a9abb7;display:grid;place-items:center;height:14px;font-size:7px}.preview-table span:nth-child(-n+4){background:#2c2e36;color:#9b9da9}.preview-path{font-size:8px;padding-bottom:7px;color:#858793}.preview-file-row{display:flex;align-items:center;border-top:1px solid #292b32;padding:7px 0;color:#bcbec8;font-size:8px}.preview-file-row span{margin-left:auto;font-size:7px;color:#747783}.preview-editor{display:flex;align-items:center;gap:12px}.preview-picture{width:58%;height:76px;border:1px solid #6c6f7b;outline:1px dashed #484b55;outline-offset:-5px;background:#292b32;display:grid;place-items:center}.preview-picture svg{height:100%;width:100%;fill:#737783}.preview-picture svg path:last-child{fill:#4b4f5a}.preview-picture svg circle{fill:#b5b7c1}.preview-settings{font-size:7px;flex:1;color:#9395a1}.preview-settings strong{display:block;font-size:8px;color:#d1d3dc;font-weight:400;margin:6px 0 10px}.preview-settings span{display:block}.preview-settings b{display:block;text-align:center;background:#333640;padding:5px;color:#d1d3dc;font-size:7px;margin-top:9px;font-weight:400}
.preview-timer{text-align:center;padding-top:0}.preview-timer>span{font-size:7px;color:#9799a4}.preview-timer>strong{display:block;color:#d0d2db;font:300 32px Arial,sans-serif;letter-spacing:2px;line-height:1.3}.preview-timer>div{display:flex;justify-content:center;align-items:center;gap:14px;font-size:7px;color:#838692;margin-top:4px}.preview-timer b{background:#393c46;border:1px solid #51545f;color:#c6c9d2;border-radius:2px;padding:4px 16px;font-weight:400}.preview-game{position:relative;height:81px;background:#111215;padding:3px 11px}.game-score{font:6px Consolas,monospace;color:#9296a3;display:flex;justify-content:space-between}.pixel-board{font:16px/11px Consolas,monospace;text-align:center;letter-spacing:2px;color:#8a8e9b;margin-top:7px}.game-ball{width:4px;height:4px;background:#c5c9d2;position:absolute;bottom:18px;left:60%}.game-paddle{width:28px;height:3px;background:#b6bac6;position:absolute;bottom:7px;left:42%}
.catalog-footnote{font-size:10px;color:#85858e;padding-top:21px;line-height:1.8}.tiny-plus{display:none}.empty-state{background:#1b1c20;border:1px solid #35363d;border-radius:4px}.empty-state>span{color:#aaaab3}.empty-state p{color:#9d9da7}.primary-button{background:#d3d3d9;color:#1b1c20;border-radius:4px}.noscript-catalog{background:#1d1e22;color:#b0b0ba;border-radius:4px}.guide-section{border-top:1px solid #303136;margin-top:38px;padding-block:30px 40px;gap:40px;grid-template-columns:1fr 2fr}.guide-intro h2{font-size:19px;letter-spacing:-.5px}.guide-intro p{font-size:12px;color:#94949f}.faq-list,.faq-list details{border-color:#303137}.faq-list summary{font-size:12px;color:#c9c9d2;padding:17px 0;font-weight:500}.faq-list summary>span{color:#858590;font-size:18px}.faq-list details p{font-size:12px;color:#9e9ea9}.site-footer{background:#101113;border-color:#2a2b30}.footer-main{padding-block:27px;gap:30px}.footer-brand{font-size:19px}.footer-main>div>p,.footer-info p{color:#85858e}.footer-info strong{color:#c0c0c8;font-weight:500}.footer-bottom{border-color:#292a30;color:#7e7e88;gap:23px}.footer-bottom>a{color:#9797a0;font-size:10px}.footer-bottom>a:first-of-type{margin-left:auto}
dialog{background:#191a1e;border:1px solid #484a53;border-radius:6px;color:#e2e2e8;box-shadow:0 24px 75px #0008}dialog::backdrop{background:#000a;backdrop-filter:none}.dialog-top{background:#191a1e;border-color:#34353d}.dialog-overline{color:#aaaab5;font-size:11px;letter-spacing:0}.icon-button{background:#2a2b32;color:#c0c1cb;border:1px solid #40414a;border-radius:3px}.dialog-art .product-art{height:220px}.dialog-art .software-preview{max-width:310px;height:140px}.dialog-body h2{font-size:25px;color:#e4e4e9}.dialog-body>p{color:#a9a9b4;font-size:13px}.dialog-notice{background:#24252b;border-color:#3b3d45;color:#b7b8c2;border-radius:4px}.dialog-features span{background:#2a2c32;color:#b7b8c2;border:1px solid #3b3d45;border-radius:3px}.dialog-purchase{background:#2e3037;color:#a4a6b1;border:1px solid #42444d;border-radius:4px}.dialog-body .dialog-footnote{color:#91939e!important;font-size:10px!important}
.admin-top{border-color:#33353d}.admin-top>a:last-child,.admin-eyebrow{color:#b0b2bd}.admin-lead{color:#a3a5b0}.admin-notice{background:#25262d;border-color:#41434e;color:#b7b9c5}.admin-notice strong{color:#d4d6df}.admin-state,.admin-card{background:#1b1c21;border-color:#3b3d47;color:#d4d5de;border-radius:5px}.login-link{background:#d5d6de;color:#1d1e24;border-radius:4px}.admin-stats{border-color:#363842}.stat-label{color:#9699a6}.stat-value,.stat-value.paid{color:#d0d2de}.admin-form label{color:#b7bac7}.admin-input-row input{background:#131419;border-color:#444753;color:#d6d9e3;border-radius:4px}.admin-input-row button{background:#d5d6de;color:#1d1e24;border-radius:4px}.save-status{color:#c2c5d1}.admin-footnote,.admin-signout{color:#999da9}.error{color:#e4aaa6!important}
@media(max-width:1100px){.wrap,.header-inner{width:calc(100% - 48px)}.product-grid{gap:16px}.product-art{padding-inline:17px;height:185px}.card-body{padding:16px}.card-title{font-size:18px}.card-title .name-en{font-size:8px}.card-description{font-size:11px}.categories{gap:24px}.site-header nav{gap:24px;margin:0}}
@media(max-width:800px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-art{height:185px}.store-label{display:none}.header-inner{gap:30px}.site-header nav{margin-left:auto}.catalog{padding-top:24px}.card-description{font-size:12px}.guide-section{grid-template-columns:1fr 1.7fr;gap:25px}}
@media(max-width:560px){html{scroll-padding-top:16px}.wrap,.header-inner{width:calc(100% - 32px)}.site-header{height:58px}.brand{font-size:20px}.site-header nav{gap:20px;font-size:12px}.site-header nav a:nth-child(2){display:flex}.catalog{padding-top:19px}.catalog-heading{display:flex;gap:16px;margin-bottom:12px}.catalog h1{font-size:19px;white-space:nowrap;letter-spacing:-.5px}.search-field{width:210px;min-width:0;height:35px;margin:0;padding:0 9px;gap:7px}.search-field input{font-size:10px;min-width:0}.search-field kbd{display:none}.search-field svg{width:14px;height:14px;flex-shrink:0}.categories{flex-wrap:nowrap;overflow-x:auto;max-width:100%;margin:0 0 12px;padding:0;gap:22px;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.category{font-size:12px;padding:11px 0 12px;flex-shrink:0}.results-toolbar{margin-bottom:12px}.results-toolbar>p{font-size:11px;margin:0}.sample-note{display:none}.sort-label select{font-size:11px}.product-grid{grid-template-columns:1fr;gap:16px}.product-art{height:184px;padding:39px 32px 16px}.software-preview{max-width:285px}.card-body{padding:16px 18px}.card-title{font-size:19px}.card-title .name-en{font-size:9px}.card-description{font-size:12px;min-height:auto;line-height:1.8}.card-description br{display:none}.card-category{font-size:10px}.card-bottom{margin-top:13px;padding-top:12px}.card-price,.card-detail{font-size:12px}.catalog-footnote{font-size:10px;padding-inline:0}.guide-section{grid-template-columns:1fr;gap:20px;margin-top:30px;padding-block:25px 30px}.guide-intro h2{font-size:18px}.guide-intro p{font-size:11px;margin-top:8px}.faq-list summary,.faq-list details p{font-size:12px}.footer-main{gap:20px;padding-block:25px}.footer-bottom{font-size:9px;gap:22px}.footer-info p{font-size:10px!important}.dialog-body{padding:20px}.dialog-body>p{font-size:12px}.dialog-notice{font-size:11px}.dialog-body h2{font-size:23px}}