*{box-sizing:border-box}body{margin:0;background:#101526;color:#eef2ff;font:16px system-ui}header{padding:20px;display:flex;justify-content:space-between;border-bottom:1px solid #39415e;gap:12px}header span{font-size:12px;color:#c4cde5}main{max-width:640px;margin:auto;padding:20px}a{color:#9ad5ff}h1{font-size:24px}input,button{font:inherit;border-radius:9px;padding:12px;border:1px solid #667394}input{max-width:100%;background:#18223b;color:white}button{background:#354f91;color:white;cursor:pointer}button:disabled{opacity:.45;cursor:wait}form{display:grid;gap:12px;max-width:400px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cards>*{padding:30px 15px;background:#263453;border-radius:12px;border:1px solid #4c6586;text-decoration:none}#status{color:#ffde92;min-height:32px}#board{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:16px 0;touch-action:manipulation}#board button{padding:0;aspect-ratio:1;background:#24324e;border:1px solid #3f587d;border-radius:4px}#board button.filled{background:#faad3b}#tray{display:flex;gap:10px;margin:16px 0}#tray button{flex:1;min-width:0}#tray button.selected{outline:3px solid #fcdf5e}.piece{display:grid;gap:2px;margin:auto;max-width:80px}.piece span{width:12px;height:12px}.piece .filled{background:#ffbf5b}#game>button{margin:4px 0}small{font-size:12px}label{display:grid;gap:6px}#entry{display:flex;align-items:end;gap:12px}[hidden]{display:none!important}

.account-links{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:24px 0}#history-panel ul{list-style:none;padding:0}#history-panel li{padding:14px;border-bottom:1px solid #39415e}#history-panel li p{color:#c4cde5;font-size:14px}#history-back{display:block;margin:20px 0}

.eyebrow{letter-spacing:.12em;color:#bcabff;font-size:12px}.game-art{display:block;font-size:32px;margin:12px 0}.cards strong,.cards small{display:block;margin:8px 0}.cards button{background:linear-gradient(145deg,#38245b,#1d2948);min-height:160px}.quiet{background:transparent;margin-top:18px}.legal{color:#bac0d0;font-size:13px;line-height:1.6;margin-top:26px}#welcome h1{font-size:clamp(28px,7vw,40px);line-height:1.1}#intro button,#lesson>button{margin:8px 4px 8px 0}.practice-board{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:24px 0}.practice-board button{padding:0;aspect-ratio:1;border-radius:5px}.practice-board .filled{background:#417ff2;opacity:1}.practice-board button:disabled{cursor:default}@media(max-width:360px){main{padding:14px}.cards{gap:10px}.cards>*{padding:16px 8px}}

.ludplay-brand{font:900 26px system-ui!important;letter-spacing:-1px;color:#fff!important;text-decoration:none}.ludplay-brand span{color:#bb81ff}body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.platform-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(180deg,#23113a,#100b21);border-top:1px solid #654283;padding:12px 10px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -5px 30px #08031255}.platform-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;color:#b6afd3;text-decoration:none;font:600 12px system-ui;min-height:44px;justify-content:center}.platform-nav a span{font-size:23px;line-height:24px}.platform-nav a:hover,.platform-nav a:focus-visible{color:#e8c7ff}.primary{background:#7840ce;border-color:#ad7cef}#account form{margin:0 auto}a:focus-visible,button:focus-visible{outline:2px solid #d7adff;outline-offset:3px}

body[data-platform="ludplay"] .account-nav,.platform-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important}.account-nav a.lp-center,.platform-nav a.lp-center{color:#ead1ff;font-weight:800}.account-nav .lp-center>span,.platform-nav .lp-center>svg{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,#d995ff,#8132d3 60%,#421570);border:2px solid #d191ff;border-radius:50%;width:52px;height:52px;box-sizing:border-box;padding:12px;margin-top:-25px;box-shadow:0 0 22px #963cff66;color:#fff}.lp-account-hero{padding:20px;border:1px solid #9562bf;border-radius:16px;background:radial-gradient(ellipse at right top,#7840a9,#231037);margin:12px 0 20px}.lp-account-hero b{color:#d6a8ff}.lp-account-hero h2{font-size:24px;margin:10px 0}.lp-account-hero span{font-size:13px;color:#d5c2e5}

body{background:#100b1b;color:#f5efff}main{max-width:960px;padding:18px 16px 110px}.catalog-header{align-items:center;padding:14px 16px;background:#160f22;position:sticky;top:0;z-index:30}.header-actions,#header-guest{display:flex;align-items:center;gap:8px}.header-actions a{font-size:12px;font-weight:700;text-decoration:none;color:#eee3ff;padding:10px;border-radius:8px;background:#2b203c}.header-actions .signup{background:#8242d0}.header-actions button{padding:7px;background:transparent;border:0;display:flex}#header-account{font-variant-numeric:tabular-nums}#status:empty{display:none}.catalog-hero{position:relative;overflow:hidden;border:1px solid #64408c;padding:28px 22px;border-radius:18px;background:radial-gradient(ellipse at 90% 0,#683b9c88,transparent 65%),linear-gradient(135deg,#30164d,#181026);margin:0 0 24px}.catalog-hero h1{position:relative;z-index:1;font-size:clamp(27px,5vw,42px);line-height:1.1;letter-spacing:-1px;max-width:560px;margin:14px 0}.catalog-hero em{color:#d9b0ff;font-style:normal}.catalog-hero p{max-width:410px;color:#cfc0dc;font-size:14px;line-height:1.6;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;color:#d6b3f5}.hero-link{display:inline-block;padding:12px 16px;background:#9953e5;color:white;border-radius:10px;text-decoration:none;font-weight:750;font-size:13px;position:relative;z-index:1}.hero-art{position:absolute;right:-18px;top:5px;opacity:.2;transform:rotate(-15deg)}.hero-art img{width:160px}.hero-art span{display:block;font-size:100px;color:#b68aff}.catalog-cards{gap:14px}.catalog-cards>button{padding:0 0 16px;overflow:hidden;text-align:left;background:#21162e;border:1px solid #4e345f;min-width:0;transition:border-color .15s}.catalog-cards>button:hover{border-color:#b781ed}.catalog-cards .cover{display:flex;align-items:center;justify-content:center;aspect-ratio:1.65;width:100%;background:radial-gradient(ellipse at center,#8747a9,#331246)}.catalog-cards .block-card .cover{background:radial-gradient(ellipse at center,#325cad,#102745)}.cover img{width:72%;height:85%;object-fit:contain;filter:drop-shadow(0 8px 10px #0007)}.catalog-cards strong,.catalog-cards small,.game-cta{display:block;margin:12px 12px 0}.catalog-cards strong{font-size:18px}.catalog-cards small{color:#cbbad9;line-height:1.4}.game-cta{color:#d9abff;font-size:12px;font-weight:700}h2{font-size:20px}h2 small{float:right;color:#a595b7;font-weight:400;padding-top:4px}.join-strip{margin-top:20px;padding:18px;border:1px solid #4e345f;border-radius:14px;background:#21162e}.join-strip strong{display:block;margin-bottom:14px}.join-strip button{font-size:13px}.legal{font-size:11px;color:#a99ab9;line-height:1.6;margin-top:22px}.account-links button,#logout{background:#241833;border:1px solid #523669;font-size:12px}dialog{width:min(94vw,520px);max-height:85dvh;overflow:auto;border:1px solid #7b509d;border-radius:18px;background:#1b1227;color:#f4eaff;padding:22px}dialog::backdrop{background:#080310ba}.promos-heading{display:flex;align-items:center;justify-content:space-between}.promos-heading button{background:#30203e;border:0}.promotion-card{padding:24px;border-radius:16px;background:linear-gradient(130deg,#49236e,#231333);border:1px solid #8555a7}.promotion-card h3{font-size:26px;margin:12px 0}.promotion-card p,.promo-note{font-size:13px;line-height:1.6;color:#d5c4e2}.promo-icon{font-size:45px;color:#e2b5ff}.promo-tag{font-size:12px;color:#cdb2e0}.platform-nav{max-width:640px}@media(max-width:380px){.catalog-header{padding:12px 8px;gap:4px}.ludplay-brand{font-size:22px}.header-actions a{padding:8px 6px;font-size:11px}.catalog-cards{gap:9px}.catalog-cards strong{font-size:16px}}@media(prefers-reduced-motion:reduce){.catalog-cards>button{transition:none}}
.catalog-header .ludplay-brand span{font:inherit;color:#c491ff}

/* Identidade LudPlay v1: assets do kit oficial, catálogo compartilhado. */
body{background:#15112c;color:#f8f6ff}main{max-width:1100px;padding-top:20px}.catalog-header{background:#15112c;border-bottom:1px solid #ffffff10;padding:12px max(16px,calc((100vw - 1068px)/2));gap:12px}.ludplay-brand{display:flex;flex-shrink:0}.ludplay-brand img{display:block;width:160px;height:auto}.header-actions .signup,.hero-link{background:#39d7f2;color:#21193c}.header-actions a{background:#29233e}.header-actions button{color:#c78bff}.catalog-hero{min-height:330px;border:1px solid #ab6bff40;border-radius:16px;padding:36px;background:radial-gradient(ellipse at 80% 35%,#8f41f570,transparent 60%),linear-gradient(120deg,#241640,#482075);display:flex;align-items:center;margin-bottom:16px}.catalog-hero:after{content:'';position:absolute;width:480px;height:480px;border:1px solid #c78bff30;border-radius:50%;right:-100px;top:-120px;pointer-events:none}.hero-copy{position:relative;z-index:2;width:58%}.catalog-hero h1,#welcome .catalog-hero h1{font-size:clamp(30px,4.4vw,52px);letter-spacing:-1.5px;line-height:1.02;margin:16px 0}.catalog-hero em{color:#c78bff}.catalog-hero p{color:#e0d6f4;line-height:1.5}.eyebrow{color:#d7aaff;font-size:10px;font-weight:800;letter-spacing:1.8px}.hero-link{border-radius:8px;padding:14px 18px;display:inline-flex;gap:28px;align-items:center}.hero-showcase{position:absolute;width:43%;height:100%;right:3%;top:0;pointer-events:none}.hero-tile{position:absolute;display:grid;place-items:center;width:72%;aspect-ratio:1.12;border-radius:24px;box-shadow:0 20px 35px #10092488;border:1px solid #ffffff33;overflow:hidden}.hero-tile img{width:82%;height:80%;object-fit:contain;filter:drop-shadow(0 8px 8px #0008)}.hero-bubble{top:10%;left:0;transform:rotate(-12deg);background:linear-gradient(#6c2aac55,#37134a99),url('/images/all/backgroundmb-dark.webp') center/cover}.hero-block{bottom:6%;right:0;transform:rotate(10deg);background:radial-gradient(at top,#2379c7,#162d63)}.hero-counter{position:absolute;bottom:14px;left:36px;font-size:10px;letter-spacing:3px;color:#cbb4e4}.catalog-shortcuts{display:flex;gap:8px;overflow:auto;padding:0 0 12px;margin-bottom:8px}.catalog-shortcuts a{white-space:nowrap;padding:13px 16px;border-radius:9px;background:#25203c;color:#bcb2d1;text-decoration:none;font-size:12px;font-weight:650}.catalog-shortcuts a.selected{color:#21193c;background:#f8f6ff}h2{font-size:20px;margin:12px 0 16px}.catalog-cards{gap:16px}.catalog-cards>button{border-radius:16px;background:#211a37;border:1px solid #ffffff12;min-height:0;padding-bottom:18px}.catalog-cards .cover{aspect-ratio:1.5;position:relative;background:linear-gradient(#35145844,#35145888),url('/images/all/backgroundpc-dark.webp') center/cover}.catalog-cards .block-card .cover{background:radial-gradient(ellipse at 60% 30%,#287bbc,#172452 85%)}.catalog-cards .block-card .cover:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:32px 32px}.cover img{position:relative;width:68%;height:78%;filter:drop-shadow(0 10px 12px #0009)}.catalog-cards strong{font-size:20px}.catalog-cards small{color:#bdb1d4;font-size:12px}.game-cta{color:#39d7f2;font-size:12px}.join-strip{background:#211a37;border-color:#ffffff15}.join-strip .primary{background:#39d7f2;color:#21193c;border:0;font-weight:750}.platform-nav{background:#1c1532;border-top:1px solid #b57dff30;max-width:640px}.platform-nav a{color:#c2b5d7}.platform-nav .lp-center>svg{background:#39d7f2;border-color:#8feafa;color:#21193c;box-shadow:0 0 18px #39d7f233}.platform-nav .lp-center{color:#39d7f2}.legal{color:#a89dbd}.catalog-cards>button:hover{border-color:#39d7f2}a:focus-visible,button:focus-visible{outline:2px solid #39d7f2;outline-offset:4px}@media(max-width:600px){main{padding:12px 12px 95px}.catalog-header{padding:10px 12px;gap:6px}.ludplay-brand img{width:125px}.header-actions,#header-guest{gap:5px}.header-actions a{font-size:10px;padding:9px 7px}.header-actions button{padding:4px}.catalog-hero{min-height:282px;padding:22px 16px}.hero-copy{width:65%}.catalog-hero h1,#welcome .catalog-hero h1{font-size:32px}.catalog-hero p{font-size:11px;max-width:220px}.hero-showcase{width:40%;right:-3%;opacity:.9}.hero-tile{width:100%;border-radius:16px}.hero-bubble{top:14%}.hero-block{bottom:13%;right:-3%;width:100%}.hero-counter{left:16px;bottom:10px}.hero-link{font-size:11px;padding:12px;gap:16px}.eyebrow{font-size:8px;letter-spacing:1px}.catalog-shortcuts a{padding:11px 12px;font-size:11px}.catalog-cards{gap:10px}.catalog-cards strong{font-size:16px;margin:12px 10px 0}.catalog-cards small,.game-cta{margin:8px 10px 0;font-size:11px}.catalog-cards .cover{aspect-ratio:1.15}.cover img{width:88%}h2{font-size:18px}.join-strip{font-size:14px}}@media(max-width:350px){.ludplay-brand img{width:105px}.header-actions a{font-size:9px;padding:8px 5px}.catalog-hero h1,#welcome .catalog-hero h1{font-size:28px}}

/* Capas inteiras clicáveis, sem faixa de texto ou CTA separado. */
.catalog-cards>button{padding:0;border:0;border-radius:16px;overflow:hidden;background:transparent;min-height:0;line-height:0}.catalog-cards .cover{aspect-ratio:1.35}.catalog-cards .cover img{width:85%;height:88%;transition:transform .16s ease}.catalog-cards>button:hover .cover img{transform:scale(1.04)}.catalog-cards>button:focus-visible{outline:3px solid #39d7f2;outline-offset:4px}@media(max-width:600px){.catalog-cards .cover{aspect-ratio:1.15}.catalog-cards .cover img{width:90%;height:90%}}@media(prefers-reduced-motion:reduce){.catalog-cards .cover img{transition:none}}

.catalog-cards .cover{aspect-ratio:3/4;background:none}.catalog-cards .cover img{width:100%;height:100%;object-fit:cover;filter:none;display:block}.catalog-cards .block-card .cover:before{display:none}.catalog-cards{max-width:760px}@media(max-width:600px){.catalog-cards .cover{aspect-ratio:3/4}.catalog-cards .cover img{width:100%;height:100%}}

/* Escala compacta mobile: capas 3:4 preservadas com mais respiro. */
@media(max-width:600px){main{padding:14px 20px 88px}.catalog-hero{min-height:210px;padding:18px 16px;margin-bottom:12px}.catalog-hero h1,#welcome .catalog-hero h1{font-size:25px;letter-spacing:-.8px;margin:10px 0}.catalog-hero p{font-size:11px;line-height:1.4;margin:10px 0;max-width:180px}.hero-link{padding:10px 12px;font-size:10px;gap:12px}.hero-counter{display:none}.hero-showcase{width:34%;right:0}.hero-tile{border-radius:12px}.hero-bubble{top:14%}.hero-block{bottom:13%}.eyebrow{font-size:7px}.catalog-shortcuts{gap:5px;margin-bottom:6px;padding-bottom:6px}.catalog-shortcuts a{font-size:10px;padding:10px 9px}h2{font-size:16px;margin:12px 0}.catalog-cards{gap:14px;max-width:330px;margin:0 auto}.catalog-cards>button{border-radius:12px}.join-strip{margin-top:16px;padding:14px;font-size:12px}.join-strip button{padding:10px 12px;font-size:11px}.catalog-header{padding:8px 16px}.ludplay-brand img{width:115px}.platform-nav a{font-size:10px}}

.lp-carousel{margin:0 0 18px}.lp-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:14px;position:relative}.lp-slides::-webkit-scrollbar{display:none}.lp-slide{flex:0 0 100%;scroll-snap-align:start;position:relative;overflow:hidden;min-height:180px;padding:24px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(at 95% 20%,#8f41f588,transparent 65%),#291846}.lp-slide h1,#welcome .lp-slide h1{font:750 clamp(22px,4vw,32px)/1.14 Arial,system-ui;letter-spacing:-.7px;margin:0 0 16px}.lp-slide em{color:#c78bff;font-style:normal}.lp-slide a{font-size:12px;font-weight:700;color:#21193c;background:#39d7f2;padding:10px 14px;border-radius:7px;display:inline-block;text-decoration:none}.lp-slide>div{z-index:1}.lp-slide>img{width:100px;height:100px;border-radius:24px;transform:rotate(12deg);opacity:.8}.slide-symbol{font-size:100px;color:#c78bff;line-height:1}.account-slide{background:radial-gradient(at right,#22657988,transparent 65%),#211a3c}.lp-dots{display:flex;justify-content:center;gap:7px;margin-top:9px}.lp-dots button{padding:0;width:6px;height:6px;border:0;border-radius:8px;background:#6d6285}.lp-dots button[aria-pressed=true]{width:18px;background:#c78bff}.catalog-cards{max-width:none;margin:0;gap:12px}.catalog-cards .cover{aspect-ratio:3/4}.catalog-cards>button{max-width:300px} @media(max-width:600px){main{padding:12px 16px 88px}.lp-slide{min-height:155px;padding:20px}.lp-slide h1,#welcome .lp-slide h1{font-size:23px;margin-bottom:13px}.lp-slide>img{width:74px;height:74px}.slide-symbol{font-size:74px}.lp-slide a{font-size:11px;padding:9px 12px}.lp-carousel{margin-bottom:15px}.catalog-cards{max-width:none;gap:12px}.catalog-cards>button{max-width:none}.legal{font-size:10px;line-height:1.5;margin-top:18px}}

/* Approved Bubble carousel artwork, full image without cropping. */
.lp-slides{align-items:stretch}.lp-slide.bubble-banner{padding:0;min-height:0;background:#15112c;align-self:center}.lp-slide.bubble-banner>a{display:block;width:100%;padding:0;background:none;border-radius:0;line-height:0}.bubble-banner img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}.lp-slide.bubble-banner>a:focus-visible{outline-offset:-3px}

.lp-slide.invite-art-slide{padding:0;min-height:0;background:#15112c;align-self:center}.lp-slide.invite-art-slide>a{display:block;width:100%;padding:0;background:none;border-radius:0;line-height:0}.invite-art-slide img{display:block;width:100%;height:auto;object-fit:contain}.lp-slide.invite-art-slide>a:focus-visible{outline-offset:-3px}

/* Rodapé institucional compartilhado por visitantes e membros. */
.lp-institutional{margin:28px 0 16px;padding:20px 0;border-top:1px solid #ffffff18;color:#aaa4bd;font-size:12px;line-height:1.6}.lp-institutional strong{color:#ece8f5;font-size:15px}.age-mark{float:right;border:1px solid #8f7bac;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-weight:700}.lp-institutional p{max-width:580px;margin:10px 0}.lp-institutional nav{display:flex;gap:16px;flex-wrap:wrap}.lp-institutional [hidden],.account-links[hidden]{display:none!important}

/* Mobile: retain small visual dots with comfortably tappable controls. */
.lp-dots{gap:0;margin-top:0}
.lp-dots button,.lp-dots button[aria-pressed=true]{width:44px;height:44px;background:transparent;display:grid;place-items:center;border-radius:8px;touch-action:manipulation}
.lp-dots button::after{content:'';width:6px;height:6px;border-radius:8px;background:#6d6285}
.lp-dots button[aria-pressed=true]::after{width:18px;background:#c78bff}
.header-actions a{min-height:44px;display:inline-flex;align-items:center}
#header-account{overflow-wrap:anywhere;min-width:0}