.activity-dialog.keepsake-dialog {box-sizing:border-box;width:min(960px,calc(100vw - 1rem));max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);overflow-y:auto;padding:clamp(.75rem,3vw,1.8rem);overscroll-behavior:contain;}
.keepsake-dialog .activity-preview {padding:0;border:0;background:none;text-align:left;}
.keepsake-game {padding:clamp(.65rem,2vw,1.1rem);border:1px solid #8c6743;border-radius:1rem;background:repeating-linear-gradient(90deg,#ede0c4 0,#e5d1af 58px,#d4b68c 60px,#eddbbc 63px);color:#173b4d;overflow-wrap:anywhere;}
.keepsake-progress {display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;font-weight:700;font-size:.9rem;margin-bottom:1rem;}
.keepsake-exhibit {border:2px solid #a58754;border-radius:.6rem;background:#fff9ec;overflow:hidden;box-shadow:0 4px 10px #51391f26;}
.keepsake-display {display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.8rem;align-items:center;padding:.8rem;background:#1f4354;color:#fff4db;}
.keepsake-artifact {background:radial-gradient(ellipse,#fff9e9 0,#ecdbb9 70%);border:2px solid #b8914c;border-radius:50%;}.keepsake-artifact svg {width:100%;display:block;}
.keepsake-display .eyebrow {color:#f0d292;font-size:.65rem;}.keepsake-display h3 {font:700 clamp(1.1rem,3vw,1.5rem)/1.4 Georgia,serif;margin:.35rem 0;}.keepsake-display p {margin:.3rem 0;line-height:1.5;}
.keepsake-plaque {padding:clamp(.8rem,2vw,1.5rem);border:6px double #c1a36c;background:linear-gradient(120deg,#fbefd3,#f9f5e9);}
.keepsake-plaque .eyebrow {color:#7d572f;font-size:.7rem;}.keepsake-inscription {font:600 clamp(1.15rem,2.5vw,1.5rem)/1.8 Georgia,serif;margin:.5rem 0;}
.keepsake-game mark {background:#ffe2a1;color:#173b4d;border-bottom:2px solid #4e8165;}
.keepsake-game > h4 {margin:1rem 0 .25rem;font-size:1.1rem;line-height:1.5;}.keepsake-game > p {line-height:1.5;}
.keepsake-answer-label {display:block;font-weight:700;margin:.8rem 0 .4rem;}
.keepsake-answer {box-sizing:border-box;display:block;width:100%;min-height:48px;padding:.7rem .8rem;border:2px solid #527783;border-radius:.4rem;background:#fffdf7;color:#173b4d;font:600 1.1rem/1.5 Arial,sans-serif;}
.keepsake-answer[aria-invalid="true"] {border-color:#aa4b38;background:#fff4eb;}
.keepsake-answer.is-correct {border-color:#3f7954;background:#eff7ee;}
.keepsake-answer:disabled {opacity:1;-webkit-text-fill-color:#173b4d;}
.keepsake-status {margin-top:.6rem;font-weight:700;line-height:1.5;}
.keepsake-seals {display:flex;justify-content:center;gap:.9rem;padding:1rem;}.keepsake-seals i {display:grid;place-items:center;width:1.6rem;height:1.6rem;border:3px double #f2deaa;border-radius:50%;background:#b68d43;color:#fff4d6;font-style:normal;box-shadow:0 2px 3px #51391f30;}.keepsake-seals .is-used {opacity:.3;}
.keepsake-rule {margin:1rem 0;padding:1rem;border:1px solid #b89d6d;border-left:4px solid #9d793f;border-radius:.4rem;background:#fff9e8;line-height:1.55;}
.keepsake-rule .eyebrow {color:#725326;}.keepsake-rule h4 {margin:.2rem 0;font-size:1.2rem;}.keepsake-rule h4 s {color:#9f483b;}.keepsake-rule h4 span {color:#286947;}
.keepsake-archive-note {padding:.7rem;background:#e9eeeb;border-radius:.3rem;}.keepsake-rule summary {cursor:pointer;display:list-item;padding:.6rem .2rem;font-weight:700;box-sizing:border-box;}
.keepsake-controls {display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem;}.keepsake-controls [data-keepsake-next] {grid-column:1/-1;}
.keepsake-game :is(button,summary) {min-height:44px;min-width:44px;touch-action:manipulation;white-space:normal;}.keepsake-game :is(button,summary,input):focus-visible {outline:3px solid #12627c;outline-offset:3px;}
.keepsake-result h3 {font-size:1.4rem;}
.voyage-gold-seal {display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1rem 0;padding:1rem;border:2px solid #be9849;border-radius:.7rem;background:#fff6df;color:#173b4d;}
.voyage-gold-seal > span {display:grid;place-items:center;flex:0 0 3.5rem;height:3.5rem;border:4px double #f7df9a;border-radius:50%;background:#bd9141;color:#fff6d6;font-size:1.8rem;}
.voyage-gold-seal p {margin:.3rem 0;line-height:1.5;}
.voyage-diploma-dialog {box-sizing:border-box;width:min(760px,calc(100vw - 1rem));max-height:calc(100dvh - 1rem);overflow-y:auto;padding:clamp(.8rem,3vw,1.8rem);}
.voyage-diploma {border:7px double #b49350;padding:clamp(.8rem,3vw,2rem);background:#fff9e9;text-align:center;color:#173b4d;overflow-wrap:anywhere;}
.voyage-diploma h2 {font:700 clamp(1.4rem,4vw,2rem)/1.4 Georgia,serif;}.voyage-diploma p {line-height:1.6;}.voyage-diploma .voyage-gold-seal {justify-content:center;}.voyage-diploma h3 {font:700 1.6rem Georgia,serif;}.voyage-diploma-dialog button {min-width:44px;min-height:44px;}
@media(min-width:550px){.keepsake-display {grid-template-columns:7rem minmax(0,1fr);padding:1rem;}.keepsake-controls {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(prefers-reduced-motion:reduce){.keepsake-game *, .voyage-diploma * {animation:none!important;transition:none!important;}}