.pc-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(28,39,33,.55);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}.pc-modal{width:100%;max-width:460px;min-height:100%;background:#fbf7ed;color:#2c3a34;font-family:var(--font-body),Georgia,serif}@media (min-width:640px){.pc-modal{min-height:auto;margin:32px 0;border-radius:22px;overflow:hidden}}.pc-modal *,.pc-modal :before{box-sizing:border-box}.pc-modal div,.pc-modal h1,.pc-modal p,.pc-modal span{text-wrap:pretty}.pc-top{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 18px 10px;border-bottom:1px solid #d7cab2}.pc-top h1{font:400 26px var(--font-body),Georgia,serif;margin:0 0 8px}.pc-chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pc-q{font-size:14px;color:#5c6b60;margin-right:2px}.pc-chip{border:1px solid #d7cab2;border-radius:999px;padding:6px 12px;background:transparent;color:#2c3a34;font:500 13px var(--font-utility),sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.pc-chip.on{background:#456b56;color:#fff;border-color:#456b56}.pc-x{font-size:28px;line-height:1;color:#5c6b60;background:none;border:0;cursor:pointer;padding:4px 6px}.pc-viewport{position:relative;margin:16px 18px 10px;min-height:420px;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#30443a,#15201b);display:flex;align-items:center;justify-content:center}.pc-viewport img{display:block;width:100%;max-height:520px;object-fit:contain}.pc-fail{position:absolute;left:14px;right:14px;bottom:14px;background:#fff;border-radius:12px;padding:14px;border-left:5px solid #b0503a}.pc-fail strong{display:block;font:600 18px var(--font-body),Georgia,serif;color:#b0503a;margin-bottom:4px}.pc-fail span{font-size:15px;color:#5c6b60}.pc-hint{margin:0 18px 10px;border:1px solid #d7cab2;background:#f6f1e4;border-radius:10px;padding:10px 12px;font:400 15px/1.4 var(--font-body),Georgia,serif}.pc-actions{padding:0 18px 8px;display:grid;gap:6px}.pc-btn{width:100%;border-radius:10px;padding:17px 16px;border:0;background:#456b56;color:#fff;cursor:pointer;font:500 16px var(--font-utility),sans-serif;letter-spacing:.03em;box-shadow:0 8px 20px rgba(69,107,86,.25)}.pc-btn:disabled{opacity:.6;cursor:wait}.pc-alt{padding:12px 0;font:500 14px var(--font-utility),sans-serif;letter-spacing:.2em;text-transform:uppercase}.pc-alt,.pc-anyway{background:none;border:0;cursor:pointer;color:#5c6b60}.pc-anyway{padding:4px 0 10px;font-size:15px;text-decoration:underline}.pc-rules{padding:0 18px 20px}.pc-rules h3{font:500 13px var(--font-utility),sans-serif;letter-spacing:.2em;color:#8a6a2c;margin:6px 0 10px;text-transform:uppercase}.pc-rule{display:flex;gap:10px;padding:9px 0;border-top:1px solid #e4ddca;font-size:16px;line-height:1.35}.pc-rule b{font:600 14px var(--font-utility),sans-serif;color:#8a6a2c}.pc-progress{padding:48px 22px}.pc-progress h1{font:400 28px var(--font-display),Georgia,serif;margin:0 0 6px}.pc-progress p{font-size:16px;color:#5c6b60;margin:0 0 26px}.pc-bar{height:8px;border-radius:4px;background:#efe8d3;overflow:hidden;margin-bottom:16px}.pc-bar i{display:block;height:100%;width:35%;background:linear-gradient(90deg,#456b56,#c7a258);animation:pc-fill 60s ease-out forwards}@keyframes pc-fill{to{width:92%}}@media (prefers-reduced-motion:reduce){.pc-bar i{animation:none;width:62%}}.pc-ticks{display:grid;gap:10px;font:500 14px var(--font-utility),sans-serif;letter-spacing:.1em;text-transform:uppercase}.pc-ticks .done{color:#456b56}.pc-ticks .now{color:#8a6a2c}.pc-ticks .todo{color:#5f675d}