html:has(#adventure:not([hidden])){scroll-behavior:auto}
.adventure-invite{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;background:linear-gradient(120deg,#fff0e9,#f2e9fc 55%,#e8f5ff);border-radius:32px;padding:3rem;margin-bottom:3rem}.art-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;transform:rotate(-2deg)}.art-pair img{width:100%;border:8px solid white;box-shadow:0 7px 18px #41305c24;border-radius:8px}.art-pair img:nth-child(2){transform:rotate(6deg)}.art-pair span{grid-column:1/-1;text-align:center;font-style:italic;color:#654c86}.adventure-wrap{max-width:1250px;margin:auto;padding:40px 24px 70px}.adventure-wrap h1{font-size:clamp(2rem,5vw,3.5rem);margin:15px 0;color:#583f78}.adventure-wrap>p{max-width:750px}.ad-summary{display:flex;align-items:center;gap:24px;margin:25px 0}.ad-summary progress{width:250px;height:18px;accent-color:#9c6bbc}.ad-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:28px}.ad-map{display:grid;gap:8px;align-content:start}.ad-map button{display:grid;grid-template-columns:35px 1fr;text-align:left;background:#fff4e5;border:2px solid transparent;border-radius:15px;padding:12px;color:#513b62}.ad-map button:nth-child(n+6){background:#e8f5fc}.ad-map button:nth-child(n+11){background:#f6eafb}.ad-map button span{grid-row:1/3;font-size:24px}.ad-map button b{font-size:14px}.ad-map button small{font-size:11px;margin-top:3px}.ad-map button[aria-current=step]{border-color:#8c60b0;box-shadow:0 3px 10px #9770ad22}.ad-map button.finished small{color:#2f705c;font-weight:bold}#ad-task{border:1px solid #eadcf4;background:white;border-radius:26px;padding:32px;min-height:540px;align-self:start;scroll-margin-top:30px;box-shadow:0 10px 40px #76548c0d}#ad-task h2{font-size:clamp(1.6rem,3vw,2.2rem)}#ad-task button{cursor:pointer}#ad-task button:focus-visible,.palette button:focus-visible{outline:3px solid #5f3892;outline-offset:3px}.ad-options{display:grid;gap:12px;margin:24px 0}.ad-options button,.ad-pairs button{border:2px solid #dfd1ed;border-radius:16px;padding:16px;text-align:left;background:#faf5ff;color:#4e3e66;font-size:18px;line-height:1.4}.ad-options button:hover,.ad-pairs button:hover{background:#f1e2ff}.ad-options button[aria-pressed=true],.ad-pairs button[aria-pressed=true]{background:#e5d0fb;border-color:#8c60b0}.ad-options button.right{background:#e2f4e7;border-color:#66a27d}.ad-options button.try{border-color:#e5ac70;background:#fff5e7}.ad-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}#ad-feedback{background:#fff7df;border-radius:12px;padding:14px;min-height:56px;color:#5b4663;font-size:17px}#ad-feedback:empty{background:transparent}#ad-save{font-size:13px;color:#74647d;margin-top:26px}#ad-celebrate{background:#fae7ff;border-radius:18px;padding:22px;font-size:20px;margin-bottom:20px}#ad-task button:disabled{opacity:.65;cursor:default}.ad-pairs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.ad-pairs>div{display:grid;gap:10px}.heart-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:430px;margin-top:22px}.heart-grid button{font-size:36px;border:2px solid #f1b3c4;background:#fff0f5;color:#c54177;border-radius:16px;height:68px}.heart-grid button[aria-pressed=true]{background:#f9cfdf}.number-prompt{font-size:42px;color:#8664ab;background:#f2ebfa;padding:24px;border-radius:18px;text-align:center}#ad-form{display:grid;gap:14px;max-width:350px;margin:auto}#ad-number{font-size:30px;padding:12px;border:2px solid #b799cf;border-radius:12px;width:100%;box-sizing:border-box}.bowl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.bowl-grid button{padding:20px 8px;border:3px solid #b8dfe9;border-radius:10px 10px 40px 40px;background:#e9f6ff;color:#4e4964}.bowl-grid button span{font-size:26px}.bowl-grid strong{display:block;margin-top:10px}.bowl-grid button[aria-pressed=true]{border-color:#9072b8;background:#eddefb}.clue-room{position:relative;height:300px;background:linear-gradient(#eee3fb 70%,#d7b59b 70%);border:8px solid #fbf2e8;border-radius:22px;margin:24px 0;overflow:hidden}.room-window{position:absolute;left:10%;top:20px;background:#2d3c69;border:8px solid #be9a7d;border-radius:50px 50px 0 0;color:#ffe59a;padding:15px 25px;font-size:35px}.room-shelf{position:absolute;right:7%;top:100px;border-bottom:8px solid #a78267;font-size:40px}.room-pillow{position:absolute;left:20%;bottom:10px;font-size:75px}.hidden-paw{position:absolute;font-size:24px;width:48px;height:48px;border:0;background:transparent;opacity:.75;border-radius:50%}.hidden-paw.found{background:#fff4bd;opacity:1;box-shadow:0 0 15px #fbe6a0}.paw-0{right:9%;top:70px}.paw-1{right:35%;top:125px}.paw-2{left:37%;bottom:30px}.symbol-line{font-size:clamp(23px,5vw,40px);text-align:center;letter-spacing:5px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.memory-grid button{height:90px;background:#ece0fa;border:2px solid #bda2d5;border-radius:16px;font-size:38px;color:#674582}.palette{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.palette button{width:42px;height:42px;background:var(--paint);border:2px solid #b9a6c5;border-radius:50%}.palette button[aria-pressed=true]{outline:3px solid #684489;outline-offset:2px}.color-cat{width:100%;max-width:440px;display:block;margin:auto;background:#fff5e9;border-radius:24px}.color-cat [data-region]{cursor:pointer}.color-cat [data-region]:focus{stroke:#d16494;stroke-width:6}.magic-door{display:flex;flex-direction:column;align-items:center;background:linear-gradient(#e3d2f4,#fff1dd);border-radius:80px 80px 15px 15px;font-size:95px;margin:20px auto;width:210px;padding:20px;transition:background .5s}.magic-door span{font-size:30px;letter-spacing:5px}.magic-door.opened{background:linear-gradient(#ffe794,#f8d4f6)}.symbol-buttons{grid-template-columns:repeat(3,1fr)}.symbol-buttons button{font-size:35px;text-align:center}#sequence-list li{padding:8px;color:#775389}
@media(max-width:760px){.adventure-invite{grid-template-columns:1fr;padding:24px;gap:25px}.ad-layout{grid-template-columns:1fr}.ad-map{grid-template-columns:repeat(5,1fr);gap:6px}.ad-map button{display:flex;flex-direction:column;align-items:center;padding:8px 2px}.ad-map button b{font-size:10px;line-height:1.2}.ad-map button small{font-size:9px}.ad-map button span{font-size:21px}.adventure-wrap{padding:24px 14px}.ad-summary{gap:15px;font-size:14px}.ad-summary progress{width:150px}#ad-task{padding:20px;min-height:450px}.ad-options button{font-size:16px}.bowl-grid button span{font-size:19px}.memory-grid button{height:65px;font-size:29px}.ad-tools .primary{width:100%}}
@media(prefers-reduced-motion:reduce){.magic-door{transition:none}}
@media print{#adventure{display:none!important}}

.story-scene{margin:35px 0}.story-scene img{width:100%;border-radius:18px}.story-scene figcaption{text-align:center;font:italic 16px/1.6 Georgia;color:#82608f;margin-top:10px}