.play-layout{flex-direction:column;min-height:100vh;display:flex}.play-header{border-bottom:1px solid var(--border);background:var(--surface)}.play-header__row{justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.play-brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.0625rem;font-weight:700;text-decoration:none;display:inline-flex}.play-brand span{color:var(--text-muted);font-weight:500}.play-header__link{color:var(--accent);font-size:.875rem;font-weight:600;text-decoration:none}.play-header__link:hover{text-decoration:underline}.play-main{background:radial-gradient(circle at 86% 0, #eef8ed 0, transparent 29%), var(--bg);flex:1;padding:32px 0 64px}.play-hero{color:#fff;background:linear-gradient(135deg,#0c5138,#176447 68%,#32835f);border:1px solid #cfe0d3;border-radius:24px;margin-bottom:30px;padding:clamp(22px,4vw,38px);box-shadow:0 18px 38px #124c332e}.play-hero h1{letter-spacing:-.02em;max-width:18ch;margin:0 0 10px;font-family:Georgia,serif;font-size:clamp(1.85rem,3.8vw,2.45rem);line-height:1.15}.play-hero p{color:#e1f0e5;max-width:42ch;margin:0;font-size:.98rem}.play-section{margin-top:36px}.play-section__title{margin:0 0 6px;font-family:Georgia,serif;font-size:1.35rem}.play-section__lede{color:var(--text-muted);margin:0 0 16px;font-size:.95rem}.play-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.play-card{background:var(--surface);min-height:100%;color:var(--text);border:1px solid #cfded2;border-radius:15px;flex-direction:column;gap:8px;padding:19px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 7px 20px #143e2a0d}.play-card:hover{border-color:#80ad8d;transform:translateY(-2px);box-shadow:0 16px 32px #145c3821}.play-card__emoji{background:#edf6ef;border-radius:14px;place-items:center;width:48px;height:48px;font-size:1.55rem;line-height:1;display:grid}.play-card__title{letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.play-card__desc{color:var(--text-muted);flex:1;margin:0;font-size:.875rem;line-height:1.45}.play-card__meta{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.play-card__tag{color:var(--accent);background:#edf6ef;border-radius:999px;padding:4px 10px;font-size:.6875rem;font-weight:700;display:inline-block}.play-card__cta{color:var(--accent);margin-top:4px;font-size:.875rem;font-weight:700}.play-hero__link{color:#fff;text-underline-offset:4px;align-items:center;min-height:40px;margin-top:15px;font-size:.88rem;font-weight:700;text-decoration-thickness:1px;display:inline-flex}.quiz-filter-count{color:var(--text-muted);margin:13px 0 0;font-size:.84rem}.sof-resume{box-shadow:0 5px 14px #143e2a0b}.quiz-app{max-width:560px;margin:0 auto}.quiz-intro,.quiz-results{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:20px;padding:28px 24px;box-shadow:0 14px 32px #143e2a14}.quiz-intro h1,.quiz-results h2{letter-spacing:-.02em;margin:0 0 8px;font-size:1.5rem}.quiz-intro p,.quiz-results p{color:var(--text-muted);margin:0 0 20px;line-height:1.5}.quiz-intro__meta{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;display:flex}.quiz-intro__sources{color:#244b3a;text-align:left;background:#f8fbf8;border:1px solid #d9e5dc;border-radius:12px;margin:18px 0;padding:14px;font-size:.88rem}.quiz-intro__sources p{margin:6px 0}.quiz-intro__sources ul{margin:0;padding-left:18px}.quiz-intro__sources a{color:#246a49;font-weight:700}.quiz-btn{min-height:48px;font:inherit;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-size:1rem;font-weight:700;text-decoration:none;transition:filter .15s;display:inline-flex}.quiz-btn--primary{background:var(--accent);color:var(--accent-ink)}.quiz-btn--primary:hover{filter:brightness(1.08)}.quiz-btn--ghost{color:var(--accent);border:1px solid var(--border);background:0 0}.quiz-btn--ghost:hover{border-color:var(--accent)}.quiz-panel{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:24px;box-shadow:0 14px 32px #143e2a14}.quiz-panel[hidden],.quiz-intro[hidden],.quiz-results[hidden]{display:none!important}.quiz-progress{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;font-size:.875rem;font-weight:600;display:flex}.quiz-progress__bar{background:var(--border);border-radius:999px;flex:1;height:6px;overflow:hidden}.quiz-progress__fill{border-radius:inherit;background:var(--accent);width:0%;height:100%;transition:width .2s;display:block}.quiz-question{letter-spacing:-.01em;margin:0 0 20px;font-size:1.25rem;font-weight:700;line-height:1.35}.quiz-options{gap:10px;margin:0;padding:0;list-style:none;display:grid}.quiz-option{border:1px solid var(--border);background:var(--bg);width:100%;min-height:52px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;padding:14px 16px;font-size:.9375rem;font-weight:600;transition:border-color .15s,background .15s}.quiz-option:hover:not(:disabled){border-color:var(--accent);background:#f4faf3}.quiz-option:disabled{cursor:default}.quiz-option--correct{background:color-mix(in srgb, #16a34a 12%, var(--surface));border-color:#16a34a}.quiz-option--wrong{background:color-mix(in srgb, #dc2626 10%, var(--surface));border-color:#dc2626}.quiz-feedback{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:14px 16px;font-size:.9375rem;line-height:1.45}.quiz-feedback[hidden]{display:none!important}.quiz-feedback--correct{border-color:color-mix(in srgb, #16a34a 40%, var(--border))}.quiz-feedback--wrong{border-color:color-mix(in srgb, #dc2626 40%, var(--border))}.quiz-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.quiz-score{color:var(--accent);margin:8px 0 16px;font-size:3rem;font-weight:800;line-height:1}.quiz-back{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:20px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.quiz-back:hover{color:var(--accent)}@media (prefers-reduced-motion:reduce){.play-card,.quiz-progress__fill,.quiz-btn,.quiz-option{transition:none}}@media (width<=560px){.play-main{padding:22px 0 46px}.play-hero{border-radius:17px;margin-bottom:24px;padding:22px 20px}.play-hero h1{font-size:clamp(1.75rem,8vw,2.1rem)}.play-section{margin-top:28px}.play-grid{grid-template-columns:1fr;gap:11px}.play-card{min-height:auto;padding:17px}.quiz-intro,.quiz-results,.quiz-panel{border-radius:15px;padding:21px 16px}.quiz-question{font-size:1.12rem}}