:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;color:#dce8ed;--bg:#050b0f;--panel:#0a171eeb;--panel-strong:#0c1b23;--panel-soft:#10242eb8;--line:#88bbcf29;--line-strong:#45cfec6b;--text:#dce8ed;--muted:#8ea1aa;--cyan:#41d8f5;--cyan-soft:#41d8f51a;--gold:#e2b24d;--gold-soft:#e2b24d1f;--red:#ff6067;--green:#4bdbc0;--amber:#e4b548;--radius:10px;background:#050b0f;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}html,body{max-width:100%;overflow-x:clip}body{background-color:var(--bg);background-image:linear-gradient(#4c8b9e06 1px,#0000 1px),linear-gradient(90deg,#4c8b9e06 1px,#0000 1px);background-size:40px 40px;min-height:100vh;overflow-x:hidden}body.overlay-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:min(100%,2560px);min-height:100vh;margin:0 auto}.topbar{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050c11eb;grid-template-columns:minmax(285px,360px) minmax(360px,980px) minmax(176px,1fr);align-items:center;gap:clamp(16px,2vw,38px);min-height:84px;padding:11px clamp(16px,2.2vw,48px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:13px;min-width:0;display:flex}.wikelo-avatar{object-fit:cover;object-position:center;background:#142028;border:1px solid #e2b24d94;border-radius:8px;width:72px;height:58px;box-shadow:0 0 18px #e2b24d14}.eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:750}.brand h1{letter-spacing:.025em;white-space:nowrap;margin:0;font-size:clamp(18px,1.05vw,23px);font-weight:660}.global-search{background:#0f212ab8;border:1px solid #55afcc47;border-radius:8px;align-items:center;gap:10px;min-width:0;height:44px;padding:0 12px;transition:border-color .18s,background .18s;display:flex}.global-search:focus-within{border-color:var(--cyan);background:#112934e0}.global-search svg{color:var(--cyan);flex:none}.global-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:14px}.global-search input::placeholder{color:#718790}.global-search button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.top-actions{justify-content:flex-end;align-items:center;min-width:0;display:flex}.top-actions nav{justify-content:flex-end;align-items:center;gap:8px;display:flex}.top-actions nav a{color:#e7bd5b;white-space:nowrap;background:#e2b24d14;border:1px solid #e2b24d57;border-radius:7px;align-items:center;min-height:36px;padding:0 13px;font-size:13px;font-weight:650;text-decoration:none;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.top-actions nav a:hover{color:#ffd272;background:#e2b24d26;border-color:#f4b536b8}main{padding:0 clamp(12px,1.6vw,28px) 18px}.category-tabs{scrollbar-width:none;align-items:center;gap:7px;padding:12px 0 3px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{color:#9cadb5;cursor:pointer;background:#0a141dbd;border:1px solid #6e9aae42;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:7px;min-width:90px;height:38px;padding:0 13px;font-size:13px;display:inline-flex}.category-tabs button:hover{color:#d8e6eb;border-color:#41d8f566}.category-tabs button.is-active{border-color:var(--cyan);color:var(--cyan);background:#298ea521}.category-tabs small{color:#667c86;font-size:11px}.category-tabs button.is-active small{color:#9ce7f2}.filterbar{z-index:20;grid-template-columns:max-content repeat(5,minmax(118px,178px));justify-content:start;align-items:center;gap:7px;min-height:66px;padding:8px 0;display:grid;position:relative}.filter-title{color:#a4b4bb;align-items:center;gap:6px;padding-right:4px;font-size:11px;display:flex}.filter-title svg{color:var(--cyan)}.select{width:100%;min-width:0;position:relative}.select-label{color:#758992;margin:0 0 3px 2px;font-size:10px;line-height:1;display:block}.select-trigger{border:1px solid var(--line);color:#c5d3d8;cursor:pointer;white-space:nowrap;background:#0d1c24d6;border-radius:6px;justify-content:space-between;align-items:center;gap:9px;width:100%;height:33px;padding:0 9px;font-size:12px;display:flex}.select-trigger:hover,.select-trigger[aria-expanded=true]{border-color:var(--line-strong);color:var(--text)}.select-trigger svg{color:#6c929f;flex:none;transition:transform .15s}.select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.select-menu{z-index:50;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4ac5e266 transparent;background:#0b1a22;border:1px solid #44b3d257;border-radius:7px;max-width:calc(100vw - 8px);padding:0;position:fixed;overflow-y:auto;box-shadow:0 14px 40px #00000080}.select-option{color:#b7c8cf;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:32px;padding:6px 8px;font-size:11px;display:flex}.select-option span{white-space:normal;overflow-wrap:anywhere;min-width:0}.select-option:hover,.select-option.is-active{color:#e5f5f8;background:#36c2e41a}.select-option[aria-selected=true]{color:var(--cyan)}.results-section{border:1px solid var(--line);border-radius:var(--radius);background:#071016c2;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);height:43px;color:var(--muted);background:#11232c94;flex:none;justify-content:space-between;align-items:center;gap:15px;padding:0 14px;font-size:11px;display:flex}.panel-heading strong{color:var(--text);font-size:14px}.panel-hint{color:#8198a1;text-align:right;font-size:11px}.trade-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px;display:grid}.trade-card{background:#08131af0;border:1px solid #76acbe38;border-radius:10px;flex-direction:column;min-width:0;min-height:342px;transition:border-color .18s,transform .18s,background .18s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff04}.trade-card:hover{background:#0a1820f7;border-color:#41d8f56e;transform:translateY(-1px)}.trade-card-summary{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:116px minmax(0,1fr);gap:12px;width:100%;min-width:0;padding:13px;display:grid}.classified-image{place-items:center;min-width:0;display:grid;position:relative}.image-frame-surface,.image-zoom-trigger{background:#061015d1;border:1px solid #70a4b533;border-radius:7px;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.image-zoom-trigger{color:inherit;cursor:zoom-in;padding:0}.image-zoom-trigger:hover{border-color:#41d8f594}.image-frame-surface>img,.image-zoom-trigger>img{position:absolute;inset:0}.image-zoom-icon{color:#a9dce7;opacity:.82;pointer-events:none;background:#050f14d1;border-radius:4px;width:18px;height:18px;padding:3px;position:absolute;bottom:7px;right:7px}.trade-card-image-stage{width:116px;height:94px}.trade-card-image-stage.media-landscape .image-frame-surface{aspect-ratio:16/10;width:100%}.trade-card-image-stage.media-portrait .image-frame-surface{aspect-ratio:3/4;height:100%}.trade-card-image-stage.media-square .image-frame-surface{aspect-ratio:1;height:92%}.trade-card-image{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.reference-badge{color:#e7c879;white-space:nowrap;background:#060f14e6;border:1px solid #e2b24d66;border-radius:4px;padding:3px 6px;font-size:9px;line-height:1;position:absolute;bottom:6px;left:6px}.reference-badge.community{color:#8fe9f7;border-color:#43d2eb73}.image-placeholder{color:#56717c;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.image-placeholder svg{width:28%;height:28%}.image-placeholder small{color:#6f858d;font-size:10px;font-weight:550}.entry-image.image-placeholder small{display:none}.trade-card-heading{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.trade-card-topline{color:#718790;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.trade-card-topline small{white-space:nowrap;font-size:10px}.trade-card-heading>strong{color:#e6f0f3;overflow-wrap:anywhere;font-size:18px;font-weight:680;line-height:1.3}.trade-card-en{color:#8fa4ac;overflow-wrap:anywhere;font-size:12px;line-height:1.35}.trade-card-reward{color:var(--gold);overflow-wrap:anywhere;margin-top:auto;font-size:12px;line-height:1.35}.trade-card-requirements{flex:1;min-width:0;padding:12px 13px 11px}.trade-card-section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.trade-card-section-title strong{color:#b8cbd1;font-size:14px}.trade-card-section-title span{color:#738a93;font-size:11px}.material-chips{flex-wrap:wrap;align-content:flex-start;gap:7px;display:flex}.material-chips button{color:#bdccd1;text-align:left;cursor:pointer;background:#102732bd;border:1px solid #3497b55c;border-radius:6px;align-items:center;gap:6px;max-width:100%;min-height:34px;padding:6px 8px;display:inline-flex}.material-chips button:hover{border-color:var(--cyan);color:#edf8fa;background:#287e9629}.material-chips strong{color:var(--gold);white-space:nowrap;flex:none;font-size:14px}.material-chips span{overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.35}.no-requirements{color:#758b93;font-size:13px}.trade-card-footer{border-top:1px solid var(--line);color:#71858e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:43px;padding:8px 13px;font-size:10px;display:grid}.trade-card-footer>span:first-child{color:var(--cyan)}.trade-card-footer>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trade-card-footer button{color:#9fb3ba;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:4px 0;font-size:11px;display:inline-flex}.trade-card-footer button:hover{color:var(--cyan)}.detail-panel{scrollbar-width:thin;scrollbar-color:#4d9ab140 transparent;background:#09141bb8;overflow-y:auto}.detail-content{padding:16px}.detail-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,44%) minmax(0,1fr);align-items:center;gap:18px;padding-bottom:14px;display:grid}.detail-hero-visual{width:100%;height:150px}.detail-hero-visual.media-landscape .image-zoom-trigger,.detail-hero-visual.media-landscape .image-frame-surface{aspect-ratio:16/9;width:min(100%,300px)}.detail-hero-visual.media-portrait .image-zoom-trigger,.detail-hero-visual.media-portrait .image-frame-surface{aspect-ratio:3/4;height:100%}.detail-hero-visual.media-square .image-zoom-trigger,.detail-hero-visual.media-square .image-frame-surface{aspect-ratio:1;height:100%}.reward-hero{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.detail-heading{min-width:0}.detail-heading h2{color:#eef7f8;overflow-wrap:anywhere;margin:7px 0 4px;font-size:clamp(18px,1.5vw,25px);line-height:1.2}.detail-heading p{color:var(--muted);overflow-wrap:anywhere;margin:0 0 10px;font-size:11px}.category-chip{color:#8fb3c0;background:#5795a81c;border-radius:4px;align-items:center;width:fit-content;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}.detail-section{padding:14px 0 0}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.section-heading h3{color:#dce8eb;margin:0;font-size:15px;font-weight:680}.section-heading>div{min-width:0}.section-heading>div h3{margin-bottom:2px}.section-heading>div p{color:#789099;margin:0;font-size:11px;line-height:1.4}.section-heading>span{color:#8498a0;font-size:11px}.entry-list{border:1px solid var(--line);border-radius:7px;overflow:hidden}.entry-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#0c1c2480;grid-template-columns:52px minmax(0,1fr) auto 16px;align-items:center;gap:12px;width:100%;min-height:72px;padding:9px 11px;display:grid}.entry-row:last-child{border-bottom:0}.entry-row:hover{background:#2579931a}.entry-image{object-fit:contain;background:#040b0fa6;border-radius:5px;width:52px;height:52px;display:flex}.entry-name{flex-direction:column;gap:2px;min-width:0;display:flex}.entry-name strong{color:#d9e8eb;overflow-wrap:anywhere;font-size:14px;font-weight:650;line-height:1.35}.entry-name small{color:#8ea2aa;overflow-wrap:anywhere;font-size:11px;line-height:1.35}.entry-amount{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.entry-amount strong{font-size:15px;font-weight:750}.entry-amount small{color:currentColor;opacity:.9;font-size:10px}.entry-amount.required{color:var(--cyan)}.entry-amount.reward{color:var(--gold)}.entry-row>svg{color:#526a74}.field-empty{color:#697d85;margin:0;padding:16px;font-size:11px}.facts-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0 0;display:grid}.facts-grid div{border:1px solid var(--line);background:#0e1e268a;border-radius:6px;min-width:0;padding:9px}.facts-grid dt{color:#6f838b;font-size:8px}.facts-grid dd{color:#becdd2;overflow-wrap:anywhere;margin:4px 0 0;font-size:10px}.site-footer{color:#71858e;background:#08141ce6;border:1px solid #4da4bc47;border-radius:10px;grid-template-columns:280px minmax(300px,1fr) auto;align-items:center;gap:22px;min-height:82px;margin-top:10px;padding:13px 18px;display:grid}.footer-brand{align-items:center;gap:12px;min-width:0;display:flex}.footer-brand>img{object-fit:contain;width:44px;height:44px}.footer-brand span{flex-direction:column;gap:3px;min-width:0;display:flex}.footer-brand strong{color:#becfd4;font-size:13px}.footer-brand small{color:#738d98;letter-spacing:.15em;white-space:nowrap;font-size:9px}.site-footer>p{margin:0;font-size:10px;line-height:1.6}.footer-filings{white-space:nowrap;justify-content:flex-end;align-items:center;gap:10px;font-size:10px;display:flex}.footer-filings i{background:#7597a457;width:1px;height:13px}.footer-filings a{color:#81969e;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.footer-filings a:hover{color:var(--cyan)}.footer-filings img{object-fit:contain;width:15px;height:17px}.empty-state,.empty-detail{color:#60747d;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:300px;padding:25px;display:flex}.empty-state>svg{color:#47636e;width:28px;height:28px}.empty-state h2{color:#a9b8bd;margin:12px 0 4px;font-size:14px}.empty-state p{margin:0 0 14px;font-size:11px}.empty-state button{border:1px solid var(--line-strong);background:var(--cyan-soft);color:var(--cyan);cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000609bd;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{background:#0a1820;border:1px solid #49b8d652;border-radius:10px;flex-direction:column;width:min(680px,100%);max-height:min(820px,100vh - 36px);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 80px #0000009e}.trade-modal{width:min(940px,100%)}.trade-modal .detail-content{min-height:0;padding-right:18px;overflow-y:auto}.modal-close,.sheet-close{color:#879ba3;cursor:pointer;background:#0f212ad1;border:0;border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.modal-close{z-index:2;position:absolute;top:10px;right:10px}.modal-close svg,.sheet-close svg{width:18px}.image-lightbox{z-index:300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:zoom-out;background:#000508e0;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.image-lightbox-content{cursor:default;place-items:center;max-width:100%;max-height:100%;display:grid;position:relative}.image-lightbox-image{object-fit:contain;width:auto;max-width:calc(100vw - 32px);height:auto;max-height:calc(100dvh - 32px);display:block}.image-lightbox-close{width:40px;height:40px;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:2;color:#c2d4da;cursor:pointer;background:#09171ed1;border:1px solid #7eb8ca3d;border-radius:7px;place-items:center;padding:0;display:grid;position:fixed}.image-lightbox-close:hover{border-color:var(--cyan);color:#eefbfc}.image-lightbox-close svg{width:21px;height:21px}.item-modal-head{border-bottom:1px solid var(--line);flex:none;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:18px;padding:18px 54px 18px 18px;display:grid}.item-modal-visual{width:210px;height:138px}.item-modal-visual.media-landscape .image-zoom-trigger,.item-modal-visual.media-landscape .image-frame-surface{width:100%;height:100%}.item-modal-visual.media-portrait .image-zoom-trigger,.item-modal-visual.media-portrait .image-frame-surface{aspect-ratio:3/4;height:100%}.item-modal-visual.media-square .image-zoom-trigger,.item-modal-visual.media-square .image-frame-surface{aspect-ratio:1;height:100%}.item-modal-image{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.image-kind-badge{color:#e5c477;background:#071116e6;border:1px solid #e2b24d61;border-radius:4px;padding:3px 6px;font-size:9px;position:absolute;bottom:7px;left:7px}.image-kind-badge.community{color:#8fe9f7;border-color:#43d2eb73}.item-modal-head h2{color:#edf7f8;overflow-wrap:anywhere;margin:7px 0 4px;font-size:20px;line-height:1.25}.item-modal-head p{color:#90a5ad;overflow-wrap:anywhere;margin:0 0 9px;font-size:12px}.item-modal-head small{color:#667c85;font-size:10px}.item-modal-body{scrollbar-width:thin;scrollbar-color:#4d9ab140 transparent;min-height:0;padding:15px 18px;overflow-y:auto}.item-modal-body section{margin-top:18px}.item-modal-body h3{color:#d5e2e6;margin:0 0 9px;font-size:14px}.item-description{color:#a8bac0;margin:0;font-size:13px;line-height:1.7}.acquisition-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px;display:grid}.acquisition{border:1px solid var(--line);background:#10222b9e;border-radius:6px;grid-template-columns:minmax(0,1fr);gap:7px;min-width:0;padding:11px 12px;display:grid}.acquisition>span{color:var(--cyan);align-items:center;gap:6px;font-size:14px;display:flex}.acquisition>strong{color:#d3e1e4;white-space:pre-line;overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:600;line-height:1.7}.crafting-card{border:1px solid var(--line);background:#0c1c248c;border-radius:7px;overflow:hidden}.crafting-step{border-bottom:1px solid var(--line);grid-template-columns:26px minmax(0,1fr);gap:10px;padding:11px;display:grid}.step-number{border:1px solid var(--line-strong);background:var(--cyan-soft);width:24px;height:24px;color:var(--cyan);border-radius:50%;place-items:center;font-size:12px;font-weight:750;display:grid}.crafting-step-content{flex-direction:column;gap:6px;min-width:0;display:flex}.crafting-step-content>strong{color:#d9e7ea;font-size:14px}.crafting-step-content>small{color:#8298a0;font-size:11px}.crafting-unlock-trade{text-align:left;cursor:pointer;background:#22708617;border:1px solid #43d2eb40;border-radius:5px;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:2px 8px;width:100%;padding:8px 10px;display:grid}.crafting-unlock-trade:hover{background:#22708629;border-color:#43d2eb8c}.crafting-unlock-trade span{color:var(--cyan);overflow-wrap:anywhere;font-size:14px;font-weight:650}.crafting-unlock-trade small{color:#8298a0;overflow-wrap:anywhere;grid-row:2;font-size:11px}.crafting-unlock-trade svg{color:#5c7781;grid-area:1/2/3}.crafting-unlock-name{color:var(--cyan);overflow-wrap:anywhere;font-size:14px}.crafting-step-materials{padding-bottom:9px}.crafting-ingredients{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.crafting-ingredients>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:54px;padding:9px 11px;display:flex}.crafting-ingredients span{color:#d4e1e4;flex-direction:column;min-width:0;font-size:14px;font-weight:600;display:flex}.crafting-ingredients small{color:#859ba3;font-size:11px;font-weight:400}.crafting-ingredients strong{color:var(--gold);white-space:nowrap;font-size:15px}.crafting-meta{color:#789099;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:7px 11px;font-size:10px;display:flex}.relation-list{border:1px solid var(--line);border-radius:6px;overflow:hidden}.relation-list button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#0b1a228c;grid-template-columns:minmax(0,1fr) auto 15px;align-items:center;gap:10px;width:100%;min-height:50px;padding:8px 10px;display:grid}.relation-list button:last-child{border-bottom:0}.relation-list button:hover{background:#2879921a}.relation-list button>span{color:#d2e0e3;overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;font-size:14px;display:flex}.relation-list button small{color:#7f949c;font-size:11px}.relation-list button strong{color:var(--gold);white-space:nowrap;font-size:14px}.relation-list button svg{color:#526a74}.mobile-only{display:none}@media (width>=1900px){.topbar{grid-template-columns:360px minmax(520px,1080px) minmax(176px,1fr)}.global-search{height:46px}.category-tabs{gap:9px}.category-tabs button{min-width:118px;height:42px;font-size:14px}.filterbar{grid-template-columns:max-content repeat(5,minmax(140px,200px));gap:9px}.select-trigger{height:36px;font-size:13px}.trade-card{min-height:352px}.trade-card-summary{grid-template-columns:128px minmax(0,1fr)}.trade-card-image-stage{width:128px;height:100px}.detail-content{padding:20px}.detail-hero-visual{height:188px}.entry-row{min-height:65px}.entry-image{width:49px;height:49px}}@media (width<=1600px){.trade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{grid-template-columns:250px minmax(260px,1fr) auto}}@media (width<=1200px){.topbar{grid-template-columns:minmax(250px,320px) minmax(280px,1fr) auto;gap:12px}.top-actions nav a{min-height:34px;padding-inline:10px;font-size:12px}.filterbar{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.filter-title{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.trade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{grid-template-columns:220px minmax(0,1fr)}.footer-filings{grid-column:1/-1;justify-content:flex-start;padding-left:56px}.facts-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=840px){body{background-size:32px 32px}.app-shell{min-height:100dvh}.topbar{grid-template-columns:minmax(0,1fr) auto;gap:9px;height:auto;min-height:130px;padding:9px 12px 10px}.brand{gap:9px}.wikelo-avatar{width:52px;height:43px}.brand .eyebrow{letter-spacing:.1em;font-size:8px}.brand h1{font-size:15px}.top-actions{justify-self:end}.top-actions nav{gap:5px}.top-actions nav a{background:0 0;border-color:#0000;min-height:32px;padding-inline:8px;font-size:11px}.global-search{grid-area:2/1/auto/-1;height:40px}main{padding:0 8px 9px}.category-tabs{padding-top:8px}.category-tabs button{min-width:82px;height:36px;padding-inline:11px;font-size:12px}.filterbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-height:0;padding:7px 0;display:grid;overflow:visible}.filter-title{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.select{width:100%;min-width:0}.select-label{font-size:8px}.select-trigger{height:31px;font-size:10px}.select-option{min-height:38px;font-size:11px}.panel-heading{height:39px;padding:0 9px}.panel-hint{max-width:60%;font-size:9px;line-height:1.25}.trade-grid{grid-template-columns:1fr;gap:8px;padding:8px}.trade-card{min-height:0}.trade-card-summary{grid-template-columns:112px minmax(0,1fr);gap:10px;padding:11px}.trade-card-image-stage{width:112px;height:88px}.trade-card-heading>strong{font-size:16px}.material-chips button{min-height:38px}.material-chips strong,.material-chips span{font-size:14px}.site-footer{grid-template-columns:1fr;gap:12px;padding:14px}.site-footer>p{font-size:10px}.footer-filings{white-space:normal;flex-wrap:wrap;grid-column:auto;justify-content:flex-start;gap:8px;padding-left:0}.detail-content{padding:12px}.detail-hero{grid-template-columns:128px minmax(0,1fr);gap:12px}.detail-hero-visual{height:105px}.detail-heading h2{font-size:17px}.facts-grid{grid-template-columns:repeat(2,1fr)}.overlay{padding:8px}.trade-modal{border-bottom-right-radius:0;border-bottom-left-radius:0;align-self:flex-end;max-height:88dvh}.item-modal{max-height:calc(100dvh - 16px)}.item-modal-head{grid-template-columns:112px minmax(0,1fr);gap:11px;padding:14px 45px 14px 14px}.item-modal-visual{width:112px;height:92px}.item-modal-head h2{font-size:16px}.item-modal-body{padding:12px 14px}.acquisition{grid-template-columns:1fr}.acquisition a{grid-column:1}}@media (width<=390px){.topbar{padding-inline:8px}.brand h1{font-size:13px}.top-actions nav a{padding-inline:5px;font-size:10px}.global-search input{font-size:12px}.trade-card-summary{grid-template-columns:96px minmax(0,1fr);padding:10px}.trade-card-image-stage{width:96px;height:82px}.trade-card-heading>strong{font-size:15px}.trade-card-en,.trade-card-reward{font-size:11px}.trade-card-footer{grid-template-columns:1fr auto}.trade-card-footer>span:nth-child(2){display:none}.detail-hero{grid-template-columns:105px minmax(0,1fr)}.detail-hero-visual{height:88px}.entry-row{grid-template-columns:46px minmax(0,1fr) auto 12px;gap:8px;min-height:66px;padding:8px}.entry-image{width:46px;height:46px}.entry-name strong{font-size:13px}.entry-name small,.entry-amount small{font-size:9px}.entry-amount strong{font-size:14px}.item-modal-head{grid-template-columns:88px minmax(0,1fr)}.item-modal-visual{width:88px;height:78px}}@media (width<=300px){.topbar{grid-template-columns:minmax(0,1fr) 32px;gap:4px;padding-inline:5px}.brand{gap:5px}.wikelo-avatar{width:36px;height:34px}.brand .eyebrow{display:none}.brand h1{white-space:normal;font-size:11px;line-height:1.15}main{padding-inline:4px}.trade-card-summary{grid-template-columns:78px minmax(0,1fr);gap:7px;padding:8px}.trade-card-image-stage{width:78px;height:70px}.trade-card-heading>strong{font-size:13px}.detail-hero{grid-template-columns:86px minmax(0,1fr);gap:8px}.entry-row{grid-template-columns:40px minmax(0,1fr) auto;gap:5px;padding-inline:5px}.entry-row>svg{display:none}.entry-image{width:40px;height:40px}.entry-amount strong{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}