body{min-height:100dvh;margin:0}body *{box-sizing:border-box}[hidden]{display:none!important}.atlas-shell{width:min(1130px,100% - 36px);margin:auto;padding-bottom:54px}.trail{color:#66856e;letter-spacing:.11em;justify-content:space-between;align-items:center;gap:12px;margin:19px 3px 16px;font:700 10px system-ui;display:flex}.trail a{color:#32784d;letter-spacing:0;text-decoration:none}.neighbors{gap:6px;display:flex}.neighbors a{background:#fffaf0;border:1px solid #dccdaf;border-radius:50%;place-items:center;width:31px;height:31px;font:16px Georgia,serif;display:grid}.color-hero{background:radial-gradient(circle at 16% 53%,color-mix(in srgb,var(--color) 16%,transparent),transparent 34%),#fff9eef2;border:1px solid #ddcbaa;border-radius:25px;grid-template-columns:190px 1fr;align-items:center;gap:30px;padding:26px 40px;display:grid;box-shadow:0 8px 26px #61533a15}.color-orb{background:radial-gradient(circle at 32% 26%,#fffb,transparent 54%),var(--color);color:#fff9df;text-shadow:0 2px 3px #413a3766;border:9px solid #fffdf6;border-radius:50%;place-items:center;width:166px;height:166px;font:95px Georgia,serif;display:grid;box-shadow:0 0 0 1px #c7b891,0 10px 26px #4d45352b}.eyebrow{color:#438862;letter-spacing:.17em;margin:0;font:700 9px system-ui}.color-hero h1{color:#285640;margin:4px 0;font:500 clamp(42px,5vw,66px) Georgia,serif}.color-hero p:not(.eyebrow){color:#6b7867;max-width:52ch;margin:0;font:17px/1.45 Georgia,serif}.hero-stats{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.hero-stats span{color:#436d52;background:#f1f4e7;border:1px solid #d8dfc4;border-radius:18px;padding:7px 11px;font:700 11px system-ui}.atlas-section{background:#fff9eef2;border:1px solid #e1d1b4;border-radius:22px;margin-top:24px;padding:20px 24px 25px;box-shadow:0 5px 17px #715f3910}.section-heading{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.section-symbol{color:#47835b;background:#edf3e4;border:1px solid #d6d9b1;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font:26px Georgia,serif;display:grid}.section-heading h2{color:#2a5b44;margin:2px 0 4px;font:500 clamp(25px,3vw,34px) Georgia,serif}.section-heading p:last-child{color:#71806d;margin:0;font:14px Georgia,serif}.recipe-gallery{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:13px;display:grid}.recipe-card{background:#fffcf5;border:1px solid #dfd3b6;border-radius:18px;min-width:0;padding:17px}.recipe-title{align-items:start;gap:11px;display:flex}.method-icon{color:#37815a;background:#e9f2df;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font:23px Georgia,serif;display:grid}.recipe-title h3{color:#2d5944;margin:1px 0 3px;font:600 21px Georgia,serif}.recipe-title p,.recipe-card>small{color:#6b796c;margin:0;font:12px/1.4 Georgia,serif}.mix-list{gap:8px;margin:16px 0;display:grid}.mix-row,.transfer-row{justify-content:center;align-items:center;gap:10px;display:flex}.mix-row>b,.transfer-row>b{color:#9a875b;font:19px Georgia,serif}.mix-color{color:#406450;text-align:center;justify-items:center;gap:3px;min-width:56px;font:700 10px system-ui;display:grid}.mix-color i,.transfer-result i{background:radial-gradient(circle at 32% 25%,#ffffff9c,transparent 55%),var(--paint);border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 0 0 1px #5d51392b,0 3px 9px #4a463121}.mix-color.result{color:#2b6d4b}.transfer-row{margin:14px 0}.transfer-row>span:not(.transfer-result){text-align:center;justify-items:center;gap:2px;min-width:75px;max-width:100px;display:grid}.transfer-row img{object-fit:contain;width:69px;height:62px}.transfer-row strong{color:#3d674d;font:600 11px Georgia,serif}.transfer-row small{color:#738271;font:10px Georgia,serif}.transfer-result{justify-items:center;gap:4px;display:grid}.transfer-result i{color:#fff8e6;font:28px/42px Georgia,serif}.species-gallery{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;display:grid}.species-tile{color:#305a44;text-align:center;background:#fffdf7;border:1px solid #dfd4ba;border-radius:16px;flex-direction:column;align-items:center;min-width:0;padding:11px 8px 13px;text-decoration:none;display:flex;box-shadow:0 3px 9px #554e3911}.species-tile:hover{background:#f4f8ed;border-color:#85ad86}.species-tile:focus-visible,.neighbors a:focus-visible,.atlas-bottom a:focus-visible{outline-offset:2px;outline:3px solid #3d9960}.tile-art{place-items:center;width:100%;height:96px;display:grid;position:relative}.tile-art img{object-fit:contain;width:98px;max-width:98%;height:95px}.tile-art i{background:var(--paint);border:2px solid #fffdf7;border-radius:50%;width:21px;height:21px;position:absolute;bottom:5px;right:8px;box-shadow:0 0 0 1px #89846c55}.species-tile strong{font:600 17px Georgia,serif}.species-tile small{color:#63836b;margin-top:5px;font:10px/1.25 system-ui}.species-tile.unavailable{opacity:.7}.quiet-note{color:#657968;background:#f2f2e5;border-radius:14px;margin:0;padding:17px;font:14px Georgia,serif}.club-ribbon{background:#eef4e4;border:1px solid #cfdcbc;border-radius:18px;align-items:center;gap:14px;margin-top:22px;padding:14px 19px;display:flex}.club-ribbon>span{color:#48845a;font:31px Georgia,serif}.club-ribbon h2{color:#315d45;margin:1px 0;font:600 19px Georgia,serif}.club-ribbon p:last-child{color:#637966;margin:0;font:12px Georgia,serif}.club-ribbon a{white-space:nowrap;color:#32784d;margin-left:auto;font:700 11px system-ui}.atlas-bottom{justify-content:space-between;gap:10px;margin:20px 3px;font:700 12px system-ui;display:flex}.atlas-bottom a{color:#32784d}@media (width<=700px){.atlas-shell{width:calc(100% - 22px)}.color-hero{grid-template-columns:92px 1fr;gap:15px;padding:20px}.color-orb{border-width:5px;width:89px;height:89px;font-size:51px}.color-hero h1{font-size:39px}.color-hero p:not(.eyebrow){font-size:13px}.hero-stats span{font-size:9px}.atlas-section{padding:17px 14px}.species-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.trail>span:nth-child(2){display:none}.club-ribbon{flex-wrap:wrap;align-items:flex-start}.club-ribbon a{margin-left:0}}@media (width<=390px){.mix-row,.transfer-row{gap:4px}.mix-color{min-width:48px}.transfer-row>span:not(.transfer-result){min-width:65px}.transfer-row img{width:55px}}