.why-game{--why-ink:#293d39;--why-blue:#356e60;min-height:100dvh;color:var(--why-ink);font-family:var(--font-sans),sans-serif;background:radial-gradient(at 10% 0,#f9e9b0 0,#0000 40%),linear-gradient(#eef4e2,#f9f6e8 68%);padding:clamp(14px,3vw,32px)}.why-container{max-width:1200px;margin:auto}.why-game button,.why-game select{font:inherit;color:inherit;cursor:pointer;overflow-wrap:anywhere;background:#fffdf5;border:2px solid #c6d2be;border-radius:16px;min-height:48px;padding:12px 18px;transition:background .15s,border-color .15s,transform .15s}.why-game button:hover:not(:disabled){background:#f0f7e9;border-color:#356e60}.why-game button:disabled{opacity:.5;cursor:default}.why-game button:focus-visible,.why-game input:focus-visible,.why-game select:focus-visible,.why-game summary:focus-visible{outline-offset:4px;outline:3px solid #356e60}.why-game button[aria-pressed=true]{background:#edf4df;border-color:#356e60;box-shadow:0 0 0 2px #356e60}.why-game .why-primary{color:#fff;background:#356e60;border-color:#356e60;font-weight:750;box-shadow:0 5px #244e42}.why-game .why-primary:hover:not(:disabled){color:#fff;background:#285b4d;transform:translateY(-1px)}.why-header{justify-content:flex-end;margin-bottom:8px;display:flex}.why-meta{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.why-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.why-game .why-toolbar-actions>button{background:#fffdf5b3;min-height:44px;padding:8px 12px;font-size:.8rem}.why-round-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.why-round-info>label{flex:1;max-width:260px}.why-header>div{flex-wrap:wrap;gap:8px;display:flex}.why-header{font-size:.85rem}.why-header button{background:0 0;border-color:#b9cbb0;min-height:44px;padding:8px 14px}.why-game h1{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(2rem,4.5vw,3.8rem);font-weight:800;line-height:1.1}.why-game p{line-height:1.6}.why-eyebrow{letter-spacing:.04em;color:#5c745e;text-transform:uppercase;font-size:.8rem;font-weight:750}.why-muted{color:#566c60;font-size:.9rem}.why-welcome{background:#fffaf0;border:2px solid #c9d6b5;border-radius:36px;grid-template-columns:1fr 1.05fr;margin:24px 0 32px;display:grid;overflow:hidden;box-shadow:0 7px #dce3ca}.why-welcome-copy{align-self:center;padding:clamp(24px,4vw,46px)}.why-welcome h1{color:#304f3f;margin:16px 0 20px}.why-welcome-copy>p:not(.why-eyebrow){max-width:420px;font-size:1.13rem}.why-invitation{flex-wrap:wrap;align-items:center;gap:8px;margin-top:25px;font-size:.8rem;font-weight:650;display:flex}.why-invitation>span{background:#f6df9e;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.why-invitation>span:nth-child(2){margin-left:10px}.why-forest-scene{isolation:isolate;background:#f3ecd7 url(/games/why-happened/art/clubhouse-watercolor-v1.webp) 50%/cover no-repeat;border-radius:0 34px 34px 0;min-height:390px;position:relative;overflow:hidden}.why-scene-friends{z-index:2;align-items:flex-end;display:flex;position:absolute;inset:auto 2% 6px}.why-scene-friends .why-friend-art{filter:drop-shadow(0 5px #415f4312);width:36%;min-width:0}.why-scene-friends .why-friend-art:nth-child(2){width:40%;margin:0 -4%;transform:translateY(8px)}.why-friend-art{aspect-ratio:1;background-image:url(/games/why-happened/art/friends-watercolor-v1.webp);background-repeat:no-repeat;background-size:300% 100%;flex-shrink:0;width:100%;display:block}.why-game .why-friend-picker{background:0 0;border:0;padding:0}.why-friend-picker>legend{margin-bottom:16px;padding:0;font-size:1.25rem}.why-friend-picker>div{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.why-game .why-friend-choice{text-align:left;background:#fffaf0;border:2px solid #d5d5bd;border-bottom-width:5px;border-radius:23px;align-items:center;gap:14px;padding:8px 16px 8px 4px;display:flex}.why-friend-choice .why-friend-art{flex-shrink:0;width:82px}.why-friend-choice strong,.why-friend-choice small{display:block}.why-friend-choice strong{font-size:1.25rem}.why-friend-choice small{margin-top:3px;font-size:.85rem;font-weight:500}.why-friend-tick{background:#f3f3df;border:1px solid #b8c8ab;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;margin-left:auto;display:grid}.why-friend-choice[aria-pressed=true] .why-friend-tick{color:#fff;background:#356e60;border-color:#356e60}.why-launch{text-align:center;padding:18px 0 10px}.why-launch>p:first-child{font-size:1.1rem}.why-launch .why-primary{border-radius:20px;min-width:270px;padding:17px 28px;font-size:1.25rem}.why-launch button>span{padding-left:18px}.why-launch>.why-muted{font-size:.8rem}.why-adult-settings{border-top:1px dashed #bccbb1;margin-top:16px;padding:20px 0}.why-adult-settings>summary{cursor:pointer;color:#4c6453;min-height:44px;padding:10px 0;font-weight:650}.why-setting-grid{grid-template-columns:1.2fr 1fr 1.1fr;gap:20px;margin-top:20px;display:grid}.why-game fieldset{background:#ffffff9c;border:2px solid #d0d9c4;border-radius:22px;min-width:0;padding:20px}.why-game legend{padding:0 8px;font-weight:750}.why-settings label{align-items:center;gap:12px;min-height:44px;margin:12px 0;line-height:1.45;display:flex}.why-settings input{accent-color:#356e60;flex-shrink:0;width:22px;height:22px}.why-stack>label{flex-direction:column;align-items:stretch;display:flex}.why-game select{width:100%;max-width:100%}.why-mode{background:#e6e8ce;border-radius:30px;padding:8px 14px;font-size:.85rem;font-weight:650}.why-meta>button{font-size:.85rem}.why-meta label{font-size:.85rem;font-weight:650}.why-meta progress{accent-color:#60895b;border:0;border-radius:20px;width:min(260px,60vw);height:10px;margin-top:6px;display:block;overflow:hidden}.why-meta progress::-webkit-progress-bar{background:#d9e2cb;border-radius:20px}.why-meta progress::-webkit-progress-value{background:#60895b;border-radius:20px}.why-quiz-board{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:24px;margin:20px 0;animation:.25s ease-out why-enter;display:grid}.why-guide{text-align:center;align-self:start;min-width:0;padding-top:8px;position:sticky;top:20px}.why-guide-note{background:#fffdf1;border:2px solid #c9d3b6;border-radius:24px;margin-bottom:8px;padding:18px 15px;position:relative;box-shadow:0 4px #dce2ca}.why-guide-note:after{content:"";background:#fffdf1;border-bottom:2px solid #c9d3b6;border-right:2px solid #c9d3b6;width:17px;height:17px;position:absolute;bottom:-10px;left:45%;transform:rotate(45deg)}.why-guide-note>p{color:#65765b;margin:0 0 6px;font-size:.8rem;font-weight:650}.why-guide-note>strong{font-size:1.1rem;line-height:1.4;display:block}.why-guide>.why-friend-art{width:240px;max-width:100%;margin:auto}.why-case{background:#fffdf6;border:2px solid #c8cfae;border-radius:28px;min-width:0;padding:clamp(18px,3vw,30px);box-shadow:0 7px #d9dec1}.why-case-heading{color:#64744f;border-bottom:1px dashed #c7ceaf;justify-content:space-between;align-items:center;padding-bottom:12px;font-size:.8rem;font-weight:750;display:flex}.why-question h1{letter-spacing:-.02em;margin:10px 0 18px;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:750;line-height:1.35}.why-question .why-eyebrow{margin-top:18px;font-size:.7rem}.why-link-clue{color:#5a6c59;justify-content:center;align-items:center;gap:12px;margin:10px 0 24px;font-size:.78rem;display:flex}.why-link-clue>span{background:#edf0df;border:1px dashed #c2ccae;border-radius:10px;padding:6px 12px}.why-link-clue>b{color:#8c9c72;font-size:1.4rem}.why-game .why-options{background:0 0;border:0;gap:12px;padding:0;display:grid}.why-options>legend{margin-bottom:12px;padding:0;font-size:.9rem}.why-option-row{--card:#fff1cc;--edge:#d5b86e;--badge:#f2ce76;min-width:0;display:flex}.why-option-row:nth-of-type(2){--card:#e5f0e5;--edge:#a6c6a5;--badge:#c5debd}.why-option-row:nth-of-type(3){--card:#ede8f5;--edge:#c2b3d5;--badge:#d7cae7}.why-game .why-option{text-align:left;background:var(--card);border-color:var(--edge);border-bottom-width:4px;border-radius:18px;flex:1;align-items:center;gap:14px;width:100%;min-width:0;padding:16px;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.45;display:flex}.why-game .why-option:hover:not(:disabled){background:var(--card);border-color:#356e60;transform:translate(3px)}.why-game .why-option[aria-pressed=true]{background:#edf4df;border-color:#356e60;box-shadow:0 0 0 2px #356e60}.why-game .why-option:disabled{opacity:1}.why-option-letter{border:1px solid var(--edge);background:var(--badge);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:grid}.why-game .why-option[aria-pressed=true] .why-option-letter{color:#fff;background:#356e60;border-color:#356e60}.why-feedback{min-height:28px;margin-bottom:0;font-size:.95rem}.why-feedback-correct{color:#30522d;background:#e4efdb;border:1px solid #a9c597;border-radius:14px;padding:12px 16px;font-weight:750}.why-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin:24px 0;display:flex}.why-actions>button:first-child{margin-right:auto}.why-discuss,.why-adult,.why-result{background:#fffdf6;border:2px solid #cdd6bb;border-radius:24px;margin:20px 0;padding:24px}.why-case .why-discuss{background:#f0f4e6;padding:16px;font-size:.95rem}.why-adult{border-style:dashed}.why-adult fieldset{flex-wrap:wrap;gap:10px;display:flex}.why-result>.why-forest-scene{border-radius:28px;max-width:500px;min-height:260px;margin:0 auto 28px}.why-result .why-scene-friends{left:12%;right:12%}.why-result-banner{align-items:center;gap:20px;display:flex}.why-result-banner>span{background:#e6d293;border-radius:20px;flex-shrink:0;place-items:center;width:60px;height:60px;font-size:2rem;font-weight:800;display:grid;transform:rotate(-8deg)}.why-result-banner h1{margin:8px 0;font-size:clamp(1.8rem,3vw,2.6rem)}.why-result dl{grid-template-columns:1fr 2fr;gap:16px;display:grid}.why-result dd{overflow-wrap:anywhere;margin:0}.why-result dt{font-weight:650}.why-gate{color:#293d39;background:#fffdf6;border:2px solid #b3c5a6;border-radius:24px;max-width:420px;padding:28px}.why-gate input{max-width:100%;min-height:48px;font:inherit;margin:12px 0;display:block}.why-gate button{margin:8px}.why-game [tabindex="-1"]:focus{outline:none}.why-friend-art.is-happy{animation:.45s ease-out why-happy}@keyframes why-enter{0%{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes why-happy{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)rotate(-3deg)}}@media (max-width:900px){.why-friend-choice .why-friend-art{width:60px}.why-game .why-friend-choice{gap:8px;padding-right:10px}.why-friend-choice strong{font-size:1.1rem}.why-friend-tick{display:none}.why-setting-grid{grid-template-columns:1fr 1fr}.why-setting-grid>fieldset:last-child{grid-column:1/-1}.why-quiz-board{grid-template-columns:190px minmax(0,1fr);gap:18px}.why-guide-note>strong{font-size:1rem}.why-guide>.why-friend-art{width:180px}}@media (max-width:650px){.why-welcome{grid-template-columns:1fr}.why-welcome-copy{padding:24px 24px 12px}.why-welcome h1{margin:12px 0;font-size:2.5rem}.why-welcome-copy>p:not(.why-eyebrow){font-size:1rem}.why-invitation{margin:15px 0}.why-forest-scene{border-radius:0;min-height:230px}.why-scene-friends{bottom:0;left:10%;right:10%}.why-friend-picker>div{gap:8px}.why-game .why-friend-choice{text-align:center;border-radius:18px;flex-direction:column;gap:0;padding:6px 5px 12px}.why-friend-choice .why-friend-art{width:70px;max-width:100%}.why-friend-choice strong{font-size:1rem}.why-friend-choice small{font-size:.7rem}.why-friend-picker>legend{font-size:1.1rem}.why-launch>p:first-child{font-size:1rem}.why-launch .why-primary{width:100%;min-width:0;font-size:1.1rem}.why-setting-grid{grid-template-columns:1fr}.why-meta{gap:8px}.why-game .why-toolbar-actions>button{flex:1;padding:8px 9px;font-size:.76rem}.why-round-info{gap:8px}.why-round-info>label{min-width:120px;max-width:none}.why-meta progress{width:100%}.why-mode{font-size:.75rem}.why-quiz-board{grid-template-columns:1fr;gap:8px}.why-guide{text-align:left;align-items:center;min-height:120px;padding:0;display:flex;position:relative;top:auto}.why-guide>.why-friend-art{flex-shrink:0;order:-1;align-self:flex-end;width:108px;margin:0}.why-guide-note{flex:1;min-width:0;margin-bottom:5px;padding:14px}.why-guide-note:after{bottom:30px;left:-10px;transform:rotate(135deg)}.why-guide-note>p{font-size:.7rem}.why-guide-note>strong{font-size:.95rem}.why-case{border-radius:22px;padding:18px}.why-question h1{font-size:1.3rem}.why-link-clue{gap:7px;font-size:.7rem}.why-link-clue>span{padding:6px 8px}.why-game .why-option{gap:10px;padding:12px;font-size:1rem}.why-option-letter{width:30px;height:30px}.why-actions{gap:8px}.why-actions>button{flex:1;min-width:110px;font-size:.9rem}.why-game fieldset{padding:16px}.why-result{padding:18px}.why-result dl{grid-template-columns:1fr}.why-result dd{margin-bottom:10px}.why-header{align-items:center}.why-header button{padding:8px 10px;font-size:.75rem}.why-result-banner{gap:12px}.why-result-banner>span{width:44px;height:44px;font-size:1.5rem}.why-result>.why-forest-scene{min-height:220px}}@media (prefers-reduced-motion:reduce){.why-game *{transition:none!important;animation:none!important}}