/* CS-UP depth system — shared by public pages, cabinet and staff. Pure CSS, no raster frames. */
:root{--d3-blue:#21c8ff;--d3-amber:#ff9f21;--d3-red:#ff5b47;--d3-edge:#8be6ff;--d3-deep:#020811;--d3-panel:#071522;--d3-cut:16px;--d3-z1:0 9px 0 rgba(0,0,0,.34),0 20px 38px rgba(0,0,0,.32);--d3-z2:0 13px 0 rgba(0,0,0,.42),0 30px 58px rgba(0,0,0,.42)}
.depth-stage,.site-public .content,.staff-app #staff-main,.cabinet-app main{perspective:1400px}
.depth-panel,.site-public .panel,.staff-app .s-panel,.staff-app .s-stat,.cabinet-app .panel,.cabinet-app .mysrv,.cabinet-app .modal{position:relative;transform-style:preserve-3d;clip-path:polygon(var(--d3-cut) 0,calc(100% - var(--d3-cut)) 0,100% var(--d3-cut),100% calc(100% - var(--d3-cut)),calc(100% - var(--d3-cut)) 100%,var(--d3-cut) 100%,0 calc(100% - var(--d3-cut)),0 var(--d3-cut));background:linear-gradient(145deg,rgba(16,43,61,.92),rgba(3,13,23,.97) 44%,rgba(2,9,16,.99));box-shadow:var(--d3-z1);border:1px solid rgba(76,205,255,.24)}
.depth-panel::before,.site-public .panel::before,.staff-app .s-panel::before,.staff-app .s-stat::before,.cabinet-app .panel::before,.cabinet-app .mysrv::before,.cabinet-app .modal::before{content:"";position:absolute;inset:1px;pointer-events:none;z-index:0;clip-path:inherit;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 18%,transparent 72%,rgba(16,172,255,.08));opacity:.8}
.depth-panel>*:not(.hub-frame),.site-public .panel>*:not(.hub-frame),.staff-app .s-panel>*:not(.hub-frame),.staff-app .s-stat>*:not(.hub-frame),.cabinet-app .panel>*:not(.hub-frame),.cabinet-app .mysrv>*:not(.hub-frame),.cabinet-app .modal>*:not(.hub-frame){position:relative;z-index:1}
.depth-card,.site-public .srv,.site-public .bpost,.site-public .review-card,.staff-app .s-game,.staff-app .s-item,.staff-app .s-commit,.staff-app .s-job,.cabinet-app .mysrv,.cabinet-app .tier{transform-style:preserve-3d;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;border:1px solid rgba(62,198,255,.24);box-shadow:0 8px 0 rgba(0,0,0,.28),0 17px 30px rgba(0,0,0,.24)}
.btn,.s-button,.depth-link,.site-public .section-jumps a,.staff-app .s-nav a,.staff-app .s-subnav a{transform-style:preserve-3d;box-shadow:inset 0 1px rgba(255,255,255,.15),0 5px 0 rgba(0,0,0,.42),0 10px 24px rgba(0,0,0,.22);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
.btn::after,.s-button::after{content:"";position:absolute;left:12%;right:12%;top:3px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);pointer-events:none}
@media(hover:hover) and (pointer:fine){
 .depth-card:hover,.site-public .srv:hover,.site-public .bpost:hover,.site-public .review-card:hover,.staff-app .s-game:hover,.staff-app .s-item:hover,.staff-app .s-commit:hover,.cabinet-app .mysrv:hover,.cabinet-app .tier:hover{transform:translateY(-7px) rotateX(1.1deg) rotateY(-1.1deg);filter:brightness(1.09) saturate(1.08);box-shadow:0 13px 0 rgba(0,0,0,.33),0 28px 50px rgba(0,0,0,.38),0 0 28px rgba(27,191,255,.18)}
 .btn:hover,.s-button:hover,.depth-link:hover,.site-public .section-jumps a:hover,.staff-app .s-nav a:hover,.staff-app .s-subnav a:hover{transform:translateY(-3px) translateZ(8px);filter:brightness(1.15);box-shadow:inset 0 1px rgba(255,255,255,.2),0 7px 0 rgba(0,0,0,.42),0 15px 26px rgba(0,0,0,.3),0 0 18px rgba(34,198,255,.2)}
}
/* Per-game editorial hub. */
.game-blog-hero{min-height:250px;display:grid;grid-template-columns:minmax(260px,38%) 1fr;gap:26px;align-items:center;padding:24px}.game-blog-art{height:205px;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);box-shadow:inset 0 0 0 2px rgba(77,208,255,.35)}.game-blog-art img{width:100%;height:100%;object-fit:cover;filter:saturate(1.2) contrast(1.08)}.game-blog-hero h1{font-size:clamp(28px,4vw,56px);margin:.2em 0}.game-blog-hero p{max-width:760px;color:#9ec0d4}.game-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0 50px}.blog3d{overflow:hidden;background:linear-gradient(155deg,#0b2030,#06121e);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.blog3d-cover{display:block;height:210px;overflow:hidden}.blog3d-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.blog3d:hover .blog3d-cover img{transform:scale(1.05)}.blog3d-body{padding:18px 20px 21px}.blog3d-meta{display:flex;justify-content:space-between;gap:12px;color:#75b9d9;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.blog3d h2{font-size:21px;line-height:1.25;margin:12px 0}.blog3d h2 a{color:#eefaff;text-decoration:none}.blog3d p{color:#9db8c8;line-height:1.6}.depth-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#7dddff;text-decoration:none;font-weight:700}.depth-link .hub-icon{width:17px}
.game-article-head{display:grid;grid-template-columns:minmax(300px,40%) 1fr;gap:30px;padding:24px;align-items:center}.game-article-cover{height:280px;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);overflow:hidden}.game-article-cover img{width:100%;height:100%;object-fit:cover}.game-article-title h1{font-size:clamp(30px,4vw,58px);line-height:1.08;margin:12px 0}.game-article-title>p{font-size:18px;line-height:1.6;color:#a8c5d6}.game-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;margin-top:22px}.game-article-body{padding:30px}.game-article-side{display:grid;align-content:start;gap:18px}.game-blog-nav,.paid-mentions{padding:20px}.game-blog-nav a{display:block;padding:10px 0;color:#86dfff}.paid-mention{position:relative;display:grid;gap:5px;padding:15px;margin-top:12px;text-decoration:none;color:#eaffff;background:#071723;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.paid-mark{color:#ffad39;font-size:9px;font-weight:800;letter-spacing:.12em}.paid-mention small{color:#8eb0c4}.paid-mention .hub-icon{position:absolute;right:12px;bottom:12px;width:18px;color:#2bc9ff}.related3d{margin:34px 0 54px}.related3d-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.related3d-card{display:grid;gap:10px;padding:18px;text-decoration:none;background:#081827;color:#edfaff;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.related3d-card time{font-size:11px;color:#70aeca}.related3d-card span{color:#48d2ff;font-size:12px}
/* Keep mobile interactions flat and readable. */
@media(max-width:1000px){.game-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-article-layout{grid-template-columns:1fr}.game-article-side{grid-template-columns:repeat(2,minmax(0,1fr))}.related3d-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.game-blog-hero,.game-article-head{grid-template-columns:1fr}.game-blog-art{height:180px}.game-blog-grid{grid-template-columns:1fr}.game-article-cover{height:210px}.game-article-side{grid-template-columns:1fr}.related3d-grid{grid-template-columns:1fr}.game-article-body{padding:20px}}
@media(prefers-reduced-motion:reduce){.depth-card,.site-public .srv,.site-public .bpost,.site-public .review-card,.staff-app .s-game,.staff-app .s-item,.staff-app .s-commit,.cabinet-app .mysrv,.cabinet-app .tier,.btn,.s-button{transition:none!important;transform:none!important}}


/* Global chrome depth: public, cabinet and staff. */
.site-header,.staff-app .s-top,.cabinet-app .cab-top{transform-style:preserve-3d;background:linear-gradient(180deg,rgba(13,33,48,.97),rgba(3,11,19,.96));border-bottom:1px solid rgba(77,210,255,.24);box-shadow:0 7px 0 rgba(0,0,0,.28),0 18px 34px rgba(0,0,0,.28),inset 0 -1px rgba(93,220,255,.12)}
.site-nav,.staff-app .s-nav,.cabinet-app .cab-nav{perspective:900px;transform-style:preserve-3d}
.site-nav a,.staff-app .s-nav a,.cabinet-app .cab-nav a{position:relative;transform-style:preserve-3d;box-shadow:0 4px 0 rgba(0,0,0,.36),0 10px 20px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.09);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.site-search,.staff-app .s-global-search,.cabinet-app .balance-chip{box-shadow:inset 0 2px 10px rgba(0,0,0,.42),0 4px 0 rgba(0,0,0,.26),0 10px 24px rgba(0,0,0,.2)}
.cabinet-app .promo-card,.cabinet-app .balance-deck,.cabinet-app .table-panel,.cabinet-app .stat-box,.staff-app .s-quick>a,.staff-app .content-plan{position:relative;transform-style:preserve-3d;border:1px solid rgba(72,201,255,.22);box-shadow:0 8px 0 rgba(0,0,0,.3),0 20px 36px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08)}
.staff-app .content-plan{display:grid;gap:9px;padding:14px;margin:12px 0;background:#071725;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.staff-app .content-plan label{display:grid;gap:5px;color:#9db9c8;font-size:12px}.staff-app .content-plan input{width:100%;background:#03101a;border:1px solid rgba(75,203,255,.22);color:#eefaff;padding:9px 10px}.staff-app .content-schema-box{padding:22px;margin-bottom:20px}.staff-app .content-schema-box p{color:#a8c2d1;max-width:820px;line-height:1.55}.staff-app .content-schema-box small{display:block;margin-top:12px;color:#7898aa}
@media(hover:hover) and (pointer:fine){.site-nav a:hover,.staff-app .s-nav a:hover,.cabinet-app .cab-nav a:hover{transform:translateY(-3px) rotateX(2deg) translateZ(8px);filter:brightness(1.14);box-shadow:0 7px 0 rgba(0,0,0,.38),0 16px 28px rgba(0,0,0,.3),0 0 20px rgba(34,203,255,.17)}.cabinet-app .promo-card:hover,.staff-app .s-quick>a:hover{transform:translateY(-5px);filter:brightness(1.07);box-shadow:0 11px 0 rgba(0,0,0,.32),0 25px 42px rgba(0,0,0,.34),0 0 24px rgba(30,193,255,.14)}}
@media(max-width:760px),(prefers-reduced-motion:reduce){.site-header,.staff-app .s-top,.cabinet-app .cab-top,.site-nav a,.staff-app .s-nav a,.cabinet-app .cab-nav a{transform:none!important}}