:root{--ink:#142153;--blue:#1c58ad;--sky:#60b9e7;--cream:#fff8dc;--paper:#fffdf0;--gold:#e6bd35;--line:#254f9f;--red:#b51f32}*{box-sizing:border-box}html{background:#114d9a}body{color:#152759;background:radial-gradient(circle at 20% 0,#f7fcff 0 14%,#0000 34%),repeating-linear-gradient(0deg,#d3ebf2 0 1px,#f7f4df 1px 4px);min-width:320px;margin:0;font-family:Tahoma,Arial,Microsoft YaHei,sans-serif;font-size:14px}a{color:#064da4;text-decoration:none}a:hover{color:#c20b2b;text-decoration:underline}button,input,textarea,select{font:inherit}.portal-shell{background:#fffff8;border-inline:2px solid #8dc4e8;width:min(1180px,100%);min-height:100vh;margin:0 auto;box-shadow:0 0 20px #00245f}.top-strip{color:#e8f7ff;text-align:right;background:linear-gradient(90deg,#062d73,#1269b3 50%,#0c3f89);border-bottom:1px solid #b4e4ff;min-height:25px;padding:5px 16px;font-size:12px}.site-header{background:linear-gradient(#eefeff 0%,#9bd9f4 51%,#d5f4ff 52%,#76bfe6 100%);border-bottom:3px solid #1864ad;justify-content:space-between;align-items:center;min-height:104px;padding:18px 26px;display:flex}.site-logo{color:#082d7d;text-shadow:1px 1px #fff;align-items:center;gap:13px;text-decoration:none;display:flex}.site-logo:hover{color:#082d7d;text-decoration:none}.site-logo strong{letter-spacing:2px;font-family:Arial Black,Tahoma,sans-serif;font-size:clamp(27px,5vw,42px);line-height:.9;display:block}.site-logo em{letter-spacing:3px;margin-top:5px;font:700 10px Verdana,sans-serif;display:block}.logo-image{object-fit:contain;width:64px;height:64px}.logo-disc{color:#fff;background:radial-gradient(circle at 36% 30%,#fff 0 6%,#7ce2ff 7% 13%,#0d54b0 14% 50%,#06285f 51%);border:3px solid #e9ffff;border-radius:50%;place-items:center;width:55px;height:55px;font-size:23px;display:grid;box-shadow:0 0 0 2px #154b9f,inset 0 0 0 3px #062c75}.main-nav{background:linear-gradient(#347cc5,#0a438e);border-bottom:3px solid #e7bc28;display:flex}.main-nav a{color:#fff;text-shadow:1px 1px #002b6e;border-right:1px solid #7eb7e8;padding:10px 22px;font-weight:700}.main-nav a:hover{color:#fff68a;background:#0c377a;text-decoration:none}.notice-bar{color:#5d4100;white-space:nowrap;background:#fff6b2;border-bottom:1px solid #dfbe40;align-items:center;gap:12px;min-height:32px;padding:4px 15px;display:flex;overflow:hidden}.notice-label{color:#fff;background:#c92c23;flex:none;padding:3px 6px;font-size:12px;font-weight:700}.notice-text{text-overflow:ellipsis;flex:1;min-width:0;animation:.4s notice-in;overflow:hidden}@keyframes notice-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.notice-dots{flex:none;gap:4px;margin-left:auto;display:flex}.notice-dots i{background:#d8b23a;border-radius:50%;width:7px;height:7px}.notice-dots i.active{background:#c92c23}.notice-manager{gap:12px}.notice-list{border:1px dashed #6499c8;gap:8px;padding:10px;display:grid}.notice-list legend{color:#164682;padding:0 4px;font-weight:700}.notice-item{align-items:center;gap:6px;display:flex}.notice-item-actions{flex:none;gap:4px;display:flex}.notice-item-actions button{padding:4px 8px}.access-control{gap:14px;margin-top:14px;display:grid}.access-summary{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.access-summary>*{text-align:center;background:linear-gradient(#e9f8ff,#c7e8ff);border:1px solid #75a7d6;gap:2px;padding:10px;display:grid}.access-summary strong{color:#183a75;font-size:20px}.access-summary span{color:#315d92;font-size:12px}.access-block{border:1px dashed #6499c8;gap:8px;padding:10px;display:grid}.access-block legend{color:#164682;padding:0 4px;font-weight:700}.access-add{grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto auto;align-items:center;gap:6px;display:grid}.access-table{border-collapse:collapse;width:100%;font-size:12px}.access-table th,.access-table td{text-align:left;border-bottom:1px solid #a9c9e4;padding:5px 6px}.access-table th{color:#164682;background:#e2f1fd}.access-table td button{margin-right:4px;padding:3px 7px;font-size:12px}.access-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.access-list li{background:#eef7ff;border:1px solid #a9c9e4;align-items:center;gap:8px;padding:5px 7px;display:flex}.access-list code{color:#123a6b;font-weight:700}.access-list span{color:#4a6b8a;font-size:12px}.access-list button{margin-left:auto;padding:3px 8px;font-size:12px}.portal-layout{grid-template-columns:minmax(0,1fr) 190px;gap:14px;padding:14px;display:grid}.main-column{min-width:0}.sidebar{flex-direction:column;gap:14px;display:flex}.portal-box{background:var(--paper);border:1px solid #6b9cd6;padding:0 10px 11px;overflow:hidden;box-shadow:2px 2px #c1d8ed}.portal-box h2,.detail-section h2{color:#fff;text-shadow:1px 1px #052b67;background:linear-gradient(90deg,#0e4b9e,#3f93dc);border-bottom:2px solid #123c82;margin:0 -10px 9px;padding:6px 9px;font:700 13px Tahoma,Arial}.portal-box p{margin:8px 0;font-size:12px;line-height:1.55}.link-list{margin:0 0 0 18px;padding:0;list-style:square}.link-list li{border-bottom:1px dotted #92b1d4;padding:5px 0}.link-list i{color:#777;font-size:11px;font-style:normal}.mini-poll label{padding:3px 0;font-size:12px;display:block}.archive-stats{text-align:center}.archive-stats b{color:#fffb7e;letter-spacing:3px;background:#102448;border:3px inset #88a5ca;padding:6px;font:25px Courier New,monospace;display:block}.archive-stats span{margin-top:5px;font-size:11px;display:block}.feature-carousel{border:2px solid #2775c3;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff,3px 3px #aacbe4}.carousel-slide{background-color:#e8f2f9;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:262px;padding:17px;display:none;position:relative}.carousel-slide.active{display:block}.carousel-shade{pointer-events:none;background:linear-gradient(90deg,#fffffff0 0%,#ffffffd1 45%,#fff3 100%);position:absolute;inset:0}.carousel-slide .feature-copy{z-index:2;pointer-events:none;max-width:640px;position:relative}.carousel-link-layer{z-index:1;cursor:pointer;position:absolute;inset:0}.carousel-arrow{z-index:3;color:#12457f;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:30px;height:48px;margin-top:-24px;font-size:24px;text-decoration:none;display:flex;position:absolute;top:50%}.carousel-arrow:hover{color:#d42c35;background:0 0}.carousel-arrow.prev{left:0}.carousel-arrow.next{right:0}.carousel-dots{z-index:3;gap:5px;display:flex;position:absolute;bottom:12px;right:12px}.carousel-dot{cursor:pointer;background:#ffffffb3;border:1px solid #2b6299;border-radius:50%;width:11px;height:11px;padding:0}.carousel-dot.active{background:#b11c2c;border-color:#7d101b}.carousel-counter{color:#37507a;margin:0;font-size:11px;position:absolute;bottom:10px;left:12px}.feature-panel{background:linear-gradient(135deg,#fff7c5,#fdffe9 43%,#bceafe);border:2px solid #2775c3;grid-template-columns:1fr 190px;min-height:260px;padding:17px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 2px #fff,3px 3px #aacbe4}.feature-copy{padding-right:14px}.eyebrow{color:#b40e27;letter-spacing:1px;margin:0 0 6px;font:700 11px Verdana,sans-serif}.feature-panel h1,.page-title h1,.detail-header h1,.admin-panel h1,.login-card h1{color:#0b3c91;margin:0;font-family:Arial Black,Tahoma,sans-serif;line-height:1.1}.feature-panel h1{font-size:clamp(27px,4vw,40px)}.feature-panel p{line-height:1.65}.feature-original,.original-title,.detail-original{color:#5d6c8f;font:12px Verdana,Arial,sans-serif}.feature-cover{object-fit:cover;border:4px ridge #e2be40;align-self:center;width:170px;height:228px;box-shadow:4px 5px 6px #567}.pixel-button{text-shadow:1px 1px #142963;cursor:pointer;background:linear-gradient(#5a9ddb,#0f4f9f);border:2px outset #6db4ed;border-radius:0;padding:8px 13px;font-weight:700;display:inline-block;box-shadow:1px 1px #13376b;color:#fff!important;text-decoration:none!important}.pixel-button:hover{background:linear-gradient(#70b3f0,#1759ad)}.pixel-button:active{border-style:inset;transform:translate(1px,1px)}.pixel-button.small{padding:5px 8px;font-size:12px}.pixel-button.danger{background:linear-gradient(#e2616d,#b31d2c);border-color:#ef8c96}.pixel-button.danger:hover{background:linear-gradient(#ef7b86,#c72637)}.pixel-button.safe{text-shadow:1px 1px #0f4d26;background:linear-gradient(#5cbf7d,#1d7a3e);border-color:#8fd9a9}.pixel-button.safe:hover{background:linear-gradient(#74d494,#26924c)}.pixel-button.warn{text-shadow:1px 1px #7a5109;background:linear-gradient(#eebc4e,#b97e12);border-color:#f6d68a}.pixel-button.warn:hover{background:linear-gradient(#f6cd6e,#cf9120)}.pixel-button:disabled{opacity:.6;cursor:not-allowed}.confirm-overlay{z-index:70;background:#1028488c;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#fffef7;border:2px solid #79a9d6;gap:12px;width:min(420px,100%);padding:18px 20px;display:grid;box-shadow:4px 4px #08183073}.confirm-dialog h2{color:#103d89;border-bottom:2px solid #79a9d6;margin:0;padding-bottom:8px;font-size:17px}.confirm-message{color:#35496b;margin:0;font-size:13px;line-height:1.65}.confirm-actions{justify-content:end;gap:10px;display:flex}.section-heading{border-bottom:3px double #246ab8;justify-content:space-between;align-items:end;margin:18px 0 8px;padding-bottom:5px;display:flex}.section-heading span{color:#123e8e;font:700 19px Arial Black,Tahoma}.section-heading a{font-size:12px;font-weight:700}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-grid .game-card{height:194px}.game-grid .cover-frame{aspect-ratio:3/4;flex:0 0 132px;align-self:flex-start;min-height:0}.game-grid .game-card-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.game-grid .game-summary{-webkit-line-clamp:2}.game-grid .card-tags{flex-wrap:wrap;gap:3px}.game-grid .tag-chip{padding:1px 5px;font-size:10px}.game-grid .game-card-body>.pixel-button{align-self:flex-start;margin-top:auto}.game-card{background:#fffef1;border:1px solid #91b2d4;gap:10px;min-width:0;padding:9px;display:flex;box-shadow:2px 2px #e2e6c4}.cover-frame{color:#d7e9f6;background:repeating-linear-gradient(135deg,#193761,#193761 5px,#254c75 5px 10px);border:3px ridge #d6b641;flex:0 0 86px;place-items:center;min-height:112px;display:grid;overflow:hidden}.cover-frame img{object-fit:cover;width:100%;height:100%}.missing-cover{text-align:center;letter-spacing:1px;font:700 11px Courier New}.game-card-body{min-width:0}.year-chip{color:#fff;cursor:pointer;background:#d42c35;border:0;padding:1px 5px;font:700 10px Verdana;display:inline-block}.year-chip:hover{background:#1b4d8c}.game-card h3{margin:4px 0 0;font-size:16px}.game-card h3 a{color:#103d89}.original-title{margin:2px 0;font-size:10px}.game-meta{color:#6a5425;margin:5px 0;font-size:11px}.game-summary{text-align:justify;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 7px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.content-page{background:#fffff8;min-height:70vh;padding:22px}.page-title{background:linear-gradient(90deg,#c9f2ff,#f9ffe2 55%,#fff1a4);border-bottom:2px solid #3c81c1;margin:-22px -22px 18px;padding:22px}.page-title span{color:#b11c2c;letter-spacing:2px;font:700 10px Verdana}.page-title h1{font-size:34px}.page-title p{color:#50617c;margin:6px 0 0}.directory-tools{background:#e7f6ff;border:1px solid #9ac5e2;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:9px;padding:12px;display:grid}.directory-tools.expanded{grid-template-columns:2fr repeat(5,minmax(110px,1fr))}.directory-tools label,.admin-form label{color:#193f76;gap:4px;font-size:12px;font-weight:700;display:grid}.directory-tools input,.directory-tools select,.admin-form input,.admin-form textarea,.admin-form select{color:#1b2e59;background:#fffef7;border:1px solid #6286bc;border-radius:0;width:100%;padding:6px;box-shadow:inset 1px 1px 2px #c7d3d7}.directory-tools .clear-search{grid-column:1/-1;justify-self:end}.card-tags{flex-wrap:wrap;gap:4px;margin:0 0 8px;display:flex}.tag-chip{color:#4a3407;cursor:pointer;background:#fff3bd;border:1px solid #d3ae43;padding:2px 7px;font-family:inherit;font-size:11px}.tag-chip.genre{color:#12386f;background:#dbeaff;border-color:#7ea6d8}.tag-chip:hover{color:#fff;background:#b8612a;border-color:#8d4419}.tag-chip.genre:hover{background:#2a6dbd;border-color:#1b4d8c}.result-count{border-bottom:1px dotted #8da8c7;padding-bottom:6px}.page-indicator{float:right;color:#657086;font-size:12px}.active-filters{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;font-size:12px;display:flex}.active-filters>span{color:#657086;font-weight:700}.filter-chip{color:#fff;cursor:pointer;background:#3c81c1;border:1px solid #2b6299;padding:3px 8px;font-family:inherit;font-size:11px}.filter-chip em{font-style:normal;font-weight:700}.filter-chip:hover{background:#b11c2c;border-color:#8d141f}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.clickable-list{flex-wrap:wrap;gap:6px;display:flex}.clickable-list a{color:#103d89;text-decoration:underline}.clickable-list a:hover{color:#b11c2c}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:18px 0 4px;display:flex}.page-btn{color:#103d89;cursor:pointer;background:#fffef1;border:1px solid #91b2d4;min-width:34px;padding:6px 10px;font-family:inherit;font-size:13px}.page-btn:hover{color:#fff;background:#3c81c1;border-color:#2b6299}.page-btn.active{color:#fff;cursor:default;background:#b11c2c;border-color:#8d141f;font-weight:700}.page-btn:disabled{color:#a9b4c8;cursor:not-allowed;background:#eef1f6;border-color:#d6dee9}.page-btn.prev,.page-btn.next{padding:6px 12px}.feedback-ip{color:#7b5a12;font-size:12px}.page-gap{color:#657086;padding:6px 2px;font-size:12px}.empty-state{color:#657086;text-align:center;background:#f4f7e7;border:1px dashed #93acc8;padding:26px}.notfound-layout{grid-template-columns:1fr}.notfound-panel{background:var(--paper);border:1px solid #6b9cd6;padding:20px;box-shadow:2px 2px #c1d8ed}.notfound-counter{text-align:center;margin:10px 0 14px}.notfound-counter b{color:#fffb7e;letter-spacing:12px;text-shadow:3px 3px #052b67;background:#102448;border:3px inset #88a5ca;padding:14px;font:700 64px Courier New,monospace;display:block}.notfound-counter span{color:#657086;letter-spacing:3px;margin-top:5px;font:11px Courier New,monospace;display:block}.notfound-panel h1{margin:0 0 8px;font-size:22px}.notfound-panel>p{color:#45506b;max-width:560px;margin:8px 0;font-size:13px;line-height:1.6}.notfound-actions{flex-wrap:wrap;gap:9px;margin:14px 0 4px;display:flex}.notfound-tip{color:#8a93aa;font-size:11px}.breadcrumb{color:#61709a;margin:0 0 14px;font-size:12px}.detail-header{background:linear-gradient(135deg,#e3f7ff,#fffbdc);border:1px solid #82b0d9;grid-template-columns:200px 1fr;gap:20px;padding:18px;display:grid}.detail-cover{width:190px;height:250px}.detail-header h1{font-size:clamp(29px,5vw,44px)}.tag-row{flex-wrap:wrap;gap:5px;margin:12px 0;display:flex}.tag-row span,.tag-row a{color:#54370c;background:#ffe276;border:1px solid #d5a831;padding:3px 7px;font-size:11px}.tag-row a:hover{color:#fff;background:#b8612a;border-color:#8d4419}.detail-section{background:#fffef6;border:1px solid #a8c3dc;margin-top:16px;padding:0 12px 13px;line-height:1.8}.detail-section h2{margin-inline:-12px}.info-table dl{margin:0}.info-table dl div{border-bottom:1px dotted #a5b5c9;grid-template-columns:120px 1fr;display:grid}.info-table dt{color:#20519a;background:#edf7ff;padding:6px;font-weight:700}.info-table dd{margin:0;padding:6px 9px}.screenshot-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.screenshot-grid img{aspect-ratio:4/3;object-fit:cover;border:3px ridge #c9aa32;width:100%;height:100%}.screenshot-thumb{cursor:zoom-in;background:0 0;border:none;padding:0}.screenshot-thumb:hover img{filter:brightness(1.15)}.lightbox{z-index:999;background:#0a1222e0;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:fixed;inset:0}.lightbox-frame{flex-direction:column;gap:8px;width:min(920px,100%);height:min(78vh,720px);margin:0;display:flex}.lightbox-frame img{object-fit:contain;background:#0a1222;border:3px ridge #c9aa32;flex:1;width:100%;min-height:0}.lightbox-frame figcaption{color:#d8ecff;text-align:center;font-size:13px}.lightbox-nav{color:#ffe9a8;cursor:pointer;background:#1d3357;border:2px solid #c9aa32;flex:none;width:46px;height:64px;font-size:30px;line-height:1}.lightbox-nav:hover{background:#2b4a7d}.lightbox-close{color:#ffe9a8;cursor:pointer;background:#b31d2c;border:2px solid #ffe9a8;width:40px;height:40px;font-size:24px;line-height:1;position:absolute;top:14px;right:18px}.site-footer{color:#d8ecff;text-align:center;background:linear-gradient(#154f96,#06295f);border-top:3px solid #d7ad27;padding:15px;font-size:11px}.site-footer p{margin:4px}.admin-shell{background:repeating-linear-gradient(45deg,#06245b 0 6px,#0c3474 6px 12px);place-items:start center;min-height:100vh;padding:28px 15px;display:grid}.admin-panel,.login-card{background:#ffffef;border:3px ridge #5ba1e1;width:min(1060px,100%);padding:22px;box-shadow:5px 5px #031638}.login-card{width:min(430px,100%);margin-top:8vh}.back-link{font-size:12px}.admin-header{border-bottom:2px solid #5b91c7;justify-content:space-between;align-items:center;gap:12px;padding-bottom:15px;display:flex}.admin-header h1,.admin-panel>h1,.login-card h1{font-size:28px}.inline-form{margin-left:8px;display:inline}.admin-logout,.admin-edit,.admin-delete{color:#fff;cursor:pointer;background:#516b97;border:1px outset #86a1cc;padding:4px 7px;font:700 12px Tahoma}.admin-delete{background:#a92d34;margin-left:5px}.admin-table-wrap{margin-top:15px;overflow-x:auto}.admin-table-wrap table{border-collapse:collapse;width:100%;min-width:700px}.admin-table-wrap th{color:#fff;text-align:left;background:#1c579d}.admin-table-wrap th,.admin-table-wrap td{border:1px solid #aac5df;padding:9px}.admin-table-wrap tr:nth-child(2n){background:#edf8ff}.admin-table-wrap td small{color:#6a7691;display:block}.status{color:#fff;padding:2px 5px;font-size:11px;font-weight:700}.status.published{background:#3e8c44}.status.draft{background:#7d7d7d}.admin-form{gap:14px;max-width:860px;margin-top:18px;display:grid}.login-form{max-width:none}.form-grid{gap:12px;display:grid}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:2fr 1fr 1fr}.admin-form small{color:#b31d2c}.upload-panel{background:#edf7ff;border:1px dashed #6499c8;gap:10px;padding:12px;display:grid}.upload-panel legend{color:#164682;padding:0 4px;font-weight:700}.upload-panel p{color:#556585;margin:0;font-size:12px}.upload-preview-row{flex-wrap:wrap;gap:10px;display:flex}.upload-thumb{background:#fff;border:1px solid #a8c4dd;gap:4px;width:120px;margin:0;padding:6px;display:grid;position:relative}.upload-thumb img{object-fit:cover;width:100%;height:80px}.upload-thumb figcaption{color:#4a5f80;text-align:center;font-size:12px}.upload-remove{color:#9d1829;cursor:pointer;background:#ffecec;border:1px solid #e18c99;padding:2px 0;font-size:12px}.upload-remove:hover{color:#fff;background:#b31d2c}.form-actions{justify-content:end;display:flex}.form-error{color:#9d1829;background:#ffe5e5;border:1px solid #e18c99;margin:0;padding:8px}.form-success{color:#14603a;background:#e4f7ea;border:1px solid #8ec7a2;margin:0;padding:8px}.rich-text{white-space:normal;overflow-wrap:break-word;margin:0;line-height:1.9}.rich-text strong{font-weight:700}.field-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.rich-bold-btn{color:#1b2e59;cursor:pointer;background:#edf7ff;border:1px solid #6286bc;border-radius:0;padding:2px 9px;font-size:12px;font-weight:700}.rich-bold-btn:hover{color:#fff;background:#20519a;border-color:#173a6e}.link-row{align-items:stretch;gap:6px;display:flex}.link-row input{flex:1;min-width:0}.link-check-btn{color:#1b2e59;white-space:nowrap;cursor:pointer;background:#edf7ff;border:1px solid #6286bc;border-radius:0;padding:2px 9px;font-size:12px;font-weight:700}.link-check-btn:hover{color:#fff;background:#20519a;border-color:#173a6e}.link-check-btn:disabled{color:#586a88;cursor:wait;background:#e3eaf3;border-color:#9db4cc}.form-hint-ok{color:#14603a}.form-hint-bad{color:#9d1829}.upload-filename{color:#586a88;word-break:break-all;margin-top:4px;font-size:12px;display:block}.taxonomy-picker{color:#315d92;font-size:12px}.admin-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0;display:grid}.admin-stats>*{color:#183a75;text-align:center;background:linear-gradient(#e9f8ff,#c7e8ff);border:1px solid #75a7d6;padding:10px;display:grid}.admin-stats a:hover{background:#ffe982;text-decoration:none}.admin-stats b{color:#bc1d2e;font:27px Courier New,monospace}.admin-stats span{font-size:11px;font-weight:700}.online-stat{position:relative}.online-stat-button{color:#183a75;text-align:center;cursor:pointer;background:linear-gradient(#e9f8ff,#c7e8ff);border:1px solid #75a7d6;width:100%;padding:10px;display:grid}.online-stat-button:hover{background:#ffe982;text-decoration:none}.online-stat-button b{color:#bc1d2e;font:27px Courier New,monospace}.online-stat-button span{font-size:11px;font-weight:700}.online-stat-panel{z-index:40;color:#183a75;text-align:left;background:#f4fbff;border:1px solid #75a7d6;padding:8px;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:3px 3px #08183040}.online-stat-panel .form-hint{margin:4px 0 0}.online-modal{color:#183a75;background:#fffef7;border:2px solid #79a9d6;gap:10px;width:min(480px,100%);max-height:min(640px,100vh - 48px);padding:16px 18px;display:grid;overflow-y:auto;box-shadow:4px 4px #08183073}.online-modal-head{border-bottom:2px solid #79a9d6;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.online-modal-head h2{color:#103d89;margin:0;font-size:16px}.online-modal-close{color:#fff;cursor:pointer;background:#b31d2c;border:1px solid #ef8c96;width:28px;height:28px;font-size:16px;font-weight:700;line-height:1}.online-modal-close:hover{background:#c72637}.online-modal-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.online-modal-actions{gap:8px;display:flex}.pager{align-items:center;gap:10px;margin-top:8px;display:flex}.pager-info{color:#103d89;font:700 13px Courier New,monospace}.online-list{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.online-list li{border-bottom:1px dashed #a9c9e8;justify-content:space-between;gap:8px;padding:3px 0;font-size:12px;display:flex}.online-list li:last-child{border-bottom:none}.online-list code{color:#14355f;word-break:break-all}.online-list span{color:#4a6d9c;flex-shrink:0}.admin-subnav{border-bottom:2px solid #4888c7;flex-wrap:wrap;gap:5px;margin:16px 0 14px;padding-bottom:9px;display:flex}.admin-subnav a{color:#fff;background:#386faf;border:1px solid #0000;padding:6px 10px;font-weight:700}.admin-subnav a:hover{background:#4a80bd}.admin-subnav a.active{color:#14355f;background:#ffd94d;border-color:#b78900;box-shadow:inset 1px 1px #fff3b0}.admin-subnav em{color:#9e111c;background:#fff384;border-radius:10px;place-items:center;min-width:16px;font-style:normal;display:inline-grid}.admin-panel.narrow{width:min(560px,100%)}.admin-panel.narrow .admin-form{max-width:100%}.admin-lead{color:#637394;margin:5px 0 0;font-size:12px}.taxonomy-manager{gap:13px;margin-top:18px;display:grid}.taxonomy-note{color:#5e4708;background:#fff4bd;border:1px solid #d9b43e;margin:0;padding:10px}.taxonomy-group{background:#fefef4;border:1px solid #9cbddd;padding:12px;box-shadow:2px 2px #d7e5ee}.taxonomy-group header{justify-content:space-between;align-items:start;gap:12px;display:flex}.taxonomy-group h2{color:#164682;margin:0;font-size:17px}.taxonomy-group header p,.taxonomy-empty{color:#67758e;margin:4px 0 0;font-size:12px}.taxonomy-group header>b{color:#fff;background:#3f79b6;padding:3px 6px;font:700 11px Tahoma}.taxonomy-add{gap:7px;margin-top:11px;display:flex}.taxonomy-add input{color:#1b2e59;background:#fffef7;border:1px solid #6286bc;flex:1;min-width:0;padding:6px}.taxonomy-items{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.taxonomy-item{color:#164682;background:#e5f4ff;border:1px solid #83b3d7;align-items:center;gap:5px;padding:4px 5px 4px 7px;font-size:12px;display:inline-flex}.taxonomy-item.locked{color:#5a510f;background:#fff4bc;border-color:#d1ae33}.taxonomy-item em{color:#7a6111;font-size:11px;font-style:normal}.taxonomy-item button{color:#fff;cursor:pointer;background:#a92d34;border:1px outset #d88a8f;padding:1px 4px;font:700 11px Tahoma}.taxonomy-item button:disabled{cursor:wait;opacity:.55}.taxonomy-message{color:#275e32;background:#dcf4db;border:1px solid #82b685;margin:0;padding:8px}.admin-filters{background:#e8f5ff;border:1px solid #9bc4e2;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:9px;padding:10px;display:grid}.admin-filters.enhanced{grid-template-columns:2fr repeat(3,minmax(105px,1fr)) auto}.admin-filters label{color:#183d76;gap:3px;font-size:11px;font-weight:700;display:grid}.admin-filters input,.admin-filters select{color:#152759;background:#fffdf1;border:1px solid #6994c3;width:100%;padding:5px}.admin-result{color:#607093;margin:8px 0 0;font-size:12px}.admin-bulkbar{color:#183d76;background:#fff7cb;border:1px solid #d6b143;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px;padding:8px 10px;display:flex}.admin-bulkbar>span:first-child{margin-right:4px;font-size:12px}.admin-bulkbar b{color:#a81a2a}.admin-message{color:#2a6b3a;margin-left:auto;font-size:12px;font-weight:700}.admin-edit.muted{background:#687d99}.admin-row-actions{flex-wrap:wrap;gap:4px;min-width:180px;display:flex}.admin-row-actions .admin-delete{margin-left:0}.admin-edit:disabled,.admin-delete:disabled{cursor:wait;opacity:.55}.feedback-page{max-width:820px;margin:0 auto}.feedback-intro{color:#5d4709;background:#fff1a4;border:1px solid #d4ad35;margin-bottom:14px;padding:12px}.feedback-intro p{margin:5px 0 0;font-size:12px}.feedback-form{background:#fffef2;border:2px solid #79a9d6;gap:13px;padding:17px;display:grid;box-shadow:3px 3px #d6e4a6}.feedback-form label{color:#1d4784;gap:4px;font-weight:700;display:grid}.feedback-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.feedback-form input,.feedback-form select,.feedback-form textarea{color:#1b2e59;background:#fffef9;border:1px solid #698abc;border-radius:0;width:100%;padding:7px;box-shadow:inset 1px 1px 2px #d6e0df}.captcha-row{align-items:center;gap:8px;display:flex}.captcha-row input{flex:auto;max-width:180px}.captcha-image{cursor:pointer;border:1px solid #698abc;height:40px}.captcha-refresh{color:#1d4784;cursor:pointer;background:#e6f0fb;border:1px solid #7ea6d8;padding:6px 10px;font-family:inherit;font-size:12px}.captcha-refresh:hover{color:#fff;background:#3c81c1;border-color:#2b6299}.feedback-form select{height:33px}@media (max-width:640px){.feedback-row{grid-template-columns:1fr}}.feedback-success{color:#1c6b38;background:#dcf5d8;border:1px solid #7abb78;margin:0;padding:8px}.feedback-filter{gap:6px;margin:13px 0;display:flex}.feedback-filter button{color:#315a91;cursor:pointer;background:#e9f5ff;border:1px solid #80aad3;padding:5px 8px;font-weight:700}.feedback-filter button.active{color:#fff;background:#245b9f}.feedback-list{gap:10px;display:grid}.feedback-item{background:#fffef4;border:1px solid #a1bdd8;padding:12px}.feedback-item.new{border-left:5px solid #d42c35}.feedback-item header{align-items:center;gap:9px;display:flex}.feedback-item header b{color:#173f85}.feedback-item header span{color:#65718b;font-size:11px}.feedback-item header em{color:#fff;background:#7d7d7d;margin-left:auto;padding:2px 5px;font-size:11px;font-style:normal}.feedback-item.new header em{background:#bd2935}.feedback-game{color:#1d4784;margin:8px 0 0;font-size:12px;font-weight:700}.feedback-contact{color:#7b5a12;margin:8px 0 0;font-size:12px}.feedback-item>p:not(.feedback-contact):not(.feedback-game){white-space:pre-wrap;line-height:1.6}.feedback-item footer{justify-content:end;gap:6px;display:flex}@media (max-width:880px){.portal-layout{grid-template-columns:minmax(0,1fr)}.right-sidebar{display:none}.feature-panel{grid-template-columns:1fr 150px}.feature-cover{width:135px;height:190px}.game-grid{grid-template-columns:1fr}}@media (max-width:620px){body{font-size:13px}.top-strip{text-align:center}.site-header{min-height:88px;padding:13px}.logo-image{width:48px;height:48px}.site-logo strong{font-size:27px}.main-nav{overflow-x:auto}.main-nav a{flex:none;padding:9px 12px;font-size:12px}.notice-bar{font-size:11px}.portal-layout{padding:10px;display:block}.left-sidebar{display:none}.feature-panel{grid-template-columns:1fr 115px;padding:11px}.feature-cover{width:104px;height:155px}.feature-panel h1{font-size:27px}.feature-panel p{font-size:12px}.content-page{padding:13px}.page-title{margin:-13px -13px 14px;padding:16px}.page-title h1{font-size:28px}.directory-tools,.form-grid.two,.form-grid.three,.admin-filters{grid-template-columns:1fr}.game-card{min-height:125px}.game-grid,.detail-header{grid-template-columns:1fr}.detail-cover{width:150px;height:210px}.info-table dl div{grid-template-columns:94px 1fr}.screenshot-grid{grid-template-columns:1fr 1fr}.admin-shell{padding:12px 5px}.admin-panel,.login-card{padding:15px}.admin-header{flex-direction:column;align-items:start}.admin-stats{grid-template-columns:1fr}}.feature-manager{gap:14px;margin-top:14px;display:grid}.feature-list{background:#f4f9fd;border:1px solid #9dbddd;padding:12px 14px}.feature-list-head{border-bottom:1px dashed #a9c6e2;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}.feature-list-head>div{gap:2px;display:grid}.feature-list-head span{color:#657086;font-size:11px}.feature-sort{margin:0;padding:0;list-style:none}.feature-sort li{background:#fffef7;border:1px solid #c3d6ea;border-bottom:0;align-items:center;gap:12px;padding:10px 12px;display:flex}.feature-sort li:hover{background:#f3f9ff}.feature-sort li:last-child{border-bottom:1px solid #c3d6ea}.feature-sort li.active{background:#eaf3fd;border-color:#79a9d6}.feature-entry{text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.feature-thumb{background-color:#dceaf5;background-position:50%;background-size:cover;border:1px solid #7ea6d8;flex:none;width:44px;height:58px;display:block}.feature-entry-text{gap:3px;min-width:0;display:grid}.feature-entry-text b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feature-entry-text em{color:#657086;font-size:11px;font-style:normal}.feature-entry-actions{flex:none;gap:5px;display:flex}.feature-editor h2{margin:0 0 10px;font-size:18px}.feature-modal-overlay{z-index:60;background:#1028488c;place-items:start center;padding:32px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.feature-modal{width:min(860px,100%);box-shadow:4px 4px #08183073}.feature-editor-tools{align-items:center;gap:12px;display:flex}.feature-editor{background:#fffef7;border:1px solid #9dbddd;gap:16px;padding:18px 20px;display:grid}.feature-editor-header{border-bottom:2px solid #79a9d6;justify-content:space-between;align-items:start;gap:14px;padding-bottom:10px;display:flex}.feature-editor-header h2,.feature-editor-header .checkbox-row{margin:0}.feature-section{background:#f1f8ff;border:1px solid #b7d0e7;gap:14px;padding:16px 18px;display:grid}.feature-section h3{color:#164682;border-bottom:1px dashed #b7d0e7;margin:0;padding-bottom:8px;font-size:15px}.feature-section label{color:#193f76;gap:6px;font-size:12px;font-weight:700;display:grid}.feature-bg-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:18px;display:grid}.feature-bg-side{align-content:start;gap:14px;display:grid}.feature-hint,.feature-image-empty{color:#586a88;margin:0;font-size:12px;line-height:1.55}.feature-image-empty{color:#72580a;background:#fff5c7;border:1px solid #e1bf53;padding:7px 9px}.feature-image-row{align-items:center;gap:10px;display:flex}.feature-image-row img{object-fit:cover;border:1px solid #7ea6d8;width:96px;height:126px}.feature-preview{align-content:start;gap:6px;display:grid}.feature-preview>span{color:#657086;margin-bottom:5px;font-size:12px;display:block}.feature-preview-box{background-color:#dceaf5;background-position:50%;background-size:cover;border:2px solid #2775c3;align-items:center;min-height:170px;padding:16px;display:flex;position:relative;overflow:hidden}.feature-preview-shade{background:linear-gradient(90deg,#ffffffeb,#ffffff8a,#12447d24);position:absolute;inset:0}.feature-preview-copy{z-index:1;background:#ffffffd1;max-width:420px;padding:8px 12px;position:relative}.feature-preview-copy b{font-size:17px}.feature-preview-copy p{margin:4px 0 0;font-size:12px}.checkbox-row{align-items:center;gap:6px;font-weight:700;display:flex}.feature-editor-tools .checkbox-row{margin:0}@media (max-width:880px){.feature-editor-header{flex-direction:column}.feature-bg-grid{grid-template-columns:minmax(0,1fr)}.feature-modal-overlay{padding:14px 10px}}
