.game-showcase{margin-top:8px;margin-bottom:22px;min-width:0}
.showcase-rail{position:relative;display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:8cqw;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:-3cqw;padding:12px 8cqw 18px;cursor:grab}
.showcase-rail::-webkit-scrollbar{display:none}
.showcase-rail:focus-visible{outline:2px solid #3e9aff;outline-offset:-4px;border-radius:20px}
.showcase-rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.showcase-panel{--stage-light:#244b665c;position:relative;flex:0 0 100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always;padding:0 14px 16px;border:2px solid transparent;border-radius:22px;background:linear-gradient(150deg,#152536,#060f1d 48%,#102235) padding-box,linear-gradient(135deg,#ffedbe,#a38550 19%,#3c3934 39%,#cfb477 64%,#fff0c0 78%,#786141) border-box;box-shadow:inset 0 1px 0 #fff2,inset 0 -3px 8px #0008,0 8px 16px #071a3e38;isolation:isolate}
.showcase-panel::before{content:"";position:absolute;inset:5px;z-index:-1;border:1px solid #c9af7442;border-radius:17px;background:radial-gradient(ellipse at 50% -10%,#d8b87426,transparent 48%),linear-gradient(125deg,transparent 30%,var(--stage-light) 48%,transparent 64%);pointer-events:none}
.showcase-panel::after{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#fff5d3,transparent);box-shadow:0 1px 9px #efcd8866;pointer-events:none}
.showcase-popular{--stage-light:#4e41664f}
.showcase-ribbon{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px;margin:0;padding:13px 0;color:#f3deb0;font-size:clamp(18px,4.8cqw,23px);font-weight:800;letter-spacing:.14em;line-height:1.3;text-shadow:0 2px 4px #0008}
.showcase-ribbon::before,.showcase-ribbon::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#c6aa6c88)}
.showcase-ribbon::after{transform:scaleX(-1)}
.showcase-ribbon svg{width:25px;height:25px;flex-shrink:0;padding:3px;fill:none;stroke:#e9cd91;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;border:1px solid #c4a66865;border-radius:50%;background:linear-gradient(135deg,#ceb27a25,#0002);box-shadow:inset 0 1px 1px #ffe8b933}
.showcase-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;aspect-ratio:1.3}
.showcase-game{display:block;position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid #b9a4779c;border-radius:12px;background:#0b1726;box-shadow:0 3px 7px #0005;touch-action:auto}
.showcase-game img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;pointer-events:none}
.showcase-featured{grid-row:span 2;border-color:#ffe091;box-shadow:0 0 0 1px #e5b24a50,0 4px 10px #0006}
.showcase-game-name{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:center;min-height:40%;padding:12px 3px 8px;background:linear-gradient(transparent,#071324 18%);font-size:clamp(12px,3.55cqw,16px);font-weight:900;line-height:1.25;color:#ffedb4;text-align:center;text-shadow:0 1px 2px #000}
.showcase-featured .showcase-game-name{font-size:clamp(15px,4.7cqw,21px);padding:30px 7px 13px;min-height:37%}
.showcase-pick{position:absolute;top:8px;left:0;padding:4px 9px 4px 6px;border-radius:0 8px 8px 0;background:linear-gradient(120deg,#fff1b9,#e3ac39);color:#52300e;font-size:12px;font-weight:900;box-shadow:0 2px 6px #0004}
.category-heading{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:13px;min-height:46px;margin:0 0 22px;padding:0;border:0}
.category-heading::before,.category-heading::after{content:"";height:1px;background:linear-gradient(90deg,transparent,#c4a15b);box-shadow:0 1px 0 #fff9}
.category-heading::after{transform:scaleX(-1)}
.game-library-title{position:relative;display:flex;align-items:center;justify-content:center;min-width:156px;min-height:46px;padding:9px 24px;margin:0;border:1px solid #c9a456;border-radius:999px;background:linear-gradient(150deg,#2266a7 0%,#123f78 55%,#092b58 100%);color:#fff0c3;font-size:20px;font-weight:900;line-height:1.3;letter-spacing:.12em;text-indent:.12em;text-shadow:0 1px 2px #001d42;box-shadow:inset 0 1px 0 #fff6,inset 0 -2px 4px #001b3e55,0 4px 10px #173d691c}
.game-library-title::before{content:"";position:absolute;inset:3px;border:1px solid #e7ce8747;border-radius:inherit;pointer-events:none}
.category-heading .game-count{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.game-card-preview button{overflow:hidden;isolation:isolate;border:0}
.game-card-preview img{object-fit:cover}
.game-card-preview button>span{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#082344);padding:22px 4px 12px;font-weight:900;font-size:clamp(13px,3.7cqw,17px);color:#ffe5a1}
@media(hover:hover){.showcase-game:not(:disabled):hover{transform:translateY(-2px);border-color:#fff0bc;box-shadow:0 3px 13px #7bc8ff65}.showcase-game:hover>img{transform:scale(1.04)}.showcase-rail.is-dragging .showcase-game,.showcase-rail.is-dragging .showcase-game img{transform:none}}
@media(max-width:360px){.showcase-panel{padding-inline:11px}.showcase-grid{gap:6px;aspect-ratio:1.22}.showcase-game{border-radius:10px}.showcase-ribbon{gap:8px;min-height:56px;letter-spacing:.1em}}


[data-game=jade_fortune] img{object-position:78% center}[data-game=star_palace] img{object-position:20% center}
.showcase-live .showcase-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.showcase-live .provider-game-art{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(ellipse at 50% 25%,#36769a,#102238 70%);color:#f4d990;font-size:clamp(28px,8vw,54px)}