:root{--sj-font-ui:"Malgun Gothic","맑은 고딕",Arial,sans-serif;--sj-font-body:15px;--sj-line-body:1.65;--sj-theme-ink:#193d2d;--sj-theme-muted:#71877b;--sj-theme-primary:#2f7755;--sj-theme-primary-dark:#21583f;--sj-theme-soft:#edf6f0;--sj-theme-line:rgba(45,92,66,.16);--sj-theme-accent:#ad8237}
html[data-site-theme="ocean"]{--sj-theme-ink:#173e49;--sj-theme-muted:#637e86;--sj-theme-primary:#16738b;--sj-theme-primary-dark:#0f586b;--sj-theme-soft:#e5f4f7;--sj-theme-line:rgba(22,115,139,.17);--sj-theme-accent:#d17c2c}
html[data-site-theme="navy"]{--sj-theme-ink:#243653;--sj-theme-muted:#68758b;--sj-theme-primary:#334e7d;--sj-theme-primary-dark:#243a61;--sj-theme-soft:#e9eef7;--sj-theme-line:rgba(51,78,125,.17);--sj-theme-accent:#b47b31}
html[data-site-theme="purple"]{--sj-theme-ink:#3f3052;--sj-theme-muted:#7b6d87;--sj-theme-primary:#73569a;--sj-theme-primary-dark:#563d78;--sj-theme-soft:#f0eaf7;--sj-theme-line:rgba(115,86,154,.18);--sj-theme-accent:#b46b91}
html[data-site-theme="rose"]{--sj-theme-ink:#542d3a;--sj-theme-muted:#886b75;--sj-theme-primary:#a44f68;--sj-theme-primary-dark:#7c384d;--sj-theme-soft:#fae9ee;--sj-theme-line:rgba(164,79,104,.18);--sj-theme-accent:#bd743e}
html[data-site-theme="gold"]{--sj-theme-ink:#4a3b20;--sj-theme-muted:#80745f;--sj-theme-primary:#8b6b26;--sj-theme-primary-dark:#6d5118;--sj-theme-soft:#f8f1df;--sj-theme-line:rgba(139,107,38,.19);--sj-theme-accent:#34705e}
html[data-site-theme="charcoal"]{--sj-theme-ink:#2f383d;--sj-theme-muted:#6d777c;--sj-theme-primary:#47535a;--sj-theme-primary-dark:#303b41;--sj-theme-soft:#edf0f2;--sj-theme-line:rgba(71,83,90,.18);--sj-theme-accent:#92704d}
html[data-site-theme]{--ink:var(--sj-theme-ink);--muted:var(--sj-theme-muted);--line:var(--sj-theme-line);--green:var(--sj-theme-primary);--green-dark:var(--sj-theme-primary-dark);--deep:var(--sj-theme-primary-dark);--soft:var(--sj-theme-soft);--managed-ink:var(--sj-theme-ink);--managed-muted:var(--sj-theme-muted);--managed-line:var(--sj-theme-line);--managed-green:var(--sj-theme-primary);--managed-soft:var(--sj-theme-soft);--sj-nav-text:var(--sj-theme-ink);--sj-nav-muted:var(--sj-theme-muted);--sj-nav-green:var(--sj-theme-primary);--sj-nav-green-dark:var(--sj-theme-primary-dark);--sj-nav-line:var(--sj-theme-line);--sj-nav-sub:var(--sj-theme-soft);--sj-nav-gold:var(--sj-theme-accent)}
html{scrollbar-gutter:stable}
.sjax-global-nav,.sjax-global-nav *{box-sizing:border-box!important}
html,body,button,input,textarea,select{font-family:var(--sj-font-ui)!important;font-synthesis:none}
body{font-size:var(--sj-font-body);line-height:var(--sj-line-body);letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:var(--sj-font-ui)!important;font-style:normal}
button,input,textarea,select{letter-spacing:0}
.sjax-global-nav{position:sticky;top:0;z-index:100;background:rgba(251,253,251,.96);border-bottom:1px solid var(--sj-theme-line);backdrop-filter:blur(16px)}
.sjax-global-main{width:min(1180px,calc(100% - 48px))!important;max-width:1180px!important;min-height:72px;margin-left:auto!important;margin-right:auto!important;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px!important}
.sjax-global-brand{display:flex!important;align-items:center;gap:11px;min-width:max-content;color:var(--sj-theme-ink)!important;-webkit-text-fill-color:var(--sj-theme-ink)!important;text-decoration:none!important}
.sjax-global-brand img{display:block;width:40px!important;height:40px!important;border-radius:11px;object-fit:cover}
.sjax-global-brand b{display:block;font-size:19px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.02em!important}
.sjax-global-brand small{display:block;margin-top:5px!important;color:#748a7e!important;font-size:7px!important;line-height:1!important;letter-spacing:.12em!important;white-space:nowrap!important}
.sjax-main-tabs{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}
.sjax-menu-toggle{display:none}
.sjax-auth-slot{display:flex!important;align-items:center;justify-content:flex-end;gap:7px;min-width:max-content;font-family:var(--sj-font-ui)}
.sjax-auth-slot button,.sjax-auth-slot a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:10px;border:1px solid rgba(47,125,91,.22);background:#fff;color:#285b43!important;-webkit-text-fill-color:#285b43!important;font-size:11px;font-weight:900;cursor:pointer;text-decoration:none!important;white-space:nowrap}
.sjax-auth-slot .auth-login{background:linear-gradient(135deg,#347f5c,#245f46);border-color:#245f46;color:#fff!important;-webkit-text-fill-color:#fff!important}
.sjax-auth-slot .auth-identity{display:grid;align-content:center;gap:2px;min-width:82px;max-width:96px;line-height:1.1}.sjax-auth-slot .auth-user{display:block;max-width:96px;overflow:hidden;text-overflow:ellipsis;color:#315b47;font-size:11px;font-weight:900;white-space:nowrap}.sjax-auth-slot .auth-meta{display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap}.sjax-auth-slot .auth-admin{display:inline;color:#795b23;font-size:10.35px;font-weight:900;white-space:nowrap}.sjax-auth-slot .auth-points{color:#8a6426;font-size:10.35px;font-weight:750;white-space:nowrap}.sjax-auth-slot .auth-manage{border-color:#b88b3b;background:#fff8e9;color:#76551f!important;-webkit-text-fill-color:#76551f!important}
.sjax-auth-slot button.auth-identity{height:34px;min-height:34px;padding:3px 7px;border:1px solid transparent;background:transparent;text-align:left}.sjax-auth-slot button.auth-identity:hover,.sjax-auth-slot button.auth-identity:focus{border-color:rgba(47,125,91,.2);background:#edf6f0;outline:none}.sjax-profile-dialog{width:min(92vw,560px)}.sjax-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.sjax-profile-form input:disabled{background:#eef3ef;color:#6f8378;opacity:1}.sjax-profile-form .sjax-login-submit{margin-top:2px}@media(max-width:560px){.sjax-profile-grid{grid-template-columns:1fr}}
.sjax-login-dialog{width:min(92vw,420px);padding:0;border:0;border-radius:24px;background:#fff;color:#244b3a;box-shadow:0 30px 100px rgba(14,39,27,.28)}.sjax-login-dialog::backdrop{background:rgba(18,35,27,.52);backdrop-filter:blur(5px)}
.sjax-login-card{padding:30px}.sjax-login-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.sjax-login-head h2{margin:0 0 5px;font-size:25px;letter-spacing:-.04em}.sjax-login-head p{margin:0;color:#758a7f;font-size:12px}.sjax-dialog-close{width:34px;height:34px;border:1px solid #dbe7df;border-radius:10px;background:#f6faf7;color:#456454;font-size:20px;cursor:pointer}.sjax-login-form{display:grid;gap:14px}.sjax-login-field{display:grid;gap:7px}.sjax-login-field label{font-size:12px;font-weight:900}.sjax-login-field input{height:48px;padding:0 14px;border:1px solid #d5e3da;border-radius:12px;background:#fbfefc;color:#183c2b;font:inherit}.sjax-login-field input:focus{outline:none;border-color:#3a8b64;box-shadow:0 0 0 4px rgba(58,139,100,.1)}.sjax-login-submit{height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#347f5c,#245f46);color:#fff;font-weight:900;cursor:pointer}.sjax-login-error{display:none;padding:11px 13px;border-radius:10px;background:#fff0f1;border:1px solid #f0c7cb;color:#a43b45;font-size:12px;font-weight:800}.sjax-login-error.show{display:block}.sjax-login-join{display:block;margin-top:15px;text-align:center;color:#4b7560!important;font-size:12px;font-weight:800}
.site-editable{position:relative!important}.site-edit-button{position:absolute!important;z-index:12;top:-8px;right:-8px;display:inline-flex!important;align-items:center;min-height:25px!important;padding:0 8px!important;border:1px solid rgba(164,119,39,.34)!important;border-radius:7px!important;background:#fff8e9!important;color:#7b5a22!important;-webkit-text-fill-color:#7b5a22!important;box-shadow:0 5px 14px rgba(82,61,21,.12)!important;font-size:9px!important;font-weight:950!important;line-height:1!important;cursor:pointer!important}
.sjax-global-sub{display:none!important}
.sjax-main-tabs{gap:4px!important}
.sjax-main-tabs a,.sjax-main-tabs .sjax-release-trigger{position:relative;display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#405e4e!important;-webkit-text-fill-color:#405e4e!important;font:700 11px/1 var(--sj-font-ui)!important;letter-spacing:0!important;text-decoration:none!important;white-space:nowrap;cursor:pointer}
.sjax-main-tabs a:hover,.sjax-main-tabs .sjax-release-trigger:hover{background:#edf6f0!important;color:#21583f!important;-webkit-text-fill-color:#21583f!important}
.sjax-main-tabs a.active,.sjax-main-tabs .sjax-release-trigger.active{background:#fff!important;border-color:rgba(47,125,91,.18)!important;color:#183c2b!important;-webkit-text-fill-color:#183c2b!important;box-shadow:0 5px 16px rgba(35,81,54,.07),inset 0 -2px 0 #ad8237!important}
.sjax-release-sub{border-top:1px solid rgba(45,92,66,.09);background:rgba(242,248,244,.98)}
.sjax-release-sub[hidden]{display:none!important}
.sjax-release-row{min-height:47px;display:flex;align-items:center;justify-content:center;gap:18px}
.sjax-release-row>span{color:#70847a;font-size:8px;font-weight:950;letter-spacing:.14em}
.sjax-release-items{display:flex;align-items:center;gap:7px}
.sjax-release-items a,.sjax-release-items button{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:31px;padding:0 12px;border:1px solid rgba(47,125,91,.13);border-radius:9px;background:#fff;color:#557164!important;-webkit-text-fill-color:#557164!important;font:700 10px/1 var(--sj-font-ui);text-decoration:none;box-shadow:0 4px 12px rgba(42,82,59,.05)}
.sjax-release-items a.active{color:#245f46!important;-webkit-text-fill-color:#245f46!important;border-color:rgba(47,125,91,.25);box-shadow:inset 0 -2px 0 #2f7d5b}
.sjax-release-items button{min-width:31px;width:31px;padding:0;border-style:dashed;color:#85978e!important;-webkit-text-fill-color:#85978e!important;cursor:default}
@media(min-width:1001px){.sjax-global-nav{height:73px!important;min-height:73px!important}.sjax-global-main{height:72px!important;min-height:72px!important;grid-template-columns:272px minmax(0,1fr) 210px!important;padding:0!important}.sjax-global-brand{width:272px!important;min-width:272px!important}.sjax-global-brand img{width:40px!important;height:40px!important}.sjax-main-tabs{width:100%!important;justify-content:center!important;gap:4px!important;overflow:visible!important}.sjax-global-nav .sjax-main-tabs a{box-sizing:border-box!important;width:84px!important;min-width:84px!important;height:38px!important;min-height:38px!important;padding:0 6px!important;flex:0 0 84px!important}.sjax-global-nav .sjax-main-tabs a[href="/sjax-games.html"],.sjax-global-nav .sjax-main-tabs a[href="sjax-games.html"]{width:104px!important;min-width:104px!important;flex-basis:104px!important}.sjax-auth-slot{box-sizing:border-box!important;width:210px!important;min-width:210px!important}}
@media(max-width:1000px){.sjax-global-main{width:min(calc(100% - 40px),1180px);grid-template-columns:auto 1fr!important;height:auto!important;min-height:0!important;padding-top:9px!important;padding-bottom:6px!important}.sjax-auth-slot{grid-column:2!important;grid-row:1!important}.sjax-main-tabs{grid-column:1/-1!important;grid-row:2!important;width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:3px}.sjax-main-tabs a,.sjax-main-tabs .sjax-release-trigger{width:auto!important;min-width:max-content!important;flex:0 0 auto!important}.sjax-global-brand{grid-column:1!important;grid-row:1!important}}

/* The profile form is wider than the login form and must never overflow horizontally. */
.sjax-login-dialog.sjax-profile-dialog{box-sizing:border-box;width:min(94vw,640px);max-width:640px;max-height:92vh;overflow:hidden}
.sjax-profile-dialog .sjax-login-card{box-sizing:border-box;width:100%;max-height:92vh;padding:28px;overflow-x:hidden;overflow-y:auto}
.sjax-profile-dialog .sjax-login-head{margin-bottom:18px}
.sjax-profile-grid{min-width:0}.sjax-profile-grid>*{min-width:0}.sjax-profile-grid .sjax-profile-full{grid-column:1/-1}
.sjax-profile-form input{box-sizing:border-box;width:100%;min-width:0}
.sjax-profile-section{display:flex;align-items:baseline;gap:10px;margin-top:4px;padding-top:15px;border-top:1px solid #e1ebe5}
.sjax-profile-section b{font-size:13px}.sjax-profile-section span{color:#758a7f;font-size:11px}
@media(max-width:560px){.sjax-login-dialog.sjax-profile-dialog{width:min(94vw,440px)}.sjax-profile-dialog .sjax-login-card{padding:22px 18px}.sjax-profile-grid .sjax-profile-full{grid-column:auto}.sjax-profile-section{display:grid;gap:3px}}
@media(max-width:620px){html,body{overflow-x:hidden!important}.sjax-global-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;height:auto!important;min-height:0!important;gap:8px 12px!important;padding:10px 0 8px!important}.sjax-auth-slot{grid-column:2!important;grid-row:1!important;gap:5px!important}.sjax-menu-toggle{grid-column:1/-1!important;grid-row:2!important;display:flex!important;align-items:center;justify-content:center;width:100%;min-height:40px;border:1px solid rgba(47,125,91,.18);border-radius:10px;background:#fff;color:#285b43;font:800 11px/1 var(--sj-font-ui);cursor:pointer;box-shadow:0 3px 10px rgba(35,81,54,.05)}.sjax-menu-toggle[aria-expanded="true"]{border-color:#347f5c;background:#edf6f0;color:#1f5b3f}.sjax-main-tabs{grid-column:1/-1!important;grid-row:3!important;display:none!important;grid-template-columns:1fr!important;gap:5px!important;overflow:visible!important;padding:2px 0 3px!important}.sjax-main-tabs.mobile-open{display:grid!important}.sjax-main-tabs a,.sjax-main-tabs .sjax-release-trigger{width:100%!important;min-width:0!important;min-height:40px!important;padding:0 12px!important;border-color:rgba(47,125,91,.10);background:rgba(255,255,255,.82);font-size:10px!important}.sjax-auth-slot button,.sjax-auth-slot a{min-height:31px;padding:0 8px;font-size:9px}.sjax-auth-slot .auth-identity{min-width:62px;max-width:72px}.sjax-auth-slot .auth-user{max-width:72px;font-size:9px}.sjax-auth-slot .auth-admin,.sjax-auth-slot .auth-points{font-size:9.2px}.sjax-global-brand b{font-size:16px!important}.sjax-global-brand img{width:33px!important;height:33px!important}.sjax-release-row{justify-content:flex-start;gap:10px;min-height:44px}.sjax-release-row>span{display:none}.sjax-release-items{display:grid;grid-template-columns:1fr 1fr 36px;width:100%;gap:6px}.sjax-release-items a,.sjax-release-items button{width:100%;min-width:0}}
@media(min-width:1001px){.sjax-main-tabs{justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none}.sjax-main-tabs::-webkit-scrollbar{display:none}.sjax-global-nav .sjax-main-tabs a{width:auto!important;min-width:68px!important;flex:1 1 0!important}.sjax-global-nav .sjax-main-tabs a[href="/sjax-games.html"],.sjax-global-nav .sjax-main-tabs a[href="sjax-games.html"]{width:auto!important;min-width:90px!important;flex:1.2 1 0!important}}
html[data-site-theme] .sjax-auth-slot .auth-login,html[data-site-theme] .sjax-login-submit{background:linear-gradient(135deg,var(--sj-theme-primary),var(--sj-theme-primary-dark));border-color:var(--sj-theme-primary-dark);color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-site-theme] .sjax-auth-slot button,html[data-site-theme] .sjax-auth-slot a{border-color:var(--sj-theme-line);color:var(--sj-theme-primary-dark)!important;-webkit-text-fill-color:var(--sj-theme-primary-dark)!important}
html[data-site-theme] .sjax-main-tabs a:hover,html[data-site-theme] .sjax-main-tabs .sjax-release-trigger:hover{background:var(--sj-theme-soft)!important;color:var(--sj-theme-primary-dark)!important;-webkit-text-fill-color:var(--sj-theme-primary-dark)!important}
html[data-site-theme] .sjax-main-tabs a.active,html[data-site-theme] .sjax-main-tabs .sjax-release-trigger.active{border-color:var(--sj-theme-line)!important;color:var(--sj-theme-ink)!important;-webkit-text-fill-color:var(--sj-theme-ink)!important;box-shadow:0 5px 16px color-mix(in srgb,var(--sj-theme-primary) 8%,transparent),inset 0 -2px 0 var(--sj-theme-accent)!important}
html[data-site-theme] .sjax-menu-toggle[aria-expanded="true"]{border-color:var(--sj-theme-primary);background:var(--sj-theme-soft);color:var(--sj-theme-primary-dark)}
html[data-site-theme] .sjax-release-items a.active{color:var(--sj-theme-primary-dark)!important;-webkit-text-fill-color:var(--sj-theme-primary-dark)!important;border-color:var(--sj-theme-line);box-shadow:inset 0 -2px 0 var(--sj-theme-primary)}
.home-side-rail{display:none!important}
@media(min-width:1600px) and (min-height:720px){.home-side-rail{position:fixed;z-index:20;top:94px;display:block!important;width:min(280px,calc((100vw - 1208px)/2 - 10px));max-height:calc(100vh - 112px);overflow:auto;scrollbar-width:thin}.home-news-rail{left:12px}.home-community-rail{right:12px}.home-rail-card{padding:16px 15px;border:1px solid var(--sj-theme-line);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 9px 30px color-mix(in srgb,var(--sj-theme-primary) 9%,transparent);backdrop-filter:blur(14px);font-weight:400}.home-rail-card header{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:0 2px 10px;border-bottom:1px solid var(--sj-theme-line)}.home-rail-card header small{display:block;color:var(--sj-theme-accent);font-size:8px;font-weight:500;letter-spacing:.12em}.home-rail-card header h2{margin:2px 0 0;color:var(--sj-theme-ink);font-size:17px;font-weight:500;line-height:1.2}.home-rail-card header>a{color:var(--sj-theme-muted);font-size:9px;font-weight:400;text-decoration:none}.home-rail-card h3{margin:11px 3px 5px;color:var(--sj-theme-primary-dark);font-size:11px;font-weight:500}.home-rail-card .home-best-heading{margin-top:14px;padding-top:10px;border-top:1px solid var(--sj-theme-line)}.home-news-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:9px 0 6px}.home-news-tabs button{height:28px;border:1px solid var(--sj-theme-line);border-radius:7px;background:#fff;color:var(--sj-theme-muted);font-size:10px;font-weight:500;cursor:pointer}.home-news-tabs button.active{border-color:var(--sj-theme-primary);background:var(--sj-theme-primary);color:#fff}.home-rail-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.home-rail-list li{min-width:0;border-bottom:1px solid color-mix(in srgb,var(--sj-theme-line) 70%,transparent)}.home-rail-list li:last-child{border-bottom:0}.home-rail-list a{display:block;padding:7px 3px;color:var(--sj-theme-ink);font-weight:400;text-decoration:none}.home-rail-list a:hover span{color:var(--sj-theme-primary);text-decoration:underline}.home-rail-list span{display:-webkit-box;overflow:hidden;font-size:11px;font-weight:400;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-rail-list small{display:block;margin-top:3px;overflow:hidden;color:var(--sj-theme-muted);font-size:8.5px;font-weight:400;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.home-rail-empty{padding:14px 3px!important;color:var(--sj-theme-muted);font-size:9px;font-weight:400;text-align:center}.rail-skeleton{height:42px;margin:4px 0;border:0!important;border-radius:7px;background:linear-gradient(90deg,var(--sj-theme-soft),#fff,var(--sj-theme-soft));background-size:220% 100%;animation:homeRailPulse 1.2s linear infinite}@keyframes homeRailPulse{to{background-position:-220% 0}}}

/* Persistent light/dark mode and contrast-safe controls. */
.sjax-auth-slot .sjax-mode-toggle{min-width:55px;padding:0 8px!important;border-color:var(--sj-theme-line)!important;background:var(--sj-theme-soft)!important;color:var(--sj-theme-primary-dark)!important;-webkit-text-fill-color:var(--sj-theme-primary-dark)!important;font-weight:600!important}
html[data-site-theme] .portal-action:not(.secondary),html[data-site-theme] .category-button.active,html[data-site-theme] .page-button.current,html[data-site-theme] .admin-card button:not(.order-button):not(.icon-picker-button),html[data-site-theme] .managed-write,html[data-site-theme] .managed-form-actions button:not(.managed-form-cancel),html[data-site-theme] .managed-category-button.active,html[data-site-theme] .managed-pagination button.current,html[data-site-theme] .contact-button:not(.secondary),html[data-site-theme] .home-news-tabs button.active{color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-color-mode="dark"]{color-scheme:dark;--sj-theme-ink:#e7f0ea;--sj-theme-muted:#a7b8ae;--sj-theme-primary:#5cab82;--sj-theme-primary-dark:#82c7a2;--sj-theme-soft:#1d2b23;--sj-theme-line:rgba(215,235,222,.17);--sj-theme-accent:#d7ad63;--paper:#111814;--managed-ink:#e7f0ea;--managed-muted:#a7b8ae;--managed-line:rgba(215,235,222,.17);--managed-green:#4c9971;--managed-soft:#1b2821}
html[data-color-mode="dark"] body{background:#101713!important;color:var(--sj-theme-ink)!important;color-scheme:dark!important}
html[data-color-mode="dark"] .sjax-global-nav{background:rgba(15,22,18,.97)!important;border-color:var(--sj-theme-line)!important}
html[data-color-mode="dark"] .sjax-global-brand,html[data-color-mode="dark"] .sjax-global-brand b,html[data-color-mode="dark"] .sjax-main-tabs a{color:var(--sj-theme-ink)!important;-webkit-text-fill-color:var(--sj-theme-ink)!important}
html[data-color-mode="dark"] .sjax-main-tabs a:hover,html[data-color-mode="dark"] .sjax-main-tabs a.active,html[data-color-mode="dark"] .sjax-menu-toggle{background:#1a251f!important;color:#eef6f1!important;-webkit-text-fill-color:#eef6f1!important}
html[data-color-mode="dark"] .sjax-auth-slot button:not(.auth-login),html[data-color-mode="dark"] .sjax-auth-slot a:not(.auth-login){border-color:var(--sj-theme-line)!important;background:#18221d!important;color:#e9f2ec!important;-webkit-text-fill-color:#e9f2ec!important}
html[data-color-mode="dark"] .sjax-auth-slot .sjax-mode-toggle{background:#26382e!important;color:#eef6f1!important;-webkit-text-fill-color:#eef6f1!important}
html[data-color-mode="dark"] .sjax-auth-slot .auth-user,html[data-color-mode="dark"] .sjax-auth-slot .auth-admin,html[data-color-mode="dark"] .sjax-auth-slot .auth-points{color:#dce9e1!important;-webkit-text-fill-color:#dce9e1!important}
html[data-color-mode="dark"] .sjax-login-dialog,html[data-color-mode="dark"] .sjax-login-card,html[data-color-mode="dark"] .community-hero,html[data-color-mode="dark"] .portal-card,html[data-color-mode="dark"] .category-panel,html[data-color-mode="dark"] .board-table,html[data-color-mode="dark"] .board-item,html[data-color-mode="dark"] .admin-head,html[data-color-mode="dark"] .admin-card,html[data-color-mode="dark"] .admin-menu,html[data-color-mode="dark"] .preferences-form>label,html[data-color-mode="dark"] .contact-hero,html[data-color-mode="dark"] .contact-primary,html[data-color-mode="dark"] .contact-details,html[data-color-mode="dark"] .contact-guide,html[data-color-mode="dark"] .managed-head,html[data-color-mode="dark"] .managed-card,html[data-color-mode="dark"] .managed-prose,html[data-color-mode="dark"] .managed-post-card,html[data-color-mode="dark"] .managed-category-dialog,html[data-color-mode="dark"] footer{background:#17201b!important;border-color:var(--sj-theme-line)!important;color:var(--sj-theme-ink)!important}
html[data-color-mode="dark"] input,html[data-color-mode="dark"] select,html[data-color-mode="dark"] textarea,html[data-color-mode="dark"] option,html[data-color-mode="dark"] [contenteditable="true"],html[data-color-mode="dark"] .managed-editor-toolbar,html[data-color-mode="dark"] .editor-toolbar{background:#111814!important;border-color:var(--sj-theme-line)!important;color:#edf5f0!important;-webkit-text-fill-color:#edf5f0!important;color-scheme:dark!important}
html[data-color-mode="dark"] input::placeholder,html[data-color-mode="dark"] textarea::placeholder{color:#819288!important;-webkit-text-fill-color:#819288!important}
html[data-color-mode="dark"] .board-header,html[data-color-mode="dark"] .category-separator,html[data-color-mode="dark"] .post-form,html[data-color-mode="dark"] .managed-post-form,html[data-color-mode="dark"] .managed-category-add{background:#1d2a23!important;color:#dfeae3!important}
html[data-color-mode="dark"] .board-item:hover,html[data-color-mode="dark"] .managed-post-card:hover{background:#202d26!important}
html[data-color-mode="dark"] .portal-action.secondary,html[data-color-mode="dark"] .contact-button.secondary,html[data-color-mode="dark"] .page-button,html[data-color-mode="dark"] .managed-detail-head button,html[data-color-mode="dark"] .managed-pagination button{background:#18221d!important;border-color:var(--sj-theme-line)!important;color:#e7f0ea!important;-webkit-text-fill-color:#e7f0ea!important}
html[data-color-mode="dark"] .hero{background:radial-gradient(circle at 14% 10%,rgba(92,171,130,.17),transparent 32%),linear-gradient(135deg,#101914,#1b2821)!important}
html[data-color-mode="dark"] .brand-card,html[data-color-mode="dark"] .philo,html[data-color-mode="dark"] .program-card,html[data-color-mode="dark"] .product-card,html[data-color-mode="dark"] .games-feature-card,html[data-color-mode="dark"] .contact-main,html[data-color-mode="dark"] .contact-side,html[data-color-mode="dark"] .data-board{background:#18231d!important;border-color:var(--sj-theme-line)!important;color:#edf5f0!important}
html[data-color-mode="dark"] .hero p,html[data-color-mode="dark"] .brand-card .lead,html[data-color-mode="dark"] .meaning span,html[data-color-mode="dark"] .section-head p,html[data-color-mode="dark"] .program-card p,html[data-color-mode="dark"] .philo p,html[data-color-mode="dark"] .managed-post-copy p{color:#aebdb4!important;-webkit-text-fill-color:#aebdb4!important}
html[data-color-mode="dark"] .grad,html[data-color-mode="dark"] .hero h1 .grad{background:linear-gradient(90deg,#eff8f2 0%,#8fd0ad 38%,#d7ad63 70%,#b7a6ca 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-color-mode="dark"] .home-rail-card{background:rgba(22,31,26,.96)!important;color:var(--sj-theme-ink)!important}
html[data-color-mode="dark"] .home-news-tabs button{background:#111814;color:#c8d5cd;border-color:var(--sj-theme-line)}
@media(max-width:620px){.sjax-auth-slot .sjax-mode-toggle{min-width:45px;padding:0 6px!important;font-size:9px!important}}
@media(min-width:1600px) and (min-height:720px){.home-news-rail .home-rail-card{min-height:min(760px,calc(100vh - 112px))}.home-community-rail .home-rail-card{min-height:min(290px,calc(100vh - 112px))}}

/* Size menu buttons by their labels so signed-in controls cannot clip long names. */
@media(min-width:1001px){
  .sjax-global-nav{height:auto!important}
  .sjax-global-main{height:auto!important;grid-template-columns:220px minmax(0,1fr) max-content!important;gap:clamp(7px,1vw,18px)!important}
  .sjax-global-brand{width:220px!important;min-width:220px!important}
  .sjax-main-tabs{display:flex!important;flex-wrap:wrap!important;gap:clamp(1px,.22vw,4px)!important;width:100%!important;min-width:0!important;overflow:visible!important}
  .sjax-global-nav .sjax-main-tabs a{width:auto!important;min-width:max-content!important;max-width:none!important;height:38px!important;min-height:38px!important;padding:0 clamp(4px,.35vw,7px)!important;overflow:visible!important;flex:1 0 auto!important;font-size:clamp(9.6px,.696vw,13.2px)!important;white-space:nowrap!important}
  .sjax-global-nav .sjax-main-tabs a[href="/sjax-games.html"],.sjax-global-nav .sjax-main-tabs a[href="sjax-games.html"]{width:auto!important;min-width:max-content!important;flex:1 0 auto!important}
  .sjax-auth-slot{width:auto!important;min-width:max-content!important;max-width:none!important;overflow:visible!important}
}
@media(min-width:1001px) and (max-width:1199px){
  .sjax-global-main{grid-template-columns:auto 1fr!important;padding:9px 0 6px!important;gap:8px 12px!important}
  .sjax-global-brand{grid-column:1!important;grid-row:1!important}
  .sjax-auth-slot{grid-column:2!important;grid-row:1!important}
  .sjax-main-tabs{grid-column:1/-1!important;grid-row:2!important}
}

/* Admin ordering controls stay readable on every site theme. */
html[data-site-theme] .admin-card .navigation-order button,
html[data-site-theme] .admin-card .program-record-tools button{
  border-color:color-mix(in srgb,var(--sj-theme-primary) 38%,#d7e4dc)!important;
  background:var(--sj-theme-soft)!important;
  color:var(--sj-theme-primary-dark)!important;
  -webkit-text-fill-color:var(--sj-theme-primary-dark)!important;
  font-weight:900!important;
  opacity:1!important;
}
html[data-site-theme] .admin-card .navigation-order button:disabled,
html[data-site-theme] .admin-card .program-record-tools button:disabled{
  color:var(--sj-theme-muted)!important;
  -webkit-text-fill-color:var(--sj-theme-muted)!important;
  opacity:.38!important;
}

/* Small anonymous visitor summary placed at the actual end of every page. */
.sjax-visitor-counter{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:calc(100% - 28px);min-height:30px;margin:18px auto 12px;padding:5px 12px;border:1px solid var(--sj-theme-line);border-radius:9px;background:color-mix(in srgb,#fff 94%,var(--sj-theme-soft));color:var(--sj-theme-muted);box-shadow:0 4px 14px color-mix(in srgb,var(--sj-theme-primary) 6%,transparent);font:400 10px/1.2 var(--sj-font-ui);white-space:nowrap}
.sjax-visitor-counter span{padding-right:7px;border-right:1px solid var(--sj-theme-line);color:var(--sj-theme-primary-dark);font-weight:600}
.sjax-visitor-counter b{color:var(--sj-theme-ink);font-weight:500}
.sjax-visitor-counter i{color:var(--sj-theme-muted);font-style:normal;font-weight:400}
html[data-color-mode="dark"] .sjax-visitor-counter{background:#17201b;color:#a7b8ae}
html[data-color-mode="dark"] .sjax-visitor-counter b{color:#e7f0ea}
@media(max-width:620px){.sjax-visitor-counter{gap:6px;min-height:28px;margin:12px auto 9px;padding:4px 9px;font-size:9px}.sjax-visitor-counter span{padding-right:5px}}

/* Top menu typography: 20% above the existing responsive sizes. */
@media(min-width:861px) and (max-width:1000px){.sjax-global-nav .sjax-main-tabs a{font-size:15.84px!important}}
@media(min-width:621px) and (max-width:860px){.sjax-global-nav .sjax-main-tabs a{font-size:12.96px!important}}
@media(max-width:620px){.sjax-global-nav .sjax-main-tabs a{font-size:12px!important}.sjax-menu-toggle{font-size:13.2px!important}}

/* Decorative emoji keep visible/editable wording and control names unchanged. */
[data-sjax-icon]::before{content:attr(data-sjax-icon);content:attr(data-sjax-icon) / "";display:inline-block;margin-inline-end:.48em;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;font-size:.94em;line-height:1;letter-spacing:0;vertical-align:baseline;color:initial!important;-webkit-text-fill-color:initial!important;flex-shrink:0}
main h2[data-sjax-icon]::before,main h3[data-sjax-icon]::before{display:inline-grid;place-items:center;min-width:1.65em;height:1.65em;margin-inline-end:.48em;border:1px solid var(--sj-theme-line);border-radius:.45em;background:color-mix(in srgb,var(--sj-theme-soft) 88%,transparent);font-size:.82em;vertical-align:middle}
.sjax-main-tabs a[data-sjax-icon]::before{font-size:1em;margin-inline-end:.3em}
.badge[data-sjax-icon]::before,.eyebrow[data-sjax-icon]::before{font-size:1.12em}
html[data-color-mode="dark"] main h2[data-sjax-icon]::before,html[data-color-mode="dark"] main h3[data-sjax-icon]::before{background:#23372b;border-color:rgba(215,235,222,.19)}
@media(max-width:620px){main h2[data-sjax-icon]::before,main h3[data-sjax-icon]::before{min-width:1.5em;height:1.5em;margin-inline-end:.35em}.sjax-main-tabs a[data-sjax-icon]::before{margin-inline-end:.6em}}

.hero-note span[data-sjax-icon]::before{content:attr(data-sjax-icon);content:attr(data-sjax-icon) / "";}

/* Product feature surfaces keep their text and emoji readable in dark mode. */
html[data-color-mode="dark"] main .card,html[data-color-mode="dark"] main .storybox,html[data-color-mode="dark"] main .download-panel,html[data-color-mode="dark"] main .visual,html[data-color-mode="dark"] main .metric,html[data-color-mode="dark"] main .game-card{background:linear-gradient(145deg,#1b2b22,#17201b)!important;border-color:var(--sj-theme-line)!important;color:var(--sj-theme-ink)!important}
html[data-color-mode="dark"] main .card p,html[data-color-mode="dark"] main .storybox p,html[data-color-mode="dark"] main .download-panel p,html[data-color-mode="dark"] main .metric small{color:var(--sj-theme-muted)!important;-webkit-text-fill-color:var(--sj-theme-muted)!important}

/* Keep related navigation links together instead of wrapping individual buttons. */
.sjax-main-tabs .sjax-nav-row{display:grid;grid-template-columns:repeat(var(--sjax-row-count,4),minmax(0,1fr));align-items:center;gap:4px;min-width:0;width:100%}
.sjax-global-nav .sjax-main-tabs .sjax-nav-row a{width:100%!important;min-width:0!important;max-width:100%!important;flex:none!important;padding:0 8px!important}
@media(min-width:621px){
  html{scroll-padding-top:108px}
  .sjax-global-nav .sjax-main-tabs{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;overflow:visible!important;padding:0!important}
  .sjax-main-tabs .sjax-nav-row+.sjax-nav-row{padding-top:4px;border-top:1px solid var(--sj-theme-line)}
  .sjax-global-nav .sjax-main-tabs .sjax-nav-row a{height:36px!important;min-height:36px!important;font-size:13.2px!important}
}
@media(min-width:1200px){
  .sjax-global-nav{height:auto!important;min-height:96px!important}
  .sjax-global-main{height:auto!important;min-height:96px!important;padding:8px 0!important;grid-template-columns:220px minmax(0,1fr) max-content!important}
}
@media(min-width:621px) and (max-width:1199px){
  html{scroll-padding-top:150px}
  .sjax-global-nav{height:auto!important;min-height:0!important}
  .sjax-global-main{height:auto!important;min-height:0!important;padding:10px 0!important;grid-template-columns:auto minmax(0,1fr)!important;gap:8px 12px!important}
  .sjax-global-brand{grid-column:1!important;grid-row:1!important}
  .sjax-auth-slot{grid-column:2!important;grid-row:1!important}
  .sjax-main-tabs{grid-column:1/-1!important;grid-row:2!important}
}
@media(max-width:620px){
  .sjax-global-brand small{display:none!important}
  .sjax-main-tabs .sjax-nav-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .sjax-main-tabs .sjax-nav-row+.sjax-nav-row{margin-top:3px;padding-top:9px;border-top:1px solid var(--sj-theme-line)}
}
@media(min-width:1600px) and (min-height:720px){.home-side-rail{top:114px;max-height:calc(100vh - 132px)}}

/* Membership remains readable in both website themes. */
.sjax-auth-slot .auth-admin.auth-membership{color:#c9273b!important;-webkit-text-fill-color:#c9273b!important}
html[data-color-mode=dark] .sjax-auth-slot .auth-admin.auth-membership{color:#ff808b!important;-webkit-text-fill-color:#ff808b!important}
