@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--accent:#f7bd44;--dark:#090f1d;--dark2:#0e192a;--card:#13243b;--card2:#162941;--border:#263954;--text:#eef5ff;--muted:#a0b3cc;--faint:#7389a4;--green:#49dc9d;--radius:16px;--shadow:0 20px 50px #02061177}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:14px;line-height:1.55;background-image:radial-gradient(ellipse 700px 580px at 90% 10%,#132a4250,transparent 74%),radial-gradient(ellipse 650px 400px at 0% 60%,#16223860,transparent 74%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}p{margin:0}h1,h2,h3,h4{line-height:1.18;margin:0;font-family:'Barlow Condensed','DM Sans',sans-serif;letter-spacing:.3px}h1{font-size:clamp(32px,4.1vw,60px);font-weight:900}h2{font-size:30px;font-weight:800}h3{font-size:22px}img{max-width:100%}.site-wrap{min-height:100vh;display:flex;flex-direction:column}main{flex:1;display:block}.container{max-width:1240px;padding-left:24px;padding-right:24px;margin:0 auto}.muted{color:var(--muted)}.center{text-align:center}.hide-phone{display:inline-flex}.hide-mobile{display:inline}.eyebrow{font-size:11px;color:var(--accent);letter-spacing:2px;font-weight:800}.mini-star{font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:9px;padding:10px 18px;font-weight:800;font-size:13px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px);color:inherit}.btn-gold{color:#1c170d!important;background:linear-gradient(120deg,#ffe291,var(--accent) 48%,#d38e23);border-color:#ffd581;box-shadow:inset 0 1px #fff8,0 5px 16px #f4b83724}.btn-gold:hover{box-shadow:0 7px 25px #f4b83747,inset 0 1px #fff9}.btn-ghost{background:#ffffff0d;border:1px solid #ffffff29;color:#fff}.btn-outline{background:#ffffff0a;border-color:#ffffff45;color:#f7f9ff}.btn-outline:hover{background:#ffffff19;border-color:var(--accent)}.btn-white{color:#18243a!important;background:#f5f8ff}.btn-large{min-height:49px;padding:12px 23px;font-size:14px}.btn-small{padding:6px 10px;font-size:12px}.btn-full{width:100%}.text-btn{background:none;color:#ff9f9f;border:none;cursor:pointer;padding:12px 2px}.notice{border:1px solid #245c4c;background:#153c354f;border-radius:11px;margin:18px 0;padding:13px 17px;color:#a8f4d1}.notice.error{color:#ffb3b3;border-color:#7d3e4e;background:#56304455}.notice.info{color:#b7dafa;border-color:#34547b;background:#1a355166}
.topline{background:#07101c;border-bottom:1px solid #172a40;height:28px;font-size:10px;letter-spacing:.7px;font-weight:800;color:#b2cce4}.topline-inner{display:flex;justify-content:space-between;align-items:center;height:100%}.topline-inner>span:first-child{color:#7fcba6}.topline-right{color:#a8bcd5}.online-dot{display:inline-block;width:7px;height:7px;background:#3fdc8c;border-radius:100%;margin-right:7px;box-shadow:0 0 8px #55fc9b9c}.header{position:sticky;top:0;z-index:40;box-shadow:0 12px 35px #0004;background:#0b1726f0;border-bottom:1px solid #274060;backdrop-filter:blur(18px)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:9px;line-height:1;font-family:'Barlow Condensed','DM Sans',sans-serif;font-size:30px;font-weight:900;letter-spacing:1px;color:#fff!important;white-space:nowrap}.brand small{display:block;font-family:'DM Sans',Arial,sans-serif;color:#d2a95d;font-size:9px;letter-spacing:3px;font-weight:800;margin-top:5px}.brand-icon{font-size:23px;color:#221805;display:grid;place-items:center;width:39px;height:39px;background:linear-gradient(145deg,#ffe7a4,#bb781b);border-radius:12px;transform:rotate(-10deg);box-shadow:0 0 28px #dfad3d33}.brand-icon::first-letter{transform:rotate(10deg)}.nav-links{display:flex;gap:5px;align-items:center;margin:auto}.nav-links a{border-radius:8px;padding:11px 16px;color:#bfd0e2;font-weight:800;transition:background .2s,color .2s}.nav-links a:hover,.nav-links a.active{color:var(--accent);background:#f7b9450d}.header-actions{display:flex;align-items:center;gap:9px}.pill-score{border:1px solid #5c4825;background:#251f1b;border-radius:8px;padding:8px 12px;color:#ffd179;font-weight:800;gap:6px;align-items:center}.pill-score span{font-size:9px;opacity:.74}.avatar{width:34px;height:34px;flex-shrink:0;border-radius:10px;display:inline-grid;place-items:center;background:linear-gradient(130deg,#284f70,#182941);font-weight:900;color:#e1f1ff;border:1px solid #52748a}.user-mini{display:flex;gap:8px;align-items:center;font-weight:800;padding:2px}.ticker{background:#101f32;border-bottom:1px solid #24364e}.ticker-inner{height:40px;display:flex;align-items:center;gap:14px;overflow:hidden}.ticker-label{font-size:10px;color:#11130f;font-weight:900;background:var(--accent);padding:4px 9px;border-radius:4px}.ticker-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c4d4e6;font-size:12px;flex:1}.ticker-end{font-size:10px;letter-spacing:1px;font-weight:900;color:#44ca97}
/* Hero */
.hero-section{padding:24px 0 20px}.hero{position:relative;min-height:430px;border-radius:21px;overflow:hidden;display:flex;align-items:center;padding:48px 54px;background:radial-gradient(ellipse at 80% 38%,#61442a 0,#182a42 44%,#101e35 75%),linear-gradient(125deg,#101c30,#122f4b);border:1px solid #6b543857;box-shadow:0 18px 48px #0008}.hero:after{content:'';position:absolute;inset:0;border-radius:21px;pointer-events:none;background:linear-gradient(100deg,transparent 40%,#ffcf7910 85%,#fff2ae12)}.hero-pattern{position:absolute;inset:0;opacity:.32;background:repeating-linear-gradient(135deg,transparent 0 70px,#d8a64512 71px,#d8a64512 72px,transparent 73px 140px),radial-gradient(circle at 73% 44%,transparent 0 155px,#a97b3e18 156px 158px,transparent 160px)}.hero-content{position:relative;z-index:2;width:58%}.hero-eyebrow{display:inline-flex;align-items:center;gap:4px;color:#ffd783;background:#372e258c;border:1px solid #94783a7d;border-radius:99px;padding:7px 12px;font-size:10px;font-weight:900;letter-spacing:1.1px}.hero h1{margin-top:19px;max-width:620px;font-size:clamp(38px,4.45vw,68px);line-height:.95;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 4px 20px #06111c55}.hero h1::first-line{color:#fff}.hero-content>p{margin:20px 0 24px;max-width:475px;color:#c9d5e3;line-height:1.7;font-size:13px}.hero-cta{display:flex;gap:10px;flex-wrap:wrap}.hero-features{display:flex;gap:20px;margin-top:23px;color:#b0c1d6;font-size:11px}.hero-features span::first-letter{color:#e9b957}.hero-art{position:absolute;z-index:1;right:4.5%;top:20px;width:37%;height:95%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 22px 30px #0008)}.gold-disc{width:min(32vw,345px);height:min(32vw,345px);border-radius:50%;position:relative;display:grid;place-items:center;background:repeating-conic-gradient(from 0deg,#f0bb5a 0 22deg,#f2d99c 22deg 45deg,#a66a25 45deg 68deg,#d89a40 68deg 90deg);border:13px solid #e6b867;box-shadow:0 0 0 5px #73532c,0 0 0 11px #e7be5b8a,inset 0 0 0 9px #805028,0 0 85px #ffc05445;transform:rotate(-16deg);animation:discfloat 7s ease-in-out infinite}.gold-disc:before{content:'';position:absolute;inset:18%;border:3px dashed #fff4c8aa;border-radius:50%}.disc-inside{position:relative;width:60%;height:60%;border:5px solid #f8d67c;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#203d58,#13273b);box-shadow:inset 0 0 40px #0009,0 6px 12px #0008}.disc-star{color:#f5c65c;font-size:76px;line-height:1;text-shadow:0 0 25px #fecb7b99}.disc-number{font-size:44px;line-height:1;font-family:'Barlow Condensed',sans-serif;font-weight:900;color:#fff3d4;letter-spacing:3px}.gold-ring{position:absolute;border-radius:50%;border:1px solid #ffc96433}.ring-a{width:430px;height:430px}.ring-b{width:510px;height:510px;border-style:dashed;transform:rotate(30deg)}.hero-mini-card{position:absolute;z-index:2;width:95px;height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(150deg,#243d57,#101c31);border:1px solid #b08641;border-radius:16px;font-size:36px;box-shadow:0 10px 28px #0009;transform:rotate(10deg)}.hero-mini-card small{font-size:10px;color:#ffcb6e;font-weight:900}.mini-card-a{right:4%;top:10%}.mini-card-b{left:1%;bottom:10%;transform:rotate(-9deg)}.hero-spark{position:absolute;z-index:1;color:#f8ce7b;font-size:24px;text-shadow:0 0 18px #ffdb9d;animation:twinkle 3s infinite}.spark-a{left:52%;top:10%}.spark-b{right:12%;bottom:9%;font-size:43px;animation-delay:1s}.spark-c{right:30%;top:7%;animation-delay:1.5s}@keyframes twinkle{50%{opacity:.3;transform:scale(.7)}}@keyframes discfloat{50%{transform:rotate(-8deg) translateY(-12px)}}
.quick-stats{margin-top:15px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2b4059;background:linear-gradient(180deg,#14253c,#0d1a2b);border-radius:14px;overflow:hidden}.quick-stats>div{padding:18px 12px;display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid #2b4059}.quick-stats>div:last-child{border:0}.stat-icon{width:43px;height:43px;border-radius:10px;display:grid;place-items:center;background:#1d344c;font-size:21px}.quick-stats strong{display:block;font-size:23px;color:#f7f7ff;line-height:1.1}.quick-stats small{display:block;font-size:10px;color:var(--muted);margin-top:5px}
/* Sections & cards */
.promo-section{margin-top:8px}.promo-banner{border-radius:14px;border:1px solid #bd99575f;min-height:119px;display:flex;align-items:center;padding:20px 30px;gap:24px;position:relative;overflow:hidden;background-image:radial-gradient(circle at 80% 50%,#b47b2133,transparent 55%)}.promo-banner:before{content:'✦';position:absolute;right:18%;font-size:200px;opacity:.045}.promo-banner .btn{margin-left:auto;z-index:2}.promo-banner h3{font-size:29px;margin:4px 0}.promo-banner p{color:#c7d2e2;font-size:12px}.promo-icon{height:65px;width:65px;border-radius:16px;display:grid;place-items:center;background:#ffffff16;font-size:38px}.catalog-heading{margin-top:38px;display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.section-head h2{font-size:38px;margin-top:5px}.section-subtext{font-size:12px;color:var(--muted);padding-bottom:7px}.search-wrap{width:230px;background:#14243a;border:1px solid #334864;border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 13px}.search-wrap:focus-within{border-color:var(--accent)}.search-wrap span{font-size:25px;color:#a1b6ce}.search-wrap input{width:100%;padding:11px 2px;background:none;border:0;outline:0;color:#fff;font-size:12px}.search-wrap input::placeholder{color:#8297b0}.category-strip{display:flex;gap:9px;overflow-x:auto;padding:3px 0 12px;scrollbar-width:thin;scrollbar-color:#3d526e transparent}.category-chip{flex-shrink:0;border:1px solid #2c4059;background:#142338;border-radius:9px;min-height:44px;padding:9px 17px;color:#b9c9da;font-size:12px;font-weight:800;transition:all .2s}.category-chip span{font-size:18px;vertical-align:middle;margin-right:7px}.category-chip:hover{background:#233954;color:#fff;border-color:#5f7292}.category-chip.selected{background:linear-gradient(160deg,#f1c65f,#d3942d);border-color:#f7d075;color:#201a11;box-shadow:0 4px 15px #fac15d2a}.catalog-result{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8296af;margin:6px 0 14px}.catalog-result strong{color:#ffcc70}.catalog-result>span:last-child{font-size:9px;font-weight:900;letter-spacing:1.1px}.game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.game-card{min-width:0;border:1px solid #2d3e56;background:#142338;border-radius:13px;padding:7px;transition:transform .25s,border-color .25s,box-shadow .25s;display:block}.game-card[hidden]{display:none}.game-card:hover{transform:translateY(-6px);border-color:#c79a50;box-shadow:0 13px 35px #0008;color:#fff}.game-art{position:relative;isolation:isolate;aspect-ratio:1/.99;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 32%,#ffea9666,transparent 45%),linear-gradient(150deg,#72511d,#211a2e 80%)}.art-amber{--a:#c68c37;--b:#35251e;--c:#ffe095;background:radial-gradient(circle at 50% 37%,#f9bf7459,transparent 58%),linear-gradient(140deg,#795325,#382424 55%,#141e31)}.art-violet{--a:#9a58ed;--b:#381452;--c:#e4b6ff;background:radial-gradient(circle at 50% 38%,#d588ff6b,transparent 55%),linear-gradient(145deg,#662fa8,#32174c 58%,#151a37)}.art-cyan{--a:#43bdc6;--b:#0b3c57;--c:#9cf4f3;background:radial-gradient(circle at 50% 38%,#66eeff66,transparent 55%),linear-gradient(145deg,#146c82,#104052 58%,#121f3d)}.art-pink{--a:#e981cb;--b:#65335e;--c:#ffc6fc;background:radial-gradient(circle at 50% 38%,#ffb5ec7a,transparent 55%),linear-gradient(145deg,#a7568c,#54254e 58%,#1a1c39)}.art-green{--a:#7acb78;--b:#275b38;--c:#c3ffb0;background:radial-gradient(circle at 50% 38%,#aeff9f6b,transparent 55%),linear-gradient(145deg,#356e45,#254b37 58%,#131f37)}.art-red{--a:#f78373;--b:#68302b;--c:#ffc7a6;background:radial-gradient(circle at 50% 38%,#ffa4848c,transparent 55%),linear-gradient(145deg,#ad473e,#5c232c 58%,#231b32)}.art-blue{--a:#7ca7fc;--b:#234884;--c:#c4e0ff;background:radial-gradient(circle at 50% 38%,#98cdff7a,transparent 55%),linear-gradient(145deg,#3465ba,#232c68 58%,#141a35)}.art-grid{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:22px 22px;transform:perspective(150px) rotateX(16deg) scale(1.2);opacity:.7}.art-orb{position:absolute;z-index:-1;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle,#fff5,#fff0 70%);filter:blur(5px)}.orb-one{top:3%;right:-15%}.orb-two{bottom:8%;left:-15%}.game-art:before{content:'';position:absolute;inset:10px;border:1px solid #ffffff40;border-radius:5px;box-shadow:inset 0 0 14px #0006}.game-art:after{content:'';position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 45%,#fff4 50%,transparent 55%);transform:translateX(-50%) rotate(12deg);opacity:0;transition:opacity .2s,transform .8s}.game-card:hover .game-art:after{opacity:.5;transform:translateX(50%) rotate(12deg)}.game-emoji{position:absolute;top:22%;left:0;right:0;text-align:center;filter:drop-shadow(0 7px 8px #0008);font-size:clamp(52px,7vw,90px);line-height:1.2;transition:transform .3s}.game-card:hover .game-emoji{transform:scale(1.12) rotate(-5deg)}.poster-brand{position:absolute;top:8%;text-align:center;left:10px;right:10px;font-family:'Barlow Condensed',sans-serif;font-size:10px;letter-spacing:2px;font-weight:800;color:#ffffffb8}.poster-title{position:absolute;z-index:2;bottom:8%;left:5px;right:5px;text-align:center;color:#fff3d2;font-size:clamp(21px,2.4vw,35px);line-height:.9;font-family:'Barlow Condensed',sans-serif;font-weight:900;letter-spacing:1px;text-transform:uppercase;text-shadow:0 4px 3px #000a,0 0 12px #000b}.poster-spark{position:absolute;top:40%;right:7%;font-size:30px;color:#fff8b3;opacity:.7}.poster-tag{position:absolute;top:9px;left:9px;background:linear-gradient(135deg,#ff6e57,#c42b3c);border-radius:3px;padding:2px 7px;font-size:9px;font-weight:900;color:#fff;letter-spacing:1px}.cover-play{position:absolute;inset:0;background:#071023a8;z-index:5;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.cover-play span{background:var(--accent);color:#19170d;padding:12px 18px;border-radius:8px;font-weight:900;font-size:12px}.game-card:hover .cover-play{opacity:1}.game-card-info{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:12px 6px 5px}.game-card-info strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.game-card-info small{display:block;color:#8fa7c0;font-size:10px;margin-top:3px}.game-card-arrow{color:#acbfd3;font-size:18px;align-self:center}.empty-filter{text-align:center;padding:55px 20px;background:#13233a;border:1px dashed #3a506c;border-radius:10px;margin:16px 0}.how-section{margin-top:50px;margin-bottom:60px}.how-panel{background:linear-gradient(135deg,#18283f,#121f32);border:1px solid #354560;border-radius:17px;padding:28px 34px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.how-grid>div{border-right:1px solid #3b4f69;padding:0 22px 0 0}.how-grid>div:last-child{border-right:0}.how-grid>div span{color:var(--accent);font-weight:900;font-size:21px;font-family:'Barlow Condensed',sans-serif;display:block;margin-bottom:6px}.how-grid strong{font-size:15px}.how-grid p{color:var(--muted);font-size:12px;margin-top:6px}
/* Inner */
.inner-page{padding-top:35px;padding-bottom:65px}.page-intro{margin-bottom:29px}.page-intro h1{font-size:48px;margin-top:6px}.page-intro p{color:var(--muted);margin-top:7px}.panel{background:linear-gradient(155deg,#162940,#101f31);border:1px solid #314761;border-radius:14px;padding:24px;box-shadow:0 8px 26px #0003}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px}.panel-head h2{font-size:24px}.panel-head h3{font-size:20px}.panel-head>span{font-size:10px;letter-spacing:1px;color:#8095b0;font-weight:900}.empty-card{color:#91a9c5;padding:30px 15px;text-align:center}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.promo-tile{border:1px solid #ffffff25;border-radius:17px;padding:27px;min-height:300px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:end}.promo-giant{position:absolute;top:-20px;right:10px;opacity:.65;font-size:112px;filter:drop-shadow(0 15px 25px #0007)}.promo-tile .eyebrow{z-index:2;color:#ffe6ac}.promo-tile h2{font-size:32px;max-width:260px;margin-top:10px;z-index:2}.promo-tile p{color:#d7e0eb;font-size:12px;margin:10px 0 20px;z-index:2}.promo-tile .btn{z-index:3}.leaderboard-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.rank-row{display:flex;align-items:center;gap:16px;padding:14px 5px;border-bottom:1px solid #2a3b53}.rank-row:last-child{border:0}.rank-index{font-weight:900;font-size:18px;color:#93a8c0;width:39px}.rank-index.top{color:#ffd16f}.rank-row strong{flex:1}.rank-points{color:#f7ca73;font-weight:900}.leaderboard-side{text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:360px}.leaderboard-side p{color:var(--muted);max-width:280px;margin:16px 0 25px}.leaderboard-trophy{font-size:104px;filter:drop-shadow(0 5px 20px #e3b95155)}.leaderboard-side h2{font-size:35px}
/* Auth */
.auth-section{padding:60px 0 82px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1040px;margin:0 auto}.auth-art{min-height:460px;padding:35px 22px;position:relative}.auth-art h2{font-size:clamp(66px,8vw,108px);line-height:.84;margin-top:19px}.auth-art h2 span{color:var(--accent)}.auth-art>p{font-size:13px;max-width:350px;color:#a6bbd1;margin:5px 0 17px}.auth-illustration{height:200px;position:relative;text-align:center;font-size:158px;line-height:1.3;filter:drop-shadow(0 15px 35px #cca74f55);transform:rotate(-13deg)}.auth-illustration span{position:absolute;font-size:55px;color:var(--accent);top:10px;right:65px}.auth-badges{display:flex;gap:8px;flex-wrap:wrap}.auth-badges span{padding:5px 9px;font-size:9px;border:1px solid #436079;border-radius:5px;color:#d6e8f7;font-weight:900}.auth-card{background:linear-gradient(145deg,#1b314c,#101e30);border:1px solid #3c536f;border-radius:18px;padding:34px;box-shadow:0 25px 60px #0005}.auth-card h1{font-size:39px;margin:8px 0}.auth-card p{color:#9fb5cd;margin-bottom:22px}.form-stack{display:flex;flex-direction:column;gap:16px}.form-stack label{font-size:12px;font-weight:800;color:#cbd8e6;display:flex;flex-direction:column;gap:7px}.form-stack input:not([type='checkbox']),.form-stack select,.form-stack textarea{width:100%;background:#0c1929;color:#ecf5ff;border:1px solid #3a516e;border-radius:9px;padding:12px 13px;outline:none;min-height:45px;font-weight:500;font-size:13px;resize:vertical}.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ecb83d16}.form-stack input::placeholder{color:#70839e}.form-stack .color-input{min-height:45px;width:110px!important;cursor:pointer;padding:4px!important}.password-box{position:relative}.password-box input{padding-right:46px!important}.password-toggle{position:absolute;right:8px;top:5px;background:none;border:0;color:#b3c3d9;font-size:23px;padding:5px 9px}.field-label-aux{font-weight:400;color:#889eb4}.auth-switch{text-align:center;border-top:1px solid #334964;margin-top:25px;padding-top:20px;color:#9eb0c5}.auth-switch a{color:var(--accent);font-weight:900}.auth-center{width:min(100% - 30px,470px);margin:70px auto}.brand-center{display:flex;justify-content:center;margin-bottom:30px}.setup-body{background:radial-gradient(circle at 50% 0%,#2c3e51,#080f20 65%)}.auth-center .auth-card{margin-bottom:20px}.auth-center code{color:var(--accent)}
/* Account */
.account-layout{display:grid;grid-template-columns:315px 1fr;gap:20px}.profile-card{text-align:center;align-self:start}.avatar-big{width:88px;height:88px;border-radius:25px;font-size:40px;margin:8px auto 18px}.profile-card h2{font-size:29px}.profile-card .muted{font-size:12px}.profile-score{border-radius:13px;border:1px solid #674d2b;background:#322b2255;margin:25px 0;padding:18px}.profile-score span{display:inline-block;font-size:32px;color:var(--accent);margin-right:9px}.profile-score strong{font-family:'Barlow Condensed',sans-serif;font-size:41px;color:#ffe0a1}.profile-score small{display:block;color:#ad9b76;letter-spacing:1px;font-size:10px;font-weight:900}.profile-card .btn{margin-top:12px}.profile-card .text-btn{margin-top:12px}.small-fact{display:flex;justify-content:space-between;color:#9fb2ca;font-size:11px;padding-bottom:9px;border-bottom:1px solid #33445a}.small-fact strong{color:#fff}.account-main{display:flex;flex-direction:column;gap:20px}.history-row{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #293d55}.history-row:last-child{border:0}.history-symbol{width:45px;height:45px;display:grid;place-items:center;border-radius:10px;background:#243d56;font-size:23px}.history-row>div{flex:1}.history-row strong,.history-row small{display:block}.history-row small{color:#849ab4;margin-top:4px;font-size:11px}.history-row b{color:#ffd079}.form-horizontal{max-width:500px}.form-horizontal .btn{align-self:flex-start}
/* Game */
.crumbs{font-size:11px;color:#92a8bf;margin-bottom:25px}.crumbs a{color:#d9e3ed}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.play-title{display:flex;align-items:center;gap:17px;margin-bottom:20px}.game-symbol{width:76px;height:76px;border:1px solid #ffffff4a;border-radius:13px;display:grid;place-items:center;font-size:42px}.play-title h1{font-size:41px;margin:4px 0}.play-title p{color:var(--muted)}.game-stage{background:radial-gradient(circle at 50% 35%,#1d3857,#111e30 65%);min-height:520px;border-radius:17px;border:1px solid #3d5473;display:flex;align-items:center;flex-direction:column;position:relative;overflow:hidden;padding:36px 20px 30px}.game-stage:before{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.stage-loader{text-align:center;margin:auto}.stage-loader span{font-size:65px}.stage-loader p{color:var(--muted)}.stage-heading{text-align:center;margin-bottom:20px}.stage-heading h2{font-size:38px;margin-top:7px}.stage-heading p{color:#a7bbd0;font-size:12px;margin-top:5px}.game-metrics{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:8px 0 18px}.metric{border:1px solid #45607a;border-radius:7px;background:#203751;padding:7px 14px;color:#f8dab2;font-size:12px;font-weight:900}.game-status,.guess-message{margin:15px 0;text-align:center;color:#c8d6e6;font-weight:700}.game-status.win,.guess-message.win{color:#86f0bc}.award-note{color:#ffdc91;font-size:12px;margin:8px 0 14px;font-weight:800;text-align:center}.game-restart{margin-top:15px}.game-footnote{font-size:11px;color:#91a7bf;margin-top:12px;border:1px solid #31445c;border-radius:9px;padding:12px}.game-detail-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #304058;padding:12px 0;color:#a9bfd6;font-size:12px}.game-detail-row strong{color:#e5edf9}.game-detail-row .green-text{color:#52e9a4}.sidebar-login{border:1px solid #6c5535;background:#55402425;border-radius:10px;padding:15px;margin-top:20px}.sidebar-login p{font-size:12px;color:#e1d2b0;margin-bottom:13px}.sidebar-score{font-weight:900;color:var(--accent);font-size:25px}.play-sidebar{display:flex;flex-direction:column;gap:17px}.side-related h3{font-size:22px;margin-bottom:16px}.related-game{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #2a3f59}.related-game:last-child{border:0}.related-icon{width:47px;height:47px;overflow:hidden;border-radius:8px;display:grid;place-items:center;font-size:25px;flex-shrink:0;border:1px solid #ffffff32}.related-game span:nth-child(2){flex:1;min-width:0}.related-game strong,.related-game small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-game strong{font-size:12px}.related-game small{color:#829cb6;font-size:10px}.related-game>b{color:#b5cae5}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,420px);margin:0 auto}.memory-card{border-radius:12px;aspect-ratio:1;display:grid;place-items:center;border:2px solid #7a653d;background:linear-gradient(135deg,#775726,#2b374b);font-size:35px;color:#ffd389;box-shadow:inset 0 0 15px #0006;transition:transform .15s,background .15s}.memory-card:hover{transform:scale(1.045)}.memory-card.flipped{background:#254463;border-color:#75bbe8}.memory-card.matched{background:#23563b;border-color:#65d997;cursor:default}.tap-field{width:min(100%,520px);height:270px;position:relative;border-radius:15px;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,#ffffff06 0 1px,transparent 1px 28px),#0c1b2e;border:1px solid #3b5573;margin:10px 0 20px}.tap-target{position:absolute;left:46%;top:40%;width:64px;height:64px;border-radius:50%;font-size:37px;border:3px solid #fff4c5;background:radial-gradient(circle,#ffe7a3,#dd9c2b);color:#543b16;box-shadow:0 0 30px #fac26066;transition:left .14s,top .14s;touch-action:manipulation}.tap-target:disabled{opacity:.4}.guess-form{display:flex;gap:11px;align-items:center;margin:30px 0 8px}.guess-input{width:115px;max-width:115px;height:68px;font-size:33px;text-align:center;background:#0c192a;border:2px solid #57748e;border-radius:12px;color:#fff;outline:0}.guess-input:focus{border-color:var(--accent)}.guess-form button{height:53px}.wheel-wrap{width:280px;height:280px;position:relative;margin:7px auto 20px;display:flex;align-items:center;justify-content:center}.demo-wheel{width:257px;height:257px;border-radius:50%;border:10px solid #ffc96f;box-shadow:0 0 0 5px #7d5a35,0 0 40px #dda65e3d;position:relative;background:conic-gradient(#653dc0 0 45deg,#f9b740 45deg 90deg,#1d8ba5 90deg 135deg,#ce58aa 135deg 180deg,#389d7d 180deg 225deg,#ff9543 225deg 270deg,#466ad0 270deg 315deg,#b965d5 315deg 360deg);transition:transform 4.5s cubic-bezier(.13,.69,.12,1);display:grid;place-items:center}.demo-wheel:after{content:'✦      ✦      ✦      ✦';position:absolute;inset:9px;color:#fff9;font-size:20px;white-space:pre-wrap;word-spacing:70px}.wheel-center{z-index:2;width:83px;height:83px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff5d5,#e3a944);border:7px solid #70522e;color:#4d3517;font-size:34px;box-shadow:0 5px 22px #0007}.wheel-pointer{position:absolute;z-index:4;top:-12px;color:#fff1c0;text-shadow:0 2px 2px #000;font-size:35px;line-height:1}.wheel-result{font-size:13px;color:#eddfc0;font-weight:900;margin:8px 0 22px;text-align:center}
/* Admin */
.admin-page{max-width:1350px}.admin-intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-shield{border:1px solid #5f5038;background:#483b2544;padding:8px 12px;border-radius:8px;color:#ffd88c;font-size:10px;letter-spacing:1px;font-weight:900}.admin-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:24px}.admin-side{align-self:start;position:sticky;top:107px;background:#13243b;border:1px solid #33465d;border-radius:13px;padding:13px}.admin-side-label{font-size:9px;font-weight:900;color:#849db8;letter-spacing:1.2px;padding:13px 10px}.admin-nav-link{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:8px;color:#b1c4d8;font-weight:700;margin-bottom:3px;font-size:12px}.admin-nav-link span{font-size:19px;width:22px;text-align:center}.admin-nav-link:hover{background:#203651;color:#fff}.admin-nav-link.selected{background:linear-gradient(90deg,#e1ad4133,#e1ad4108);color:var(--accent);border-left:3px solid var(--accent)}.admin-side-help{background:#223248;border:1px solid #384c62;border-radius:10px;padding:14px;margin-top:22px;color:var(--accent);font-size:21px}.admin-side-help strong{display:block;color:#fff;font-size:13px}.admin-side-help p{font-size:10px;color:#a4b3c7;margin-top:5px}.admin-work{min-width:0}.admin-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.admin-section-title h2{font-size:29px}.admin-section-title p{color:#8da3bb;font-size:12px;margin-top:5px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.admin-stat{background:linear-gradient(155deg,#1b334e,#132338);border:1px solid #35506b;border-radius:12px;padding:17px}.admin-stat span{display:block;color:#adbed1;font-size:9px;font-weight:900;letter-spacing:.6px}.admin-stat strong{display:block;font-size:33px;margin:8px 0 2px}.admin-stat small{color:#89cda9;font-size:10px}.admin-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;overflow:hidden}.admin-welcome h2{font-size:32px;margin:6px 0}.admin-welcome p{color:#a7bcd1;max-width:530px;font-size:12px}.admin-welcome-actions{display:flex;gap:10px;margin-top:22px}.welcome-orbit{color:var(--accent);font-size:170px;line-height:1;padding:0 32px;opacity:.5;filter:drop-shadow(0 0 34px #ffcd78)}.admin-work>.panel{margin-bottom:20px}.admin-form-panel{margin-bottom:20px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-col-span{grid-column:1/-1}.check-row{display:flex;gap:19px;flex-wrap:wrap}.form-stack .check-label,.check-label{font-size:12px;color:#c5d6e6;display:flex;align-items:center;gap:7px;flex-direction:row!important;cursor:pointer}.check-label input{accent-color:var(--accent);width:17px;height:17px}.table-scroll{overflow:auto;margin:-2px}.admin-table{border-collapse:collapse;width:100%;min-width:610px;text-align:left}.admin-table th{font-size:10px;color:#92a7c1;letter-spacing:.8px;padding:13px 11px;border-bottom:1px solid #3b4f6a}.admin-table td{border-bottom:1px solid #2b3e55;padding:12px 10px;color:#b9c9dc;font-size:12px}.admin-table tr:last-child td{border-bottom:0}.table-game{display:flex;gap:9px;align-items:center;min-width:140px}.table-game strong,.table-game small{display:block}.table-game strong{font-size:12px;color:#f0f5fb}.table-game small{font-size:10px;color:#8a9fb7;margin-top:3px}.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.table-action{display:inline-block;white-space:nowrap;padding:6px 10px;color:#cde1fb;border:1px solid #42627b;background:#253b54;border-radius:6px;font-size:11px;font-weight:800}.table-action:hover{color:#fff;border-color:var(--accent)}.table-action.danger{border-color:#854957;background:#502632;color:#ffb3b9}.inline-form{display:inline-flex}.status-badge{font-size:10px;padding:5px 7px;border-radius:50px;white-space:nowrap;font-weight:800}.status-badge.on{background:#1d594e;color:#7aefc2}.status-badge.off{background:#4a363e;color:#ffadb2}.admin-promos{grid-template-columns:repeat(2,1fr)}.admin-promos .promo-tile{min-height:250px}.admin-promos .row-actions{z-index:3}
/* Footer and mobile */
.footer{border-top:1px solid #2d425b;background:#091522;padding:48px 0 20px;margin-top:30px}.footer-main{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.4fr;gap:35px}.footer-main p{max-width:320px;color:#91a7c0;font-size:12px;line-height:1.85;margin-top:17px}.footer-main h4{color:#f0d3a0;font-size:13px;letter-spacing:1px;margin:5px 0 17px}.footer-main div:not(:first-child)>a,.footer-main div:not(:first-child)>span{display:block;color:#92a7bc;margin-bottom:11px;font-size:12px}.footer-main div:not(:first-child)>a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid #243951;padding-top:23px;margin-top:30px;display:flex;justify-content:space-between;color:#7488a0;font-size:10px;gap:15px}.footer-star{color:var(--accent)}.mobile-nav{display:none}
@media(max-width:1100px){.container{padding-left:19px;padding-right:19px}.nav-links a{padding:9px}.hero{padding:43px 35px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-content{width:60%}.hero-features{gap:12px}.admin-stats{grid-template-columns:repeat(2,1fr)}.footer-main{gap:22px}}
@media(max-width:800px){.nav-links{display:none}.header-inner{height:66px}.brand{font-size:26px}.hero{min-height:410px;padding:35px}.hero-content{width:62%}.hero-art{width:42%;right:1%}.gold-disc{width:255px;height:255px}.gold-ring.ring-a{width:320px;height:320px}.gold-ring.ring-b{width:375px;height:375px}.disc-star{font-size:55px}.disc-number{font-size:35px}.hero-mini-card{width:75px;height:75px;font-size:28px}.hero-mini-card small{font-size:8px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.play-layout{grid-template-columns:minmax(0,1fr)}.play-sidebar{display:grid;grid-template-columns:1fr 1fr}.admin-layout{grid-template-columns:180px minmax(0,1fr);gap:16px}.admin-side{padding:6px}.admin-nav-link{padding:11px 8px}.promo-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:repeat(2,1fr);row-gap:35px}}
@media(max-width:600px){body{font-size:13px}.container{padding-left:14px;padding-right:14px}.topline{height:25px}.topline-inner{font-size:8px}.topline-right{font-size:8px}.hide-mobile,.hide-phone,.login-action,.hide-small{display:none!important}.header{top:0}.header-inner{height:61px;gap:9px}.brand{font-size:23px;gap:8px}.brand small{font-size:7px;letter-spacing:2px}.brand-icon{width:34px;height:34px;font-size:19px}.header-actions{gap:3px}.header-actions .btn{font-size:11px;padding:9px 12px}.header-actions .avatar{width:34px;height:34px}.ticker-inner{height:36px;gap:9px}.ticker-label{font-size:9px}.ticker-text{font-size:11px}.ticker-end{display:none}.hero-section{padding-top:12px}.hero{min-height:470px;padding:25px 24px;align-items:flex-start;border-radius:15px}.hero-content{width:100%;z-index:4}.hero-eyebrow{font-size:9px}.hero h1{font-size:clamp(33px,9.8vw,50px);max-width:440px;margin-top:13px}.hero-content>p{max-width:340px;font-size:11px;margin:12px 0 14px;line-height:1.6}.hero-cta{gap:7px}.hero-cta .btn{font-size:11px;min-height:40px;padding:9px 12px}.hero-features{position:relative;z-index:5;margin-top:14px;font-size:9px;gap:9px;flex-wrap:wrap;max-width:300px}.hero-art{z-index:1;right:-7%;bottom:-84px;top:auto;height:280px;width:300px;opacity:.83}.gold-disc{width:234px;height:234px}.gold-ring.ring-a{width:275px;height:275px}.gold-ring.ring-b{width:320px;height:320px}.disc-star{font-size:50px}.disc-number{font-size:30px}.hero-mini-card{height:64px;width:64px;font-size:24px}.mini-card-b{left:1%;bottom:20%}.mini-card-a{right:12%;top:1%}.spark-b{bottom:2%}.quick-stats{grid-template-columns:repeat(2,1fr);margin-top:10px}.quick-stats>div{padding:11px 8px;justify-content:flex-start;gap:8px}.quick-stats>div:nth-child(2){border-right:0}.quick-stats>div:nth-child(-n+2){border-bottom:1px solid #2b4059}.stat-icon{width:36px;height:36px;font-size:18px}.quick-stats strong{font-size:19px}.quick-stats small{font-size:9px}.promo-section{margin-top:5px}.promo-banner{gap:13px;padding:17px;min-height:110px}.promo-icon{width:48px;height:48px;flex-shrink:0;font-size:28px}.promo-banner h3{font-size:21px}.promo-banner p{font-size:10px;line-height:1.3}.promo-banner .btn{display:none}.catalog-heading{display:block;margin-top:31px}.section-head{display:block}.section-head h2{font-size:30px}.section-subtext{font-size:11px;margin-top:2px;display:block}.search-wrap{width:100%;margin-top:14px}.category-strip{gap:7px}.category-chip{font-size:11px;min-height:40px;padding:7px 11px}.category-chip span{font-size:15px;margin-right:4px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.game-card{padding:5px;border-radius:10px}.game-art{border-radius:7px}.poster-title{font-size:clamp(20px,6vw,30px)}.poster-brand{font-size:8px}.game-emoji{font-size:clamp(57px,15vw,86px);top:23%}.game-card-info{padding:9px 3px 4px}.game-card-info strong{font-size:11px;max-width:120px}.game-card-info small{font-size:9px}.game-card-arrow{font-size:15px}.how-section{margin-top:31px;margin-bottom:32px}.how-panel{padding:22px 19px}.how-grid{grid-template-columns:1fr;gap:16px}.how-grid>div{border:0;border-bottom:1px solid #2d435f;padding-bottom:14px}.how-grid>div:last-child{border:0;padding-bottom:0}.how-grid>div span{margin:0}.inner-page{padding-top:25px;padding-bottom:35px}.page-intro{margin-bottom:20px}.page-intro h1{font-size:37px}.page-intro p{font-size:12px}.panel{padding:17px}.promo-grid{grid-template-columns:1fr;gap:11px}.promo-tile{min-height:235px;padding:20px}.promo-giant{font-size:110px}.leaderboard-layout{grid-template-columns:1fr;gap:12px}.leaderboard-side{min-height:290px}.auth-section{padding:24px 0 44px}.auth-layout{grid-template-columns:1fr;gap:0}.auth-art{display:none}.auth-card{padding:25px 21px}.auth-card h1{font-size:34px}.account-layout{grid-template-columns:1fr;gap:12px}.profile-card{padding:24px}.form-horizontal .btn{width:100%}.crumbs{margin-bottom:17px}.play-title h1{font-size:33px}.game-symbol{width:65px;height:65px;font-size:32px;flex-shrink:0}.play-title{gap:12px}.play-title p{font-size:11px}.play-sidebar{grid-template-columns:1fr;gap:12px}.game-stage{min-height:480px;padding:29px 12px}.stage-heading h2{font-size:32px}.stage-heading p{font-size:11px}.memory-board{gap:6px}.memory-card{font-size:27px;border-radius:8px}.game-metrics{gap:7px}.metric{font-size:11px;padding:6px 10px}.tap-field{height:235px}.wheel-wrap{width:250px;height:250px}.demo-wheel{width:227px;height:227px}.guess-form{flex-wrap:wrap;justify-content:center}.guess-form button{height:51px}.admin-intro{align-items:flex-start;gap:10px}.admin-shield{font-size:8px;padding:7px}.admin-layout{grid-template-columns:1fr;gap:15px}.admin-side{position:static;display:flex;overflow-x:auto;padding:5px;gap:5px;scrollbar-width:thin}.admin-side-label,.admin-side-help{display:none}.admin-nav-link{flex-shrink:0;margin:0;padding:8px 10px;font-size:10px}.admin-nav-link span{font-size:14px;width:auto}.admin-stats{grid-template-columns:repeat(2,1fr);gap:9px}.admin-stat{padding:11px}.admin-stat strong{font-size:26px}.admin-section-title{display:block}.admin-section-title .btn{margin-top:12px}.admin-form-grid{grid-template-columns:1fr;gap:12px}.admin-col-span{grid-column:auto}.admin-welcome{padding:20px}.welcome-orbit{display:none}.admin-welcome-actions{flex-wrap:wrap}.admin-promos{grid-template-columns:1fr}.footer{padding-top:33px;padding-bottom:95px;margin-top:10px}.footer-main{grid-template-columns:repeat(2,1fr);gap:22px}.footer-main>div:first-child{grid-column:1/-1}.footer-main h4{font-size:11px;margin-bottom:12px}.footer-main a,.footer-main span{font-size:10px}.footer-bottom{display:block;margin-top:18px}.footer-bottom span{display:block;margin-bottom:5px}.mobile-nav{position:fixed;z-index:60;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);height:64px;padding-bottom:env(safe-area-inset-bottom,0);background:#0d1d30f7;border-top:1px solid #41536b;backdrop-filter:blur(15px);box-shadow:0 -5px 30px #0008}.mobile-nav a{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#91a6bf;font-weight:800;font-size:9px;gap:1px}.mobile-nav a span{font-size:21px;line-height:1.3}.mobile-nav a.current{color:var(--accent)}.mobile-nav a:active{background:#ffffff10}}
@media(max-width:370px){.brand{font-size:20px}.hero h1{font-size:32px}.hero-features{font-size:8px}.game-emoji{font-size:55px}.poster-title{font-size:21px}.hero-cta .btn{font-size:10px}.admin-stat span{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Arcadia V2 — original licensed-cover catalog + provider chips */
.provider-filter-bar{margin:9px 0 15px;background:#102035c4;border:1px solid #29425c;border-radius:14px;padding:14px 14px 8px}
.provider-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.provider-filter-heading>span{font-size:11px;font-weight:900;letter-spacing:1.2px;color:#f9cc7d}
.provider-filter-heading small{font-size:11px;color:#b6c8db}
.provider-strip{display:flex;gap:9px;overflow-x:auto;padding:1px 0 9px;scrollbar-width:thin;scrollbar-color:#3d526e transparent}
.provider-chip{display:flex;gap:8px;align-items:center;white-space:nowrap;flex:0 0 auto;border:1px solid #37516c;border-radius:11px;padding:6px 13px 6px 7px;min-height:45px;background:linear-gradient(160deg,#1a3049,#142237);color:#cddaea;font-weight:750;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
.provider-chip:hover{transform:translateY(-2px);border-color:#cc9b56;color:#fff}
.provider-chip.selected{border-color:#d6a754;background:linear-gradient(145deg,#433522,#1e2c3d);box-shadow:inset 0 0 0 1px #edc46f22;color:#fff3d1}
.provider-mark{display:grid;place-items:center;min-width:29px;height:29px;border:1px solid #e1ba7760;border-radius:7px;background:#c5933e2e;color:#ffd58d;font-size:10px;font-weight:900;letter-spacing:0}
.game-art.has-cover{background:#16243a}.game-art .game-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .4s ease}
.game-card:hover .game-cover{transform:scale(1.075)}.game-art.has-cover .cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,#07101ff5 1%,#08111a4d 42%,#07101f48 100%);z-index:1}
.game-art.has-cover .poster-title{z-index:3;text-shadow:0 2px 14px #000d}.game-art.has-cover .poster-brand{z-index:3;background:#0814228c;border:1px solid #e7c27244;border-radius:20px;left:15%;right:15%;padding:2px 4px;text-shadow:0 1px 4px #000}
.game-art.has-cover .poster-tag{z-index:4}.game-art.has-cover .cover-play{z-index:5}
.symbol-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.cover-form-preview{display:flex;gap:15px;align-items:center;padding:12px;background:#0c1b2a;border:1px solid #334761;border-radius:12px;margin-bottom:4px}
.cover-form-preview img{width:94px;height:94px;border-radius:10px;object-fit:cover;border:1px solid #546a7c}
.cover-form-preview strong{font-size:13px}.cover-form-preview small{display:block;color:#b0c3d9;max-width:550px}
.cover-upload-box{border:1px dashed #57708a;padding:17px;border-radius:12px;background:#0b1b2e}
.cover-upload-box input[type=file]{width:100%;max-width:100%;border:none;padding:7px;background:#182d43;color:#fff}
.provider-admin-stats{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 16px}.provider-count-badge{border:1px solid #465c74;border-radius:10px;background:#122238;padding:9px 15px;font-weight:800;color:#ffd68e}
.provider-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.provider-admin-item{display:flex;align-items:center;gap:13px;border:1px solid #364b64;background:#112338;border-radius:12px;padding:14px}
.provider-admin-item .provider-mark{min-width:42px;height:42px;font-size:13px}.provider-admin-item .prov-main{flex:1;min-width:0}.provider-admin-item .prov-main strong{display:block}.provider-admin-item .prov-main small{display:block;color:#91a7be}.provider-admin-item .row-actions{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){.provider-filter-bar{padding:12px 11px 5px}.provider-filter-heading small{display:none}.provider-chip{font-size:11px}.provider-admin-list{grid-template-columns:1fr}.cover-form-preview img{width:72px;height:72px}}
@media(max-width:420px){.provider-admin-item{flex-wrap:wrap}.provider-admin-item .row-actions{width:100%;justify-content:flex-start}}

/* Arcadia V3 - authorized official demos */
.official-demo-settings{border:1px solid rgba(252,204,115,.25);background:rgba(247,189,68,.045);border-radius:16px;padding:19px;margin-top:8px;display:grid;gap:12px}
.official-demo-settings[hidden]{display:none}
.official-stage{background:linear-gradient(135deg,#16233b,#0d1424);border:1px solid rgba(247,189,68,.25);border-radius:18px;padding:24px;min-height:250px}
.official-intro{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.official-icon{font-size:32px}.official-intro h2{margin:0 0 8px;color:#fff}.official-intro p,.official-warning{color:#b4bfd4;line-height:1.65;font-size:14px;margin:0}
.official-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.official-warning{border-top:1px solid rgba(255,255,255,.1);padding-top:14px;margin-top:20px}
.official-frame-help{font-size:13px;color:#b4bfd4;margin:16px 0 10px}.official-stage iframe{width:100%;height:min(72vh,700px);min-height:440px;border:1px solid rgba(255,255,255,.15);background:#101723;border-radius:12px}
@media(max-width:700px){.official-stage{padding:15px}.official-stage iframe{height:67vh;min-height:360px}.official-actions>*{flex:1 1 100%;text-align:center}.official-intro h2{font-size:20px}}

/* V5 admin rights-managed asset inventory, responsive frontend gallery */
.asset-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 20px}
.asset-stat{background:#132740;border:1px solid #334b64;padding:16px 19px;border-radius:14px;min-width:0}
.asset-stat strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:33px;color:#f6cd78;line-height:1.12}
.asset-stat span{font-size:12px;color:#d2dfee}
.asset-title strong,.asset-title small,.asset-meta{display:block}
.asset-title small,.asset-meta{font-size:11px;color:#aabdd1;margin-top:4px}
.asset-source{font-size:12px;color:#b9ddff;text-decoration:underline;text-underline-offset:3px}
.asset-uploaded{padding:10px;background:#223b53;border-radius:8px;margin:12px 0;color:#f3f8ff;word-break:break-word}
.asset-uploaded code{color:#ffda9e}
.licensed-gallery{padding:16px 0;margin-top:22px}
.licensed-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:14px}
.licensed-gallery-card{margin:0;border:1px solid #344f6e;border-radius:14px;overflow:hidden;background:#13253b}
.licensed-gallery-media{aspect-ratio:5/4;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0b192b}
.licensed-gallery-media img{width:100%;height:100%;object-fit:contain}
.licensed-gallery-media audio,.licensed-gallery-media video{width:100%;max-height:100%}
.licensed-gallery-card figcaption{padding:10px 12px}
.licensed-gallery-card figcaption strong,.licensed-gallery-card figcaption small{display:block;overflow-wrap:anywhere}
.licensed-gallery-card figcaption small{font-size:11px;color:#b0c9df;margin-top:4px}
@media(max-width:700px){.asset-dashboard{grid-template-columns:1fr}.licensed-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.licensed-gallery-card figcaption{padding:8px}.admin-page .admin-form-grid{grid-template-columns:1fr}}
@media(max-width:430px){.licensed-gallery-grid{grid-template-columns:1fr}}

/* V6 admin: only third-party license fields are displayed when relevant */
[data-license-field][hidden]{display:none!important;}

/* PERMATA757 V7 official public links / original-cover catalog */
.catalog-embed-notice{margin:10px 0 20px;padding:14px 17px;border:1px solid rgba(243,189,74,.26);background:rgba(243,189,74,.075);color:#e5d3b4;border-radius:14px;font-size:13px;line-height:1.6}
.game-art .poster-brand{font-size:10px;letter-spacing:.7px}
@media(max-width:700px){.catalog-embed-notice{font-size:12px;margin:5px 0 15px;padding:11px 13px}}

/* permata757 V8 - area pemutar responsive untuk mode iframe yang diizinkan */
.official-stage-v8{padding:18px 18px 22px}
.official-stage-v8 .official-intro{margin-bottom:14px}
.player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#091424;border:1px solid #46536b;border-radius:12px 12px 0 0;padding:10px 14px}
.player-status{display:flex;align-items:center;gap:8px;color:#e9f8e8;font-size:12px;font-weight:800}.player-status i{height:7px;width:7px;background:#2bd59a;box-shadow:0 0 10px #2bd59a;border-radius:50%}
.player-toolbar-actions{display:flex;gap:7px}.player-tool{background:#162940;border:1px solid #4d607b;color:#f5f7ff;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700;cursor:pointer}.player-tool:hover{border-color:var(--accent)}
.official-player-wrap{position:relative;min-height:520px;aspect-ratio:16/10;background:#080f1d;border:1px solid #46536b;border-top:0;border-radius:0 0 12px 12px;overflow:hidden}
.official-stage-v8 .official-player-wrap iframe{display:block;width:100%;height:100%;min-height:520px;position:absolute;inset:0;border:0;border-radius:0;background:#080f1d}
.official-player-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:390px;gap:12px;border:1px dashed #556985;border-radius:14px;background:linear-gradient(155deg,#12233e,#0a1220);padding:25px}
.player-placeholder-icon{font-size:48px;color:#ffda87}.official-player-placeholder h3{margin:0;color:#fff;font-size:21px}.official-player-placeholder p{max-width:560px;margin:0 0 8px;color:#b8c9e0;font-size:13px;line-height:1.7}
.player-message{font-size:12px;color:#c4cfe0;line-height:1.55;margin:12px 0 0}
@media(max-width:700px){.official-stage-v8{padding:12px}.official-player-wrap{min-height:350px;aspect-ratio:3/4}.official-stage-v8 .official-player-wrap iframe{min-height:350px}.player-toolbar{padding:9px}.player-toolbar-actions{width:100%}.player-tool{flex:1}.official-player-placeholder{min-height:300px}}

.provider-mark-image{padding:0;overflow:hidden;background:transparent;border:none}.provider-mark-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.provider-logo-preview-wrap{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:14px;background:#0d1b31;border:1px solid rgba(255,255,255,.1)}.provider-logo-preview{width:100%;height:100%;object-fit:cover;border-radius:14px}.player-status{font-weight:700}.game-detail-row strong{max-width:62%;text-align:right}.official-actions .btn{margin-bottom:8px}

/* Permata757 R3: optional category controls and editable footer article */
.footer-article{margin:0 0 38px;padding:27px 29px 28px;border:1px solid #32445e;border-radius:16px;background:linear-gradient(125deg,#15253b,#0d1c30);box-shadow:0 12px 30px #00000015}
.footer-article h2{font-size:clamp(21px,2.5vw,30px);font-weight:800;line-height:1.25;color:#f7cf86;margin:0 0 15px}
.footer-article-content{max-width:990px}
.footer-article-content p{margin:0 0 12px;color:#c4d2e4;line-height:1.85;font-size:13px;overflow-wrap:anywhere}
.footer-article-content p:last-child{margin-bottom:0}
@media(max-width:600px){.footer-article{padding:19px 17px;margin-bottom:26px;border-radius:12px}.footer-article h2{font-size:22px}.footer-article-content p{font-size:12px;line-height:1.78}}

/* PERMATA757 V16 — official visual brand artwork, replacing legacy emoji/text logo. */
.header .brand-image-link,.footer .brand-image-link{display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;gap:0;text-decoration:none;background:none;border:0;line-height:1}
.brand-image-link .brand-logo{display:block;height:65px;width:auto;max-width:205px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 1px 7px #ebb74c22)}
.header-inner .brand-image-link{width:206px;max-width:30vw;overflow:visible}
.footer .brand-image-link .brand-logo{height:80px;max-width:255px}
@media(max-width:900px){.header-inner .brand-image-link{width:187px}.header .brand-image-link .brand-logo{height:59px;max-width:187px}}
@media(max-width:700px){.header-inner .brand-image-link{width:161px;max-width:46vw}.header .brand-image-link .brand-logo{height:53px;max-width:165px}.footer .brand-image-link .brand-logo{height:67px;max-width:210px}}
@media(max-width:390px){.header-inner .brand-image-link{width:146px;max-width:43vw}.header .brand-image-link .brand-logo{height:48px;max-width:148px}}

/* Permata757 V18 — SEO editorial section and locally configurable brand image */
.logo-settings-panel{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start;padding:18px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.1)}
.logo-preview-box{display:flex;align-items:center;justify-content:center;min-height:118px;padding:13px;border-radius:12px;background:#111d33;border:1px solid rgba(255,255,255,.12)}
.logo-preview-box img{display:block;max-width:100%;max-height:100px;width:auto;height:auto;object-fit:contain}
.logo-settings-fields{display:flex;flex-direction:column;gap:10px;min-width:0}.logo-settings-fields small{color:#b4c6df;line-height:1.5}
.logo-settings-fields input[type=file]{width:100%;margin-top:8px}.logo-settings-fields .check-label{margin-top:6px}
.game-seo-content{margin-top:23px;padding:24px;background:linear-gradient(140deg,rgba(23,39,67,.95),rgba(15,24,43,.96));border:1px solid rgba(245,191,75,.2);border-radius:18px;color:#dce5f7;line-height:1.75}
.game-seo-content h2{margin:8px 0 16px;font-size:clamp(19px,2.4vw,26px);line-height:1.3;color:#fff}
.game-seo-content p{margin:0 0 12px}.game-seo-content .game-seo-summary{font-weight:600;color:#f8e0a8;font-size:16px}
.game-seo-facts{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.game-seo-facts span{font-size:12px;padding:8px 11px;border-radius:9px;background:#263651;color:#cdddf8}.game-seo-facts strong{color:#fff}
.game-seo-content .game-seo-note{font-size:12px;color:#b0c1d9;margin:0}
.game-card-summary{display:block;max-width:290px;font-size:12px;line-height:1.4;margin-top:5px;color:#b5c4d9;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.brand-image-link .brand-logo{mix-blend-mode:normal}
@media(max-width:650px){.logo-settings-panel{grid-template-columns:1fr}.logo-preview-box{min-height:95px}.game-seo-content{padding:17px}.game-seo-facts{display:grid;grid-template-columns:1fr 1fr}}

/* V19 — audit visual: match game art to demo ID, not to a shared frame */
.demo-audit-panel{padding:20px;margin:18px 0;border:1px solid rgba(165,182,220,.28);border-radius:16px}
.demo-audit-summary{cursor:pointer;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}
.demo-audit-summary strong{font-size:17px}.demo-audit-summary span{font-size:13px;color:var(--muted,#a4b0cb)}
.demo-audit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-top:16px}
.demo-audit-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:rgba(128,146,192,.08);border:1px solid rgba(128,146,192,.18)}
.demo-audit-cover{width:62px;min-width:62px;height:62px;overflow:hidden;border-radius:9px;background:#172235}
.demo-audit-cover img{width:100%;height:100%;object-fit:cover}
.demo-audit-detail{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.demo-audit-detail strong{font-size:13px;overflow-wrap:anywhere}
.demo-audit-detail small{font-size:11px;color:var(--muted,#aab7ce);overflow-wrap:anywhere}
.demo-audit-detail code{color:inherit}.demo-audit-state{font-size:11px;font-weight:700;color:#d0c5f1}
.demo-audit-state.matched{color:#78e2b7}.demo-audit-state.mismatch{color:#ff9595}.demo-audit-state.missing{color:#ffb76b}
.demo-audit-actions{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.demo-audit-actions form{margin:0}.demo-audit-actions .table-action{display:inline-block;padding:5px 8px;font-size:11px;white-space:nowrap;text-align:center;background:transparent;border:1px solid rgba(128,146,192,.28);border-radius:7px;color:inherit;text-decoration:none;cursor:pointer}
.demo-game-code{display:block;color:var(--muted,#aab7ce);font-size:12px;margin-top:4px}
@media(max-width:560px){.demo-audit-grid{grid-template-columns:1fr}.demo-audit-row{gap:8px}.demo-audit-cover{width:52px;min-width:52px;height:52px}.demo-audit-panel{padding:12px}}

/* V24: real local artwork thumbnails in related games */
.related-cover{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:7px}.related-game:hover .related-cover{transform:scale(1.055);transition:transform .18s ease}.related-game{min-height:58px}
