*{box-sizing:border-box}body{margin:0;background:#c3e8f7;color:#173552;font:15px/1.5 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}button,a,input,select{font:inherit}button,a{cursor:pointer}button{border:0;border-radius:14px;background:white;color:#254c75;padding:11px 18px;font-weight:650}button:hover{background:#e9f7ff}button:focus-visible,a:focus-visible{outline:3px solid #0077ff;outline-offset:4px}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:80px;background:#f7fcff;display:flex;align-items:center;flex-direction:column;gap:23px;padding:22px 10px;z-index:5;box-shadow:2px 0 20px #5593b21a}aside .logo{font-size:34px;margin-bottom:16px}aside button,aside>a:last-child{font-size:27px;padding:5px 10px;background:transparent}aside span{flex:1}main{max-width:1600px;margin:auto;padding:0 34px 0 112px}header{height:105px;display:flex;gap:25px;align-items:center}.brand{font-size:28px;font-weight:950;letter-spacing:-1px;line-height:1}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:8px}.search{display:flex;align-items:center;gap:14px;border-radius:18px;background:#f5fcff;padding:9px 18px;width:440px;margin:auto;font-size:27px;box-shadow:0 4px 0 #95cce329}.search input{width:100%;border:0;background:transparent;outline:0;font-size:14px}.search kbd{font-size:15px;color:#9cb4c9}.intro{display:flex;justify-content:space-between;align-items:center;padding:18px 0 23px}.intro small{color:#487795;letter-spacing:2px;font-weight:600}h1{font-size:30px;letter-spacing:-1px;margin:8px 0}h1 span{color:#188cf4;margin-left:16px}.intro p{font-size:13px;color:#507a97}nav{display:flex;gap:9px;overflow:auto;padding-bottom:12px}nav button{white-space:nowrap;padding:10px 20px;border-radius:30px;background:#e9f7ff}nav button.active{background:#1878ef;color:white;box-shadow:0 4px 0 #1171dc25}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:16px 0 12px}.sectionhead h2{font-size:20px;margin:0}.sectionhead h2 span{color:#ff942e}.sectionhead label{font-size:12px;color:#52748b}select{border:0;background:transparent;color:#254967;padding:8px}#grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:155px;gap:17px;grid-auto-flow:dense}.card{position:relative;overflow:hidden;padding:0;border-radius:19px;background:#97cadd;box-shadow:0 5px 0 #77b6d14d;isolation:isolate;text-align:left;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 10px 0 #78abc14d}.card img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.card:hover img{transform:scale(1.08)}.card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#101f43c9);z-index:0}.card strong{position:absolute;bottom:14px;left:14px;right:12px;color:white;font-size:15px;line-height:1.2;z-index:1;text-shadow:0 1px 3px #0005}.card.feature{grid-column:span 2;grid-row:span 2}.card.feature strong{font-size:27px;bottom:22px;left:22px}.badge{position:absolute;top:12px;left:12px;background:#ffdf56;color:#263b54;border-radius:8px;padding:4px 9px;font-size:10px;font-weight:800;z-index:1}.playhint{position:absolute;right:18px;top:18px;border-radius:50%;background:white;color:#1472e3;padding:8px 13px;opacity:0;z-index:1}.card:hover .playhint{opacity:1}.bottom{margin:40px 0 20px;background:#dff4fc;border-radius:24px;text-align:center;padding:32px}.bottom h2{margin:0;font-size:25px}.bottom p,footer{color:#64869c;font-size:13px}footer{display:flex;justify-content:space-between;padding:18px 0 30px}dialog{border:0;border-radius:26px;padding:30px;max-width:calc(100vw - 30px);color:#203c59;box-shadow:0 25px 120px #12284355}dialog::backdrop{background:#173552aa;backdrop-filter:blur(6px)}#auth{width:410px}dialog h2{margin:12px 0}dialog p{color:#718398}.close{float:right}.dialogmark{font-size:40px}form label{display:block;font-size:13px;font-weight:650;margin:14px 0}input:not(#search),textarea{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #d4e2eb;border-radius:10px;font:inherit}form button{margin-right:8px}.primary{background:#1677f0;color:white!important}#autherror{color:#c33}#player{width:1250px;background:#edf8ff}.playerbar{display:flex;gap:9px;align-items:center}.playerbar h2{margin-right:auto;font-size:21px}iframe{width:100%;height:65vh;border:0;border-radius:14px;background:#101e32;margin-top:16px}#related{display:flex;gap:12px}#related button{width:150px;height:95px;flex-shrink:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#173552;color:white;border-radius:12px;padding:12px 24px;z-index:100;display:none}.adminhead{display:flex;justify-content:space-between;align-items:center}.panel{background:#f6fcff;border-radius:22px;padding:24px;margin:20px 0}.adminrow{display:flex;align-items:center;gap:18px;border-bottom:1px solid #dbe7ed;padding:14px 0}.adminrow img{width:70px;height:50px;object-fit:cover;border-radius:10px}.adminrow b{flex:1}.editor{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.editor input[type=checkbox]{display:inline;width:auto}.empty{grid-column:1/-1;padding:70px;text-align:center;background:#e2f4fd;border-radius:20px}@media(min-width:1400px){#grid{grid-auto-rows:180px}}@media(max-width:1000px){#grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:140px}.intro p{display:none}.brand{font-size:22px}main{padding-right:22px}header{gap:14px}.search{width:100%}}@media(max-width:650px){aside{width:54px;padding:18px 3px}aside .logo{font-size:26px}main{padding:0 13px 0 68px}header{height:auto;padding:20px 0;flex-wrap:wrap}.search{order:3}header #account{margin-left:auto;font-size:12px;padding:8px}.intro{padding:10px 0}h1{font-size:23px}.intro small{font-size:10px}#grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:135px;gap:12px}.card.feature{grid-row:span 2}.sectionhead label{font-size:0}.sectionhead h2{font-size:17px}.editor{display:block}.adminrow{flex-wrap:wrap}.playerbar{flex-wrap:wrap}dialog{padding:18px}iframe{height:55vh}#related{overflow:auto}footer{display:block}footer span{display:block}}

/* Compact, image-first portal */
body{background:#d6edf6}aside{width:68px;background:#f8fcfe;box-shadow:none;gap:24px;padding-top:23px}aside .logo{font-size:28px;margin-bottom:8px}aside button,aside>a:last-child{font-size:24px;color:#64859b}main{max-width:1560px;padding:0 26px 28px 94px}header{height:88px;gap:24px}.brand{font-size:25px;letter-spacing:-1px}.search{max-width:460px;background:#f7fcff;border-radius:14px;box-shadow:none;padding:7px 16px}.search kbd{opacity:.5}#account{padding:9px 22px;border-radius:12px;font-size:13px}nav{gap:7px;padding:0 0 18px}nav button{padding:7px 19px;font-size:13px;background:transparent;color:#55758e}nav button.active{background:white;color:#183d5b;box-shadow:none}.sectionhead{position:absolute;top:91px;right:26px;margin:0}.sectionhead h2{display:none}.sectionhead label{font-size:0}.sectionhead select{font-size:12px;color:#66849a}#grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:170px;gap:14px}.card{border-radius:17px;box-shadow:0 3px 7px #315f7714}.card:after{opacity:0;transition:opacity .18s}.card strong{opacity:0;transform:translateY(5px);transition:opacity .18s,transform .18s;font-size:14px}.card.feature strong{font-size:21px}.card:hover,.card:focus-visible{transform:translateY(-3px);box-shadow:0 8px 18px #315f7729}.card:hover:after,.card:focus-visible:after,.card:hover strong,.card:focus-visible strong{opacity:1;transform:none}.card:hover img{transform:scale(1.035)}.card.feature{grid-column:span 2;grid-row:span 2}.card.feature~.card.feature{grid-column:span 1;grid-row:span 1}.card.feature~.card.feature strong{font-size:14px;bottom:14px;left:14px}.playerbar h2{font-size:18px}#player h3{font-size:14px}#description{font-size:13px} @media(min-width:1400px){#grid{grid-auto-rows:190px}}@media(max-width:1000px){#grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:155px}.sectionhead{display:none}}@media(max-width:650px){aside{width:52px}main{padding:0 12px 20px 64px}header{padding:16px 0;height:auto;gap:12px}.brand{font-size:22px}.search{max-width:none}nav{padding-bottom:12px;gap:2px}nav button{padding:6px 13px}#grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:145px;gap:10px}.card{border-radius:13px}.card strong{font-size:12px}.card.feature{grid-row:span 1}.card.feature~.card.feature{grid-column:span 1}.card strong,.card:after{opacity:1}.card strong{transform:none}.card.feature strong{font-size:17px}}
.brand,#account{flex-shrink:0;white-space:nowrap}.search{min-width:0;flex:1}.search input{min-width:0}@media(max-width:650px){.search{flex-basis:100%}}
/* Poki's image wall, with short discovery shelves. */
body{background:#e4f1f8}header{height:86px}aside{background:#f7fbfe;border-right:1px solid #d8e7f0;gap:20px}aside button.selected{color:#1968de;background:#e0edff;border-radius:12px}nav{padding-bottom:7px;border-bottom:1px solid #cbdfea}nav button.active{background:#246de8;color:white}.sectionhead{position:static;display:flex;justify-content:space-between;margin:20px 0 14px}.sectionhead h2{display:block;font-size:17px}.sectionhead.home-sort{display:none}.game-section{margin:20px 0 27px}.shelf-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 11px}.shelf-head h2{font-size:17px;letter-spacing:-.4px;margin:0;font-weight:750}.shelf-head button{background:transparent;font-size:12px;font-weight:500;padding:3px;color:#63829c}.shelf-head button span{margin-left:7px}.featured-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,145px);gap:12px}.featured-wall .card:first-child{grid-column:span 2;grid-row:span 2}.shelf,.discovery-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.shelf .card,.discovery-wall .card{aspect-ratio:1.34;min-width:0}.recent-shelf{display:flex;overflow:auto;scrollbar-width:thin;padding:0 0 5px}.recent-shelf .card{width:145px;aspect-ratio:1.6;flex-shrink:0}.card{border-radius:14px}.featured-wall .card:first-child strong{font-size:24px;left:20px;bottom:20px}.featured-wall .card:first-child strong,.featured-wall .card:first-child:after{opacity:1;transform:none}#grid[hidden],#home-sections[hidden]{display:none}#grid .card{grid-column:auto;grid-row:auto}#grid{grid-auto-rows:160px}#related .card{grid-column:auto;grid-row:auto}@media(min-width:1400px){.featured-wall{grid-template-rows:repeat(2,165px)}}@media(max-width:1000px){.featured-wall{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,140px)}.featured-wall .card:nth-child(n+6){display:none}.shelf,.discovery-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.shelf:not(.recent-shelf) .card:nth-child(n+5){display:none}}@media(max-width:650px){header{height:auto}nav{border:0}.game-section{margin:15px 0 23px}.shelf-head h2{font-size:15px}.featured-wall{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:150px 115px 115px;gap:10px}.featured-wall .card:first-child{grid-row:span 1;grid-column:span 2}.shelf{display:flex;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.shelf .card{width:155px;flex-shrink:0;scroll-snap-align:start}.shelf:not(.recent-shelf) .card:nth-child(n+5){display:block}.recent-shelf .card{width:120px}.discovery-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.featured-wall .card:first-child strong{font-size:19px}#grid{grid-auto-rows:135px}}
.live-preview{position:absolute;inset:0;overflow:hidden;background:#132235;z-index:2;pointer-events:none}.live-preview iframe{position:absolute;top:50%;left:50%;width:960px;height:540px;min-width:960px;max-width:none;border:0;border-radius:0;margin:0;transform-origin:center;pointer-events:none}.preview-label{position:absolute;bottom:8px;left:8px;z-index:4;background:#122039d9;color:white;border-radius:6px;padding:4px 7px;font-size:10px;pointer-events:none}.card.previewing strong{opacity:0!important}.card.previewing{outline:3px solid #6b9eff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.card,.card img{transition:none}}

.hover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:2;opacity:0}.previewing .hover-video{opacity:1}

fieldset{border:1px solid #d2e1ed;border-radius:16px;margin:20px 0;padding:18px}legend{font-weight:700;padding:0 8px}.asset-preview img,.asset-preview video{max-width:280px;max-height:160px;border-radius:12px;display:block;margin-top:12px}#editform input[type=checkbox]{display:inline;width:auto}#editform small,#editform fieldset p{font-size:12px;color:#648098}#formerror{color:#b32d35}#editform select{display:block;background:white;border-radius:10px;margin-top:7px;width:100%}button:disabled{opacity:.5;cursor:wait}
/* Premium discovery frontend */
.premium{background:#eef7fc;color:#173552}.premium aside{background:#ffffff;border-color:#d8e7f2;width:76px}.premium aside .logo{font:900 29px/1 sans-serif;color:#087bf0;letter-spacing:-5px}.premium aside .logo span{color:#00b7df}.premium aside button,.premium aside>a:last-child{color:#6a8199}.premium aside button.selected{background:#087bf0;color:#ffffff}.premium main{max-width:1600px;padding:0 40px 20px 116px}.premium header{height:104px;border-bottom:1px solid #d8e7f2}.premium .brand{font-size:26px;color:#173552}.premium .brand span{font-size:8px;letter-spacing:2px;color:#6b8198;margin-top:10px}.premium .search{background:#ffffff;border:1px solid #d8e7f2;border-radius:30px;max-width:470px;padding:8px 18px;color:#63829e}.premium .search input{color:#173552}.premium #account{background:#087bf0;color:#ffffff;border-radius:24px}.discovery-intro{display:flex;justify-content:space-between;align-items:end;padding:38px 0 28px}.discovery-intro small{font-size:10px;letter-spacing:3px;color:#087bf0}.discovery-intro h1{font-size:32px;font-weight:650;letter-spacing:0;margin:10px 0 0}.discovery-intro h1 span{color:#087bf0;margin:0}.discovery-intro p{color:#6a8199;font-size:12px;line-height:1.9;margin:0}.premium nav{border:0;padding:0 0 8px;gap:9px}.premium nav button{color:#56718c;padding:8px 23px;background:#ffffff;border:1px solid #d8e7f2;border-radius:24px;font-size:12px}.premium nav button.active{background:#087bf0;color:#ffffff;border-color:#087bf0}.premium .game-section{margin:30px 0 38px}.premium .shelf-head{margin-bottom:17px}.premium .shelf-head h2{font-size:20px;font-weight:600}.premium .shelf-head button{color:#51738f}.spotlight{display:grid;grid-template-columns:1.8fr 1fr;gap:22px;margin-top:22px}.premium .hero-game{height:370px;border-radius:22px}.hero-game>img{object-position:center 40%}.premium .hero-game:after{opacity:1;background:linear-gradient(90deg,#092347d9,#09234708),linear-gradient(0deg,#092347b3,transparent);inset:0}.hero-copy{position:absolute;inset:auto 30px 30px;z-index:1;max-width:80%;color:#fff}.eyebrow{font-size:10px;letter-spacing:2px;color:#a4e8ff}.hero-copy h2{font-size:32px;margin:18px 0 8px;line-height:1.2}.hero-copy p{font-size:12px;line-height:1.8;color:#e4f0fa;max-width:350px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-cta{display:inline-flex;gap:42px;align-items:center;background:#087bf0;color:#ffffff;border-radius:30px;padding:12px 22px;margin-top:12px;font-size:13px}.trending{background:#ffffff;border:1px solid #d8e7f2;border-radius:22px;padding:23px}.trend-heading small{font-size:9px;letter-spacing:2px;color:#71879b}.trend-heading h2{font-size:21px;margin:7px 0 19px;font-weight:600}.trend-heading h2 span{float:right;color:#087bf0}.trend-item{display:flex;align-items:center;width:100%;gap:12px;background:transparent!important;border-radius:0;padding:11px 0;border-bottom:1px solid #e8f0f6;text-align:left;color:#173552}.trend-item img{width:51px;height:51px;object-fit:cover;border-radius:11px}.rank{font-size:12px;color:#7891a8}.trend-item b{display:block;font-size:12px;line-height:1.3}.trend-item small{display:block;font-size:10px;color:#698099;margin-top:6px}.trend-arrow{margin-left:auto;color:#087bf0}.trend-more{display:flex;justify-content:space-between;width:100%;background:transparent!important;color:#087bf0;font-size:11px;padding:16px 0 0}.premium .card{background:#ffffff;border-radius:15px;box-shadow:none}.premium .card:hover{box-shadow:0 8px 25px #0005;transform:translateY(-4px)}.premium .shelf .card,.premium .discovery-wall .card{aspect-ratio:1.05;padding-bottom:58px}.premium .card strong{opacity:1;transform:none;bottom:12px;left:12px;right:12px;font-size:12px;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium .card strong small{display:block;color:#667d94;font-size:10px;font-weight:400;margin-top:7px}.card strong small span{float:right;color:#087bf0}.premium .card:after{display:none}.premium .hero-game:after{display:block}.premium .shelf,.premium .discovery-wall{gap:16px}.premium .hover-video{height:calc(100% - 58px)}.premium .hero-game .hover-video{height:100%}.premium #grid{grid-auto-rows:190px}.premium #grid .card{padding-bottom:58px}.premium footer{border-top:1px solid #d8e7f2;margin-top:42px;padding-top:25px;color:#698099;font-size:11px}.premium footer b{color:#173552}.premium footer b span{font-size:9px;font-weight:400;letter-spacing:2px}.premium select{color:#56718c}.premium select option{background:#ffffff}.premium .empty{background:#ffffff;color:#56718c}.premium #admin{color:#203c59}.premium:has(#admin:not([hidden])) .discovery-intro{display:none}.premium .hero-game.previewing .hero-copy{opacity:0}@media(max-width:1100px){.spotlight{grid-template-columns:1.5fr 1fr}.premium main{padding-right:24px;padding-left:100px}.trending{padding:18px}.hero-copy h2{font-size:27px}.premium .shelf{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:750px){.premium aside{width:54px}.premium main{padding:0 16px 20px 70px}.premium header{height:auto;padding:20px 0}.discovery-intro{padding:25px 0 22px}.discovery-intro h1{font-size:23px}.discovery-intro p{display:none}.spotlight{grid-template-columns:1fr}.premium .hero-game{height:310px}.hero-copy{inset:auto 22px 24px;max-width:85%}.hero-copy h2{font-size:27px}.trending{display:none}.premium .shelf{display:flex}.premium .shelf .card{width:165px}.premium .discovery-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.premium nav button{padding:7px 16px}.premium .shelf-head h2{font-size:18px}.premium footer{display:block}.premium footer>span{margin-top:12px}.premium #grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px}.premium .recent-shelf .card{height:160px}.premium .search{max-width:none}.premium .sectionhead{display:flex}}

/* Light portal contrast and interaction states. */
.premium .card strong{color:#173552}.premium .card{box-shadow:0 3px 12px #1735520a}.premium .card:hover{box-shadow:0 9px 25px #17355220}.premium .search:focus-within{border-color:#087bf0;box-shadow:0 0 0 3px #087bf014}.premium nav button:hover{background:#e1f0ff;color:#086bd1}.premium nav button.active:hover,.premium #account:hover{background:#086bd1;color:white}.premium .trend-item:hover{background:#f0f7fd!important}.premium .hero-cta{box-shadow:0 4px 18px #005bc733}.premium .hero-copy p{font-weight:400}.premium aside button:hover{background:#eaf4ff;color:#087bf0}.premium aside button.selected:hover{background:#086bd1;color:white}.premium .trend-more:hover{color:#005abd}.premium .hero-game{box-shadow:0 8px 26px #244a7217}.premium .card.previewing{outline-color:#087bf0}
.premium .sectionhead.home-sort{display:none}
/* Phone layout: full-width content and thumb-friendly navigation. */
@media(max-width:650px){
 .premium main{padding:0 16px 88px;margin:0;width:100%}
 .premium aside{inset:auto 0 0;width:100%;height:calc(62px + env(safe-area-inset-bottom));padding:6px 12px calc(6px + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;gap:4px;border:0;border-top:1px solid #d8e7f2;background:#fffffff5;backdrop-filter:blur(14px);z-index:10}
 .premium aside .logo,.premium aside>span,.premium aside>a:last-child{display:none}
 .premium aside button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:52px;min-height:48px;font-size:20px;padding:4px 10px;border-radius:12px}
 .premium aside button:after{font-size:10px;font-weight:500;line-height:1.2;content:attr(aria-label)}
 .premium header{padding:18px 0 16px;gap:17px 12px;border-bottom:0}
 .premium .brand{font-size:24px}.premium .brand span{font-size:7px;letter-spacing:1.7px}
 .premium #account{min-height:40px;padding:8px 17px;font-size:12px}
 .premium .search{flex-basis:100%;order:3;width:100%;padding:7px 16px;min-height:46px}
 .premium .search input{font-size:14px}.premium .search kbd{display:none}
 .discovery-intro{padding:9px 0 20px}.discovery-intro small{font-size:9px;letter-spacing:2px}.discovery-intro h1{font-size:23px;line-height:1.45;margin-top:7px}
 .premium nav{gap:8px;padding:0 0 10px;scrollbar-width:none}.premium nav::-webkit-scrollbar{display:none}.premium nav button{min-height:40px;padding:8px 18px;flex-shrink:0}
 .spotlight{margin-top:12px;gap:0}.premium .hero-game{height:290px;border-radius:18px}.hero-copy{inset:auto 20px 20px;max-width:calc(100% - 40px)}.hero-copy h2{font-size:26px;margin:13px 0 7px}.hero-copy p{font-size:12px;margin:0;line-height:1.7}.hero-cta{min-height:44px;padding:10px 20px;margin-top:15px}.eyebrow{font-size:9px;letter-spacing:1.4px}
 .premium .game-section{margin:25px 0 30px}.premium .shelf-head{margin-bottom:12px}.premium .shelf-head h2{font-size:18px}.premium .shelf-head button{min-height:36px;padding:6px 0 6px 12px}
 .premium .shelf{gap:12px;margin-right:-16px;padding-right:16px;scrollbar-width:none}.premium .shelf .card{width:158px;aspect-ratio:1.05}.premium .recent-shelf .card{width:145px;height:150px}
 .premium .discovery-wall,.premium #grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.premium #grid{grid-auto-rows:auto}.premium #grid .card{aspect-ratio:1.05;min-width:0}.premium .card strong{font-size:12px;left:10px;right:10px}.premium .card strong small{font-size:10px}.premium .card:hover{transform:none}
 .premium footer{margin-top:28px;padding:22px 0 10px}.premium #toast{bottom:calc(80px + env(safe-area-inset-bottom));max-width:90vw;width:max-content;font-size:13px}
 #auth{width:calc(100vw - 28px);padding:22px}#auth input{font-size:16px}
 #player{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;margin:0;border-radius:0;padding:14px 12px calc(20px + env(safe-area-inset-bottom));overflow:auto}
 .playerbar{gap:8px}.playerbar h2{flex-basis:100%;font-size:18px;margin:0 0 8px}.playerbar button{min-height:42px;font-size:12px;padding:9px 12px;flex:1}#player iframe{height:58dvh;min-height:250px;margin-top:12px;border-radius:10px}#related{overflow-x:auto;padding-bottom:8px}#description{line-height:1.7}
 .premium .adminhead{gap:12px;flex-wrap:wrap}.premium .panel{padding:16px}.premium .adminrow{gap:10px}.premium .adminrow b{min-width:140px}
}
@media(max-width:360px){.premium main{padding-left:12px;padding-right:12px}.discovery-intro h1{font-size:21px}.hero-copy h2{font-size:23px}.premium .hero-game{height:280px}.card strong small span{display:none}}
@media(max-width:900px) and (orientation:landscape){#player iframe{height:72dvh}.playerbar h2{flex-basis:auto}}
@media(max-width:360px){.premium .shelf{margin-right:-12px;padding-right:12px}}
html.pull-enabled{overscroll-behavior-y:contain}.load-more{display:block;margin:20px auto 28px;min-height:44px;background:#e0effb;color:#386182;font-size:13px}.load-more:disabled{opacity:1;cursor:default;background:transparent;color:#68829a}#pull-refresh{flex-shrink:0;background:transparent;color:#51738f;font-size:12px;padding:8px;min-height:40px}#pull-refresh:disabled{cursor:wait}#pull-refresh.pulling{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:20;background:white;box-shadow:0 4px 20px #17355224;border-radius:24px;padding:12px 24px}@media(max-width:650px){.premium header{position:relative}#pull-refresh{order:4;position:absolute;right:0;bottom:-20px;font-size:11px;min-height:30px}.discovery-intro{padding-top:18px}#pull-refresh.pulling{position:fixed;right:auto;bottom:auto}}
.video-badge{position:absolute;top:9px;left:9px;padding:4px 7px;background:#0b234bd9;color:#fff;border-radius:6px;font-size:10px;z-index:3;pointer-events:none}.premium .card.previewing strong{opacity:1!important}.premium .card.previewing .video-badge{opacity:0}
/* Shared media frame: cover and preview occupy exactly the same rectangle. */
.premium .card .card-media{display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#dceaf5;isolation:isolate}
.premium .card .card-media>img,.premium .card .card-media>.hover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.premium .card:hover .card-media>img{transform:none}
.premium .shelf .card,.premium .discovery-wall .card,.premium #grid .card,.premium .recent-shelf .card{aspect-ratio:auto;height:auto;padding:0 0 58px;align-self:start}
.premium #grid{grid-auto-rows:auto;align-items:start}
.premium #related .card{height:auto;padding-bottom:58px;min-width:160px}
@media(min-width:651px){
 .premium .shelf:not(.recent-shelf),.premium .discovery-wall,.premium #grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
 .premium .shelf:not(.recent-shelf) .card:nth-child(n){display:block;width:auto}
 .premium .recent-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;overflow:visible}
 .premium .recent-shelf .card{width:100%}
 .premium .hero-game{height:auto;aspect-ratio:16/9;min-width:0;align-self:start}
 .premium .hero-game>img,.premium .hero-game>.hover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
 .spotlight{align-items:start;grid-template-columns:minmax(0,2fr) minmax(270px,1fr)}
 .trending{min-width:0}.trend-item img{width:80px;height:45px;flex-shrink:0}.hero-copy h2{font-size:clamp(22px,2.2vw,32px)}
}
@media(min-width:1450px){.premium .shelf:not(.recent-shelf),.premium .discovery-wall,.premium #grid,.premium .recent-shelf{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:651px) and (max-width:1050px){.spotlight{grid-template-columns:1fr}.trending{display:none}.premium .shelf:not(.recent-shelf),.premium .discovery-wall,.premium #grid,.premium .recent-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}}