:root{--bg:#050909;--panel:#0b1312;--panel2:#0e1b18;--gold:#d6aa43;--cream:#f1e5cc;--muted:#9eaeaa;--line:rgba(214,170,67,.28);--green:#163d31}
*{box-sizing:border-box}html,body{margin:0;background:#040707;color:var(--cream);font-family:Inter,Segoe UI,Arial,sans-serif}button,input{font:inherit}
.pi{min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(22,91,65,.17),transparent 32%),linear-gradient(#07100e,#040707)}
.wrap{width:min(1280px,calc(100% - 30px));margin:auto}.top{position:sticky;top:0;z-index:20;background:rgba(4,10,9,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.topin{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:13px}.mark{width:48px;height:48px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:23px}.brand b{font:700 26px Georgia;color:#f4d17a;letter-spacing:.13em}.brand span{display:block;font-size:9px;letter-spacing:.28em;color:#bcb49f;margin-top:4px}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav button{border:1px solid var(--line);background:#0a1210;color:#d8cfbc;border-radius:9px;padding:9px 12px;cursor:pointer}.nav button.active,.nav button:hover{background:#17281f;border-color:#d6aa43;color:#f5d77e}
.hero{padding:65px 0 35px;display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:end}.ey{font-size:11px;color:var(--gold);font-weight:900;letter-spacing:.17em}.hero h1{font:800 clamp(48px,7vw,84px)/.92 Georgia;margin:12px 0 16px}.hero p{font:18px/1.65 Georgia;color:#d6cbb6;max-width:760px}.progressCard{border:1px solid var(--line);background:linear-gradient(145deg,#0d1814,#08100e);border-radius:18px;padding:22px}.bigCount{font:800 48px/1 Georgia;color:#f4ce68}.progress{height:10px;background:#07100d;border:1px solid var(--line);border-radius:99px;overflow:hidden;margin:15px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#8d6b21,#e2bb56);width:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{border:1px solid rgba(255,255,255,.07);padding:10px;border-radius:10px;background:#07100d}.stat b{display:block;color:#e8bd56;font-size:18px}.stat span{font-size:10px;color:#8fa29c}
.panel{border:1px solid var(--line);background:rgba(10,17,15,.96);border-radius:18px;margin:20px 0 60px;overflow:hidden}.panelHead{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.panelHead h2{font:700 28px Georgia;margin:0}.difficulty{display:flex;gap:7px;flex-wrap:wrap}.difficulty button,.primary,.secondary{cursor:pointer;border-radius:9px;font-weight:800}.difficulty button{padding:8px 10px;background:#0b1512;border:1px solid var(--line);color:#d9ccb5}.difficulty button.active{background:#d6aa43;color:#171005}.gamearea{padding:22px}.memory{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:13px;max-width:880px;margin:auto}.card{aspect-ratio:1/1.18;perspective:900px;cursor:pointer}.cardInner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:.45s}.card.flip .cardInner,.card.matched .cardInner{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid var(--line);border-radius:14px;overflow:hidden}.back{display:grid;place-items:center;background:radial-gradient(circle,#173f31,#08130f 65%);font:800 43px Georgia;color:#e4b94f}.front{transform:rotateY(180deg);background:#0a100e}.front img{width:100%;height:72%;object-fit:cover}.front b{display:block;text-align:center;padding:9px 5px;color:#f0ce78}.toolbar{display:flex;justify-content:center;gap:10px;margin-top:20px}.primary{background:linear-gradient(#e7c463,#ad7b20);border:0;color:#171005;padding:12px 18px}.secondary{background:#09120f;border:1px solid var(--line);color:#e6d6ba;padding:12px 18px}
.catalog{display:none;padding:25px 0 70px}.catalog.active,.gameView.active{display:block}.gameView{display:none}.search{width:100%;max-width:480px;padding:12px 14px;background:#08110f;border:1px solid var(--line);border-radius:10px;color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.povoCard{border:1px solid var(--line);background:#09120f;border-radius:15px;overflow:hidden;position:relative}.povoCard.locked{filter:saturate(.25)}.povoCard img{width:100%;height:230px;object-fit:cover}.povoCard .copy{padding:15px}.povoCard h3{font:700 24px Georgia;margin:0 0 8px}.povoCard p{color:#aab6b0;font-size:13px;line-height:1.55}.lock{position:absolute;inset:0;background:rgba(3,6,5,.68);display:grid;place-items:center;font-size:42px}.openFicha{width:100%;padding:10px;border:1px solid var(--line);background:#12231c;color:#e9c76d;border-radius:8px;cursor:pointer}
.modal{display:none;position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.82);padding:25px;overflow:auto}.modal.show{display:block}.sheet{width:min(1020px,100%);margin:auto;background:#07100e;border:1px solid var(--line);border-radius:18px;overflow:hidden}.sheetHero{display:grid;grid-template-columns:.85fr 1.15fr}.sheetHero img{width:100%;height:100%;min-height:400px;object-fit:cover}.sheetIntro{padding:30px}.sheetIntro h2{font:800 clamp(38px,6vw,66px)/.95 Georgia;margin:8px 0 12px}.tag{color:#e1b953;font-size:11px;letter-spacing:.12em;font-weight:900}.sheetBody{padding:28px}.sheetBody h3{font:700 26px Georgia;color:#e7bd58;margin:30px 0 10px}.sheetBody p,.sheetBody li{font-size:16px;line-height:1.75;color:#d4c8b5}.infoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.info{padding:13px;border:1px solid var(--line);border-radius:10px;background:#0b1512}.info b{display:block;color:#e5bb57;font-size:11px;margin-bottom:6px}.video{aspect-ratio:16/9;width:100%;border:0;border-radius:12px}.sources a{display:block;color:#e4c16a;padding:8px 0}.credit{font-size:11px!important;color:#879791!important}.close{position:fixed;right:28px;top:22px;z-index:70;border:1px solid var(--gold);background:#07100e;color:#fff;width:44px;height:44px;border-radius:50%;font-size:24px;cursor:pointer}.toast{position:fixed;left:50%;top:90px;z-index:80;transform:translate(-50%,-15px);opacity:0;padding:12px 18px;border:1px solid var(--gold);border-radius:99px;background:#08110f;color:#f4d77e;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.memory{grid-template-columns:repeat(3,1fr)}.sheetHero{grid-template-columns:1fr}.sheetHero img{min-height:280px;max-height:430px}.topin{height:auto;padding:12px 0;align-items:flex-start}.nav{justify-content:flex-end}.infoGrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{width:calc(100% - 18px)}.brand b{font-size:19px}.brand span{display:none}.nav button{font-size:11px;padding:7px}.hero{padding-top:35px}.memory{grid-template-columns:repeat(2,1fr);gap:9px}.grid{grid-template-columns:1fr}.panelHead{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr 1fr}.modal{padding:8px}.sheetBody,.sheetIntro{padding:18px}.infoGrid{grid-template-columns:1fr}.close{right:10px;top:10px}}