.account-card{display:flex;align-items:center;gap:16px;background:#e8ecd5;border-radius:20px;padding:16px;margin-bottom:20px}.account-card p{margin:5px 0;font-size:13px}.account-medal{display:grid;place-items:center;min-width:56px;height:56px;background:#f4d17b;border:3px solid #ae873c;border-radius:50%;font-size:27px;font-weight:bold}.biome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.biome-card{overflow:hidden;padding:0 0 16px;display:flex;flex-direction:column;gap:8px;border-radius:20px;border:3px solid #b9c79c;background:#edf0de;text-align:left}.biome-card.selected,.class-card.selected{border-color:#cf6b8a;background:#fff0e5}.biome-card b,.biome-card small,.biome-card span{margin:0 12px}.biome-card small{min-height:36px;line-height:1.4}.biome-card span{font-size:11px;font-weight:bold;color:#7c7853}.biome-picture{width:100%;height:auto;display:block}.biome-card:disabled{opacity:.78}.class-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}.class-card{display:flex;flex-direction:column;gap:10px;padding:14px 10px;border:2px solid #bdcaaa;border-radius:16px;background:#e9efdc;text-align:left}.class-card i{font-size:30px;color:#9b7850}.class-card small{font-size:11px;line-height:1.5;flex:1}.class-card span{font-size:10px;font-weight:bold}.expedition-note{padding:20px;background:#eef0db;border-radius:18px;margin:20px 0;line-height:1.6}.expedition-note button{margin:4px}.index4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.index4-card{border:2px dashed #b0b89e;background:#e7eadc;border-radius:17px;display:flex;flex-direction:column;align-items:center;padding:8px;gap:6px;min-height:180px}.index4-card.found{border:2px solid #8bb277;background:#f5f4d8}.index4-card canvas{width:100%;height:105px;object-fit:contain}.index4-card b{font-size:13px}.index4-card small{font-size:10px}.index-bug{height:105px;display:grid;place-items:center;font-size:60px;color:var(--bug-color)}#profile-level{font-size:11px;color:#806b3e}.ecology-banner{position:absolute;top:109px;left:50%;transform:translateX(-50%);font-size:11px;background:#e8f8dded;padding:7px 12px;border-radius:12px;max-width:38vw;text-align:center;pointer-events:none}.menu-links{max-width:510px}.menu-links button{padding:4px 2px}.menu-save{max-width:500px}@media(max-width:680px){.biome-grid{grid-template-columns:1fr}.biome-card{display:grid;grid-template-columns:112px 1fr;gap:4px;padding:0 8px 10px 0}.biome-picture{grid-row:1/5;height:100%;object-fit:cover}.biome-card b{margin-top:12px}.class-grid{grid-template-columns:1fr 1fr}.class-card:first-child{grid-column:1/-1}.index4-grid{grid-template-columns:1fr 1fr}.ecology-banner{top:191px;max-width:80vw;width:80vw;font-size:9px}.rank{top:236px}.menu-links{gap:2px}.menu-links button{font-size:11px}.menu-links span{padding:2px 4px;margin-left:3px}} 
@media(max-width:680px){.menu-links{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;bottom:52px}.menu-links button{min-height:44px;font-size:12px;text-align:left}.jumbo{bottom:151px;font-size:21px}.hero-label{bottom:252px}}
