.mission-dialog{padding:0;border:1px solid #8b7397;width:min(1000px,calc(100% - 28px));max-height:94dvh;background:#21152d;color:#f8f3ea;border-radius:16px;overflow:auto}.mission-dialog::backdrop{background:#160d20df;backdrop-filter:blur(8px)}.mission-dialog [hidden]{display:none!important}.mission-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 30px;border-bottom:1px solid #ffffff24}.mission-label{font:14px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.1em;color:#d7b875}.mission-close,.mission-back,.mission-skip{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:10px}.mission-close{font-size:16px}.mission-layout{display:grid;grid-template-columns:220px 1fr;min-height:520px}.mission-map{padding:38px 28px;border-right:1px solid #ffffff24;display:flex;flex-direction:column;gap:22px}.mission-map span{color:#b7aabd;font-size:14px;display:flex;gap:14px;align-items:center}.mission-map b{font-size:14px;border:1px solid #695774;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex:none}.mission-map .active{color:#f3d595}.mission-map .active b{background:#d7b875;color:#21152d;border-color:#d7b875}.mission-main{padding:38px;min-width:0}.mission-main h2{font:clamp(30px,4vw,48px)/1.08 var(--serif,Georgia,serif);letter-spacing:-.03em;color:#fff8ed;margin:12px 0 20px}.mission-main p{color:#d0c4d7;font-size:16px;line-height:1.6}.mission-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.mission-option{display:block;cursor:pointer;position:relative}.mission-option input{position:absolute;opacity:0;width:1px;height:1px}.mission-option span{display:block;padding:20px 16px;border:1px solid #725f80;border-radius:8px;font-size:16px;line-height:1.4;transition:background .2s,border-color .2s,transform .2s}.mission-option input:checked+span{background:#493052;border-color:#f0d291;box-shadow:inset 0 0 0 1px #f0d291}.mission-option input:focus-visible+span{outline:3px solid #e6c88e;outline-offset:3px}.mission-option:hover>span{background-color:#35213f;transform:translateY(-2px)}.mission-fields label{display:block;margin:20px 0 9px;font-size:16px}.mission-fields textarea,.mission-fields input{width:100%;background:#30203c;border:1px solid #846b93;border-radius:7px;color:#fff;padding:14px;font:16px/1.5 var(--sans,Arial,sans-serif);color-scheme:dark}.mission-fields textarea::placeholder{color:#baacc3}.mission-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}.mission-primary{padding:15px 22px;background:#ebd29b;color:#21152d;border:1px solid #ebd29b;border-radius:6px;font:16px/1.4 var(--sans,Arial,sans-serif);cursor:pointer}.mission-secondary{padding:14px 18px;border:1px solid #9984a4;background:transparent;color:#f8f3ea;border-radius:6px;font:16px/1.4 var(--sans,Arial,sans-serif);cursor:pointer}.mission-primary:hover{background:#fff0c9}.mission-status{min-height:25px;margin-top:14px}.mission-footer{border-top:1px solid #ffffff24;padding:12px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;color:#c7b7d0}.mission-meter{width:85px;height:3px;background:#615069;flex:none}.mission-meter i{display:block;height:100%;background:#e5c98b;transition:width .3s}.mission-stage{animation:mission-arrive .3s ease-out}.mission-ticket{background:#f5f0e6;color:#34203d;border-radius:9px;padding:26px;margin-top:24px;border-top:4px solid #c29f55}.mission-ticket p{color:#54435b;overflow-wrap:anywhere;white-space:pre-wrap}.mission-ticket .mission-agreement{font:clamp(25px,3vw,34px)/1.25 var(--serif,Georgia,serif);color:#34203d;margin:18px 0}.mission-ticket small{font-size:14px;letter-spacing:.06em}.mission-dialog button:focus-visible,.mission-dialog input:focus-visible,.mission-dialog textarea:focus-visible{outline:3px solid #e6c88e;outline-offset:3px}body:has(.mission-dialog[open]){overflow:hidden}@keyframes mission-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:700px){.mission-top{padding:15px 20px}.mission-layout{grid-template-columns:1fr;min-height:0}.mission-map{padding:18px 20px;flex-direction:row;justify-content:space-between;gap:8px;border-right:0;border-bottom:1px solid #ffffff24}.mission-map span{gap:5px;flex-direction:column;font-size:12px}.mission-main{padding:24px 20px}.mission-main h2{font-size:34px}.mission-options{grid-template-columns:1fr;gap:10px}.mission-option span{padding:15px}.mission-footer{padding:12px 15px}.mission-actions button{flex-grow:1}.mission-ticket{padding:20px}}@media(prefers-reduced-motion:reduce){.mission-stage{animation:none}.mission-option span,.mission-meter i{transition:none}}
/* A first experience before asking for words. */
.mission-dialog.is-quick{width:min(880px,calc(100% - 28px))}
.is-quick .mission-layout{grid-template-columns:1fr;min-height:0}
.is-quick .mission-map,.is-quick .mission-meter{display:none}
.is-quick .mission-main{padding:clamp(24px,4vw,48px)}
.is-quick .mission-top .mission-label{font-size:12px;max-width:70%}
.mission-entry-choices,.quick-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 18px}
.quick-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.quick-card{display:flex;flex-direction:column;align-items:flex-start;gap:18px;text-align:left;background:#30203c;color:#fff8ed;border:1px solid #806c8a;border-radius:10px;padding:24px;cursor:pointer;min-width:0;transition:border-color .2s,background .2s}
.quick-card:hover{background:#493052;border-color:#ebd29b}
.quick-card small{font:12px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.1em;color:#ebd29b}
.quick-card strong{font:30px/1.12 var(--serif,Georgia,serif);letter-spacing:-.025em}
.quick-card span{font:16px/1.5 var(--sans,Arial,sans-serif);color:#d0c4d7}
.mission-main .quick-instruction{font:clamp(24px,3vw,32px)/1.4 var(--serif,Georgia,serif);color:#fff8ed;margin:28px 0 20px;max-width:650px}
.quick-clock{display:flex;align-items:center;gap:24px;border-block:1px solid #ffffff24;padding:20px 0;margin-top:28px}
.quick-clock>span{font:56px/1 var(--sans,Arial,sans-serif);font-variant-numeric:tabular-nums;color:#ebd29b}
.quick-clock small{font-size:12px;letter-spacing:.12em;color:#d0c4d7}
.mission-main .quick-finish-label{margin-top:24px;margin-bottom:0;color:#fff8ed}
.quick-outcomes{margin-top:12px}
.quick-switch{display:block;margin-top:24px;text-decoration:underline;text-underline-offset:5px;font-size:16px;text-align:left}
.quick-contact{display:inline-block;color:#ebd29b;margin-top:28px;font-size:16px;text-decoration:underline;text-underline-offset:5px}
.mission-dialog a:focus-visible{outline:3px solid #e6c88e;outline-offset:4px}
.hero-quick-note{font-size:14px;color:var(--muted);margin-top:-10px}
@media(max-width:700px){.mission-entry-choices,.quick-cards{grid-template-columns:1fr;gap:12px}.quick-card{padding:20px;gap:10px}.quick-card strong{font-size:27px}.is-quick .mission-top{gap:10px}.is-quick .mission-close{white-space:nowrap}.quick-outcomes{gap:8px}.quick-outcomes button{padding-inline:12px}.is-quick .mission-actions>a{flex-grow:1;text-align:center}}
@media(prefers-reduced-motion:reduce){.quick-card{transition:none}}
/* Illustrated choices, sized for a real mobile viewport. */
.mission-dialog{width:min(800px,calc(100% - 28px))}
.mission-top{gap:12px;padding:14px 24px;position:sticky;top:0;z-index:3;background:#21152d}
.mission-brand-icon{width:32px;height:32px;object-fit:cover;flex:none}
.mission-top .mission-label{font-size:12px;letter-spacing:.075em;margin-right:auto}
.mission-close{min-height:48px;white-space:nowrap;font-size:16px}
.mission-layout{grid-template-columns:1fr;min-height:0}
.mission-map{flex-direction:row;justify-content:center;gap:32px;border-right:0;border-bottom:1px solid #ffffff24;padding:16px 24px}
.mission-map span{flex:1;max-width:170px;gap:10px;color:#b7aabd}
.mission-main,.is-quick .mission-main{padding:24px 28px}
.mission-main h2{font-size:clamp(32px,4vw,44px)}
.mission-entry-stage>.mission-label,.is-area .mission-stage>.mission-label{display:none}
.mission-entry-stage>p:last-child{text-align:center;font-size:14px;margin:14px 0 0}
.mission-entry-choices{gap:18px;margin:22px 0 0}
.visual-entry-card{position:relative;display:block;padding:0;height:280px;overflow:hidden;border:1px solid #806c8a;background:#30203c}
.visual-entry-card:hover{border-color:#bca6c8;background:#30203c}
.mission-art-window{display:block;position:absolute;inset:0;overflow:hidden;padding:0;border:0;border-radius:0}
.mission-art-window::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#21152d00 30%,#21152d88 63%,#21152df5 100%)}
.mission-art{display:block;position:absolute;width:100%;aspect-ratio:1;left:0;top:50%;transform:translateY(-50%);background-image:url('/mission-art-atlas.png');background-size:300% 200%;background-repeat:no-repeat;padding:0;border:0;border-radius:0}
.tile-0{background-position:0% 0%}.tile-1{background-position:50% 0%}.tile-2{background-position:100% 0%}.tile-3{background-position:0% 100%}.tile-4{background-position:50% 100%}.tile-5{background-position:100% 100%}
.visual-entry-copy{position:absolute;left:22px;right:18px;bottom:20px;display:flex;flex-direction:column;gap:6px}
.visual-entry-copy strong{font-size:34px;color:#fff8ed}
.visual-entry-copy>span{font-size:16px;color:#f8f3ea}
.mission-area-options{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.mission-option .mission-area-card{display:block;position:relative;overflow:hidden;padding:0;height:210px;border:1px solid #806c8a;border-radius:10px;transition:border-color .2s,box-shadow .2s;transform:none;background:#30203c}
.mission-area-card .mission-art-window,.mission-area-card .mission-art{padding:0;border:0;border-radius:0;transform:none;background-color:transparent;box-shadow:none}
.mission-area-card .mission-art{transform:translateY(-50%)}
.mission-area-card .mission-area-caption{display:block;position:absolute;bottom:18px;left:18px;right:16px;padding:0;border:0;box-shadow:none;background:none;color:#fff8ed;font:28px/1.1 var(--serif,Georgia,serif);transform:none;letter-spacing:-.025em}
.mission-option:hover .mission-area-card{transform:none;border-color:#bca6c8}
.mission-option:hover .mission-area-card span{background-color:transparent;transform:none}
.mission-option:hover .mission-area-card .mission-art{transform:translateY(-50%)}
.mission-option input:checked+.mission-area-card{border-color:#ebd29b;box-shadow:inset 0 0 0 2px #ebd29b;background:#30203c}
.mission-option input:checked+.mission-area-card::after{content:'✓';position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:#ebd29b;color:#21152d;display:grid;place-items:center;font:18px/1 Arial,sans-serif}
.mission-primary,.mission-secondary{min-height:48px}
.mission-actions{margin-top:20px}
.is-area .mission-stage>p:not(.mission-label):not(.mission-status){font-size:14px;margin:0;line-height:1.4}
.is-area .mission-status:empty{display:none}
.mission-dialog button:focus-visible{outline-offset:-5px}
.mission-main .mission-fields textarea:focus-visible,.mission-main .mission-fields input:focus-visible{outline-offset:3px}
@media(max-width:700px){
 .mission-top{padding:8px 16px;gap:9px}.mission-brand-icon{width:26px;height:26px}.mission-top .mission-label,.is-quick .mission-top .mission-label{font-size:11px;max-width:none;letter-spacing:.035em}.mission-close{padding:8px 0}
 .mission-main,.is-quick .mission-main{padding:18px 18px 20px}.mission-main h2{font-size:32px;margin:8px 0 16px;line-height:1.1}
 .mission-map{gap:8px;padding:12px 18px}.mission-map span{flex-direction:row;gap:6px;font-size:14px}.mission-map b{width:24px;height:24px;font-size:12px}
 .mission-entry-choices{grid-template-columns:1fr;gap:12px;margin-top:18px}.visual-entry-card{height:172px;min-height:172px;padding:0}
 .visual-entry-copy{left:18px;bottom:15px;gap:5px}.visual-entry-copy strong{font-size:29px}.visual-entry-copy>span{font-size:16px}
 .mission-area-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.mission-option .mission-area-card{height:148px;padding:0}
 .mission-area-card .mission-area-caption{font-size:22px;left:12px;right:10px;bottom:13px;line-height:1.1}
 .is-area .mission-actions{margin-top:16px}.is-area .mission-primary{width:100%}.mission-footer{padding:6px 14px;min-height:46px}.mission-footer .mission-skip{font-size:14px}
 .mission-entry-stage>p:last-child{margin-top:12px}
}
@media(max-width:359px){.mission-map span{font-size:12px}.mission-area-card .mission-area-caption{font-size:20px}.mission-top .mission-label{font-size:10px}.mission-area-options{gap:8px}}
@media(prefers-reduced-motion:reduce){.mission-option .mission-area-card{transition:none}}

/* One-minute missions share the illustrated card language. */
.quick-selection>.mission-label{display:none}
.quick-selection>p{margin:0;font-size:15px}
.quick-visual-card{position:relative;height:280px;padding:0;overflow:hidden;display:block}
.quick-visual-card:hover{background-color:#30203c;border-color:#d7b875}
.quick-card-copy{position:absolute;left:18px;right:16px;bottom:18px;display:flex;flex-direction:column;gap:7px}
.quick-card .quick-card-copy strong{display:block;font-size:28px;color:#fff8ed}
.quick-card .quick-card-copy>span{display:block;font-size:15px;line-height:1.35;color:#f8f3ea}
.quick-card .quick-card-copy small{font-size:11px;letter-spacing:.065em}
.quick-scene{position:relative;height:170px;overflow:hidden;border:1px solid #806c8a;border-radius:10px}
.quick-scene .mission-art-window::after{background:linear-gradient(90deg,#21152d44,#21152d00,#21152d44)}
.quick-play-stage .quick-instruction{font-size:26px;line-height:1.3;margin:20px 0 12px}
.quick-running .quick-scene{height:110px}
.quick-running .quick-clock{border:0;margin:18px 0;padding:0;gap:18px}
.quick-running .quick-clock>span{display:grid;place-items:center;width:116px;height:116px;border:2px solid #d7b875;border-radius:50%;font-size:40px;background:#d7b8750c;flex:none}
.quick-running .quick-clock small{font-size:12px;letter-spacing:.08em}
@media(max-width:700px){
 .quick-cards{margin:18px 0 12px;gap:10px}
 .quick-visual-card{height:130px;min-height:130px;padding:0}
 .quick-visual-card>.mission-art-window{right:auto;width:100px}
 .quick-visual-card>.mission-art-window::after{background:linear-gradient(90deg,#21152d00 60%,#30203c)}
 .quick-card-copy{left:112px;right:12px;bottom:auto;top:50%;transform:translateY(-50%);gap:5px}
 .quick-card .quick-card-copy strong{font-size:24px}
 .quick-card .quick-card-copy>span{font-size:14px;line-height:1.3}
 .quick-selection .quick-switch{font-size:14px;margin-top:16px}
 .quick-scene{height:120px}
 .quick-play-stage .quick-instruction{font-size:23px;margin:16px 0 10px}
 .quick-play-stage>p:not(.mission-label):not(.quick-instruction){font-size:14px;line-height:1.4}
 .quick-play-stage .mission-actions{gap:10px;margin-top:18px}
 .quick-running .quick-scene{height:84px}
 .quick-running .quick-clock>span{width:94px;height:94px;font-size:34px}
 .quick-running .quick-clock{margin:14px 0}
}
/* Suggested actions stay editable, with a date shortcut rather than a blank start. */
.mission-suggestions{display:grid;gap:8px;margin:14px 0 0}
.mission-suggestion{font:16px/1.4 var(--sans);text-align:left;background:#30203c;color:#fff8ed;border:1px solid #806c8a;border-radius:7px;padding:12px 15px;min-height:48px}
.mission-suggestion:hover{border-color:#d7b875}
.mission-suggestion[aria-pressed="true"]{border-color:#ebd29b;background:#493052;box-shadow:inset 3px 0 #ebd29b}
.mission-fields .own-action{font-size:14px;text-decoration:underline;text-underline-offset:4px;margin-top:8px;padding-left:0;min-height:44px}
.mission-date-choices{display:flex;gap:10px;margin-bottom:12px}
.mission-date-choices button{min-width:100px}
.mission-date-choices button[aria-pressed="true"]{background:#493052;border-color:#ebd29b}
.mission-main .mission-resume-note{font-size:14px;color:#ebd29b;margin-top:10px}
.mission-status:empty{display:none}
@media(max-width:700px){.mission-suggestion{padding:12px;font-size:16px}.mission-fields label{margin-top:16px}.mission-fields textarea{padding:12px}.mission-map{gap:6px}.mission-top .mission-label,.is-quick .mission-top .mission-label{font-size:12px}.mission-main .mission-fields+p{font-size:14px}.mission-actions{gap:10px}}
.mission-dialog:not(.is-quick) .mission-stage>.mission-label{display:none}

/* Match the homepage one-minute invitation inside the mission selector. */
.one-minute-entry-art .mission-art{inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;background-image:url('/mission-one-minute.png');background-size:cover;background-position:center top}
.one-minute-entry-art::after{background:linear-gradient(180deg,transparent 25%,#1a112455 45%,#1a1124ed 75%,#1a1124 100%)}
.one-minute-entry-art+.visual-entry-copy strong,.one-minute-entry-art+.visual-entry-copy>span{color:#fff8ed;text-shadow:0 1px 3px #0008}

/* Featured mission and three quiet, optional-writing-free prompts. */
.repeat-stage .repeat-question,.mission-stage>.repeat-question{font:400 27px/1.35 Georgia,serif;color:#f5f3ed}
.repeat-options{display:grid;gap:10px;margin:24px 0}
.repeat-options button{text-align:left;width:100%;min-height:48px}
.repeat-options button[aria-pressed=true]{background:#e9cf94;color:#25172e;border-color:#e9cf94}
.repeat-stage button:disabled{opacity:.5;cursor:default}
@media(max-width:600px){.repeat-stage .repeat-question{font-size:24px}}

/* All four missions use the same numbering, image area and readable copy. */
.quick-selection-heading{display:flex;align-items:center;gap:18px;margin-bottom:14px}
.quick-selection-heading h2{margin:0;font-size:40px;line-height:1.08}
.quick-hourglass{display:block;width:88px;height:64px;overflow:hidden;border-radius:8px;flex:none}
.quick-hourglass img{display:block;width:100%;height:auto}
.quick-selection .quick-cards{grid-template-columns:1fr 1fr;gap:14px}
.quick-cards .mission-choice-card{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;min-height:150px;margin:0;padding:12px;text-align:left;background:#30213d;color:#fff8ed;border:1px solid #806c8a;border-radius:10px;overflow:hidden}
.quick-cards .mission-choice-card:hover{background:#3b294a;border-color:#e9cf94}
.quick-cards .repeat-feature{border:2px solid #e9cf94;padding:11px}
.mission-choice-card>img,.mission-choice-card>.mission-art-window{position:relative;display:block;inset:auto;width:92px;height:92px;overflow:hidden;border-radius:6px;object-fit:cover}
.mission-choice-card>.mission-art-window::after{display:none}
.mission-choice-card .mission-choice-copy{position:static;display:flex;flex-direction:column;gap:7px;min-width:0}
.mission-choice-card .mission-choice-copy small{font:11px/1.3 Arial,sans-serif;letter-spacing:.04em;color:#e9cf94}
.mission-choice-card .mission-choice-copy strong{font:400 26px/1.1 Georgia,serif;color:#fff8ed}
.mission-choice-card .mission-choice-copy>span{font:14px/1.35 Arial,sans-serif;color:#f5f3ed}
.quick-cards .mission-choice-card:focus-visible{outline:3px solid #f5f3ed;outline-offset:-5px}
@media(max-width:700px){
 .quick-selection-heading{gap:14px;margin-bottom:12px}.quick-selection-heading h2{font-size:30px;margin:0}.quick-hourglass{width:76px;height:56px}
 .quick-selection .quick-cards{grid-template-columns:1fr;gap:10px}
 .quick-cards .mission-choice-card{grid-template-columns:76px minmax(0,1fr);min-height:110px;gap:12px;padding:10px}
 .quick-cards .repeat-feature{padding:9px}
 .mission-choice-card>img,.mission-choice-card>.mission-art-window{width:76px;height:80px}
 .mission-choice-card .mission-choice-copy strong{font-size:24px}
}
