.lp{display:flex;flex-direction:column;gap:12px;max-width:640px;margin:0 auto;width:100%}
.lp-ic{font-size:28px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#f1edff}
.lp-thumb{aspect-ratio:4/3;height:auto!important;width:66px!important;border-radius:10px}
.lp-say{flex:none;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--pc) 14%,#fff);font-size:22px;display:inline-flex;align-items:center;justify-content:center}
.lp-say.sm{width:36px;height:36px;font-size:18px;margin-right:8px;vertical-align:middle}
.lp-clue{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:20px;padding:16px;box-shadow:0 3px 0 rgba(28,27,51,.06),0 8px 20px rgba(28,27,51,.08);border-left:6px solid var(--pc)}
.lp-clue p{margin:0;font-size:21px;line-height:1.45;font-weight:700;color:var(--ink)}
.lp-why{min-height:24px}
.lp-scene{width:100%}
.lp-pic{display:block;width:100%;aspect-ratio:4/3}
.lp-lead{text-align:center;margin:0;font-weight:800;color:var(--ink-2)}
.lp-q{font-size:23px;margin:0}
.lp-sent{text-align:center;font-size:22px;font-weight:800;color:var(--ink);margin:0;line-height:1.6}
.lp-blank{display:inline-block;min-width:92px;border-bottom:4px solid color-mix(in srgb,var(--pc) 60%,#fff);color:var(--pc);text-transform:uppercase;font-weight:900;padding:0 6px}
.lp-blank.on{animation:lp-pop .35s ease-out}
.lp-words{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lp-word{height:66px;border-radius:18px;background:#fff;font-size:24px;font-weight:900;color:var(--ink);letter-spacing:.04em;box-shadow:0 3px 0 rgba(28,27,51,.07),0 6px 16px rgba(28,27,51,.08);border:3px solid transparent;transition:transform .12s}
.lp-word:active{transform:scale(.96)}
.lp-word.right{border-color:#00c58e;background:#eafff6}.lp-word.nope{border-color:#ff8a65;background:#fff3ef}
.lp-dh{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.lp-cat{background:color-mix(in srgb,var(--pc) 15%,#fff);color:var(--ink);font-weight:800;font-size:13px;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}
.lp-frame{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:6px 8px;background:#fff;border-radius:18px;padding:12px;box-shadow:0 3px 0 rgba(28,27,51,.06),0 6px 16px rgba(28,27,51,.07)}
.lp-isee,.lp-dot{font-size:21px;font-weight:900;color:var(--ink);padding-bottom:4px}
.lp-slot{min-width:64px;height:40px;padding:0 8px;border-bottom:3px dashed color-mix(in srgb,var(--pc) 55%,#fff);font-size:19px;font-weight:900;color:var(--pc);background:transparent}
.lp-slot.on{border-bottom-style:solid;background:color-mix(in srgb,var(--pc) 10%,#fff);border-radius:10px 10px 0 0}
.lp-bank-h{margin:0;text-align:center;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.lp-bank{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lp-chip{height:50px;border-radius:14px;background:#fff;font-size:18px;font-weight:800;color:var(--ink);box-shadow:0 2px 0 rgba(28,27,51,.07),0 4px 12px rgba(28,27,51,.07);border:2px solid color-mix(in srgb,var(--pc) 30%,#fff)}
.lp-chip.used{background:color-mix(in srgb,var(--pc) 85%,#000);color:#fff;border-color:transparent}
.lp-tools{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.lp-model{background:#fffbea;border:2px dashed #f0c419;border-radius:16px;padding:10px 14px;font-size:16px;line-height:1.45;color:var(--ink)}
.lp-model p{margin:4px 0}
.lp-help{position:fixed;inset:0;z-index:60;background:rgba(15,25,40,.45);display:flex;align-items:flex-end;justify-content:center}
.lp-help[hidden]{display:none}
.lp-help-in{background:#F8F5EF;width:100%;max-width:640px;max-height:82vh;overflow:auto;border-radius:24px 24px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom))}
.lp-help-h{display:flex;justify-content:space-between;align-items:center;font-size:20px;color:#1F4E79}
.lp-x{width:36px;height:36px;border-radius:50%;background:#fff;font-size:18px}
.lp-hg{margin:10px 0}.lp-hg h4{margin:0 0 6px;color:#2E7FA8;font-size:14px;text-transform:uppercase;letter-spacing:.05em}
.lp-hg p{margin:2px 0;font-size:16px}.lp-ex{font-weight:800}
.lp-hw{display:flex;flex-wrap:wrap;gap:6px}.lp-hw span{background:#fff;border-radius:999px;padding:5px 10px;font-weight:700;font-size:15px}
@keyframes lp-pop{0%{transform:scale(.6)}70%{transform:scale(1.15)}100%{transform:scale(1)}}
@media (max-width:360px){ .lp-clue p{font-size:19px} .lp-chip{font-size:16px} .lp-isee,.lp-dot{font-size:19px} }
.lp-desc{gap:10px}
.lp-desc .lp-scene{max-width:300px;margin:0 auto}
.lp-tools .btn{padding:6px 10px;font-size:14px;min-height:36px}
.lp-desc .lp-q{font-size:22px}
.print-row:has(.print-btn:nth-child(5)){display:grid;grid-template-columns:1fr 1fr;gap:8px}
.print-row:has(.print-btn:nth-child(5)) .print-btn{min-width:0}
.lp-words.pw{gap:10px}
.lp-words.pw .lp-word{height:auto;min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:8px 8px 10px;font-size:22px;line-height:1.1}
.lp-words.pw .pw-w{display:block;pointer-events:none}
.lp-words.pw .pw-pic{display:block;width:100%;max-width:150px;aspect-ratio:4/3;border-radius:10px;background-color:#fff;background-repeat:no-repeat;pointer-events:none}
@media (max-width:699px) and (max-height:740px){ .lp-prep.pw-on .lp-scene{max-width:max(220px,min(100%,calc((100vh - 470px) * 4 / 3)));margin-left:auto;margin-right:auto} .lp-words.pw .pw-pic{max-width:72px} .lp-words.pw .lp-word{gap:4px;padding:6px 6px 8px} }
@media (min-width:700px) and (max-height:900px){ .lp-prep.pw-on .lp-scene{max-width:max(300px,min(100%,calc((100vh - 460px) * 4 / 3)));margin-left:auto;margin-right:auto} .lp-words.pw .pw-pic{max-width:100px} }