/* Local-only T244 visual treatment. Both gameplay placements share one component. */
.gameplay-showcase{position:relative;isolation:isolate;overflow:hidden;padding:clamp(22px,5vw,64px);border:1px solid #9d52ec;border-radius:28px;color:#ede2ff;background:radial-gradient(ellipse at 20% 0,#68259c70,transparent 45%),radial-gradient(ellipse at 100% 40%,#391475,transparent 50%),linear-gradient(155deg,#160c2b,#29113f 50%,#10091f);box-shadow:0 0 45px #9736ff30,inset 0 0 65px #8c41d018;line-height:1.95;min-width:0;overflow-wrap:anywhere}
.gameplay-showcase:before,.gameplay-showcase:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#ffda68 1px,transparent 2px),radial-gradient(circle,#c598ff 1px,transparent 3px);background-size:93px 151px,157px 103px;opacity:.22;animation:gameplay-stars 22s linear infinite}
.gameplay-showcase:after{background-size:227px 239px;animation-direction:reverse;opacity:.15}
#gameplay-page h1{position:relative;color:#ffe56a;font-size:clamp(30px,4vw,54px);font-weight:950;text-align:center;line-height:1.35;letter-spacing:.05em;text-shadow:0 0 7px #ffd700,0 0 28px #ffb30090,0 0 60px #e4844440;animation:gameplay-glow 4s ease-in-out infinite;margin:16px 0 12px}
.gameplay-kicker{text-align:center;color:#e7a84f;letter-spacing:1em;padding:16px 0 32px;border-bottom:1px solid #a15bdf70}
#gameplay-page h3,.gameplay-highlights-title{color:#f9d771;font-weight:800!important;border-left:5px solid #ffd700;padding:2px 0 2px 16px;margin:46px 0 22px!important;font-size:clamp(20px,2.3vw,28px)!important;text-shadow:0 0 18px #ffd70035}
.gameplay-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:42px}
.gameplay-highlight{position:relative;overflow:hidden;display:flex;gap:14px;align-items:center;min-height:100px;padding:24px;background:linear-gradient(120deg,#482164aa,#27113acc);border:1px solid #9851cd90;border-radius:16px;box-shadow:inset 0 1px #ffffff0d;transition:transform .25s,box-shadow .25s,border-color .25s;animation:gameplay-enter .8s ease-out both}
.gameplay-highlight>span{color:#ffd700;font-size:30px;text-shadow:0 0 18px #ffb300}.gameplay-highlight strong{color:#f6ddff;font-size:17px;line-height:1.7}.gameplay-highlight:after{content:"";position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 43%,#ffeec91c 50%,transparent 57%);transform:translateX(-50%);animation:gameplay-shine 9s ease-in-out infinite;pointer-events:none}
.gameplay-highlight:hover{transform:translateY(-5px);box-shadow:0 10px 36px #c058ff45;border-color:#d7a0ff}
#gameplay-page ul{padding-left:1.2em}#gameplay-page li{padding:5px 0 12px;line-height:1.95}#gameplay-page li::marker{color:#dc91ff}#gameplay-page strong{color:#ffd988}#gameplay-page .gameplay-number{background:transparent;color:#ffb161;font-weight:800;text-shadow:0 0 12px #ff722b30}
#gameplay-page table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:12px;border:1px solid #9e61c7;margin:24px 0;font-size:14px}#gameplay-page th,#gameplay-page td{border:0;border-bottom:1px solid #8152a650;padding:14px 10px;overflow-wrap:anywhere}#gameplay-page th{color:#ffe174;background:#5d2b7390;text-align:left;font-weight:800}#gameplay-page tbody tr:nth-child(odd){background:#713a931c}#gameplay-page tbody tr:nth-child(even){background:#0d061a60}
.portal-neon-button,#btn-hero-download{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 25px;border:1px solid #ffe16b;border-radius:12px;background:linear-gradient(120deg,#7020bb,#a34fe0,#5828a7);color:#fff7d4;font-weight:800;box-shadow:0 0 22px #bd65ff40,inset 0 0 14px #ffffff15;transition:transform .2s,box-shadow .2s;text-align:center;text-decoration:none;line-height:1.5}
.portal-neon-button:hover,#btn-hero-download:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 30px #e4a1ff80}
.official-group-card{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:clamp(24px,4vw,38px);border:1px solid #b474dc;border-radius:22px;color:#efe3ff;background:radial-gradient(ellipse at top right,#6b2997,#221036 65%);box-shadow:0 12px 40px #7c3ead25}
.official-group-card h2,.official-group-card h3{font-weight:800;font-size:25px;color:#ffe176;line-height:1.5;margin:8px 0}.official-group-card p{color:#dfc7f4}.group-eyebrow{letter-spacing:.13em;font-size:12px;color:#e8a6ff}
.floating-official-group{position:fixed;right:24px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 22px;border:2px solid #ffdf69;border-radius:999px;color:#fff5c2;background:linear-gradient(120deg,#5e1696,#9c30c7);font-size:15px;font-weight:800;box-shadow:0 0 0 6px #a34ee51c,0 0 27px #bc57eb65;transition:transform .2s}
.floating-official-group:hover{transform:translateY(-4px)}.floating-official-group:focus-visible,.portal-neon-button:focus-visible{outline:3px solid #ffcc52;outline-offset:5px}
.hero-banner{background:radial-gradient(ellipse at top,#572078,#1b0d2b 70%)!important;border-color:#81429f!important}.hero-title-sub{color:#ffdd64!important;text-shadow:0 0 25px #e9982780}.hero-title-main{color:#f4ddff!important}
@keyframes gameplay-glow{50%{text-shadow:0 0 11px #ffd700,0 0 35px #ffb300bf,0 0 75px #e4844460}}
@keyframes gameplay-stars{to{background-position:93px -151px,-157px -103px}}@keyframes gameplay-shine{0%,60%{transform:translateX(-50%)}90%,100%{transform:translateX(50%)}}@keyframes gameplay-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:640px){.gameplay-highlights{grid-template-columns:minmax(0,1fr);gap:12px}.gameplay-highlight{padding:17px;min-height:84px}.gameplay-showcase{border-radius:20px}#gameplay-page th,#gameplay-page td{padding:10px 5px;font-size:12px}.floating-official-group{right:12px;min-height:48px;padding:11px 17px;font-size:14px}.official-group-card .portal-neon-button{width:100%}}
@media(prefers-reduced-motion:reduce){.gameplay-showcase:before,.gameplay-showcase:after,#gameplay-page h1,.gameplay-highlight,.gameplay-highlight:after{animation:none!important}.gameplay-highlight,.portal-neon-button,#btn-hero-download,.floating-official-group{transition:none!important}.gameplay-highlight:hover,.portal-neon-button:hover,#btn-hero-download:hover,.floating-official-group:hover{transform:none!important}}
