.wpzv3-app{--bg:#f5f7f3;--card:#fff;--text:#162317;--muted:#677365;--line:#d9e1d6;--accent:#8fcd70;--accent-2:#4f7d42;--accent-soft:#eef8e8;--danger:#f5e7e4;--shadow:0 14px 34px rgba(22,35,23,.08);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);max-width:680px;margin:0 auto}
.wpzv3-shell{background:linear-gradient(180deg,#fbfcfa 0%,#f2f5f0 100%);border:1px solid #e7ece5;border-radius:28px;box-shadow:var(--shadow);padding:14px;overflow:hidden}
.wpzv3-loading{padding:32px 18px;text-align:center;color:var(--muted)}
.wpzv3-header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.wpzv3-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--accent-2);margin-bottom:4px}
.wpzv3-title{font-size:28px;line-height:1.02;margin:0}
.wpzv3-subtitle{font-size:14px;color:var(--muted);margin-top:3px}
.wpzv3-chiprow{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 12px}
.wpzv3-chip,.wpzv3-btn{appearance:none;border:none;background:#eef4ea;color:var(--text);border-radius:14px;padding:11px 14px;font-size:14px;font-weight:700;line-height:1;cursor:pointer}
.wpzv3-chip.is-active{background:var(--accent);color:#0f1b10}
.wpzv3-btn-primary{background:var(--accent);color:#102011}
.wpzv3-btn-danger{background:#fff1ef;color:#98362d}
.wpzv3-iconbtn{min-width:44px;min-height:44px;display:grid;place-items:center;padding:0;font-size:20px}
.wpzv3-grid{display:grid;gap:12px}
.wpzv3-pack-card,.wpzv3-level-card,.wpzv3-panel,.wpzv3-answer-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:22px;padding:14px}
.wpzv3-pack-top,.wpzv3-level-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.wpzv3-pack-title,.wpzv3-level-title{font-size:18px;font-weight:800;margin:0 0 2px}
.wpzv3-pack-meta,.wpzv3-level-meta{font-size:13px;color:var(--muted)}
.wpzv3-progressbar{height:10px;background:#edf1eb;border-radius:999px;overflow:hidden;margin-top:10px}
.wpzv3-progressbar > span{display:block;height:100%;background:linear-gradient(90deg,var(--accent) 0%,#b3dfa0 100%)}
.wpzv3-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.wpzv3-pill{background:#f6faf4;border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:700}
.wpzv3-levels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wpzv3-level-card.is-complete{border-color:#bddcad;background:#f5fbf1}
.wpzv3-level-card.is-locked{opacity:.88}
.wpzv3-play-layout{display:grid;gap:12px}
.wpzv3-toolbar{display:flex;gap:8px;flex-wrap:wrap}
.wpzv3-board-wrap{background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px;overflow:auto;-webkit-overflow-scrolling:touch}
.wpzv3-board{display:grid;gap:4px;justify-content:start}
.wpzv3-cell{position:relative;width:min(10.8vw,42px);height:min(10.8vw,42px);min-width:34px;min-height:34px;border-radius:10px;border:1px solid #cad7c6;background:#fff;overflow:hidden}
.wpzv3-cell.is-block{background:#2a3428;border-color:#2a3428}
.wpzv3-cell input{width:100%;height:100%;border:none;background:transparent;text-align:center;font-size:19px;font-weight:800;text-transform:uppercase;color:var(--text);padding:0;outline:none}
.wpzv3-cell.is-active{outline:3px solid rgba(143,205,112,.72);outline-offset:1px}
.wpzv3-cell.is-word{background:#f4faef}
.wpzv3-cell.is-revealed{background:#f8fff2}
.wpzv3-number{position:absolute;top:2px;left:4px;font-size:9px;font-weight:800;color:#738170;line-height:1}
.wpzv3-clue-now{font-size:14px;line-height:1.4}
.wpzv3-clues-grid{display:grid;gap:12px}
.wpzv3-clue-list h3{margin:0 0 8px;font-size:14px}
.wpzv3-clue-item{display:block;width:100%;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fbfcfa;font-size:14px;line-height:1.35;cursor:pointer;margin-bottom:8px}
.wpzv3-clue-item.is-active{border-color:var(--accent-2);background:#f1f8ec}
.wpzv3-bottomnav{position:sticky;bottom:0;z-index:20;background:rgba(251,252,250,.92);backdrop-filter:blur(8px);border-top:1px solid #e6ece3;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;margin:14px -14px -14px}
.wpzv3-tab{appearance:none;border:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 8px;font-size:12px;font-weight:800;color:var(--muted)}
.wpzv3-tab.is-active{background:var(--accent-soft);color:var(--text);border-color:#bfdcb0}
.wpzv3-answer-sheet{display:grid;gap:12px}
.wpzv3-answer-card h3{margin:0 0 8px;font-size:16px}
.wpzv3-answer-item{padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fbfcfa;font-size:14px;line-height:1.4;margin-bottom:8px}
.wpzv3-answer-answer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f0f5ee;padding:2px 6px;border-radius:8px}
.wpzv3-sheet-actions{display:flex;gap:8px;flex-wrap:wrap}
.wpzv3-stats{display:flex;gap:8px;flex-wrap:wrap}
.wpzv3-toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(18px);opacity:0;background:#152115;color:#fff;padding:11px 14px;border-radius:14px;font-size:14px;font-weight:800;transition:all .22s ease;z-index:999999;pointer-events:none;max-width:min(86vw,420px);text-align:center}
.wpzv3-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}
.wpzv3-empty{padding:14px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}
.wpzv3-answer-sheet-standalone .wpzv3-standalone-pack{background:#fff;border:1px solid #e6ece4;border-radius:20px;padding:18px;margin:0 0 18px}
.wpzv3-standalone-level{margin-top:14px}
@media (min-width:700px){.wpzv3-play-layout{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr)}.wpzv3-clues-grid{grid-template-columns:1fr 1fr}.wpzv3-levels-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wpzv3-cell{width:42px;height:42px}}