/* Strange Connections: mobile controls remain in their familiar flow. */
.pursuit-invitation{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0;color:#d7bfdc}
.personal-shelf{margin-block:24px 30px;padding:22px;background:radial-gradient(ellipse at 65% 20%,#76506a45,transparent 70%),#251b30;border:1px solid #b591be55;border-radius:20px}
.personal-shelf h2{margin:6px 0}.personal-shelf .section-heading{align-items:start;flex-wrap:wrap}
.display-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.display-item{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:transparent;border:0;color:#f9eddf;padding:0 0 12px;cursor:pointer}
.display-item img{width:min(100%,192px);height:auto;aspect-ratio:1;object-fit:cover;border:2px solid #c9a57488;border-radius:14px;box-shadow:0 12px 24px #0a071e66}
.display-item b{font-size:13px;line-height:1.5;max-width:23ch}.display-item small{font-size:11px;color:#cbb3d1;line-height:1.5;max-width:25ch}
.display-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.display-pick{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid #b48bcc66;background:#34243e;color:#fff0e5;border-radius:12px;min-width:0;cursor:pointer}.display-pick[aria-pressed=true]{border-color:#ebcd91;box-shadow:inset 0 0 0 1px #ebcd91}.display-pick img{width:72px;height:72px;object-fit:cover;border-radius:8px}.display-pick b{font-size:12px;line-height:1.4}.display-pick small{font-size:11px;color:#dbc4e3}.display-manager .personal-shelf{padding:14px}.display-manager .personal-shelf .section-heading>.actions{display:none}
.condition-picker{margin:18px 0;padding:14px 16px;border:1px solid #b094c255;border-radius:12px;background:#1c132477}.condition-picker>summary{cursor:pointer;min-height:30px;color:#e8cfa2;font-weight:600}.condition-picker label{margin-top:14px}.condition-picker select{width:100%}.condition-picker p{line-height:1.65}.condition-picker>details{margin-top:14px}.condition-picker>details p{font-size:12px}
.condition-notice{display:flex;flex-direction:column;gap:7px;border-left:3px solid #d2b781;padding:14px 18px;background:#34253d;margin:18px 0;font-size:13px;line-height:1.6}.condition-notice b{color:#e8d29e}
.inspection-lead{border-left:3px solid #ddba83;padding:16px;background:#4a324355;margin-block:20px}.inspection-lead h3{font-size:17px;margin:8px 0}.inspection-lead p{font-size:13px}
.case-cover{float:right;width:88px;height:88px;margin:0 0 14px 14px;object-fit:cover;border-radius:12px;border:1px solid #b38fc377}.case-file>.actions{clear:both}.case-memento{border-radius:14px;max-width:100%;height:auto;margin-top:16px}.case-scene{width:100%;max-width:400px;height:auto;aspect-ratio:1;object-fit:cover;border-radius:18px;margin:18px auto;display:block;border:1px solid #b795c466}.case-story{min-width:0}.case-story .event-choices{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.case-story .choice{min-height:76px;white-space:normal}.case-story .case-speaker{align-items:center}.case-event .case-portrait{object-fit:cover}
.connections-challenges{margin-block:42px}.challenge-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.challenge-card{display:flex;flex-direction:column;align-items:start;gap:10px}.challenge-card p{font-size:13px;line-height:1.65;margin:0}.challenge-card small{line-height:1.6}.challenge-card>.button{margin-top:auto}.challenge-earned{border-color:#b5c7a066!important}.challenge-awards{padding:20px;border:1px solid #c6aa73;border-radius:14px;background:#52452d44;margin:24px 0}.challenge-awards p{margin:8px 0;font-size:13px}
.pursuit-options{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-block:24px}.pursuit-options article{padding:18px;border:1px solid #bd97ce55;border-radius:14px;background:#30213a}.pursuit-options article h3{margin-top:0}.pursuit-options article small{display:block;margin-top:14px;line-height:1.6}.pursuit-options select{width:100%;margin-bottom:12px}
.battle-stage{position:relative}.card-departure{position:absolute;bottom:70px;left:45%;width:64px;height:64px;pointer-events:none;z-index:8;animation:card-to-pile .65s ease-out both}.card-departure img{width:100%;height:100%;border-radius:8px;border:1px solid #d5b789;box-shadow:0 8px 24px #0008}.card-departure.to-exhaust{animation-name:card-to-exhaust}
@keyframes card-to-pile{0%{opacity:0;transform:translateY(0) rotate(-8deg) scale(1)}20%{opacity:1;transform:translateY(-36px) rotate(0) scale(1.1)}100%{opacity:0;transform:translate(150px,45px) rotate(12deg) scale(.3)}}
@keyframes card-to-exhaust{0%{opacity:0;transform:translateY(0) scale(1)}25%{opacity:1;filter:brightness(1.4);transform:translateY(-40px) scale(1.08)}100%{opacity:0;filter:brightness(.6);transform:translate(-130px,40px) rotate(-15deg) scale(.2)}}
@media(min-width:700px){.challenge-grid,.pursuit-options{grid-template-columns:repeat(2,minmax(0,1fr))}.display-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.display-items{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1100px){
 #main>.album-goal{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 28px;margin:0 0 30px;padding:24px 28px;border:1px solid #c49b8055;border-radius:18px;background:linear-gradient(120deg,#49313b88,#2d203d88);box-shadow:none}
 #main>.album-goal>span,#main>.album-goal>b,#main>.album-goal>progress,#main>.album-goal>small{grid-column:1}
 #main>.album-goal>.actions{grid-column:2;grid-row:1/5;align-self:center;max-width:340px;justify-content:flex-end}
 #main>.personal-shelf{padding:30px 32px;border-inline:0;border-radius:0;background:radial-gradient(ellipse at 60% 40%,#84608622,transparent 75%)}
 .personal-shelf .display-items{gap:32px;margin:30px 0 12px}.display-item img{width:180px}.display-item b{font-size:14px}.display-item:nth-child(odd) img{transform:rotate(-3deg)}.display-item:nth-child(even) img{transform:rotate(3deg)}
 .illustrated-case{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:22px 32px;align-items:start;max-width:1200px;margin-inline:auto}.illustrated-case>.eyebrow{grid-column:1/-1}.illustrated-case>.case-scene{grid-column:1;grid-row:2;margin:0;max-width:100%;position:sticky;top:24px}.illustrated-case>.case-story{grid-column:2;grid-row:2}.illustrated-case .case-story h1{font-size:32px!important}.illustrated-case .case-speaker{margin-top:0}.illustrated-case .case-story>p{font-size:14px;line-height:1.8}
 .challenge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-grid{gap:24px}.case-file{padding:24px!important}.case-cover{width:110px;height:110px}.case-file>p{font-size:13px;line-height:1.75}
 .combat-feedback{min-height:48px;line-height:1.6;font-size:13px;padding:10px 4px}.deck-current{align-self:start}.deck-current .deck-settings{background:#231a2d77;padding:12px;border-radius:10px}
}
@media(min-width:1400px){#dialog.collection-inspection[open]{position:fixed;inset:12px 12px 12px auto;margin:0;width:min(640px,48vw);height:calc(100% - 24px);max-height:calc(100% - 24px);border-radius:22px}#dialog.collection-inspection::backdrop{background:#0a06154d;backdrop-filter:none}#dialog.collection-inspection .inspect-layout{grid-template-columns:minmax(0,1fr)}#dialog.collection-inspection .inspection-card{width:220px;margin-inline:auto}#dialog.collection-inspection .inspect-layout>div:first-child{text-align:center}}
@media(min-width:1100px) and (hover:hover) and (pointer:fine){.display-item:hover img,.display-item:focus-visible img{transform:translateY(-6px) rotate(0);box-shadow:0 18px 28px #08041499;transition:transform .2s,box-shadow .2s}}
@container oddfoil-main (max-width:820px){#main>.album-goal{display:block}#main>.album-goal>.actions{justify-content:flex-start;max-width:none;margin-top:16px}.illustrated-case{grid-template-columns:minmax(0,1fr)}.illustrated-case>.case-story,.illustrated-case>.case-scene{grid-column:1;grid-row:auto;position:static}.illustrated-case>.case-scene{max-width:360px;margin:auto}.challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-shelf .display-items{gap:18px}}
@media(prefers-reduced-motion:reduce){.card-departure{display:none!important}.display-item img{transform:none!important;transition:none!important}}
[data-motion=reduced] .card-departure,[data-speed=instant] .card-departure{display:none!important}[data-motion=reduced] .display-item img,[data-speed=instant] .display-item img{transform:none!important;transition:none!important}
@media(min-width:1100px){
 #main>.collection-grid>.collection-slot{width:100%;max-width:240px;justify-self:center}
 #main>.album-goal{align-content:start;grid-template-rows:auto auto 8px auto;min-height:0}
 #main>.album-goal>progress{height:6px;margin:0}
 #main>.album-goal>small{line-height:1.65}
 #main>.album-goal>p{grid-column:1/-1;margin:4px 0 0}
}
@media(min-width:1400px){
 #dialog.collection-inspection .inspect-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:start}
 #dialog.collection-inspection .inspection-card{width:180px;max-width:100%}
 #dialog.collection-inspection .inspect-layout>div:first-child{position:sticky;top:10px}
 #dialog.collection-inspection .inspect-layout h2{font-size:25px;line-height:1.25}
 #dialog.collection-inspection .inspect-layout>div:first-child>.button{margin:8px 0 0;min-height:44px;width:100%}
}
@media(min-width:1100px){
 .deck-current{display:flex;flex-direction:column;gap:12px}
 .deck-current>#deck-count{order:0;margin:0}
 .deck-current>.deck-settings{order:1;margin:0}
 .deck-current>.deck-analysis{order:2;margin:0}
 .deck-current>details:not(.deck-settings):not(.deck-analysis){order:3}
 .deck-current>small{order:4}
}