.p8-hero{background:linear-gradient(135deg,#fff4e8,#edf7ff)}
.p8-rule{margin:18px 0;padding:14px 16px;border-radius:16px;background:#fff8d8;border:2px solid #f0d56b;font-weight:700}
.p8-story-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.p8-story-strip>div{background:#fff;border:2px solid #e1d8f6;border-radius:18px;padding:14px;text-align:center}
.p8-story-strip img{width:100%;height:120px;object-fit:contain}.p8-story-strip strong{display:block;margin-top:8px}
.p8-card{background:#fff;border:2px solid #e4dcf6;border-radius:20px;padding:18px;margin:16px 0;box-shadow:0 8px 20px rgba(74,57,120,.08)}
.p8-card h3{margin-top:0}.p8-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin-top:14px}
.p8-choice,.p8-long,.p8-seq-card{border:2px solid #d9cff2;background:#fbf9ff;border-radius:16px;padding:14px;font:inherit;font-weight:700;cursor:pointer;transition:.15s}
.p8-choice:hover,.p8-long:hover,.p8-seq-card:hover{transform:translateY(-2px);border-color:#8d78d9}.p8-long{text-align:left;min-height:64px}
.p8-choice.correct,.p8-long.correct,.p8-seq-card.correct{background:#e8f7e7;border-color:#63b369}.p8-choice.incorrect,.p8-long.incorrect,.p8-seq-card.incorrect{background:#fff0f0;border-color:#d96969}
.p8-scene{display:flex;gap:16px;align-items:center;background:#f8fbff;border-radius:18px;padding:14px;margin-bottom:14px}.p8-scene img{width:150px;height:120px;object-fit:contain}
.p8-prompt{font-size:1.05rem;line-height:1.45}.p8-textarea{width:100%;min-height:130px;border:3px solid #cfc2ef;border-radius:16px;padding:14px;font:inherit;font-size:1.08rem;resize:vertical;background:#fff}
.p8-counter{font-size:.9rem;color:#6a6078;margin-top:6px}.p8-starter-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.p8-starter{border:1px solid #cfc2ef;background:#f6f2ff;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:700}
.p8-sequence{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.p8-seq-card{min-height:110px;text-align:left;position:relative}.p8-seq-card span{display:block;font-size:.8rem;color:#6e6477;margin-bottom:6px}
.p8-seq-answer{margin-top:12px;padding:12px;border-radius:14px;background:#f5f9ff;min-height:54px}.p8-seq-answer button{margin:3px}
.p8-plan{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.p8-plan label{font-weight:800;display:block}.p8-plan select,.p8-plan input,.p8-plan textarea{width:100%;margin-top:6px;border:2px solid #d8cff0;border-radius:12px;padding:10px;font:inherit;background:#fff}
.p8-three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.p8-part{background:#fffdf5;border:2px solid #eadca8;border-radius:18px;padding:14px}.p8-part textarea{width:100%;min-height:120px;border:2px solid #ddd1f0;border-radius:12px;padding:10px;font:inherit}
.p8-picture-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.p8-picture-option{border:3px solid transparent;background:#fafafa;border-radius:16px;padding:8px;cursor:pointer}.p8-picture-option img{width:100%;height:100px;object-fit:contain}.p8-picture-option.selected{border-color:#7f69cf;background:#f4f0ff}
.p8-checklist{display:grid;gap:10px}.p8-check-row{display:flex;gap:10px;align-items:center;background:#fbf9ff;border:2px solid #e3dbf4;border-radius:14px;padding:12px;font-weight:700}.p8-check-row input{width:22px;height:22px}
.p8-share{background:linear-gradient(135deg,#fff8e5,#eef8ff);border:2px solid #e4d79f;border-radius:20px;padding:18px}.p8-share h3{margin-top:0}.p8-share-part{background:#fff;border-radius:14px;padding:12px;margin:9px 0}.p8-share-pics{display:flex;gap:10px;flex-wrap:wrap}.p8-share-pics img{width:120px;height:100px;object-fit:contain;background:white;border-radius:14px;border:1px solid #ddd}
.p8-draw-wrap{background:#fff;border:3px solid #d7cbed;border-radius:18px;overflow:hidden}.p8-draw-wrap canvas{display:block;width:100%;height:auto;touch-action:none;background:white}.p8-draw-tools{display:flex;gap:8px;justify-content:flex-end;padding:10px;background:#f7f4ff}
.p8-mini-btn{border:1px solid #cfc6e8;background:white;border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer}
.p8-score{display:flex;justify-content:space-between;gap:12px;margin-top:14px;color:#695d7b}.p8-finish{padding:20px;text-align:center;background:#f0faef;border-radius:16px}.p8-finish strong{font-size:2rem;display:block;color:#3d8a46}
@media(max-width:760px){.p8-story-strip,.p8-three,.p8-plan{grid-template-columns:1fr}.p8-sequence{grid-template-columns:1fr 1fr}.p8-scene{align-items:flex-start}.p8-scene img{width:110px;height:90px}}
@media(max-width:480px){.p8-sequence{grid-template-columns:1fr}.p8-scene{display:block}.p8-scene img{width:100%;height:140px}}
.p8-starter{margin:8px 0 0;padding:9px 12px;border-radius:12px;background:#f7f4ff;color:#564b70}