@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b1018;--panel:#111822;--panel-raised:#151e2a;--border:#26303b;--text:#e7ecf2;--muted:#94a0b1;--dim:#778497;--amber:#f5b94f;--red:#ff727d;--green:#4ed6a1;--blue:#73b1e8;--radius:10px;--mono:"Cascadia Code",Consolas,monospace;--font:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--font);min-width:360px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button,input,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.mono,.number{font-family:var(--mono);font-variant-numeric:tabular-nums}.subtle{color:var(--muted);font-size:12px}.up{color:var(--red)!important}.down{color:var(--green)!important}.flat{color:var(--muted)!important}.skip-link{position:fixed;left:16px;top:-100px;background:var(--amber);color:#1b160b;padding:10px 16px;z-index:1000}.skip-link:focus{top:12px}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:#0e141e;border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:26px 18px 0;z-index:30}.brand{display:flex;gap:9px;align-items:center;white-space:nowrap}.brand-emblem{display:grid;place-items:center;width:53px;height:53px;border:0;background:transparent;clip-path:none}.brand-emblem img{object-fit:contain;width:53px;height:53px}.brand strong{display:block;font-size:22px;letter-spacing:2px;line-height:1.3;font-weight:800}.brand-dot{color:var(--amber);padding-left:2px}.brand small{font:7px/1.9 var(--mono);letter-spacing:1px;color:#9aa4b1}.outpost{display:flex;align-items:center;gap:7px;color:#a7b1bf;font-size:10px;border-top:1px solid #222b37;border-bottom:1px solid #222b37;padding:12px 0;margin:22px 0 25px}.outpost .mono{font-size:8px;margin-left:auto;color:#7d8999}.status-dot{width:5px;height:5px;background:var(--green);border-radius:50%;display:inline-block;box-shadow:0 0 7px #4ed6a128;flex-shrink:0}.nav-label{display:flex;justify-content:space-between;color:#8b98aa;font-size:10px;padding:0 13px;margin-bottom:12px}.nav-label span{font:8px var(--mono);color:#637083}.navigation{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;height:46px;border:1px solid transparent;border-radius:6px;background:transparent;color:#a3adbd;padding:0 13px;text-align:left;font-size:13px;transition:background .18s,color .18s}.nav-item svg{width:17px;height:17px}.nav-item:hover{background:#18212d;color:#fff}.nav-item.active{color:var(--amber);background:linear-gradient(90deg,#f5b94f18,#f5b94f06);border-color:#f5b94f24}.nav-end{font:10px var(--mono);margin-left:auto;color:#ac8647}.nav-count{margin-left:auto;font:10px var(--mono);border-radius:3px;background:#28313e;padding:1px 5px}.sidebar-bottom{margin-top:auto;padding-top:36px}.crew-card{border:1px solid #303132;border-radius:7px;background:linear-gradient(135deg,#24231f,#141b25);padding:17px 13px 13px;position:relative;min-height:165px;overflow:hidden}.crew-card>img{position:absolute;right:-9px;bottom:41px;object-fit:contain;height:100px;width:88px;opacity:.85}.crew-label{font-size:10px;color:var(--amber);letter-spacing:1px}.crew-card p{position:relative;font-size:12px;line-height:1.9;color:#c2c7cd;margin:10px 0 12px}.text-button{border:0;background:none;padding:0;color:var(--amber);font-size:11px;min-height:28px}.text-button:hover{color:#ffe0a5}.text-button span{padding-left:8px}.crew-card .text-button{border-top:1px solid #ffffff0c;padding-top:9px;width:100%;text-align:left}.terminal-state{display:flex;align-items:center;gap:7px;font-size:9px;color:#8c99aa;height:54px}.terminal-state .mono{margin-left:auto;color:#647286;font-size:8px}.workspace{width:calc(100% - 220px);margin-left:220px}.topbar{height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#0e151ee6;gap:16px}.breadcrumb{font-size:11px;color:#8290a3;white-space:nowrap}.breadcrumb span{margin:0 13px;color:#435167}.breadcrumb strong{color:#c2ccd9;font-weight:400}.topbar-right{display:flex;align-items:center;gap:20px}.server-label{display:flex;gap:6px;align-items:center;font-size:10px;color:#9ca7b5}.wallet{display:flex;align-items:center;gap:8px;background:none;border:0;font-size:13px}.wallet svg{color:var(--amber);width:18px;height:18px}.wallet small{color:#8d99aa;font-size:10px}.wallet>span{font-family:var(--mono);font-weight:600}.account-button{height:34px;display:flex;align-items:center;gap:8px;border:1px solid #3d4857;border-radius:5px;background:#1c2531;padding:0 12px;font-size:11px}.account-button svg{width:14px;height:14px;color:#b1bdcc}main{padding:27px 32px 0;max-width:1740px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px}.eyebrow{font:9px/1.7 var(--mono);color:#8e9aad;letter-spacing:1.9px}.tiny-cross{color:var(--amber);margin-right:7px;font-size:11px}h1{font-size:27px;letter-spacing:1px;line-height:1.4;margin:5px 0 0;font-weight:750}h1>span{font-size:11px;font-weight:400;color:#98a3b2;letter-spacing:0;margin-left:18px}.button{height:39px;border:1px solid #344152;border-radius:5px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#202a38;color:#d9e2ec;font-size:12px;white-space:nowrap;transition:background .18s,transform .18s}.button:hover{background:#2a3748}.button svg{width:15px;height:15px}.button.primary{background:var(--amber);border-color:var(--amber);color:#271e10;font-weight:700;box-shadow:0 3px 14px #f5b94f0a}.button.primary:hover{background:#ffcf77}.button.danger{border-color:#ff727d40;background:#ff727d12;color:var(--red)}.button.small{height:31px;padding:0 11px;font-size:11px}.button.wide{width:100%}.hero-panel{position:relative;border:1px solid #56442e;border-radius:var(--radius);overflow:hidden;min-height:226px;background:radial-gradient(ellipse at 80% 30%,#55412966,transparent 57%),linear-gradient(108deg,#1e211f 2%,#181d23 55%,#2b271e);display:flex;isolation:isolate}.hero-panel:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:repeating-linear-gradient(120deg,#94753d 0 9px,transparent 9px 17px);opacity:.6}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#e8b76106 1px,transparent 1px),linear-gradient(90deg,#e8b76106 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.hero-content{padding:24px 30px;position:relative;z-index:2;width:65%}.tag{display:inline-flex;align-items:center;gap:7px;border:1px solid #e7b75b36;background:#efb44f0a;border-radius:3px;padding:3px 8px;color:#d4b87c;font-size:9px;letter-spacing:.8px}.tag .status-dot{background:var(--amber);width:4px;height:4px}.hero-content h2{font-size:29px;font-weight:750;letter-spacing:1px;line-height:1.4;margin:13px 0 9px}.hero-content h2 em{font-style:normal;color:#f4c575}.hero-content p{font-size:11px;line-height:1.9;color:#afafa9;margin:0}.hero-note{display:flex;gap:8px;align-items:center;color:#aca695;font-size:9px;margin-top:17px}.hero-note svg{color:#c4b180;width:13px;height:13px}.hero-note>span{width:2px;height:2px;background:#786b50;margin:0 4px}.hero-art{position:absolute;right:12px;top:0;bottom:0;width:40%;display:flex;justify-content:center;align-items:center}.hero-art>img{height:230px;width:100%;object-fit:contain;object-position:center 46%;filter:drop-shadow(0 12px 10px #0008);position:relative;z-index:1}.art-code{position:absolute;right:16px;top:15px;color:#bca476;font-size:7px;letter-spacing:1.7px}.art-caption{position:absolute;bottom:14px;right:23px;font:7px var(--mono);letter-spacing:2.2px;color:#af9a71}.hero-orbit{position:absolute;border:1px solid #cc9a4830;border-radius:50%;right:43px;top:-32px;width:290px;height:290px;transform:rotate(-20deg);z-index:-1}.hero-orbit:after{content:"";position:absolute;inset:17px;border:1px dashed #cc9a4825;border-radius:50%}.orbit-two{width:380px;height:380px;top:-78px;right:-1px;border-color:#cc9a4812}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 23px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:18px 18px 12px;position:relative;display:flex;align-items:center;gap:13px;min-height:104px;flex-wrap:wrap}.stat-icon{border:1px solid #e7ac4930;background:#e7ac490b;width:37px;height:37px;border-radius:7px;display:grid;place-items:center;color:var(--amber)}.stat-icon svg{width:19px;height:19px}.stat-icon.blue{color:#74b4f2;border-color:#74b4f230;background:#74b4f20b}.stat-icon.purple{color:#b49bf2;border-color:#b49bf230;background:#b49bf20b}.stat-card>div{flex:1}.stat-label{display:block;font-size:10px;color:#98a4b5}.stat-card strong{display:block;font:23px/1.5 var(--mono);letter-spacing:.3px;color:#e4eaf3}.stat-card strong small{font:10px var(--font);color:#8290a3;margin-left:8px}.stat-foot{width:100%;padding-left:50px;font-size:9px;color:#8b98aa;margin-top:-6px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:19px;align-items:start}.market-panel,.detail-panel{border:1px solid var(--border);background:var(--panel);border-radius:8px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 19px 14px;min-height:59px;gap:12px}.panel-heading>div{display:flex;align-items:center;gap:8px}.panel-heading h2{font-size:14px;font-weight:600;letter-spacing:.3px;margin:0}.section-marker{height:12px;width:3px;background:var(--amber);border-radius:2px}.panel-heading .subtle{font-size:9px;color:#93a1b5}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid transparent;border-radius:5px;color:#96a3b5;padding:0}.icon-button:hover{background:#253142;border-color:#3b495b;color:#e4ebf4}.icon-button svg{width:16px;height:16px}.filter-tabs{display:flex;border-bottom:1px solid var(--border);gap:24px;padding:0 19px}.filter-tab{font-size:11px;color:#98a3b3;background:none;border:0;border-bottom:2px solid transparent;padding:9px 0 11px;white-space:nowrap}.filter-tab.active{border-bottom-color:var(--amber);color:var(--amber)}.filter-bar{padding:15px 18px;display:flex;gap:9px}.search-box{height:34px;display:flex;align-items:center;gap:7px;border:1px solid #2c3746;border-radius:5px;padding:0 10px;background:#0d141e;flex:1;min-width:0;color:#7e8da1}.search-box:focus-within{border-color:var(--amber)}.search-box svg{width:14px;height:14px}.search-box input{border:0;background:none;width:100%;color:var(--text);min-width:0;font-size:11px;height:100%}.search-box input:focus-visible{outline:none}.search-box input::placeholder{color:#7b899c}select{background:#151e2a;border:1px solid #2b3745;border-radius:5px;color:#acb8c8;font-size:10px;max-width:145px;padding:0 8px;height:34px}option{background:#151e2a}.list-area{min-height:410px}.market-table{width:100%;border-collapse:collapse;text-align:right;table-layout:auto}.market-table th{color:#93a0b1;background:#151e29;font-weight:400;font-size:9px;height:35px;white-space:nowrap}.market-table td{border-top:1px solid #222c38;padding:13px 8px;font-size:11px}.market-table th:first-child,.market-table td:first-child{text-align:left;padding-left:18px}.market-table th:last-child,.market-table td:last-child{padding-right:18px}.market-table tr.selected td{background:#d9ad5110}.market-table tbody tr:hover td{background:#ffffff04}.market-table tbody tr.selected:hover td{background:#d9ad5116}.pet-button{display:flex;align-items:center;gap:9px;text-align:left;background:none;border:0;padding:0;min-height:44px;width:100%}.pet-avatar{width:40px;height:40px;object-fit:contain;background:radial-gradient(circle,#36414c,#202933);border:1px solid #3c4754;border-radius:7px;padding:3px;flex-shrink:0}.pet-title{font-size:12px;font-weight:600;display:block;color:#d9e1eb;white-space:nowrap}.pet-meta{font-size:9px;display:flex;align-items:center;gap:6px;color:#92a0b2;margin-top:3px}.rarity{font-size:8px;padding:0 4px;line-height:16px;display:inline-block;border:1px solid #a186bd42;border-radius:2px;background:#a186bd0a;color:#bc9ae0;white-space:nowrap}.rarity.legend{color:#e5ba6b;border-color:#d6a44840;background:#d6a4480d}.rarity.rare{color:#85bce2;border-color:#85bce235;background:#85bce20a}.price-number{font-size:12px;color:#e5eaf1;font-family:var(--mono);font-weight:600;white-space:nowrap}.change{font:11px var(--mono);white-space:nowrap}.quantity{font:11px var(--mono);color:#b5c0cf}.mini-chart{width:67px;height:25px;stroke-width:1.6}.mini-empty{font:8px var(--font);color:#7f8da0;display:inline-block;text-align:center;white-space:nowrap}.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:4px}.row-actions .icon-button{width:27px;height:29px}.row-actions .icon-button svg{width:13px;height:13px}.watching{color:var(--amber)!important}.watching svg{fill:#f5b94f1a}.trade-link{font-size:10px;border:1px solid #d7a94740;border-radius:4px;background:#d7a94709;color:var(--amber);height:28px;padding:0 9px}.trade-link:hover{background:#d7a94722}.table-footer{display:flex;justify-content:space-between;gap:12px;padding:13px 18px;border-top:1px solid var(--border);color:#8d99aa;font-size:8px}.refresh-status{display:flex;gap:6px;align-items:center;white-space:nowrap}.refresh-status .status-dot{width:4px;height:4px}.detail-column{display:grid;gap:15px}.detail-panel .panel-heading{border-bottom:1px solid var(--border);padding:15px 17px}.detail-panel .panel-heading h2{font-size:12px}.empty-detail{padding:60px 16px;text-align:center;color:#9ca8b7}.empty-detail>svg{width:35px;height:35px;color:#5b6a7e}.empty-detail p{font-size:12px}.empty-detail small{font-size:10px;color:#8c9aad}.pet-spotlight{position:relative;height:173px;background:radial-gradient(ellipse at 50% 80%,#8a713125,transparent 70%),linear-gradient(#151e2a,#121a25);display:grid;place-items:center;overflow:hidden}.pet-spotlight:after{position:absolute;content:"";bottom:16px;width:146px;height:31px;border:1px solid #e1bc6535;border-radius:50%;box-shadow:0 0 16px #e1bc650a}.pet-spotlight img{width:174px;height:151px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 8px 5px #0007)}.pet-spotlight .spotlight-id{position:absolute;top:12px;left:16px;font:8px var(--mono);color:#7a889c;letter-spacing:1px}.pet-spotlight .icon-button{position:absolute;right:9px;top:6px;z-index:2}.detail-info{padding:0 17px 16px}.detail-name{display:flex;align-items:center;gap:9px;margin-top:6px}.detail-name h3{font-size:18px;font-weight:700;margin:0;letter-spacing:.8px}.detail-type{font-size:9px;color:#95a3b6;margin:2px 0 12px}.detail-price-label{font-size:9px;color:#96a3b5}.detail-price{display:flex;justify-content:space-between;align-items:center;margin:1px 0 11px}.detail-price strong{font:25px var(--mono);color:#f2c46f;font-weight:600}.detail-price strong small{font:9px var(--font);margin-left:6px;color:#9a9b96}.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--border);padding-top:12px}.detail-metrics span{color:#91a0b4;font-size:9px}.detail-metrics strong{display:block;font:12px/1.9 var(--mono);color:#d4deea}.chart-heading{display:flex;justify-content:space-between;margin:18px 0 8px;font-size:9px;color:#93a0b2}.chart-label{color:#d7b16c}.price-chart{height:91px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0 25px,#8b9aab10 25px 26px);overflow:hidden}.price-chart svg{height:100%;width:100%;stroke-width:1.8}.chart-empty{height:100%;display:grid;place-content:center;text-align:center;color:#8d9bae;font-size:10px}.chart-empty small{font-size:8px;color:#7d8b9d;margin-top:2px}.chart-axis{display:flex;justify-content:space-between;color:#8a98ad;font:8px var(--mono);margin:5px 0 15px}.supply-info{padding:10px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:10px;color:#9ca8b8}.supply-info strong{font:11px var(--mono);color:#d4dde7}.detail-info .button{margin-top:2px;font-size:11px;height:35px}.rules-card{border:1px solid #39402f;border-radius:8px;background:linear-gradient(120deg,#a5973c08,#151d21);display:flex;padding:16px 13px;gap:9px}.rules-card>svg{width:16px;height:16px;color:#c7af76;margin-top:3px}.rules-card h3{font-size:10px;color:#c9c3ad;font-weight:500;margin:0 0 5px}.rules-card p{font-size:9px;color:#97a092;margin:0;line-height:1.9}.rules-card .text-button{font-size:9px;margin-top:7px}.page-footer{display:flex;justify-content:space-between;padding:25px 0 20px;color:#788699;font-size:8px;letter-spacing:.8px}.footer-cross{color:#b29761;padding:0 5px}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:320px;padding:35px;color:#99a7b9;font-size:12px;gap:10px}.empty-state>svg{width:36px;height:36px;color:#697b91;margin-bottom:7px}.empty-state h3{font-size:15px;font-weight:500;color:#d4deea;margin:0}.empty-state p{font-size:11px;line-height:1.9;margin:0;max-width:300px}.empty-state .button{margin-top:6px}.loader{width:21px;height:21px;border:2px solid #354356;border-top-color:var(--amber);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#ed6b7510;border:1px solid #ed6b7545;border-radius:6px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:11px 15px;font-size:11px;color:#f0a7ae}.asset-grid{padding:0 18px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.asset-card{background:#151e2a;border:1px solid #2e3b4b;border-radius:7px;padding:14px;position:relative}.asset-card .asset-art{height:105px;width:100%;object-fit:contain}.asset-card h3{font-size:13px;margin:8px 0 1px}.asset-card p{font-size:10px;color:#98a6b9;margin:0 0 7px}.asset-card .button{margin-top:10px}.asset-data{display:flex;gap:9px;color:#abb9ca;font:10px var(--mono)}.eligibility{color:#9aa7b8;font-size:9px;line-height:1.7;min-height:31px;display:block;margin:8px 0}.order-list,.history-list{padding:0 18px 18px;display:grid;gap:10px}.order-card{padding:14px;background:#151e2a;border:1px solid #2e3b4b;border-radius:7px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.order-card .order-content{flex:1;min-width:120px}.order-card h3{font-size:12px;margin:0;color:#dce4ef}.order-card p{font-size:9px;color:#93a3b7;margin:3px 0 0}.order-price{font:15px var(--mono);color:#edc57a}.order-price small{display:block;font:9px var(--font);color:#9aa7b7;text-align:right}.status-label{border:1px solid #75859a40;border-radius:3px;padding:2px 6px;font-size:9px;color:#9baabe}.status-label.active{color:#8fdbb8;border-color:#4ed6a133;background:#4ed6a10a}.status-label.sold{color:var(--amber);border-color:#f5b94f33}.order-controls{display:flex;gap:6px;width:100%;border-top:1px solid var(--border);padding-top:10px;justify-content:flex-end}.volume-chart{height:28px;display:flex;align-items:end;gap:2px;border-top:1px solid var(--border);padding-top:5px}.volume-chart span{flex:1;min-width:3px;max-height:100%;background:#8a9db343}.modal{width:450px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 40px);background:#121b27;color:var(--text);border:1px solid #495568;border-radius:12px;padding:0;box-shadow:0 35px 100px #0009}.modal::backdrop{background:#050910c9;backdrop-filter:blur(4px)}.modal-header{padding:22px 24px 15px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.modal-header .eyebrow{font-size:8px;color:#b29c70}.modal-header h2{margin:3px 0 0;font-size:21px;letter-spacing:1px}.modal-header .icon-button{margin-top:5px}.modal #modalBody{padding:21px 24px 24px}.modal p{font-size:12px;color:#a4b1c3;line-height:1.9}.modal .login-intro{margin:0 0 20px;font-size:11px;color:#a5b2c4}.field{display:block;margin-bottom:16px;font-size:11px;color:#a8b6c8}.field>input{display:block;height:42px;background:#0d1520;color:var(--text);border:1px solid #36465b;border-radius:5px;width:100%;padding:0 12px;margin-top:7px;font-size:13px}.field input:focus{border-color:var(--amber)}.field-help{font-size:10px;color:#91a0b5;margin:5px 0 13px}.form-error{font-size:11px;color:#ff9aa3;background:#ff727d0b;border:1px solid #ff727d30;padding:9px 11px;border-radius:5px;margin:0 0 14px}.login-note{display:flex;align-items:center;gap:6px;font-size:9px;color:#95a1b1;margin-top:16px;justify-content:center}.login-note svg{width:12px;height:12px;color:#bcad87}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-actions .primary{flex:1}.modal-pet{display:flex;align-items:center;gap:15px;padding:12px;background:#1a2534;border:1px solid #344154;border-radius:7px;margin-bottom:18px}.modal-pet img{width:66px;height:66px;object-fit:contain}.modal-pet h3{font-size:16px;margin:0 0 4px}.modal-pet p{font-size:10px;margin:0}.summary-row{display:flex;justify-content:space-between;font-size:11px;padding:9px 0;color:#a2b0c3;border-bottom:1px solid #2b3747}.summary-row strong{color:#e3eaf3;font:12px var(--mono)}.summary-row.total strong{color:var(--amber);font-size:18px}.rule-list{padding-left:19px;color:#aab7c8;font-size:11px;line-height:1.9}.rule-list li{margin-bottom:10px}.rule-list strong{color:#e0c38d;font-weight:500}.rule-illustration{display:flex;justify-content:space-between;align-items:center;border:1px solid #c2a55633;background:#ba9d3e0b;border-radius:5px;padding:10px 12px;margin-bottom:18px;font-size:11px;color:#d5bd83}.pet-attributes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.pet-attributes div{border:1px solid #2e3c4e;border-radius:5px;padding:9px;background:#151f2d;font-size:10px;color:#95a6bc}.pet-attributes strong{display:block;font-size:12px;font-weight:500;color:#dae4f2;margin-top:3px}.toast-region{position:fixed;bottom:24px;right:24px;display:grid;gap:10px;z-index:100;max-width:calc(100vw - 32px);pointer-events:none}.toast{background:#26342f;border:1px solid #5d8b73;color:#d3efdf;padding:12px 18px;min-width:230px;border-radius:6px;font-size:12px;box-shadow:0 8px 30px #0006;animation:toast-in .2s ease}.toast.error{background:#352329;border-color:#8e545d;color:#ffd0d5}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
@media(min-width:1550px){.sidebar{width:245px;padding-left:25px;padding-right:25px}.workspace{margin-left:245px;width:calc(100% - 245px)}main{padding:32px 40px 0}.topbar{padding:0 40px}.content-grid{grid-template-columns:minmax(0,1fr) 320px}.hero-panel{min-height:242px}.hero-content{padding:28px 34px}.hero-art>img{height:245px}.market-table td{padding-top:15px;padding-bottom:15px}.market-table th{font-size:10px}.market-table td{font-size:12px}.pet-title{font-size:13px}.pet-avatar{width:45px;height:45px}.detail-panel .pet-spotlight{height:193px}.pet-spotlight img{height:171px;width:195px}.detail-info{padding:0 20px 20px}.price-chart{height:108px}.hero-content h2{font-size:33px}}
@media(max-width:1240px){.sidebar{width:196px;padding-left:12px;padding-right:12px}.workspace{margin-left:196px;width:calc(100% - 196px)}main{padding:23px 23px 0}.topbar{padding:0 23px}.content-grid{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.filter-bar{flex-wrap:wrap}.search-box{flex-basis:100%}.filter-bar select{flex:1;max-width:none}.market-table .trend-column{display:none}.hero-content h2{font-size:25px}.hero-content{padding:23px 22px}.hero-art{width:39%;right:0}.hero-art>img{height:205px}.hero-note{font-size:8px}.brand strong{font-size:20px}.brand small{font-size:6px}.brand-emblem{width:47px;height:47px}.brand-emblem img{width:47px;height:47px}.topbar-right{gap:12px}.server-label{display:none}.stat-card{padding-left:13px;padding-right:13px;gap:10px}.stat-icon{width:32px;height:32px}.stat-foot{padding-left:42px}.stat-card strong{font-size:21px}.asset-grid{grid-template-columns:repeat(2,1fr)}h1>span{display:none}}
@media(max-width:1023px){.sidebar{width:76px;padding:22px 10px 0}.workspace{margin-left:76px;width:calc(100% - 76px)}.brand{justify-content:center}.brand>span:last-child,.outpost,.nav-label,.nav-item>span,.sidebar-bottom{display:none}.navigation{margin-top:33px;gap:12px}.nav-item{width:48px;justify-content:center;padding:0}.nav-item svg{width:20px;height:20px}.content-grid{grid-template-columns:minmax(0,1fr) 260px}.hero-content{width:70%}.hero-art{width:34%;opacity:.9}.hero-content h2{font-size:25px}.market-table th:last-child,.market-table td:last-child{padding-right:12px}.market-table td{padding-left:5px;padding-right:5px}.pet-title{font-size:11px}.price-number{font-size:11px}.row-actions .icon-button{display:none}.stats-grid{gap:10px}.stat-foot{font-size:8px}.table-footer{font-size:8px;padding:10px 12px}.table-footer>span:first-child{max-width:55%}}
@media(max-width:800px){.detail-column{display:none}.content-grid{display:block}.market-table .trend-column{display:table-cell}.topbar{height:65px}.hero-panel{min-height:206px}.hero-content{width:72%;padding:22px}.hero-content h2{font-size:25px}.hero-art{width:32%}.hero-art>img{height:175px}.art-code,.art-caption{display:none}.hero-orbit{right:-100px}.stat-card strong{font-size:21px}.stat-icon{display:none}.stat-foot{padding-left:0;margin-top:0}.stat-card{padding:13px 14px;min-height:93px}.breadcrumb{font-size:10px}.topbar-right{gap:9px}.account-button{font-size:10px;padding:0 8px}.wallet{font-size:11px;gap:4px}.wallet small{font-size:8px}.modal.mobile-detail{width:450px}.mobile-detail #modalBody{padding-top:0}.mobile-detail .pet-spotlight{background:transparent}.mobile-detail .detail-info{padding:0}}
@media(max-width:560px){body{font-size:13px}.sidebar{inset:auto 0 0;width:100%;height:65px;border-right:0;border-top:1px solid #334156;padding:0 5px;background:#101824f5;backdrop-filter:blur(12px)}.brand{display:none}.navigation{display:flex;justify-content:space-around;margin:0;gap:0;height:100%;align-items:center}.nav-item{display:flex;flex-direction:column;gap:3px;border:0;height:53px;width:65px;font-size:9px;border-radius:6px;padding:5px}.nav-item>span{display:block;font-size:8px}.nav-item .nav-end,.nav-item .nav-count{display:none!important}.nav-item svg{width:18px;height:18px}.nav-item.active{background:#f5b94f0d}.workspace{margin:0;width:100%;padding-bottom:65px}.topbar{height:59px;padding:0 16px;gap:8px}.breadcrumb{font-size:9px}.breadcrumb>span{margin:0 5px}.topbar-right{gap:8px}.wallet{font-size:10px;padding:0}.wallet small{display:none}.wallet svg{width:15px;height:15px}.account-button{height:30px;font-size:9px;padding:0 7px;max-width:112px}.account-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button svg{width:12px;height:12px}main{padding:21px 15px 0}.page-heading{margin-bottom:18px;gap:8px}.eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:24px}.page-heading .button{height:35px;font-size:10px;padding:0 11px}.page-heading .button svg{width:13px;height:13px}.hero-panel{min-height:202px;border-radius:8px}.hero-content{padding:17px 16px;width:100%}.hero-content .tag{font-size:8px;padding:3px 6px}.hero-content h2{font-size:22px;line-height:1.4;margin-top:14px;max-width:200px}.hero-content h2 em{display:block}.hero-content p{font-size:9px;max-width:208px}.hero-note{font-size:7px;gap:5px;margin-top:15px}.hero-note svg{width:11px;height:11px}.hero-note>span{margin:0}.hero-art{width:38%;right:-5px;top:15px;bottom:20px;align-items:center}.hero-art>img{height:147px}.hero-orbit{right:-108px;top:-10px}.stats-grid{gap:7px;margin:12px 0 18px}.stat-card{padding:11px 9px 8px;border-radius:6px;min-height:86px;gap:3px}.stat-label{font-size:8px}.stat-card strong{font-size:19px}.stat-card strong small{font-size:8px;margin-left:3px}.stat-foot{font-size:7px;letter-spacing:-.2px}.panel-heading{padding:13px 13px 10px;min-height:48px}.panel-heading h2{font-size:13px}.panel-heading .subtle{font-size:8px}.filter-tabs{padding:0 13px;gap:24px}.filter-tab{font-size:10px}.filter-bar{padding:12px;gap:7px}.search-box{height:34px}.search-box input{font-size:12px}select{height:32px;font-size:10px}.market-table .trend-column,.market-table .supply-column{display:none}.market-table th{font-size:8px}.market-table td{padding:12px 5px}.market-table th:first-child,.market-table td:first-child{padding-left:12px}.market-table th:last-child,.market-table td:last-child{padding-right:12px}.pet-avatar{width:34px;height:34px;padding:2px}.pet-button{gap:7px}.pet-title{font-size:11px}.pet-meta{font-size:8px;gap:4px}.rarity{font-size:7px;line-height:13px;padding:0 3px}.price-number{font-size:11px}.change{font-size:10px}.trade-link{font-size:9px;height:28px;padding:0 7px}.market-table th.price-column{font-size:8px}.table-footer{font-size:7px}.page-footer{padding:18px 0;font-size:7px;letter-spacing:0}.page-footer>span:last-child{display:none}.asset-grid{padding:0 12px 12px;gap:9px}.asset-card{padding:10px}.asset-card h3{font-size:12px}.asset-card p{font-size:9px}.asset-data{font-size:9px;gap:6px}.asset-card .button{font-size:10px;padding:0 8px}.asset-card .asset-art{height:85px}.order-list,.history-list{padding:0 12px 12px}.modal-header{padding:18px 19px 13px}.modal #modalBody{padding:18px 19px 20px}.modal h2{font-size:19px}.field>input{font-size:16px}.toast-region{bottom:80px;right:16px}.empty-state{padding:25px;min-height:320px}.error-banner{font-size:10px;padding:10px}}
.recent-trades{margin-top:10px}.recent-trade{display:flex;justify-content:space-between;font:10px/2.1 var(--mono);color:#8f9eb1}.recent-trade strong{font-weight:500;color:#cbd6e4}.recent-trades>p{font-size:9px;color:#8b9bad;margin:0 0 8px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Poster economy: retain the terminal palette and expose all 32 DV values. */
.economy-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 20px 18px}.economy-controls>label{color:var(--muted);font-size:12px}.economy-controls select{min-height:44px;min-width:100px}.dv-presets{display:flex;gap:4px}.dv-presets button{min-height:44px;padding:0 12px;border:1px solid var(--border);background:var(--surface);border-radius:6px;font-size:12px}.dv-presets button[aria-pressed="true"]{border-color:var(--amber);color:var(--amber);background:#f5b94f10}.economy-note{border:1px solid var(--border);border-radius:8px;padding:12px;margin:16px 0;background:#f5b94f06}.economy-note strong{font-size:12px;color:var(--amber)}.economy-note p{font-size:11px;color:var(--muted);margin:8px 0 0;line-height:1.7;overflow-wrap:anywhere}.filter-tabs{overflow-x:auto}.filter-tab{min-height:44px;flex-shrink:0}.filter-bar select,.search-box{min-height:44px}
@media(max-width:560px){.economy-controls{padding:0 12px 14px;gap:8px}.economy-controls>.subtle{flex-basis:100%;font-size:11px}.dv-presets button{padding:0 8px}.filter-tabs{gap:20px}}

.economy-controls #dvFilter{width:108px;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:#151f2b;color:var(--text)}