/* Imagegen raster characters and the existing candy atlas share the pixel world. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.discovery-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px 10px;background:#20172f;border-top:1px solid #634867}
.discovery-strip p{margin:0;color:#f6dfa8;font-size:12px;line-height:1.65}
.discovery-strip p>span{color:#ffe291;font-size:19px;vertical-align:middle;margin-right:5px}
.discovery-strip p small{display:block;color:#c1aacd;font-size:10px;padding-left:26px}
#eggJournalBtn{display:flex;align-items:center;gap:10px;min-height:44px;flex-shrink:0;border:2px solid #b3875b;background:#3b2945;color:#ffebba;font-size:12px;padding:8px 12px;cursor:pointer;box-shadow:3px 3px 0 #120d1f}
#eggJournalBtn b{color:#cbe7b3;font-size:12px;font-family:monospace;white-space:nowrap}
#eggJournalBtn:hover{background:#553552;border-color:#ffe098}
.egg-layer{position:absolute;inset:0;z-index:12;pointer-events:none}
.egg-spark{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);width:72px;min-height:62px;display:grid;justify-items:center;align-content:center;gap:1px;padding:1px 4px;border:0;background:transparent;cursor:pointer;color:#fff8c0;isolation:isolate}
.egg-spark:before{content:"";position:absolute;inset:2px 7px 9px;z-index:-1;border-radius:50%;background:radial-gradient(circle,#ffe38770, #ed9f4322 40%,transparent 72%);animation:egg-glow 2.3s ease-in-out infinite}
.egg-spark>span{font:bold 36px/1 monospace;text-shadow:0 0 8px #ffc64b,2px 2px #80501c;animation:egg-twinkle 2.3s ease-in-out infinite}
.egg-spark small{color:#fff0b9;background:#241632eF;border:1px solid #d5ad6d;padding:3px 6px;font-size:10px;white-space:nowrap;box-shadow:2px 2px #120c23}
.egg-spark:hover>span{color:white}.egg-spark:focus-visible{outline:3px solid #fff0a9;outline-offset:3px}
.egg-spark.discovered small{border-color:#a4c389;color:#e1efc3}
.egg-spark.discovered>span{color:#ffe8a0}
.egg-visitor{position:absolute;z-index:2;pointer-events:auto;width:218px;left:clamp(115px,var(--egg-x),calc(100% - 115px));top:clamp(180px,var(--egg-y),calc(100% - 180px));transform:translate(-50%,-50%);cursor:default;animation:egg-appear .25s ease-out}
.egg-character{display:block;width:208px;height:208px;margin:-12px auto -12px;object-fit:contain;image-rendering:pixelated;user-select:none;filter:drop-shadow(0 8px 4px #110b3677)}
.egg-close{position:absolute;z-index:2;right:0;top:12px;display:grid;place-items:center;width:44px;height:44px;border:2px solid #c79875;background:#251934ee;color:#ffefbb;font-size:24px;cursor:pointer;box-shadow:3px 3px #160c2a}
.egg-close:hover{background:#694056}
.egg-speech{position:relative;background:#fff0cb;color:#31223e;border:3px solid #382447;padding:10px 12px;box-shadow:4px 4px #12091f9c;text-align:left;line-height:1.5}
.egg-speech:before{content:"";position:absolute;top:-11px;left:calc(50% - 8px);width:12px;height:12px;background:#fff0cb;border-left:3px solid #382447;border-top:3px solid #382447;transform:rotate(45deg)}
.egg-kicker{position:relative;display:block;font-size:10px;color:#78513a;margin-bottom:3px}
.egg-speech b{font-size:15px}.egg-line{font-size:12px;margin:4px 0 2px;line-height:1.65}
.egg-more{background:none;border:0;border-top:1px dashed #a17a59;color:#68424f;font-size:11px;font-weight:700;cursor:pointer;width:100%;min-height:44px;margin:5px 0 -6px;text-align:right}
.egg-more:hover{text-decoration:underline}
.egg-journal{width:min(650px,100%)}
.egg-journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.egg-entry{display:flex;flex-direction:column;align-items:center;min-width:0;padding:10px;border:2px dashed #806891;background:#211932;color:#ebdced;text-align:center;cursor:pointer;gap:5px}
.egg-entry:hover,.egg-entry:focus-visible{border-color:#ffdb87;background:#382441}
.egg-entry.found{border-style:solid;border-color:#a77d6a;background:#322039}
.egg-entry>img,.egg-unknown{width:94px;height:94px;object-fit:contain;image-rendering:pixelated}
.egg-unknown{display:grid;place-items:center;color:#f5d89d;font-size:36px;background:radial-gradient(circle,#84623255,transparent 68%)}
.egg-entry b{font-size:12px;color:#ffe4b4}.egg-entry>span:not(.egg-unknown){font-size:11px;color:#c5b5d2;line-height:1.65;flex:1}.egg-entry small{font-size:10px;color:#dedaa5;line-height:1.6;margin-top:6px}
.click-candy-layer{position:fixed;inset:0;z-index:90;pointer-events:none;overflow:hidden;contain:strict}
.click-candy{position:absolute;display:block;width:var(--size);height:var(--size);margin:-16px 0 0 -16px;filter:hue-rotate(var(--hue));animation:candy-sprinkle 1s both;will-change:transform,opacity;pointer-events:none}
@keyframes candy-sprinkle{0%{opacity:1;transform:translate(0,0) rotate(0deg) scale(.5);animation-timing-function:cubic-bezier(.15,.7,.4,1)}40%{opacity:1;transform:translate(var(--half-x),var(--rise)) rotate(90deg) scale(1);animation-timing-function:cubic-bezier(.5,0,.85,.45)}100%{opacity:0;transform:translate(var(--dx),var(--drop)) rotate(var(--turn)) scale(.65)}}
@keyframes egg-twinkle{0%,100%{transform:scale(.88);text-shadow:0 0 7px #ffce65,2px 2px #80501c}50%{transform:scale(1.12);text-shadow:0 0 18px #ffe894,2px 2px #80501c}}
@keyframes egg-glow{0%,100%{opacity:.55;transform:scale(.88)}50%{opacity:1;transform:scale(1.2)}}
@keyframes egg-appear{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
body.reduce-motion .click-candy-layer{display:none}
@media(max-width:700px){
 .discovery-strip{padding:7px 8px;gap:6px}.discovery-strip p{font-size:11px}.discovery-strip p small{font-size:9px;padding-left:0}#eggJournalBtn{padding:6px 8px;gap:5px;font-size:11px}#eggJournalBtn b{font-size:11px}
 .place-stage .egg-visitor{width:196px;left:clamp(101px,var(--egg-x),calc(100% - 101px));top:50%;transform:translate(-50%,-50%)}
 .place-stage .egg-character{width:124px;height:124px;margin:-6px auto -16px}
 .place-stage .egg-close{top:0;width:44px;height:44px}
 .place-stage .egg-speech{padding:7px 10px;border-width:2px}.place-stage .egg-kicker{font-size:9px;margin-bottom:0}.place-stage .egg-speech b{font-size:13px}.place-stage .egg-line{font-size:11px;line-height:1.45;margin:2px 0}.place-stage .egg-more{min-height:44px;margin:2px 0 -5px}
 .egg-spark{width:64px;min-height:58px}.egg-spark>span{font-size:30px}
 .egg-journal-grid{grid-template-columns:repeat(2,1fr);gap:8px}.egg-entry{padding:7px}.egg-entry>img,.egg-unknown{height:76px;width:76px}.egg-entry b{font-size:12px}
}
@media(max-width:360px){
 .place-stage .egg-visitor{display:grid;grid-template-columns:86px 1fr;align-items:center;width:calc(100% - 12px);left:50%;top:50%}
 .place-stage .egg-character{width:86px;height:100px;margin:0 0 40px}
 .place-stage .egg-close{top:auto;bottom:0;left:20px;right:auto}
 .place-stage .egg-speech:before{display:none}
 .discovery-strip p>span{margin-right:0}.discovery-strip p{font-size:10px}
}