/* An island to explore, with the existing character artwork and save system. */
:root {--bg:#eaf6f7;--primary:#183f45;--purple:#4c559d;--purple-soft:#e9eafa;--green:#287548;--gold:#f3bd4b;}
body {background:linear-gradient(#eaf6ff,#e9f5ef);}
.jj-header {background:#fffef9;border-bottom:1px solid #cbdde0;}
.jj-main {max-width:1180px!important;width:100%;}
.jj-screen__lead {font-family:var(--font-kid);color:#173f48;letter-spacing:-.03em;}
.jj-nest {max-width:1080px!important;background:transparent;box-shadow:none;border:0;}
.jj-nest-hero {max-width:240px;margin:auto;}
.jj-nest__mascot {max-height:150px;width:auto;margin:auto;}
.jj-nest-ambient {display:none;}
.jj-nest__greeting {font-size:1.25rem;}
.jj-island {position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:28px;margin:24px 0;background:radial-gradient(ellipse at 50% 60%,#d0e8af 0 55%,#b9deb0 56% 65%,#a4dbe3 66% 72%,#c5ebf0 73%);border:3px solid white;border-radius:40px;box-shadow:0 10px 30px #164b5310;}
.jj-island-heading {grid-column:1/-1;display:grid;gap:4px;text-align:center;padding:8px;color:#173f48;}
.jj-island-heading>span {font-size:1.7rem;font-weight:900;}
.jj-island-heading strong {font-weight:500;font-size:1rem;}
.jj-island-stop {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:174px;padding:18px 10px;background:#fffdf3;border:2px solid #8dbb84;border-bottom-width:6px;border-radius:26px;color:#183f45;box-shadow:0 8px 0 #345c3520;transition:transform .15s;}
.jj-island-stop>span {font-size:3rem;line-height:1.2;}
.jj-island-stop strong {font-size:1.15rem;}
.jj-island-stop small {font-size:.875rem;}
.jj-island-stop:hover {transform:translateY(-4px);}
.jj-stop-fossil {background:#fff0d9;border-color:#d0b17d;}
.jj-stop-art {background:#f1edff;border-color:#b2a5d5;}
.jj-stop-story {background:#ffe8d8;border-color:#d7aa8f;}
.jj-movement {padding:20px;border:2px dashed #92babb;border-radius:20px;background:#fffdf5;text-align:left;}
.jj-movement p {margin:6px 0;font-size:1rem;}
.jj-growth {margin-bottom:20px;text-align:left;}
.jj-growth label {display:block;font-weight:700;margin:12px 0 6px;}
.jj-growth select,.jj-growth input {width:100%;padding:14px;font:inherit;border:1px solid #91b1b8;border-radius:12px;min-height:48px;}
.jj-growth p {font-size:1rem;}
.jj-growth button {margin-top:16px;}
.jj-game-grid {grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.jj-game-card {border-radius:22px;box-shadow:0 5px 0 #183f4510;min-height:140px;}
.jj-fossil-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:720px;margin:24px auto;}
.jj-fossil {min-height:110px;border:3px solid #c5a377;border-radius:22px;background:#e6c99f;color:#503e29;font-size:3rem;box-shadow:0 5px 0 #ac865c;}
.jj-fossil.is-open {background:#fff4dc;}
.jj-fossil.is-found {background:#daf2c8;border-color:#74a75a;opacity:1;box-shadow:none;}
.jj-trail-eggs {font-size:clamp(2rem,7vw,4rem);line-height:1.5;padding:30px;margin:20px 0;border-radius:28px;background:#e0efca;max-width:700px;}
.jj-trail-options {display:flex;gap:20px;justify-content:center;}
.jj-trail-options button {min-width:80px;min-height:80px;font-size:2rem;}
#trail-feedback,#fossil-prompt {font-size:1.2rem;min-height:2rem;}
@media(max-width:600px){.jj-island{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:14px;border-radius:28px;}.jj-island-stop{min-height:160px;}.jj-island-stop strong{font-size:1rem;}.jj-island-stop small{font-size:.875rem;}.jj-island-heading>span{font-size:1.4rem;}.jj-fossil-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}.jj-fossil{min-height:88px;font-size:2.6rem;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;}}

.jj-screen[data-screen="nest"] {max-width:1100px;}
.jj-screen[data-screen="play"],.jj-screen[data-screen="fossil-discovery-game"],.jj-screen[data-screen="number-trail-game"] {max-width:900px;}
.jj-nest {display:flex;flex-direction:column;}
.jj-nest-hero {order:-3;}
.jj-nest__greeting {order:-2;}
.jj-island {order:-1;}
.jj-nest-hero img {max-height:100px;}
.jj-stats,.jj-egg-meter {margin:16px auto;max-width:500px;width:100%;}
.jj-nav-grid {margin-top:20px;}
.jj-drag-egg[aria-pressed="true"] {outline:5px solid #174e68;outline-offset:5px;}
@media(min-width:900px){.jj-nest{display:grid;grid-template-columns:220px 1fr;column-gap:30px;align-items:start;}.jj-island{grid-column:2;grid-row:1/span 7;margin:0;}.jj-nest-hero{grid-column:1;order:0;}.jj-nest__greeting{grid-column:1;order:0;}.jj-stats,.jj-egg-meter,.jj-nest-last-played,.jj-nest-scene-btn{grid-column:1;}.jj-movement,.jj-nav-grid{grid-column:1/-1;}.jj-nest__greeting{font-size:1.1rem;}.jj-island-stop{min-height:155px;}.jj-island{gap:18px;}}