:root{--bg:#0c1321;--panel:#121d31;--panel2:#17243a;--line:#263a58;--text:#f6f8fc;--muted:#9fb0c9;--gold:#ffc94a;--orange:#ff9a3d;--green:#43d39e;--red:#ff646f;--blue:#5da9ff;--shadow:0 24px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0%,#192d4d 0,transparent 35%),radial-gradient(circle at 100% 20%,#3b2031 0,transparent 27%),var(--bg)}button,a{font:inherit}.hidden{display:none!important}.pz-topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,58px);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,14,25,.84);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50}.pz-brand img{width:120px;display:block}.pz-home-link{color:#c6d5eb;text-decoration:none;font-weight:800;font-size:.92rem}.pz-home-link:hover{color:#fff}.pz-shell{width:min(1500px,100%);margin:0 auto;padding:clamp(18px,3vw,42px)}.pz-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);gap:28px;align-items:stretch;padding:clamp(24px,4vw,54px);border:1px solid rgba(255,255,255,.09);border-radius:32px;background:linear-gradient(135deg,rgba(25,43,72,.88),rgba(13,23,39,.92));box-shadow:var(--shadow);overflow:hidden;position:relative}.pz-hero:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,201,74,.12);filter:blur(4px);right:-110px;top:-110px}.pz-eyebrow,.pz-section-head span,.pz-tray-head span,.complete-card>span{font-size:.78rem;font-weight:900;letter-spacing:.13em;color:var(--gold)}.pz-logo{width:min(650px,95%);margin:18px 0 8px}.pz-hero h1{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.04em;margin:8px 0 18px}.pz-hero p{color:#c4d0e2;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65;max-width:760px;margin:0}.pz-hero-panel{display:grid;gap:13px;align-content:center;position:relative;z-index:1}.pz-hero-panel>div{padding:18px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);display:grid;gap:5px}.pz-hero-panel b{font-size:1rem}.pz-hero-panel span{font-size:.9rem;color:var(--muted);line-height:1.45}.pz-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:42px 0 18px}.pz-section-head h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:3px 0 0}.pz-legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.pz-legend span{color:var(--muted);letter-spacing:0;font-weight:700}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}.dot.easy{background:var(--green)}.dot.medium{background:var(--gold)}.dot.hard{background:var(--red)}.pz-level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.pz-level-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:var(--panel);min-height:300px;cursor:pointer;transition:.22s transform,.22s border-color,.22s box-shadow;padding:0;text-align:left;color:inherit}.pz-level-card:hover{transform:translateY(-5px);border-color:rgba(255,201,74,.45);box-shadow:0 18px 45px rgba(0,0,0,.26)}.pz-level-thumb{height:170px;background-size:cover;background-position:center;position:relative}.pz-level-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,19,33,.92),transparent 55%)}.pz-level-badge{position:absolute;top:13px;left:13px;background:rgba(7,12,21,.82);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:7px 10px;font-size:.77rem;font-weight:900;z-index:2}.pz-level-done{position:absolute;top:13px;right:13px;background:rgba(67,211,158,.92);color:#052317;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:900;z-index:2}.pz-level-body{padding:16px 17px 18px}.pz-level-body h3{margin:0 0 6px;font-size:1.12rem}.pz-level-body p{margin:0;color:var(--muted);font-size:.89rem;line-height:1.42}.pz-level-meta{display:flex;justify-content:space-between;gap:8px;margin-top:14px;color:#dce6f5;font-size:.78rem;font-weight:800}.pz-license-note{margin:30px 0 8px;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:var(--muted)}.pz-license-note strong{color:#fff}.pz-license-note p{margin:7px 0 0;line-height:1.5}.pz-game-head{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-bottom:18px}.pz-game-title span{color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.12em}.pz-game-title h1{margin:2px 0;font-size:clamp(1.7rem,3vw,2.6rem)}.pz-game-title small{color:var(--muted);font-size:.9rem}.pz-stats{display:flex;gap:10px}.pz-stats>div,.pz-final-stats>div{min-width:88px;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px 13px;display:grid;gap:2px}.pz-stats span,.pz-final-stats span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.pz-stats b,.pz-final-stats b{font-size:1.05rem}.pz-progress-wrap{margin:8px 0 22px}.pz-progress-info{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;margin-bottom:8px}.pz-progress-info b{color:#fff}.pz-progress{height:14px;background:#121c2d;border:1px solid rgba(255,255,255,.08);border-radius:999px;position:relative;overflow:visible}.pz-progress>div{height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--gold),var(--orange));border-radius:999px;transition:width .3s ease}.pz-progress i{position:absolute;top:50%;width:4px;height:20px;background:#fff3;transform:translate(-50%,-50%);border-radius:999px}.pz-progress i[data-mark="25"]{left:25%}.pz-progress i[data-mark="50"]{left:50%}.pz-progress i[data-mark="75"]{left:75%}.pz-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:22px;align-items:start}.pz-board-panel,.pz-tray-panel{background:rgba(14,24,41,.92);border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:18px;box-shadow:var(--shadow)}.pz-board-toolbar{display:flex;gap:10px;justify-content:flex-end;margin-bottom:14px}.pz-board-wrap{width:min(100%,900px);margin:0 auto;position:relative;aspect-ratio:831/610;border-radius:20px;overflow:hidden;background:#09111e;border:2px solid rgba(255,255,255,.12);box-shadow:inset 0 0 40px rgba(0,0,0,.35)}.pz-board{position:absolute;inset:0;display:grid;gap:2px;padding:2px;z-index:2}.pz-slot{position:relative;border:1px dashed rgba(255,255,255,.16);background:rgba(255,255,255,.025);display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;transition:.14s background,.14s border-color,.14s transform}.pz-slot.hover{background:rgba(93,169,255,.12);border-color:var(--blue)}.pz-slot.wrong{animation:shake .28s ease;background:rgba(255,100,111,.2);border-color:var(--red)}.pz-slot.solved{border-style:solid;border-color:rgba(67,211,158,.35)}.pz-preview-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;z-index:1;transition:opacity .2s}.pz-preview-image.show{opacity:.52}.pz-source{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:11px;color:var(--muted);font-size:.76rem}.pz-source a{color:#9bc5ff;text-decoration:none}.pz-tray-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.pz-tray-head h2{font-size:1.35rem;margin:2px 0 0}.pz-count{background:#22324b;color:#fff;border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:900}.pz-help{font-size:.85rem;color:var(--muted);line-height:1.45;margin:10px 0 15px}.pz-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:68vh;overflow:auto;padding:2px}.pz-piece{width:100%;border:2px solid rgba(255,255,255,.18);border-radius:10px;background-repeat:no-repeat;box-shadow:0 5px 14px rgba(0,0,0,.27);cursor:grab;touch-action:none;transition:.13s transform,.13s box-shadow,.13s border-color;position:relative;overflow:hidden;min-width:0}.pz-piece:hover{transform:translateY(-2px);border-color:#fff8}.pz-piece.selected{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,201,74,.22)}.pz-piece.placed{margin:0;border:0;border-radius:0;box-shadow:none;cursor:default;width:100%;height:100%}.pz-piece.dragging-source{opacity:.35}.pz-drag-ghost{position:fixed;pointer-events:none;z-index:1000;box-shadow:0 14px 36px rgba(0,0,0,.45);border:2px solid #fff8;border-radius:12px;transform:translate(-50%,-50%) scale(1.05);background-repeat:no-repeat}.pz-btn{border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:10px 14px;background:#1b2940;color:#fff;font-weight:900;cursor:pointer;transition:.15s transform,.15s background}.pz-btn:hover{transform:translateY(-1px);background:#233551}.pz-btn.primary{background:linear-gradient(135deg,#ffc94a,#ff9a3d);border-color:transparent;color:#2b1700}.pz-btn.secondary{background:#17243a}.pz-btn.mini{padding:8px 11px;font-size:.78rem}.pz-modal{position:fixed;inset:0;background:rgba(3,8,16,.77);backdrop-filter:blur(9px);display:grid;place-items:center;z-index:200;padding:20px}.pz-modal-card{width:min(560px,100%);padding:30px;border-radius:28px;background:linear-gradient(145deg,#172641,#0f192b);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px rgba(0,0,0,.45);text-align:center}.pz-story-percent{display:inline-flex;background:rgba(255,201,74,.14);color:var(--gold);font-weight:900;border-radius:999px;padding:8px 12px;font-size:.82rem}.pz-modal-card h2{font-size:clamp(1.6rem,4vw,2.3rem);margin:14px 0 10px}.pz-modal-card p{color:#c3d0e2;line-height:1.65;margin:0 0 16px}.pz-reference{display:inline-block;padding:9px 12px;background:#101a2c;border:1px solid #283c5d;border-radius:12px;color:#d8e6f8;font-weight:900;margin-bottom:20px}.pz-complete-icon{width:74px;height:74px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:rgba(67,211,158,.16);color:var(--green);font-size:2.2rem;font-weight:900;border:1px solid rgba(67,211,158,.4)}.pz-final-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.pz-complete-actions{display:flex;gap:10px;justify-content:center}.pz-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);opacity:0;background:#101a2a;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 16px;border-radius:14px;z-index:300;box-shadow:0 12px 38px rgba(0,0,0,.35);transition:.2s;pointer-events:none;font-weight:800}.pz-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.pz-toast.error{border-color:rgba(255,100,111,.5)}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:1100px){.pz-level-grid{grid-template-columns:repeat(3,1fr)}.pz-workspace{grid-template-columns:1fr}.pz-tray{grid-template-columns:repeat(5,minmax(0,1fr));max-height:none}.pz-game-head{grid-template-columns:auto 1fr}.pz-stats{grid-column:1/-1;justify-content:flex-end}}@media(max-width:760px){.pz-shell{padding:14px}.pz-topbar{height:64px;padding:0 14px}.pz-brand img{width:98px}.pz-hero{grid-template-columns:1fr;padding:22px;border-radius:24px}.pz-hero-panel{grid-template-columns:1fr}.pz-level-grid{grid-template-columns:repeat(2,1fr);gap:11px}.pz-level-card{min-height:255px;border-radius:18px}.pz-level-thumb{height:130px}.pz-level-body{padding:13px}.pz-level-meta{font-size:.7rem}.pz-section-head{align-items:flex-start;flex-direction:column}.pz-legend{gap:8px}.pz-game-head{grid-template-columns:1fr;gap:12px}.pz-game-head>.pz-btn{justify-self:start}.pz-stats{grid-column:auto;justify-content:stretch}.pz-stats>div{flex:1;min-width:0}.pz-board-panel,.pz-tray-panel{padding:10px;border-radius:18px}.pz-board-toolbar{justify-content:stretch}.pz-board-toolbar .pz-btn{flex:1}.pz-tray{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pz-help{font-size:.78rem}.pz-source{font-size:.68rem}.pz-final-stats{grid-template-columns:1fr}.pz-complete-actions{flex-direction:column}.pz-modal-card{padding:23px}.pz-game-title h1{font-size:1.55rem}}@media(max-width:470px){.pz-level-grid{grid-template-columns:1fr 1fr}.pz-level-thumb{height:110px}.pz-level-body h3{font-size:.96rem}.pz-level-body p{font-size:.78rem}.pz-level-meta{flex-direction:column;gap:3px}.pz-tray{grid-template-columns:repeat(3,1fr)}}

/* v0.4.6: dificuldades 6x6/7x7/8x8 + áudio */
.dot.advanced{background:#b078ff}.dot.expert{background:#ff6ec7}.dot.master{background:#7de8ff}.pz-level-meta .advanced{color:#d8bbff}.pz-level-meta .expert{color:#ffb6df}.pz-level-meta .master{color:#a8efff}.pz-story-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pz-story-actions .pz-btn{min-width:150px}[data-speech-btn][hidden]{display:none!important}@media(max-width:760px){.pz-story-actions{flex-direction:column}.pz-story-actions .pz-btn{width:100%}.pz-tray{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:470px){.pz-tray{grid-template-columns:repeat(4,minmax(0,1fr))}}