.svgh-shell { --g-card:#fff; --g-soft:#f5f8fd; --g-line:#dce5f1; --g-text:#172b4d; --g-muted:#667791; --g-blue:#125ed7; width:min(1340px,calc(100% - 36px)); max-width:1340px; min-width:0; margin:0 auto; padding:22px 0 36px; color:var(--g-text); }
.svgh-shell *, .svgh-dialog * { box-sizing:border-box; }
.svgh-shell [hidden] { display:none !important; }
.svgh-shell h1,.svgh-shell h2,.svgh-shell h3 { color:var(--g-text); line-height:1.3; overflow-wrap:anywhere; }
.svgh-shell h1 { margin:8px 0 14px; font-size:30px; letter-spacing:-.6px; }
.svgh-shell h2 { margin:0 0 12px; font-size:19px; }
.svgh-shell h3 { margin:7px 0 10px; font-size:17px; }
.svgh-shell p { line-height:1.65; }
.svgh-shell a { text-decoration:none; }
.svgh-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:18px; color:var(--g-muted); font-size:11px; }
.svgh-breadcrumb a { color:var(--g-blue); }
.svgh-hero { display:grid; grid-template-columns:minmax(0,1fr) 230px; align-items:center; gap:24px; padding:34px 38px; border-radius:18px; color:#fff; background:linear-gradient(125deg,#173a91,#3743bc 66%,#6957cf); box-shadow:0 14px 35px rgba(23,58,145,.12); }
.svgh-hero.teal { background:linear-gradient(125deg,#103d65,#106e88 65%,#209d9a); }
.svgh-shell .svgh-hero h1 { max-width:850px; margin:10px 0 12px; color:#fff; font-size:34px; }
.svgh-hero p { max-width:780px; margin:0; color:#e0eaff; font-size:14px; }
.svgh-eyebrow { color:var(--g-blue); font-size:10px; font-weight:750; letter-spacing:1.2px; }
.svgh-hero .svgh-eyebrow { color:#cbdbff; }
.svgh-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:22px; }
.svgh-hero-art { position:relative; height:175px; transform:rotate(-7deg); }
.svgh-hero-art span { position:absolute; top:8px; left:10px; display:grid; place-items:center; width:125px; height:108px; border:2px solid rgba(255,255,255,.5); border-radius:24px; color:#fff; background:rgba(255,255,255,.14); font-size:37px; font-weight:900; box-shadow:0 16px 30px rgba(7,24,68,.18); }
.svgh-hero-art b { position:absolute; right:0; bottom:10px; padding:14px 20px; border-radius:15px; color:#244399; background:#e1edff; font-size:24px; transform:rotate(12deg); }
.svgh-hero-art i { position:absolute; right:5px; top:0; font-size:47px; font-style:normal; }
.svgh-benefits { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; margin:18px 0; padding:4px 3px; color:var(--g-muted); font-size:11px; }
.svgh-panel { min-width:0; margin:18px 0; padding:23px; border:1px solid var(--g-line); border-radius:13px; background:var(--g-card); box-shadow:0 5px 20px rgba(29,55,93,.035); }
.svgh-section-title { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:17px; }
.svgh-section-title h2 { margin:3px 0 5px; }
.svgh-section-title p { margin:4px 0; color:var(--g-muted); font-size:12px; }
.svgh-count,.svgh-badge { display:inline-flex; align-items:center; max-width:100%; padding:5px 9px; border-radius:7px; color:#1554af; background:#eaf2ff; font-size:10px; font-weight:750; overflow-wrap:anywhere; }
.svgh-badge.danger { color:#a62635; background:#ffedf0; }
.svgh-shell .svgh-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:40px; max-width:100%; padding:9px 15px; border:1px solid #125ed7; border-radius:8px; color:#fff; background:#125ed7; font-family:inherit; font-size:12px; font-weight:750; line-height:1.4; text-align:center; cursor:pointer; overflow-wrap:anywhere; }
.svgh-shell .svgh-button:hover { color:#fff; background:#094dae; }
.svgh-shell .svgh-button.secondary { color:#174c9b; border-color:#cbdaf0; background:#f2f7ff; }
.svgh-shell .svgh-button.secondary:hover { background:#e4efff; }
.svgh-shell .svgh-button.light { color:#183f93; border-color:#fff; background:#fff; }
.svgh-shell .svgh-button.outline { color:#fff; border-color:#aac5ee; background:transparent; }
.svgh-shell button:disabled { cursor:wait; opacity:.65; }
.svgh-shell button:focus-visible,.svgh-shell a:focus-visible { outline:3px solid #79a9ff; outline-offset:3px; }
.svgh-filters { display:flex; align-items:end; flex-wrap:wrap; gap:12px; margin:0 0 19px; }
.svgh-shell label { display:grid; gap:7px; min-width:0; color:var(--g-text); font-size:12px; font-weight:650; }
.svgh-shell label small { color:var(--g-muted); font-size:10px; font-weight:400; }
.svgh-shell input:not([type=checkbox]):not([type=hidden]),.svgh-shell select,.svgh-shell textarea { min-width:0; width:100%; min-height:41px; margin:0; padding:10px 12px; border:1px solid var(--g-line); border-radius:7px; color:var(--g-text); background:var(--g-card); font-family:inherit; font-size:12px; line-height:1.5; }
.svgh-shell input:focus,.svgh-shell select:focus,.svgh-shell textarea:focus { outline:2px solid #91b7ef; outline-offset:1px; }
.svgh-shell textarea { resize:vertical; }
.svgh-search { flex:1 1 260px; }
.svgh-filters > label:not(.svgh-search) { flex:0 1 190px; }
.svgh-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:20px 0; }
.svgh-grid.single { grid-template-columns:minmax(0,900px); justify-content:center; }
.svgh-mod-card,.svgh-offer-card { min-width:0; overflow:hidden; border:1px solid var(--g-line); border-radius:12px; background:var(--g-card); box-shadow:0 5px 16px rgba(25,51,90,.04); }
.svgh-card-image { position:relative; display:grid; place-items:center; height:185px; overflow:hidden; color:#fff; background:linear-gradient(130deg,#d8e7ff,#a2bbec); }
.svgh-card-image img { width:100%; height:100%; object-fit:cover; }
.svgh-card-image > span { font-size:65px; }
.svgh-card-image b { position:absolute; left:12px; top:12px; max-width:calc(100% - 24px); padding:6px 9px; border-radius:6px; color:#164698; background:#f0f6ff; font-size:10px; font-weight:750; }
.svgh-card-image b.green { color:#075932; background:#d9f9e7; }
.svgh-card-body { padding:19px; }
.svgh-card-body > small { display:block; color:var(--g-muted); font-size:10px; }
.svgh-card-body h3 a { color:var(--g-text); }
.svgh-card-body p { color:var(--g-muted); font-size:12px; }
.svgh-card-meta { display:flex; flex-wrap:wrap; gap:7px; margin:14px 0; color:var(--g-muted); font-size:10px; }
.svgh-card-meta span { padding:4px 7px; border-radius:5px; background:var(--g-soft); }
.svgh-card-body > .svgh-button { width:100%; }
.svgh-empty { padding:45px 20px; text-align:center; }
.svgh-empty > span { font-size:48px; }
.svgh-empty p { color:var(--g-muted); font-size:13px; }
.svgh-callout,.svgh-alert-settings { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.svgh-callout p,.svgh-alert-settings p { margin:5px 0; color:var(--g-muted); font-size:12px; }
.svgh-pagination { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 0; }
.svgh-pagination a { min-width:33px; padding:7px 10px; border:1px solid var(--g-line); border-radius:6px; color:var(--g-blue); text-align:center; }
.svgh-pagination a.active { color:#fff; background:#125ed7; }
.svgh-mod-hero { display:grid; grid-template-columns:235px minmax(0,1fr); gap:28px; align-items:center; padding:25px; border:1px solid var(--g-line); border-radius:14px; background:var(--g-card); }
.svgh-mod-poster { height:200px; display:grid; place-items:center; overflow:hidden; border-radius:10px; background:var(--g-soft); }
.svgh-mod-poster img { width:100%; height:100%; object-fit:contain; }
.svgh-mod-poster > span { font-size:85px; }
.svgh-mod-hero p { color:var(--g-muted); font-size:13px; }
.svgh-pills { display:flex; flex-wrap:wrap; gap:8px; }
.svgh-pills span { padding:5px 8px; border:1px solid var(--g-line); border-radius:6px; color:var(--g-muted); font-size:10px; }
.svgh-detail-layout { display:grid; grid-template-columns:minmax(0,1fr) 285px; align-items:start; gap:22px; }
.svgh-detail-main { min-width:0; }
.svgh-content,.svgh-prewrap { font-size:13px; line-height:1.85; overflow-wrap:anywhere; }
.svgh-prewrap { max-height:550px; overflow:auto; white-space:normal; padding:15px; border:1px solid var(--g-line); border-radius:8px; background:var(--g-soft); }
.svgh-info { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin:17px 0 21px; }
.svgh-info div { min-width:0; }
.svgh-info dt { margin-bottom:5px; color:var(--g-muted); font-size:10px; }
.svgh-info dd { margin:0; color:var(--g-text); font-size:12px; font-weight:700; overflow-wrap:anywhere; }
.svgh-info.vertical { grid-template-columns:1fr; }
.svgh-sticky { position:sticky; top:16px; }
.svgh-sticky > .svgh-button { display:flex; width:100%; margin:10px 0; }
.svgh-download-row { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:14px 0; padding:16px; border:1px solid var(--g-line); border-radius:9px; }
.svgh-download-row strong { display:block; overflow-wrap:anywhere; font-size:12px; }
.svgh-download-row small { display:block; margin-top:5px; color:var(--g-muted); font-size:10px; }
.svgh-version { margin:12px 0; padding:12px; border:1px solid var(--g-line); border-radius:7px; font-size:12px; }
.svgh-version summary { cursor:pointer; font-weight:700; }
.svgh-version summary small { display:inline-block; margin-left:10px; color:var(--g-muted); font-weight:400; }
.svgh-review { margin:12px 0; padding:15px; border:1px solid var(--g-line); border-radius:8px; font-size:12px; }
.svgh-review > span { margin-left:10px; color:#c78a09; }
.svgh-review small { display:block; color:var(--g-muted); }
.svgh-form { display:grid; gap:16px; }
.svgh-form > .svgh-panel { margin:0; }
.svgh-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:17px; }
.svgh-panel > label { margin:14px 0; }
.svgh-shell .svgh-checkbox { display:flex; align-items:center; gap:9px; padding:8px 0; font-weight:500; }
.svgh-checkbox input { flex:0 0 auto; }
.svgh-muted,.svgh-source { color:var(--g-muted); font-size:11px; line-height:1.6; }
.svgh-text-link { padding:0; border:0; color:var(--g-blue); background:transparent; font-family:inherit; font-size:12px; cursor:pointer; }
.svgh-notice { padding:12px 15px; border:1px solid #e2c88a; border-radius:8px; color:#75551e; background:#fff9e9; font-size:12px; }
.svgh-price { display:flex; align-items:center; flex-wrap:wrap; gap:9px; min-height:45px; margin:12px 0; }
.svgh-price strong { font-size:22px; font-weight:850; color:#087649; }
.svgh-price del { color:var(--g-muted); font-size:12px; }
.svgh-discount { padding:6px 8px; border-radius:5px; color:#fff; background:#126e4c; font-size:15px; font-weight:800; }
.svgh-offer-dates { display:grid; gap:5px; margin:12px 0 17px; color:var(--g-muted); font-size:11px; }
.svgh-card-actions { display:flex; flex-wrap:wrap; gap:8px; }
.svgh-card-actions .svgh-button { flex:1 1 120px; padding:9px 10px; font-size:11px; }
.svgh-source { margin:13px 0 0; font-size:9px; }
.svgh-inline-form { display:flex; align-items:end; flex-wrap:wrap; gap:12px; }
.svgh-game-results { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:15px 0; }
.svgh-game-results button { display:grid; grid-template-columns:70px minmax(0,1fr); gap:8px; align-items:center; padding:10px; border:1px solid var(--g-line); border-radius:8px; color:var(--g-text); background:var(--g-soft); font-family:inherit; text-align:left; cursor:pointer; }
.svgh-game-results img { width:70px; height:35px; object-fit:cover; border-radius:4px; }
.svgh-game-results span { font-size:12px; }
.svgh-game-results b { grid-column:2; color:var(--g-blue); font-size:10px; }
.svgh-dialog { width:min(500px,calc(100% - 24px)); max-height:85dvh; overflow:auto; padding:26px; border:1px solid #cfdbeb; border-radius:13px; color:#172b4d; background:#fff; box-shadow:0 20px 70px rgba(8,24,53,.3); }
.svgh-dialog::backdrop { background:rgba(10,23,43,.65); }
.svgh-dialog.wide { width:min(850px,calc(100% - 24px)); }
.svgh-dialog > form[method=dialog] { height:12px; margin:0; }
.svgh-dialog-close { position:absolute; top:8px; right:10px; width:34px; height:34px; border:0; border-radius:7px; color:#35506f; background:#edf3fb; cursor:pointer; font-size:25px; }
.svgh-dialog h2 { margin:10px 25px 12px 0; font-size:20px; }
.svgh-dialog p { color:#667791; font-size:12px; line-height:1.6; }
.svgh-dialog pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:11px; line-height:1.6; }
.svgh-scroll { max-width:100%; overflow-x:auto; }
.svgh-table { width:100%; border-collapse:collapse; text-align:left; font-size:12px; }
.svgh-table th { padding:13px 11px; border-bottom:1px solid var(--g-line); color:var(--g-muted); background:var(--g-soft); font-size:10px; white-space:nowrap; }
.svgh-table td { max-width:380px; padding:14px 11px; border-bottom:1px solid var(--g-line); vertical-align:top; overflow-wrap:anywhere; }
.svgh-table td small { display:block; margin-top:5px; color:var(--g-muted); font-size:10px; }
.svgh-table a { color:var(--g-blue); }
.svgh-table-actions { display:flex; align-items:center; flex-wrap:wrap; gap:9px; }
.svgh-table-actions > button,.svgh-table td > button { padding:4px 7px; border:1px solid var(--g-line); border-radius:5px; color:var(--g-blue); background:var(--g-soft); font-family:inherit; font-size:10px; cursor:pointer; }
.svgh-admin-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:3px 0 25px; }
.svgh-admin-heading h1 { font-size:27px; }
.svgh-admin-heading p { color:var(--g-muted); font-size:12px; }
.svgh-tabs { display:flex; flex-wrap:wrap; gap:8px; padding-bottom:13px; border-bottom:1px solid var(--g-line); }
.svgh-tabs a { padding:9px 13px; border:1px solid var(--g-line); border-radius:7px; color:var(--g-muted); background:var(--g-card); font-size:12px; font-weight:650; }
.svgh-tabs a.active { color:#fff; border-color:#125ed7; background:#125ed7; }
.svgh-feedback { min-height:22px; color:#14714d; font-size:12px; }
.svgh-feedback.error { color:#b42339; }
.svgh-search-results { display:grid; gap:10px; }
.svgh-search-results article { display:flex; align-items:center; gap:15px; padding:14px; border:1px solid var(--g-line); border-radius:9px; background:var(--g-soft); }
.svgh-search-results article > img { width:65px; height:65px; object-fit:contain; border-radius:7px; }
.svgh-search-results article > div { flex:1; min-width:0; overflow-wrap:anywhere; }
.svgh-search-results strong { font-size:13px; }
.svgh-search-results p { margin:5px 0; color:var(--g-muted); font-size:11px; }
.svgh-search-results a { color:var(--g-blue); font-size:10px; }
.svgh-link-row { position:relative; display:grid; grid-template-columns:1fr 160px; gap:12px; margin:15px 0; padding:18px 40px 15px 15px; border:1px solid var(--g-line); border-radius:9px; background:var(--g-soft); }
.svgh-link-row > [data-remote-label],.svgh-link-row > [data-local-label] { grid-column:1/-1; }
.svgh-remove-link { position:absolute; top:8px; right:8px; width:25px; height:25px; border:0; border-radius:5px; color:#b42339; background:#ffedf0; cursor:pointer; font-size:20px; }
.svgh-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:25px 0; }
.svgh-stats article { display:grid; gap:8px; padding:20px; border:1px solid var(--g-line); border-radius:10px; background:var(--g-soft); }
.svgh-stats strong { font-size:28px; color:var(--g-blue); }
.svgh-stats span { color:var(--g-muted); font-size:11px; }
.svgh-source-status { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.svgh-source-status article { padding:17px; border:1px solid var(--g-line); border-radius:9px; }
.svgh-source-status p { font-size:12px; }
.svgh-toast { position:fixed; right:20px; bottom:85px; z-index:100010; max-width:min(380px,calc(100% - 30px)); padding:13px 17px; border-radius:9px; color:#fff; background:#172b4d; box-shadow:0 8px 30px rgba(0,0,0,.2); font-size:12px; }
.sv-admin-standalone > .svgh-shell { width:100%; max-width:none; min-width:0; padding:22px; }
.site-nav .svgh-nav-menu { position:relative; flex:0 0 auto; align-self:stretch; }
.site-nav .svgh-nav-menu > summary { display:flex; align-items:center; gap:8px; height:100%; min-height:47px; padding:0 2px; color:#d5e3f6; cursor:pointer; list-style:none; font-size:inherit; font-weight:650; }
.site-nav .svgh-nav-menu > summary::-webkit-details-marker { display:none; }
.site-nav .svgh-nav-menu > summary::after { content:''; width:5px; height:5px; margin:0 3px 3px 1px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg); }
.site-nav .svgh-game-links { position:absolute; z-index:10001; top:100%; right:0; width:255px; padding:8px; border:1px solid #dce5f1; border-radius:9px; color:#172b4d; background:#fff; box-shadow:0 12px 30px rgba(10,27,59,.17); }
.site-nav .svgh-game-links a { display:flex; align-items:center; gap:7px; height:auto; min-height:39px; margin:0; padding:9px 10px; border-radius:6px; color:#172b4d; background:transparent; white-space:normal; font-size:11px; }
.site-nav .svgh-game-links a:hover { color:#125ed7; background:#edf4ff; }
[data-theme='dark'] .svgh-shell { --g-card:#132136; --g-soft:#1a2b44; --g-line:#304560; --g-text:#edf3ff; --g-muted:#b2c2da; --g-blue:#86b7ff; }
[data-theme='dark'] .svgh-shell .svgh-button.secondary { color:#c3dbff; border-color:#3c5d88; background:#213c61; }
[data-theme='dark'] .svgh-price strong { color:#75dba9; }
@media(max-width:1100px) { .svgh-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .svgh-hero { grid-template-columns:minmax(0,1fr) 175px; padding:27px; } .svgh-detail-layout { grid-template-columns:minmax(0,1fr) 250px; gap:16px; } .svgh-game-results { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .svgh-shell { width:calc(100% - 22px); padding-top:15px; } .svgh-shell h1 { font-size:25px; } .svgh-hero { display:block; padding:25px 21px; } .svgh-hero-art { display:none; } .svgh-shell .svgh-hero h1 { font-size:29px; } .svgh-hero p { font-size:12px; } .svgh-benefits { display:grid; grid-template-columns:1fr 1fr; gap:13px 9px; font-size:10px; } .svgh-panel { padding:17px; margin:15px 0; } .svgh-section-title { align-items:flex-start; flex-wrap:wrap; } .svgh-grid { gap:14px; } .svgh-callout,.svgh-alert-settings { align-items:flex-start; flex-direction:column; } .svgh-filters { display:grid; grid-template-columns:1fr 1fr; align-items:end; } .svgh-filters .svgh-search { grid-column:1/-1; } .svgh-mod-hero { grid-template-columns:1fr; gap:20px; padding:20px; } .svgh-mod-poster { max-width:100%; height:210px; } .svgh-detail-layout { display:flex; flex-direction:column; gap:0; } .svgh-detail-layout > * { width:100%; } .svgh-form-grid { grid-template-columns:1fr; } .svgh-sticky { position:static; } .svgh-form > .svgh-panel { padding:17px; } .svgh-admin-heading { align-items:flex-start; flex-direction:column; gap:10px; } .svgh-admin-heading h1 { font-size:24px; } .svgh-admin .svgh-table { min-width:650px; } .svgh-tabs a { padding:8px 10px; font-size:11px; } .svgh-link-row { grid-template-columns:1fr; } .svgh-stats { grid-template-columns:1fr; gap:10px; } .svgh-stats article { grid-template-columns:70px minmax(0,1fr); align-items:center; padding:13px; } .svgh-source-status { grid-template-columns:1fr; } .sv-admin-standalone > .svgh-shell { padding:15px; } .svgh-search-results article { flex-wrap:wrap; } .svgh-search-results article > .svgh-button { width:100%; } .svgh-game-results { grid-template-columns:1fr; } .site-nav .svgh-nav-menu { width:100%; } .site-nav .svgh-game-links { position:static; width:100%; box-shadow:none; } }
@media(max-width:480px) { .svgh-grid { grid-template-columns:1fr; } .svgh-card-image { height:175px; } .svgh-hero-actions { display:grid; grid-template-columns:1fr; } .svgh-hero-actions .svgh-button { width:100%; } .svgh-download-row { align-items:stretch; flex-direction:column; } .svgh-filters { grid-template-columns:1fr; } .svgh-info { grid-template-columns:1fr; } .svgh-inline-form { display:grid; grid-template-columns:1fr; } .svgh-dialog { padding:20px; } }