/* SecretPixies: three destinations, stable controls, colorful places. */
:root{--pixie-ink:#304f4c;--pixie-gold:#edc66a;--header-height:88px}html{scroll-padding-top:160px}body{color:var(--pixie-ink)}header{height:var(--header-height);background:#fff9eaf5;backdrop-filter:blur(10px)}.brand{color:#3c6259}.brand-mark{color:#a77821}.brand small{letter-spacing:1px}.journey-nav{position:sticky;top:var(--header-height);z-index:19;background:#edf8edfa;box-shadow:0 4px 15px #325c4020;gap:12px;padding:9px 14px}.journey-nav button{font-size:17px;min-height:48px;max-width:230px}.journey-nav button[aria-current=page]{background:linear-gradient(140deg,#317960,#245b64);box-shadow:0 3px 10px #2e625b30}#earth-view{background:linear-gradient(90deg,#fff9e9f0,#f4fbef95 55%,#ddf8ed50);padding:30px 5% 40px;min-height:calc(100svh - 160px);gap:20px}#earth-view .welcome-copy{background:#fffbeddd;border:1px solid #edddab;border-radius:24px;padding:24px;box-shadow:0 10px 30px #7c9a6120}#earth-view h1{font-size:clamp(34px,4vw,58px);line-height:1.1}.welcome-copy p{font-size:16px!important}.welcome-actions{background:#fffbedee;border:1px solid #e4d1a0;padding:22px;border-radius:24px;gap:12px}.welcome-actions button{width:100%;min-width:0!important;justify-content:center!important}.step-label{font-weight:650;font-size:16px;line-height:1.4;color:#3e5b49;margin:0 0 10px}.world-map{grid-template-columns:110px minmax(0,1fr)}.world-legend span{font-size:13px!important}.world-map #communities-open{background:#fff9eacc;text-decoration:none;border-color:#c9dbbd}.kind-shell{max-width:850px!important}#kind-view,#collection-view{padding:30px 16px 45px}#kind-description{font-size:17px;max-width:650px;line-height:1.65}body[data-destination=receive] #kind-view{background-image:linear-gradient(#e8f9f338,#ddf4e660),url('assets/scenery/garden-cinematic.webp');background-size:cover;background-position:center;min-height:calc(100svh - 160px)}body[data-destination=play] #kind-view{background-image:linear-gradient(#fff8e52b,#e4f8e33b),url('assets/scenery/meadow.webp');background-size:cover;background-position:center}.kind-shell{background:#fffbedeF!important;box-shadow:0 15px 50px #365a4230!important;padding:28px!important;border-radius:26px!important}.receive-bed .light-garden{min-height:260px;max-height:330px}.message-flowers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.message-flower{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;background:linear-gradient(150deg,#fff5dd,#f0eafd)!important;border:1px solid #d6b5ce!important;min-height:165px;color:#3d4f60}.message-flower .picture-sprite{width:75px;height:75px;object-fit:contain;filter:drop-shadow(0 4px 8px #cd8fb749)}.message-flower small{font-size:13px;color:#506c65}.message-flower blockquote{font:21px/1.5 Georgia;margin:0;color:#384c53}.message-flower.opened{background:linear-gradient(145deg,#fffae6,#eaf8ef)!important}.receive-actions{display:flex;flex-direction:column;gap:10px}.message-choices button{font-size:16px!important;line-height:1.5;padding:16px!important}.message-choices button[aria-pressed=true]{border:2px solid #407c69;background:#e6f4dd!important;color:#284e40}.fine{font-size:13px!important}button{min-height:48px}button:focus-visible{outline:3px solid #2a6b90;outline-offset:3px}.path-card strong{font-size:20px}.path-card span span{font-size:15px}.path-card img{height:175px}.path-cards{gap:16px}.receive-bed{position:relative}.receive-bed:after{content:'';position:absolute;right:8px;bottom:5px;width:100px;height:150px;background:url('assets/fairy/keeper.webp') bottom/contain no-repeat;pointer-events:none;filter:drop-shadow(0 5px 12px #78589155)}
@media(max-width:700px){:root{--header-height:72px}header{padding:8px 12px}.brand{font-size:20px;gap:6px}.brand small{font-size:7px}.brand-mark{font-size:26px}.journey-nav{gap:7px;padding:7px 10px}.journey-nav button{font-size:16px;padding:8px 4px}#earth-view{padding:16px 12px 24px;gap:14px}.welcome-copy{padding:18px!important;margin:0!important;width:100%}#earth-view h1{font-size:34px;margin:8px 0 12px}.welcome-copy p{font-size:15px!important}.welcome-actions{order:1;padding:16px;width:100%}.world-map{order:2;grid-template-columns:94px minmax(0,1fr);margin:0}.world-legend span{font-size:12px!important}.kind-shell{padding:20px!important}#kind-view,#collection-view{padding:18px 12px 30px}.kind-shell h1{font-size:35px}#kind-description{font-size:16px}.path-card{grid-template-columns:95px 1fr}.path-card img{height:100%;min-height:148px}.message-flowers{grid-template-columns:1fr}.message-flower{display:grid;grid-template-columns:64px 1fr;min-height:104px;text-align:left;padding:14px;column-gap:12px}.message-flower .picture-sprite{grid-row:1/3;width:64px;height:75px}.message-flower blockquote{font-size:19px}.message-flower small{grid-column:2}.receive-bed .light-garden{min-height:245px}#header-lights{padding:5px 8px!important}.brand small{letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Let mobile card descriptions determine their own height, including in Safari. */
@media(max-width:700px){
 .path-cards{grid-template-columns:minmax(0,1fr)}
 .path-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;width:100%;height:auto;max-height:none;white-space:normal}
 .path-card img{display:block;width:100%;height:125px;min-height:0;flex:none;object-fit:cover}
 .path-card>span{display:flex;flex-direction:column;gap:7px;min-width:0;width:100%;height:auto;padding:14px 16px}
 .path-card strong{display:block;line-height:1.3}
 .path-card>span>span{display:block;white-space:normal;overflow:visible;max-height:none;font-size:16px;line-height:1.5;color:#314f44}
}

.received-message{display:flex;flex-direction:column;gap:6px;min-width:0}.received-message .message-flower{width:100%;flex:1}.message-delete{align-self:flex-end;padding:6px 12px;min-height:44px;font-size:14px;color:#694143;background:#fff8ee;border:1px solid #c8b3a0}