.shop-hero{position:relative;min-height:340px;border-radius:20px;overflow:hidden;border:1px solid #43533a}.shop-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 58%}.shop-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a1b16f2,#0a1b16b5 40%,transparent 90%)}.shop-hero>div{position:relative;z-index:1;padding:42px}.shop-hero h2{font-family:Georgia,serif;font-size:46px;line-height:1.05;margin:15px 0;color:#fff6df;font-weight:400}.shop-hero p{line-height:1.7;color:#e1e7d9;font-size:14px}.shop-hero .button{margin-top:12px}.shop-summary{display:flex;align-items:center;gap:40px;padding:25px 0;border-bottom:1px solid #34473c}.shop-summary>div{display:grid;gap:6px}.shop-summary>div>span{font-size:10px;letter-spacing:1.4px;color:#b4bfaa}.shop-summary b{font-size:24px;color:#e7cb93}.shop-summary p{margin-left:auto;font-size:12px;color:#b0c1b4;line-height:1.7}.shop-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:30px 0}.shop-controls label{display:grid;gap:8px;font-size:11px;color:#c3cdba}.shop-controls input,.shop-controls select{min-width:0;width:100%;padding:13px 15px;background:#13251d;border:1px solid #3d5041;border-radius:9px;color:#eff2df;font:inherit;font-size:14px}.catalog-heading{display:flex;justify-content:space-between;gap:15px;margin:20px 0 12px;font-size:10px;letter-spacing:1px;color:#91aa97}.dino-catalog{display:grid;gap:8px}.dino-row{display:grid;grid-template-columns:30px minmax(200px,1.7fr) 110px 90px auto;gap:20px;align-items:center;padding:18px 20px;background:#14271f;border:1px solid #2e4436;border-radius:12px;transition:background .15s,border-color .15s}.dino-row:hover{background:#1c3326;border-color:#6b7452}.dino-number{font:italic 20px Georgia,serif;color:#6c846c}.dino-name{display:flex;align-items:center;gap:15px;min-width:0}.dino-name h3{font-family:Georgia,serif;font-size:20px;font-weight:400;margin:0 0 4px;color:#f3e8cd;overflow-wrap:anywhere}.dino-name small{font-size:11px;color:#90aa96}.diet-dot{width:9px;height:9px;background:#b7aa64;border-radius:50%;flex:none}.diet-dot.carnivore{background:#bc7868}.diet-dot.herbivore{background:#83ad76}.dino-prices{display:grid;gap:5px;text-align:right}.dino-prices>b{font-size:18px;color:#e9c98c}.dino-prices>b>span{font-size:14px}.dino-prices small{font-size:11px;color:#a3baa8}.dino-prices small b{color:#afc8c4}.dino-prime{border-left:1px solid #38513c;padding-left:20px;display:grid;gap:6px}.dino-prime span{font-size:9px;letter-spacing:1.2px;color:#829c88}.dino-prime b{color:#acccbf;font-size:13px}.dino-row .button{font-size:11px;padding:10px 12px}.shop-economy{margin-top:25px}.economy-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:25px 0}.economy-metrics>div{display:grid;gap:9px}.economy-metrics b{font-size:25px;color:#e8cd95}.economy-metrics span{font-size:12px;color:#a9bfae;line-height:1.6}.shop-detail-prices{display:flex;align-items:center;gap:25px;padding:25px 0}.shop-detail-prices>div{display:grid;gap:10px}.shop-detail-prices small{font-size:10px;color:#93ad9a;letter-spacing:1px}.shop-detail-prices strong{font-size:28px;color:#e7c789}.shop-detail-prices>span{color:#9aaf9c;font-size:12px}.membership-intro{display:flex;gap:40px;align-items:center;margin-bottom:28px}.membership-intro h2{font-family:Georgia,serif;font-size:43px;line-height:1.1;font-weight:400;color:#f1e7d2}.membership-intro>p{max-width:370px;margin-left:auto;color:#a6bda9;line-height:1.8}.membership-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.membership-card{border:1px solid #3a4e3c;background:#14281e;border-radius:18px;overflow:hidden}.membership-card>img{width:100%;height:auto;aspect-ratio:2.3;object-fit:cover;display:block}.membership-card>div{padding:26px}.membership-card h3{font-family:Georgia,serif;font-size:32px;color:#f4e7c9;margin:10px 0}.membership-price{color:#93ae9b;font-size:13px}.membership-price strong{color:#e8cc96;font-size:28px}.membership-wallet{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-block:1px solid #344b37;padding:18px 0;margin:20px 0}.membership-wallet span{display:grid;gap:6px;color:#a3bba8;font-size:12px}.membership-wallet b{font-size:22px;color:#e4ce9f}.membership-card ul{padding-left:20px;color:#b2c8b5;font-size:13px;line-height:1.9;min-height:75px}.membership-card .feature-state{font-size:10px}@media(max-width:1000px){.dino-row{grid-template-columns:20px minmax(150px,1fr) 85px auto;gap:12px;padding:16px}.dino-prime{display:none}.dino-name{gap:9px}.dino-name h3{font-size:18px}}@media(max-width:700px){.shop-hero>div{padding:28px}.shop-hero h2{font-size:35px}.shop-hero{min-height:330px}.shop-controls{grid-template-columns:1fr 1fr}.shop-search{grid-column:1/-1}.shop-summary{gap:24px;flex-wrap:wrap}.shop-summary p{margin:0;width:100%}.dino-row{grid-template-columns:1fr auto;gap:12px}.dino-number{display:none}.dino-row .button{grid-column:1/-1;width:100%}.catalog-heading>span:last-child{display:none}.economy-metrics{grid-template-columns:1fr;gap:20px}.membership-grid{grid-template-columns:1fr}.membership-intro{display:block}.membership-intro>p{margin:0}.membership-intro h2{font-size:34px}}

.patreon-connect{display:flex;align-items:center;gap:24px;margin:22px 0 32px;padding:30px;background:linear-gradient(120deg,#1b2c26,#111d19);border:1px solid #48523c;border-radius:16px}.connect-symbol{color:#d4bc7e;font-size:34px;width:64px;height:64px;display:grid;place-items:center;border:1px solid #82704c;border-radius:50%;flex-shrink:0}.connect-copy{flex:1}.connect-copy h2{font-size:26px;margin:8px 0}.connect-copy p{color:#cbd2c6;margin:8px 0;line-height:1.6}.connect-copy small{color:#a6b3a9;line-height:1.6;display:block}.connect-actions{display:flex;flex-direction:column;gap:10px;min-width:210px}.connect-actions .button{justify-content:center;text-align:center}.connect-actions button:disabled{opacity:.5;cursor:wait}@media(max-width:800px){.patreon-connect{flex-wrap:wrap;padding:22px;gap:18px}.connect-symbol{width:48px;height:48px}.connect-copy{flex-basis:calc(100% - 68px)}.connect-actions{width:100%}.connect-copy h2{font-size:23px}}
.shop-owned{margin:32px 0}.shop-owned>p{color:#a6b9ad;line-height:1.7;font-size:13px;max-width:800px}.shop-owned-list{display:grid;gap:20px}.shop-owned-card{border:1px solid #b8ca982b;border-radius:16px;background:linear-gradient(130deg,#142a23,#10221d);overflow:hidden}.shop-owned-card>header{display:flex;align-items:center;gap:18px;padding:20px;background:#ffffff03;border-bottom:1px solid #ffffff08}.shop-owned-card>header img{width:120px;height:76px;object-fit:cover;border-radius:10px}.shop-owned-card h3{font:400 25px Georgia,serif;margin:5px 0}.shop-owned-card small{color:#a2b3a5}.shop-loadout{padding:22px}.mutation-table-wrap{overflow:auto;margin:20px 0}.mutation-table{width:100%;border-collapse:collapse;min-width:390px}.mutation-table th{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#b4c5b7;text-align:left;padding:12px 10px;border-bottom:1px solid #ffffff12}.mutation-table td{padding:12px 10px;border-bottom:1px solid #ffffff08;font-size:12px;color:#a7bcae}.mutation-table td:nth-child(2){width:60%}.mutation-table select,.shop-loadout input,.shop-loadout select,.shop-purchase-fields select{width:100%;border:1px solid #b5caa32b;background:#0c1e18;border-radius:8px;padding:12px;color:#e2e9dd;font:inherit}.mutation-number{font-size:15px;color:#dbcca6;font-variant-numeric:tabular-nums}.mutation-locked{opacity:.5}.shop-order-actions,.preset-save{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.preset-save input{flex:1;min-width:160px}.preset-picker{max-width:360px}.preset-picker label,.shop-purchase-fields label{display:grid;gap:9px;font-size:12px;color:#b0c3b5}.shop-order-note{font-size:12px;line-height:1.6;color:#a9bdad;padding:0 22px}.shop-loadout .shop-order-note{padding:0}.shop-purchase-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.shop-summary .ui-icon{margin-right:6px}.dino-card-wallet .ui-icon{width:19px;height:19px;vertical-align:baseline}.shop-owned .button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){.shop-loadout{padding:12px}.shop-order-actions .button{flex:1}.shop-purchase-fields{grid-template-columns:1fr}.shop-owned-card>header img{width:92px;height:65px}}
