/* Character art: flat shapes, clear colours and a readable silhouette. */
.creature-studio .flat-lapumi{filter:none;width:350px;max-width:90%}.flat-lapumi .pet-eyes{animation:flat-blink 7s infinite;transform-box:fill-box;transform-origin:center}.flat-lapumi .pet-body{animation:breathe 4.5s ease-in-out infinite}.creature-studio{background:#f3f0fa}.creature-studio:before{background:#e9e4f4;border:0;transform:none;inset:auto -10% -80%}.creature-studio:after{display:none}.studio-orbit{border-color:#e3dbef}.studio-label{opacity:.6}.pet-card .portrait{background:#f5eee6!important}.pet-card .portrait.color-1{background:#e7f3e8!important}.pet-card .portrait.color-2{background:#f0eafa!important}.pet-card .portrait.color-4{background:#e6f2fa!important}.pet-card .portrait.color-5{background:#f9e9f0!important}.pet-card .portrait.color-7{background:#e9edf4!important}.pet-card .flat-lapumi{height:100%;width:100%;padding:3px}.portrait-orbit{display:none}.pet-marker{color:#876c9c;background:#fffdf5;border:0}.fancy-mini{background:#f3dc9c!important;color:#8d6627!important;border-color:#e9d3a4!important}.sidebar-discovery strong{font-size:11px}.dev-launch{background:#e9e5ef;padding:8px 12px;border:1px solid #dbd3e5;border-radius:9px;font-size:10px;color:#826b99;display:flex;align-items:center;gap:8px}.dev-launch kbd{font:inherit;font-size:8px;opacity:.7}.special-passport{margin:22px 0}.special-passport .section-head{margin:20px 0 12px}.special-gene{margin:15px 0}.special-gene>strong{display:block;font-size:11px;color:#846e98;margin-bottom:8px}.special-gene>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.gene-slot{border:1px solid #ebe5f0;background:#faf8fd;padding:9px 6px;border-radius:8px;font-size:9px;color:#9c89af;line-height:1.7}.gene-slot>b{display:block;font-size:10px;color:#9f8aaf;margin-bottom:5px}.gene-slot small{font-size:7px;font-weight:400;display:block}.gene-slot.expressed{background:#f0e6fb;border-color:#d7bce8;color:#87659f}.gene-slot.expressed>b{color:#916cae}.fancy-banner{display:flex;gap:13px;align-items:center;background:#fff4cc;border:1px solid #efdfaa;border-radius:13px;padding:14px;color:#9c7834}.fancy-banner>span{font-size:29px}.fancy-banner strong{font-size:12px}.fancy-banner p{font-size:10px;color:#a58c54;margin-top:4px}.special-forecast{margin-top:24px;padding-top:4px;border-top:1px solid #ece3f3}.special-forecast .section-head{margin:15px 0}.fusion-hint{background:#fff6d9;border:1px solid #eee0b7;border-radius:12px;padding:15px;margin-top:15px;color:#a48443}.fusion-hint b{font-size:12px}.fusion-hint p{font-size:11px;margin-top:9px}.fusion-hint small{display:block;font-size:9px;line-height:1.8;margin-top:10px}.atlas-counter{font-size:12px;color:#a084b6;padding:11px 15px;border:1px solid #e7dbee;border-radius:12px;white-space:nowrap}.atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.atlas-card{border:1px solid #e6dfec;border-radius:22px;background:#fffdfb;overflow:hidden}.atlas-card.discovered{border-color:#c6d8ab;box-shadow:0 3px 0 #dbe5cf}.atlas-art{height:227px;position:relative;background:color-mix(in srgb,var(--form-color) 14%,white);display:flex;align-items:center;justify-content:center}.atlas-art .pet-art{width:100%;height:100%;padding:8px}.atlas-tag{position:absolute;top:13px;left:13px;border-radius:7px;background:#fffc;padding:6px 9px;font-size:8px;color:#8a79a0}.atlas-info{padding:20px}.atlas-info h2{font-size:20px;color:#725c87}.atlas-info>p{font-size:10px;line-height:1.9;color:#9d8bac;margin:8px 0 17px;min-height:38px}.atlas-info ul{list-style:none;padding:0;margin:0}.atlas-info li{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eee7f1;padding:9px 0;font-size:9px;color:#ac99b7}.atlas-info li b{font-weight:600;text-align:right;color:#8f73a2}.fusion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fusion-grid .panel{padding:20px}.fusion-grid h3{font-size:14px;margin:13px 0 8px;color:#8d70a3}.fusion-grid p{font-size:10px;line-height:2;color:#a18bb2}.dev-modal{width:min(900px,95vw);padding:28px;max-height:90vh}.dev-heading h2{font-size:26px;margin-top:12px}.dev-heading p{font-size:11px;line-height:1.9}.dev-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:23px 0 18px}.dev-actions button{font-size:11px;line-height:1.8;min-height:52px}.dev-switches{display:flex;gap:20px;flex-wrap:wrap;background:#f4edf9;border:1px solid #e9ddf1;border-radius:12px;padding:15px;font-size:11px;color:#9478a7}.dev-switches label{display:flex;align-items:center;gap:8px}.dev-switches input{accent-color:#9c7ab4}.dev-fancies{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.dev-fancy{border:1px solid #e9e0f0;background:#f6f1fb;border-radius:12px;padding:5px 3px 11px;color:#9679aa;font-size:10px;transition:background .2s}.dev-fancy:hover{background:#eee3f8}.dev-fancy .pet-art{width:100%;height:110px}.dev-live-preview{display:grid;place-items:center;background:#f6f2fa;border-radius:15px;margin:15px 0}.dev-live-preview .pet-art{height:190px;width:220px}.dev-subtitle{font-size:13px;color:#9676ac;margin:26px 0 13px}.dev-gene-row{display:grid;grid-template-columns:115px 1fr;gap:12px;border-top:1px solid #eee6f3;padding:14px 0;align-items:center}.dev-gene-row>strong{font-size:10px;font-weight:600;color:#9982a9}.dev-gene-row>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.dev-gene-row.base>div{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-gene-row label{display:block;color:#ae98bf;font-size:8px;min-width:0}.dev-gene-row select{display:block;max-width:100%;width:100%;padding:9px 5px;border:1px solid #e7dded;border-radius:7px;font-size:10px;background:#fcf9ff;color:#8e6da3;margin-top:5px}.dev-gene-row label:first-child select{background:#f0e6f9;border-color:#dac3e9}.dev-modal .section-head h2{font-size:16px}.dev-modal .field select{font-size:12px}.collection-grid .pet-card.selected{border-color:#ccb1df}.heading .two-actions{margin:0}.heading .two-actions .button{font-size:11px;padding:12px 14px;white-space:nowrap}@keyframes flat-blink{0%,45%,48%,100%{transform:scaleY(1)}46.5%{transform:scaleY(.08)}}@media(max-width:1150px){.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-fancies{grid-template-columns:repeat(3,minmax(0,1fr))}.dev-fancy .pet-art{height:125px}}@media(max-width:600px){.creature-studio .flat-lapumi{width:285px;max-width:95%}.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.atlas-art{height:160px}.atlas-tag{top:8px;left:8px;padding:4px 5px;font-size:6px}.atlas-info{padding:13px}.atlas-info h2{font-size:16px}.atlas-info>p{font-size:8px;min-height:45px;margin:7px 0 12px}.atlas-info li{font-size:7px;padding:8px 0;gap:5px;flex-direction:column}.atlas-info li b{text-align:left;font-size:8px}.atlas-counter{font-size:9px;padding:8px}.fusion-grid{grid-template-columns:1fr}.dev-modal{padding:21px 15px}.dev-actions{gap:8px}.dev-actions button{font-size:9px;padding:10px}.dev-switches{gap:12px;font-size:10px;padding:12px}.dev-fancies{gap:7px}.dev-fancy .pet-art{height:96px}.dev-fancy{font-size:9px}.dev-gene-row{grid-template-columns:1fr;gap:7px}.dev-gene-row>div{gap:5px}.dev-gene-row select{font-size:8px;padding:8px 3px}.dev-gene-row>strong{font-size:10px}.dev-launch{font-size:9px;padding:7px 10px}.dev-launch kbd{display:none}.special-gene>div{grid-template-columns:repeat(2,minmax(0,1fr))}.gene-slot{font-size:9px;padding:9px}.gene-slot small{display:inline}.heading .two-actions{flex-direction:column;gap:5px}.heading .two-actions .button{font-size:8px;min-height:30px;padding:8px 10px}.heading:has(.two-actions){align-items:flex-start}.heading:has(.atlas-counter){gap:12px}.flat-lapumi .pet-body{transform-origin:170px 250px}}@media(prefers-reduced-motion:reduce){.flat-lapumi .pet-eyes,.flat-lapumi .pet-body{animation:none!important}}

.balance-controls{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.balance-controls label{display:grid;gap:6px;flex:1;min-width:160px}.balance-controls input,.balance-controls select{padding:9px;max-width:100%}.balance-table-wrap{overflow:auto;max-height:55vh;border:1px solid #ddd}.balance-table{border-collapse:collapse;width:100%;min-width:760px;font-size:12px}.balance-table th,.balance-table td{padding:10px;text-align:left;border-bottom:1px solid #ddd}.balance-table th{position:sticky;top:0;background:#f6f5ef;z-index:1}.balance-table small{display:block;color:#666;margin-top:4px}.balance-table input{width:74px;padding:6px}.dev-modal details{margin-top:24px;line-height:1.6}.dev-modal summary{cursor:pointer;font-weight:600}