:root{color-scheme:dark;--bg:#131313;--panel:#222;--muted:#777;--line:#303030;--blue:#1689ff;--purple:#ae4ede}*{box-sizing:border-box}body{margin:0;background:#0c0d10;color:#f9f9f9;font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}#app{max-width:510px;min-height:100dvh;margin:auto;background:var(--bg);position:relative}header{height:78px;padding:22px 18px 14px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:1.5px;padding:0}.brand-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:var(--blue);font-size:21px;letter-spacing:-2px}.balance{border:1px solid #273e50;border-radius:22px;padding:8px 12px;background:#182a39;font-size:14px}main{padding:8px 16px 118px;min-height:calc(100dvh - 78px)}h1{font-size:28px;letter-spacing:-.8px;margin:8px 0 20px}h2{font-size:20px;letter-spacing:-.3px}p{line-height:1.5}.sub{font-size:13px;color:#87878b}.page-title{display:flex;align-items:center;justify-content:space-between}.live{font-size:11px;color:#a9d4ff;background:#192d40;padding:6px 9px;border-radius:14px}.hero{position:relative;height:135px;border-radius:27px;overflow:hidden;background:radial-gradient(ellipse at 80% 10%,#625138 0,transparent 65%),linear-gradient(120deg,#271f35,#151e29);padding:23px;margin-bottom:22px;border:1px solid #ffffff09}.hero small{font-size:10px;color:#c0b8cf;letter-spacing:2px;font-weight:700}.hero h2{font-size:26px;line-height:1.05;margin:10px 0 9px;position:relative;z-index:1}.hero p{margin:0;font-size:12px;color:#bab4c5}.hero img{position:absolute;width:133px;right:0;top:0;transform:rotate(14deg);border-radius:25px;opacity:.85;mask-image:linear-gradient(90deg,transparent,#000 30%)}.search{display:flex;gap:9px;align-items:center;margin:15px 0 10px}.search-box{display:flex;align-items:center;gap:8px;background:#1a1a1a;border:1px solid #2b2b2b;border-radius:24px;padding:11px 13px;flex:1;min-width:0;color:#777}.search-box input{width:100%;background:none;outline:none;border:0;color:white;font-size:14px}.circle{border-radius:50%;background:#2b2b2b;width:42px;height:42px;display:grid;place-items:center;flex-shrink:0}.filters{display:flex;gap:6px;margin:0 0 24px}.filters select{appearance:none;border-radius:18px;background:#1d1d1d;border:1px solid #2d2d2d;color:#d6d6d6;padding:8px 23px 8px 11px;font-size:12px;min-width:0;flex:1;background-image:url("data:image/svg+xml,%3Csvg width='9' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 3.5 3.5L8 1' fill='none' stroke='%23777' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.sort{background:#202020;border-radius:18px;min-width:33px;color:#999}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gift{background:#222;border:1px solid #2b2b2b;border-radius:27px;padding:7px;text-align:left;min-width:0}.gift .art{position:relative;aspect-ratio:1;overflow:hidden;border-radius:21px;background:radial-gradient(at 50% 25%,#414457,#23242c)}.gift img{width:100%;height:100%;object-fit:cover;display:block}.gift .badge{position:absolute;top:9px;left:9px;border-radius:20px;background:#ffffff25;backdrop-filter:blur(10px);font-size:9px;font-weight:bold;padding:6px 8px}.gift h3{font-size:15px;margin:11px 4px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gift .number{color:#818181;margin:0 4px 12px;font-size:12px}.gift .price{background:var(--blue);border-radius:18px;width:100%;font-size:14px;font-weight:bold;padding:9px}.grid.list{grid-template-columns:1fr}.grid.list .gift{display:grid;grid-template-columns:82px 1fr;column-gap:12px}.grid.list .art{grid-row:1/5}.grid.list .price{grid-column:2}.grid.list .gift h3{margin:3px 0}.grid.list .number{margin:0}nav{position:fixed;bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 28px);max-width:482px;border:1px solid #ffffff16;background:#1c1c1cdb;backdrop-filter:blur(24px);padding:5px;display:flex;align-items:center;gap:3px;border-radius:40px;z-index:5;box-shadow:0 8px 35px #0005}nav button{flex:1;height:57px;color:#777;font-size:10px;font-weight:bold;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:30px}nav button.active{color:var(--blue);background:#12171e;border:1px solid #ffffff1b}nav svg{width:23px;height:23px}nav .profile-nav{flex:0 0 55px}nav .avatar{width:35px;height:35px;font-size:15px}.avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(140deg,#6d45b8,#298fe7);display:grid;place-items:center;font-size:24px;font-weight:bold;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.notice{padding:10px 13px;border-radius:13px;background:#202a38;color:#9bb3ce;font-size:12px;margin-bottom:18px;line-height:1.4}.empty{text-align:center;padding:75px 25px}.empty svg{width:65px;height:65px;color:var(--blue);margin-bottom:18px}.empty p{color:#777;font-size:14px}.primary{background:var(--blue);border-radius:24px;padding:16px;width:100%;font-weight:700;min-height:51px}.secondary{background:#303030;border-radius:20px;padding:13px 18px;font-weight:bold}.segment{display:flex;background:#272727;border-radius:20px;padding:4px;margin:20px 0}.segment button{flex:1;border-radius:15px;font-size:12px;padding:8px}.segment .selected{background:#fff;color:#111;font-weight:bold}.craft-page{margin:-8px -16px -118px;padding:14px 24px 125px;min-height:calc(100dvh - 78px);background:radial-gradient(ellipse at 50% 36%,#3b485d 0,#253040 43%,#1b2531 100%);display:flex;flex-direction:column;position:relative;overflow:hidden}.craft-title{display:flex;justify-content:space-between;color:#aeb9ca;font-size:12px;margin-bottom:40px}.forge{display:grid;grid-template-columns:76px 124px 76px;grid-template-rows:76px 76px;gap:20px 14px;justify-content:center;align-items:center;margin:32px 0 25px}.slot{height:76px;width:76px;border-radius:21px;background:#3c475c;border:1px solid #526079;box-shadow:inset 0 1px 0 #ffffff0b;display:grid;place-items:center;position:relative;overflow:hidden}.slot span{width:29px;height:29px;background:#fff;color:#3e4860;border-radius:50%;font-size:26px;line-height:27px}.slot img{width:100%;height:100%;object-fit:cover}.anvil{grid-column:2;grid-row:1/3;background:#3c475c;border:1px solid #56627b;border-radius:35px;height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.anvil svg{width:67px;height:67px;z-index:1}.anvil strong{margin-top:5px;font-size:20px}.ring{position:absolute;width:106px;height:106px;top:8px;border:7px solid #66728c55;border-bottom-color:transparent;border-radius:50%}.craft-caption{text-align:center;font-weight:bold;color:#b5bccb;line-height:1.5;font-size:15px;margin:6px 0 11px}.target{align-self:center;background:#414c62;border:1px solid #5b6a85;padding:9px 15px;border-radius:24px;display:flex;align-items:center;gap:8px;max-width:100%;font-size:13px;font-weight:bold}.target img{width:24px;height:24px;border-radius:7px}.craft-warning{text-align:center;color:#aeb5c3;font-size:14px;font-weight:bold;margin:18px 0 40px;line-height:1.5}.craft-action{background:var(--purple);margin-top:auto}.craft-foot{color:#9aa3b3;text-align:center;font-size:11px;margin:12px 0}.forging .anvil{animation:hit .35s ease-in-out infinite}.forging .ring{animation:spin 1s linear infinite;border-top-color:#dbb6ff}.forging .slot{animation:glow .7s alternate infinite}@keyframes hit{50%{transform:translateY(5px) rotate(-4deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{to{box-shadow:0 0 30px #ae4ede88}}.profile-card,.panel{background:#222;border:1px solid #303030;border-radius:26px;padding:18px;margin:16px 0}.identity{display:flex;align-items:center;gap:12px}.identity h2{margin:0 0 5px;font-size:21px}.identity .sub{margin:0}.pill{margin-left:auto;background:#1a1a1a;border-radius:16px;padding:12px;text-align:center;font-size:12px;color:#888}.pill b{display:block;color:white;font-size:18px;margin-top:4px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid #343434}.stats b{font-size:14px}.stats span{display:block;color:#777;font-size:11px;margin-top:5px;line-height:1.4}.ref-head{display:flex;justify-content:space-between;align-items:center;font-size:13px}.ref-head b{color:#50a5ff}.progress{height:5px;background:#383838;border-radius:5px;margin:15px 0 20px;overflow:hidden}.progress div{height:100%;background:var(--blue)}.ref-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ref-stats div{background:#292929;border-radius:17px;padding:16px}.ref-stats small{color:#888;display:block;margin-bottom:8px}.ref-stats b{font-size:22px}.section-label{font-size:11px;letter-spacing:1.5px;color:#818181;margin:28px 2px 10px}.admin-entry{display:flex;width:100%;align-items:center;gap:14px;text-align:left}.admin-entry svg{color:#7cadff;width:23px;height:23px}.admin-entry small{display:block;margin-top:5px;color:#777}.admin-entry .chev{margin-left:auto}.panel h3{margin:0 0 10px}.panel p{color:#888;font-size:13px}.panel .secondary{margin:10px 0;width:100%}.form-label{display:block;font-size:13px;color:#999;margin:20px 0 8px}.model-row{padding:11px 0;border-bottom:1px solid #303030;display:flex;gap:10px;font-size:13px}.model-row input{accent-color:var(--blue)}dialog{border:1px solid #363636;border-radius:27px;background:#1d1d1d;color:white;width:calc(100% - 24px);max-width:480px;padding:20px;max-height:85dvh;overflow:auto;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sheet-head h2{margin:0}.close{background:#323232;border-radius:50%;height:32px;width:32px;font-size:25px;color:#999}.detail-art{width:100%;border-radius:22px;max-height:310px;object-fit:cover}.detail-row{display:flex;justify-content:space-between;margin:16px 0;color:#888;font-size:13px}.detail-row b{color:white}#toast{position:fixed;z-index:15;bottom:110px;left:50%;transform:translateX(-50%);background:#f5f5f5;color:#171717;padding:13px 20px;border-radius:20px;font-size:13px;box-shadow:0 7px 35px #0005;max-width:90%;width:max-content;display:none}.loader{text-align:center;color:#888;padding:70px 20px}.error{color:#e9a8a8;padding:30px 0;line-height:1.5}.result{text-align:center;padding:20px 0}.result svg{width:80px;height:80px;color:#bc76f1}.result h2{font-size:25px}.result p{color:#999}.result img{width:180px;border-radius:24px}.demo-label{font-size:10px;color:#8c8c94;text-align:center;margin:18px 0 0;letter-spacing:.4px}@media(min-width:650px){#app{margin:30px auto;min-height:calc(100dvh - 60px);border:1px solid #303030;border-radius:32px;overflow:hidden}nav{bottom:40px}.craft-page{min-height:calc(100dvh - 140px)}}@media(max-width:355px){.forge{grid-template-columns:65px 110px 65px;gap:17px 9px}.slot{width:65px;height:70px}.hero h2{font-size:23px}.brand{font-size:9px}.craft-page{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){*{animation-duration:0.001ms!important}}
.search-box svg{width:18px;height:18px;flex:0 0 18px}.circle svg{width:18px;height:18px}
/* Crafter — Portal reference layout */
body{background:#111;font-family:Arial,Helvetica,sans-serif}#app{max-width:510px;background:#131313}header{height:71px;padding:16px 16px 13px}.brand{font-size:20px;letter-spacing:-.5px;text-transform:none;gap:8px}.crafter-mark{background:#198bff;width:29px;height:29px;display:grid;place-items:center;border-radius:9px;font-size:28px;font-weight:bold}.balance{font-size:13px;padding:8px 11px;background:#172b3a;border-color:#273c4b}main{padding:0 16px 105px;min-height:calc(100dvh - 71px)}.market-categories{display:flex;align-items:center;justify-content:space-around;margin:7px 0 19px}.market-categories button{font-size:13px;color:#666;font-weight:bold;display:flex;flex-direction:column;align-items:center;gap:7px}.market-categories button span{width:48px;height:48px;background:#212121;border-radius:17px;display:grid;place-items:center}.market-categories svg{width:24px;height:24px}.market-categories .selected{color:white}.market-categories .selected span{background:#363636}.search{margin:9px 0}.search-box{padding:10px 12px;border-color:#2e2e2e;border-radius:23px;background:#1a1a1a}.search-box input{font-size:13px;font-weight:600}.circle{background:#363636;width:40px;height:40px}.filters{gap:5px;margin:9px 0 24px}.filters .sort{width:34px;height:32px;min-width:34px;border:1px solid #313131;color:#888;font-size:20px;display:grid;place-items:center;border-radius:50%}.sort svg{width:16px;height:16px}.filters select{font-size:12px;padding:7px 18px 7px 10px;font-weight:bold;background-color:#1d1d1d}.grid{gap:11px}.gift{padding:7px;border-radius:29px;border:1px solid #2e2e2e;background:#222}.gift .art{width:100%;padding:0;display:block;border-radius:22px;position:relative;aspect-ratio:1}.gift h3{font-size:15px;margin:10px 4px 3px;font-weight:700}.gift .number{font-size:12px;margin:0 4px 10px;color:#808080}.gift-mark{position:absolute;top:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;line-height:1;color:white;font-size:23px}.gift-mark.green{left:7px;background:#79b44f}.gift-mark.violet{left:39px;background:#b58da9}.gift-mark svg{height:17px;width:17px}.gift-bottom{display:flex;gap:4px;align-items:center}.gift .price{padding:8px 0;min-height:34px;background:#188aff;font-weight:800;font-size:14px;border-radius:23px;flex:1}.basket{border:1px solid #454545;border-radius:50%;width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;background:#363636}.basket svg{width:17px;height:17px}.gift .checkmark{position:absolute;right:9px;top:9px;width:23px;height:23px;border:2px solid #ffffffa0;border-radius:50%;background:#0002;font-size:13px;display:grid;place-items:center}.gift.picked{border-color:#198bff;box-shadow:0 0 0 1px #198bff}.gift.picked .checkmark{background:#198bff;border-color:#198bff}.crafted-badge{position:absolute;bottom:8px;left:8px;padding:4px 7px;border-radius:10px;background:#9c49d4;color:white;font-size:9px;font-weight:bold}.load-more{color:#999;width:100%;padding:20px 0;font-size:12px}.collection-card{padding:8px;background:#222;border-radius:23px;text-align:left;display:flex;flex-direction:column;gap:7px}.collection-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px}.collection-card strong{font-size:14px;padding:0 4px}.collection-card small{color:#8b8b8b;padding:0 4px 6px}.grid.list .gift{grid-template-columns:88px 1fr}.grid.list .gift-bottom{grid-column:2}.grid.list .art{grid-row:1/4}.grid.list .gift-mark{display:none}nav{border:0;background:none;backdrop-filter:none;box-shadow:none;gap:9px;padding:0;max-width:478px;bottom:calc(17px + env(safe-area-inset-bottom));border-radius:0;align-items:center}.nav-main{flex:1;display:flex;padding:4px;border:1px solid #ffffff20;border-radius:40px;background:#181818d9;backdrop-filter:blur(22px);box-shadow:0 5px 25px #0004}nav button{height:51px;font-size:10px;gap:5px;color:#7d7d7d}.nav-main button.active{background:#111;border:1px solid #ffffff26;color:#168dff}nav svg{width:22px;height:22px}nav .profile-nav{width:57px;height:57px;flex:0 0 57px;background:#282828e6;backdrop-filter:blur(20px);border:1px solid #454545;border-radius:50%}nav .profile-nav.active{border-color:#168aff}nav .avatar{width:43px;height:43px;border:2px solid #606060}.inventory-tabs{display:flex;gap:11px;margin:5px 0 20px}.inventory-tabs button{font-size:23px;padding:0;color:#444;font-weight:bold;letter-spacing:-.3px}.inventory-tabs .selected{color:#fff}.segment{margin:0 0 12px;padding:4px;background:#494949;border-radius:30px;height:34px}.segment button{padding:2px 3px;font-size:12px;color:#777;font-weight:bold}.segment .selected{color:#111;background:#fff}.segment span{background:#7c7c7c;color:white;padding:1px 4px;border-radius:8px;font-size:11px;margin-left:3px}.inventory-actions{display:flex;justify-content:space-between;background:#222;border:1px solid #2b2b2b;border-radius:22px;padding:9px 7px 8px;margin:0 0 12px}.inventory-actions button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:bold;flex:1;padding:0}.inventory-actions svg{width:19px;height:19px;color:#fff}.selection-bar{font-size:11px;color:#777;display:flex;justify-content:space-between;align-items:center;margin:15px 3px 14px}.selection-bar button{font-size:11px;color:#888;padding:0}.inventory-empty{padding:65px 20px 45px;text-align:center;grid-column:1/-1}.inventory-empty>svg{color:#168aff;width:68px;height:68px;margin-bottom:10px}.inventory-empty h2{font-size:18px;margin:10px 0}.inventory-empty p{font-size:13px;color:#777}.history-item{display:flex;align-items:center;padding:17px 0;gap:12px;border-bottom:1px solid #292929}.history-icon{background:#262626;border-radius:15px;width:43px;height:43px;display:grid;place-items:center;color:#198bff}.history-icon svg{width:22px;height:22px}.history-item b{font-size:13px}.history-item small{display:block;color:#777;font-size:11px;margin-top:5px}.history-tag{margin-left:auto;font-size:9px;color:#ad8ac4;background:#36243e;padding:4px;border-radius:6px}.field{display:block;width:100%;background:#292929;border:1px solid #444;border-radius:15px;padding:13px;color:#fff;margin-bottom:20px}.attributes{background:#282828;border-radius:18px;padding:5px 15px;margin:16px 0}.attributes div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #363636;font-size:13px}.attributes div:last-child{border:0}.attributes span{color:#888}.gift-detail-number{color:#888;font-size:13px;margin:12px 0}.profile-card{margin-top:10px}.panel{border-color:#2b2b2b}.ref-head{background:#173149;border:1px solid #2d455b;border-radius:13px;padding:13px 10px;margin:-5px -5px 0}.craft-view{background:#202b39!important}.craft-view header{background:#202b39}.craft-view .brand{color:#bdc6d4}.craft-view .crafter-mark{background:#39485e}.craft-page{margin:0 -16px -105px;padding:9px 24px 116px;min-height:calc(100dvh - 71px);background:radial-gradient(ellipse at 50% 40%,#354254 0,#263242 42%,#1c2735 90%)}.craft-page:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg width='90' height='85' viewBox='0 0 90 85' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(22 20) rotate(-20)' fill='%23070f1b'%3E%3Cpath d='M0 12h26l-7 6h-3v7l5 3v3H5v-3l5-3v-7H7L0 12Zm10-9h17v5H10Z'/%3E%3C/g%3E%3C/svg%3E")}.craft-title{margin:0;height:33px}.info-btn{border-radius:50%;width:31px;height:31px;color:#27384a;background:#b8d6f6;font-size:19px;font-weight:900;font-family:Georgia}.forge{position:relative;grid-template-columns:77px 128px 77px;grid-template-rows:77px 77px;gap:23px 16px;margin:90px 0 27px;z-index:1}.slot{width:77px;height:77px;border-radius:21px;background:#3b475c;border-color:#53637d;z-index:2}.slot span{width:32px;height:32px;font-size:30px;line-height:30px;color:#3b475c}.anvil{height:134px;border-radius:32px;background:#3b475a;border-color:#536079;z-index:1}.anvil-svg{width:69px!important;height:69px!important;overflow:visible;z-index:2;margin-top:3px}.anvil strong{font-size:20px;margin-top:-2px;z-index:2}.chance-ring{position:absolute;top:7px;width:112px!important;height:112px!important;fill:none;stroke:#6a789253;stroke-width:7}.chance-ring .chance-value{stroke:#c98bff;transform:rotate(-90deg);transform-origin:center;transition:stroke-dasharray .25s}.craft-caption{font-size:16px;color:#acb2be;margin:5px -12px 11px;white-space:nowrap}.craft-caption b{color:#e3e5ec}.target{font-size:14px;padding:7px 12px;background:#3d4a62;border-color:#596b86;gap:8px;min-height:40px;z-index:1}.target svg{width:15px;height:15px;color:#a3afc2}.target img{width:27px;height:27px;border-radius:8px}.craft-warning{font-size:16px;color:#a5adba;line-height:1.45;margin:17px 0 30px}.craft-bottom{margin-top:auto;padding-top:35px;z-index:1}.craft-action{margin:0;min-height:49px;padding:15px;background:#ae4fda;border-radius:27px;font-size:14px}.craft-foot{font-size:10px;color:#778293;margin:9px 0 0}.craft-view .nav-main{background:#1c2735c9}.craft-view nav .active{background:#131e2a}.craft-view nav .profile-nav{background:#2c3a4b}.impact-glow{position:absolute;inset:-50px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff7d5 0,#eac1ff70 18%,#b554ed10 45%,transparent 70%)}.forge-flash{position:absolute;inset:-70px;background:radial-gradient(circle,#fff9ee,#d9b8ff44 35%,transparent 70%);pointer-events:none;opacity:0;z-index:5}.sparks{position:absolute;left:50%;top:40%;width:0;height:0;z-index:4;pointer-events:none}.sparks i{position:absolute;width:3px;height:5px;background:#fff0a9;border-radius:2px;box-shadow:0 0 5px #ffae53;opacity:0}.forging .anvil{animation:none}.forging .slot{animation:none;overflow:visible;pointer-events:none}.forging .slot img{border-radius:20px}.forging .anvil-svg .hammer-art{transform-origin:50px 42px;animation:hammer-strike .5s cubic-bezier(.5,0,.8,.4) 1.1s 4}.forging .impact-glow{animation:impact .5s ease-out 1.25s 4}.forging .sparks i{animation:spark .5s ease-out calc(1.25s + var(--delay)) 4}.forging .forge-flash{animation:reveal-flash .5s ease-out 2.65s}.forging .chance-value{animation:ring-charge 2.5s ease-out forwards}.forging .slot{background:#3c475c88}.craft-result{position:relative;overflow:hidden}.craft-result img{position:relative;z-index:1;width:210px;border-radius:30px;animation:reward-reveal .6s cubic-bezier(.17,.67,.32,1.3)}.craft-result .anvil-svg{width:90px!important;height:90px!important;margin:10px auto}.craft-result h2,.craft-result p,.craft-result button{position:relative;z-index:1}.reveal-rays{position:absolute;left:50%;top:100px;transform:translate(-50%,-50%);width:450px;height:450px;background:repeating-conic-gradient(#b66bff00 0deg,#b66bff22 10deg,#b66bff00 20deg);mask-image:radial-gradient(circle,#000,transparent 65%);animation:ray-spin 20s linear infinite}.craft-result.lose svg{opacity:.5}.craft-result.lose h2{color:#d4becd}@keyframes hammer-strike{0%,100%{transform:rotate(0) translateY(0)}35%{transform:rotate(-40deg) translateY(-8px)}70%{transform:rotate(16deg) translateY(8px)}}@keyframes impact{0%{opacity:.9}100%{opacity:0}}@keyframes spark{0%{opacity:1;transform:rotate(var(--angle)) translateX(2px)}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance))}}@keyframes reveal-flash{0%{opacity:0}30%{opacity:1}100%{opacity:0}}@keyframes ring-charge{to{stroke-dasharray:308 308;stroke:#ebcaff;filter:drop-shadow(0 0 5px #b960f9)}}@keyframes reward-reveal{from{opacity:0;transform:rotate(-15deg)}to{opacity:1;transform:rotate(0)}}@keyframes ray-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(min-width:650px){#app{margin:20px auto;border-radius:23px;min-height:calc(100dvh - 40px)}nav{bottom:37px}.craft-page{min-height:calc(100dvh - 112px)}}@media(max-width:365px){.forge{grid-template-columns:65px 116px 65px;gap:20px 12px}.slot{width:65px;height:72px}.craft-caption{font-size:14px}.inventory-tabs button{font-size:21px}.inventory-actions button{font-size:10px}.gift h3{font-size:14px}}@media(prefers-reduced-motion:reduce){.forging .slot img{transform:none!important}}

.cube-stage{position:absolute;left:50%;top:50%;width:110px;height:110px;transform:translate(-50%,-50%);perspective:650px;z-index:8;pointer-events:none}
/* Fixed filter controls. */
.filters{display:grid;grid-template-columns:32px 32px minmax(0,1.2fr) minmax(0,1fr) minmax(0,.85fr);align-items:center;column-gap:6px;min-width:0}.filters .sort{width:32px;min-width:0;padding:0;height:32px;overflow:hidden}.filters select{width:100%;min-width:0;height:32px;padding:6px 20px 6px 10px;overflow:hidden;text-overflow:ellipsis}.filters svg{display:block;width:16px;height:16px}@media(max-width:365px){.filters{column-gap:4px;grid-template-columns:28px 28px minmax(0,1.2fr) minmax(0,1fr) minmax(0,.8fr)}.filters .sort{width:28px;height:30px}.filters select{padding-left:7px;font-size:11px}}
/* Craft layout aligned to the supplied Portal reference. */
header{justify-content:flex-end;height:65px;padding:14px 16px}.brand{display:none}.craft-view header{background:#222e3d}.craft-page{padding:8px 24px 108px;min-height:calc(100dvh - 65px);background:radial-gradient(ellipse at 50% 38%,#39475c 0,#2b394b 44%,#202c3b 100%)}.craft-title{height:30px}.forge{display:block;position:relative;width:314px;height:177px;margin:48px auto 30px;max-width:100%}.forge .anvil{position:absolute;width:128px;height:134px;left:50%;top:22px;transform:translateX(-50%);margin:0;border-radius:31px}.forge .craft-slot{position:absolute;display:flex;align-items:center;justify-content:center;width:76px;height:76px;padding:0;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff08;background:#3d4a60;border:1px solid #5b6b85}.craft-slot[data-index="0"]{left:0;top:0}.craft-slot[data-index="1"]{right:0;top:0}.craft-slot[data-index="2"]{left:0;bottom:0}.craft-slot[data-index="3"]{right:0;bottom:0}.craft-slot .slot-plus{display:block;position:relative;flex:0 0 32px;width:32px;height:32px;background:#fff;border-radius:50%;font-size:0}.slot-plus:before,.slot-plus:after{content:'';position:absolute;background:#3d4a60;border-radius:1px;left:50%;top:50%;transform:translate(-50%,-50%)}.slot-plus:before{width:15px;height:3px}.slot-plus:after{width:3px;height:15px}.craft-slot img{width:100%;height:100%;object-fit:cover;border-radius:19px}.craft-slot small{position:absolute;top:3px;left:3px;background:#1f2939bd;color:#fff;border-radius:8px;padding:2px 4px;font-size:9px}.craft-caption{white-space:normal;text-align:center;font-size:16px;line-height:1.45;margin:4px -12px 12px}.craft-warning{font-size:16px;margin-top:17px}.anvil strong{position:absolute;bottom:15px;left:0;right:0;text-align:center;line-height:23px}.anvil-svg{position:absolute;left:50%;top:23px;transform:translateX(-50%);margin:0!important;width:65px!important;height:65px!important}.chance-ring{width:112px!important;height:112px!important;left:7px;top:7px!important}.target{min-height:40px;padding:7px 13px;max-width:90%;justify-content:center}dialog.gift-picker{position:fixed;inset:auto 0 0;transform:none;margin:0 auto;width:100%;max-width:490px;max-height:78dvh;height:535px;padding:29px 16px 16px;border:1px solid #444;border-bottom:0;border-radius:34px 34px 0 0;background:#212121;overflow:hidden;box-shadow:0 -20px 80px #0004}dialog.gift-picker:before{content:'';position:absolute;top:9px;left:50%;transform:translateX(-50%);width:36px;height:5px;border-radius:4px;background:#7d7d7d}.gift-picker .sheet-head{margin:0 0 18px}.gift-picker .sheet-head h2{font-size:23px;line-height:31px}.gift-picker .close{width:32px;height:32px;background:#363636;color:#ddd}.gift-picker #sheet-body{height:calc(100% - 50px);display:flex;flex-direction:column}.picker-content{flex:1;min-height:0;overflow-y:auto;padding:0 0 12px}.picker-content .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.picker-gift{text-align:left;min-width:0;padding:0 0 7px}.picker-gift>div{position:relative;aspect-ratio:1;border-radius:19px;overflow:hidden;border:2px solid transparent}.picker-gift img{width:100%;height:100%;object-fit:cover}.picker-gift span{position:absolute;right:6px;top:6px;border:1px solid #ffffff8c;border-radius:50%;width:21px;height:21px;background:#0003;display:grid;place-items:center;font-size:12px}.picker-gift.selected>div{border-color:#9457ea}.picker-gift.selected span{background:#9457ea;border-color:#9457ea}.picker-gift b{display:block;font-size:12px;margin:6px 3px 2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.picker-gift small{color:#888;font-size:11px;margin-left:3px}.picker-empty{height:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#777}.picker-empty svg{width:38px;height:38px;margin-bottom:6px}.picker-empty p{font-size:15px}.picker-footer{flex-shrink:0;margin:0 -16px -16px;padding:18px 16px calc(17px + env(safe-area-inset-bottom));background:#282828;border-radius:27px 27px 0 0}.picker-chance{display:flex;justify-content:space-between;align-items:center;color:#777;font-size:14px;font-weight:bold;margin:18px 0 15px}.picker-chance strong{color:white;font-size:16px}.picker-footer .primary{background:#8051d6;border-radius:27px;padding:15px;font-size:14px}.craft-view #nav{opacity:1}@media(max-width:370px){.forge{width:284px}.forge .craft-slot{width:68px;height:73px}.forge .anvil{width:120px}.craft-caption{font-size:14px}.gift-picker .sheet-head h2{font-size:21px}}
.admin-title{display:flex;align-items:center;justify-content:space-between;margin:5px 0 15px}.admin-title h1{font-size:24px;margin:0}.admin-title button{font-size:13px;color:#888}.admin-tabs{display:flex;background:#242424;padding:4px;border-radius:17px;margin:12px 0 20px}.admin-tabs button{flex:1;padding:11px 5px;color:#888;font-weight:bold;font-size:13px;border-radius:13px}.admin-tabs .selected{background:#383838;color:#fff}.user-row{width:100%;display:flex;align-items:center;text-align:left;gap:10px;padding:16px 0;border-bottom:1px solid #2c2c2c}.user-avatar{width:39px;height:39px;border-radius:50%;background:#293b53;color:#9ec5fa;display:grid;place-items:center;font-weight:bold;flex-shrink:0}.user-row b{font-size:14px}.user-row small{display:block;color:#888;font-size:10px;margin-top:5px}.user-balance{margin-left:auto;white-space:nowrap;text-align:right;font-weight:bold;font-size:13px}.balance-editor{display:flex;gap:8px;margin-bottom:24px}.balance-editor .field{margin:0;min-width:0}.balance-editor .secondary{font-size:12px}.grant-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:350px;overflow-y:auto}.grant-models button{padding:0;text-align:left;min-width:0}.grant-models img{width:100%;aspect-ratio:1;border-radius:16px;object-fit:cover;background:#303030}.grant-models b{display:block;font-size:11px;margin-top:5px;overflow:hidden;text-overflow:ellipsis}.grant-models small{display:block;color:#888;font-size:10px;margin-top:4px}

.filter-strip{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 24px}.filter-strip::-webkit-scrollbar{display:none}.filter-strip .sort{flex:0 0 34px;width:34px;height:34px}.filter-chip{display:flex;align-items:center;gap:7px;white-space:nowrap;flex:none;padding:8px 12px;background:#202020;border:1px solid #303030;border-radius:22px;font-size:12px;font-weight:700}.filter-chip svg{width:13px;height:13px;color:#777}.filter-chip span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#777;font-size:10px}.filter-chip.has-value{border-color:#424242}dialog.catalog-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:490px;height:min(82dvh,730px);max-height:82dvh;padding:29px 16px 0;border:1px solid #424242;border-radius:34px 34px 0 0;background:#202020;overflow:hidden;box-shadow:0 -18px 75px #0006}dialog.catalog-sheet:before{content:'';position:absolute;top:9px;left:50%;width:36px;height:5px;transform:translateX(-50%);border-radius:4px;background:#808080}.catalog-sheet .sheet-head{margin:0 0 20px}.catalog-sheet .sheet-head h2{font-size:23px}.catalog-sheet .close{width:32px;height:32px;background:#363636}.catalog-sheet #sheet-body{height:calc(100% - 52px);display:flex;flex-direction:column}.catalog-search{flex-shrink:0;margin-bottom:17px}.catalog-columns{display:flex;justify-content:space-between;color:#747474;font-size:12px;font-weight:700;padding:0 3px 12px}.catalog-rows{overflow-y:auto;flex:1;min-height:0}.catalog-row{display:flex;align-items:center;width:100%;min-height:66px;gap:12px;text-align:left}.catalog-row strong{font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-row>b{font-size:14px;white-space:nowrap}.catalog-check{display:grid;place-items:center;flex:0 0 20px;height:20px;border:1px solid #474747;border-radius:7px;color:#fff;font-size:13px}.catalog-check.checked{background:#168aff;border-color:#168aff}.catalog-thumb{width:43px;height:43px;flex:0 0 43px;border-radius:13px;background:#343434;overflow:hidden}.catalog-thumb img{width:100%;height:100%;object-fit:contain}.catalog-empty{text-align:center;color:#888;padding:65px 10px}.catalog-footer{display:flex;gap:8px;margin:0 -16px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:#292929}.catalog-footer button{flex:1;background:#3a3a3a;border:1px solid #505050;border-radius:26px;padding:14px;font-weight:700}.catalog-footer .apply{background:#168aff;border-color:#168aff}

.portal-profile{background:#232323;border:1px solid #343434;border-radius:28px;margin:14px 0 18px;padding:15px 14px 12px}.profile-identity{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid #373737}.profile-identity .avatar{width:48px;height:48px;flex:0 0 48px;border-radius:16px;overflow:hidden}.profile-name{min-width:0;flex:1}.profile-name h2{font-size:18px;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis}.profile-name small{color:#929292;font-size:12px}.profile-inventory{border-radius:18px;background:#202020;padding:9px 12px;text-align:left}.profile-inventory>span{color:#777;font-size:12px;font-weight:700;display:block}.profile-inventory b{display:flex;align-items:center;gap:4px;font-size:20px;margin-top:4px}.profile-inventory svg{width:19px;height:19px}.profile-metrics{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;padding-top:10px}.profile-metrics b{font-size:13px;white-space:nowrap}.profile-metrics em{font-style:normal;color:#7b7b7b}.profile-metrics span{display:block;font-size:11px;color:#777;line-height:1.4;margin-top:3px}.portal-referrals{padding:12px;background:#1b1b1b;border:1px solid #303030;border-radius:18px;margin-bottom:24px}.portal-ref-heading{display:flex;align-items:center;gap:8px;padding:13px 11px;border:1px solid #2a4358;background:#173047;border-radius:13px}.portal-ref-heading b{font-size:13px}.portal-ref-heading>span{background:#168aff;border-radius:20px;padding:5px 7px;font-size:11px;font-weight:bold}.portal-ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.portal-ref-grid>div{background:#242424;border-radius:21px;padding:15px 12px}.ref-label{display:flex;align-items:center;gap:7px;color:#818181;font-size:12px}.ref-label svg{width:24px;height:24px;padding:4px;background:#168aff;border-radius:50%;color:white}.portal-ref-grid strong{display:block;margin:5px 0 0 31px;font-size:20px}.profile-invite{border-radius:26px;margin:4px 0 20px;font-size:16px}.forge{margin-top:clamp(55px,12dvh,115px)}
.catalog-sheet .catalog-search{flex:0 0 42px;height:42px;min-height:42px;max-height:42px;padding:0 13px;margin:0 0 17px;box-sizing:border-box}.catalog-sheet .catalog-search input{height:40px;min-height:0;padding:0;margin:0;line-height:40px}.catalog-columns,.catalog-footer{flex-shrink:0}.purchase-art{width:190px;height:190px;object-fit:contain;display:block;margin:6px auto 18px;border-radius:24px;background:#303030}.purchase-heading{text-align:center;margin:0 0 20px}.purchase-heading h3{font-size:22px;margin:0 0 6px}.purchase-heading span{color:#888;font-size:14px}.purchase-attrs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:18px}.purchase-attrs>div{min-width:0;background:#2b2b2b;border-radius:15px;padding:12px 8px;text-align:center}.purchase-attrs small{display:block;color:#888;font-size:11px;margin-bottom:5px}.purchase-attrs b{font-size:12px;overflow-wrap:anywhere}.quote-summary{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #333;margin-top:12px}.quote-summary span{color:#888}.craft-scope{font-size:11px;line-height:1.5;color:#939baa;text-align:center;margin:10px 0}
@font-face{font-family:SFProText;src:url('/static/fonts/SFProText-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SFProText;src:url('/static/fonts/SFProText-Bold.woff2') format('woff2');font-weight:600 900;font-style:normal;font-display:swap}body,button,input,select{font-family:SFProText,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.gram-icon{display:inline-block;width:16px;height:16px;vertical-align:-2px;flex:none}.balance{display:flex;align-items:center;gap:7px}.market-categories{display:none!important}.market-order-label{font-size:11px;color:#777;margin:-12px 4px 17px}.filter-strip{gap:5px}.filter-strip .sort{display:grid;place-items:center;border:1px solid #303030;background:#202020;border-radius:50%;padding:0;color:#777;font-size:22px;flex:0 0 34px;height:34px}.filter-strip .sort svg{width:17px;height:17px}.filter-strip .sort.enabled{color:#168aff;background:#152b3a}.filter-divider{height:20px;border-left:1px solid #444;margin:0 6px}.nav-main{padding:3px!important;background:#191919c9!important;backdrop-filter:blur(22px);border:1px solid #ffffff17!important;box-shadow:none!important}.nav-main button{height:53px;border-radius:30px;font-size:10px;font-weight:600;gap:5px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#808080}.nav-main button.active{color:#168aff;background:#111b!important;border:1px solid #ffffff2a}.nav-main svg{height:23px;width:23px;stroke-width:2.4}.profile-nav .avatar{font-size:18px}.sort-sheet,.price-sheet,.purchase-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:490px;padding:28px 16px calc(18px + env(safe-area-inset-bottom));border:1px solid #434343;border-bottom:0;border-radius:34px 34px 0 0;background:#202020;max-height:92dvh;overflow-y:auto;transform:none}.sort-sheet:before,.price-sheet:before,.purchase-sheet:before{content:'';position:absolute;top:9px;left:50%;transform:translateX(-50%);width:36px;height:5px;border-radius:6px;background:#777}.sort-sheet .sheet-head{display:none}.sort-option{display:flex;align-items:center;gap:12px;min-height:46px;width:100%;text-align:left;padding:7px 0;font-size:16px;font-weight:700}.sort-radio{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;border:1px solid #444}.sort-radio.checked{border-color:#168aff}.sort-radio.checked:after{content:'';background:#168aff;border-radius:50%;width:12px;height:12px}.sort-apply{margin-top:35px;border-radius:28px}.price-fields{display:flex;gap:12px;margin:20px 0 30px}.price-fields label{flex:1;min-width:0;color:#777;font-size:13px}.price-fields input{display:block;width:100%;border:1px solid #414141;border-radius:14px;background:#191919;color:white;margin-top:9px;padding:13px 10px;outline:none}.price-sheet .catalog-footer{margin:0 -16px -18px}.purchase-sheet .sheet-head{height:0;margin:0}.purchase-sheet .close{position:absolute;top:20px;right:15px;width:30px;height:30px;background:#363636;z-index:2}.portal-product{width:260px;max-width:80%;margin:0 auto;aspect-ratio:1;position:relative;border-radius:38px;overflow:hidden;background:#333}.portal-product>img{height:100%;width:100%;object-fit:cover}.portal-product>div{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:35px 5px 12px;background:linear-gradient(transparent,#0006)}.portal-product h2{margin:0 0 4px;font-size:23px}.portal-product span{color:#fff9;font-size:14px;font-weight:600}.product-availability{display:flex;align-items:center;justify-content:center;gap:6px;color:#50e9cd;background:#1c3933;width:260px;max-width:80%;margin:0 auto 14px;padding:10px 0;border-radius:0 0 28px 28px;font-size:13px;font-weight:bold}.product-availability svg{width:15px;height:15px}.product-properties{border:1px solid #454545;border-radius:18px;margin:20px 0 18px;overflow:hidden}.product-properties>div{display:flex;align-items:center;gap:12px;min-height:39px;padding:9px 11px;border-bottom:1px solid #303030;font-size:13px}.product-properties>div:last-child{border:0}.product-properties span{color:#858585;min-width:94px}.product-properties b{color:#168aff;overflow-wrap:anywhere}.product-properties strong{font-size:13px}.product-price{display:flex;align-items:center;justify-content:space-between;margin:20px 0 16px;font-size:14px}.product-price span{color:#888}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-actions button,.purchase-sheet .primary{border-radius:26px;min-height:50px;font-size:14px;font-weight:700}.purchase-sheet button small{display:block;font-size:12px;opacity:.65;margin-top:4px}.lucky-craft{background:linear-gradient(110deg,#6230a3,#a663df);border-radius:26px}.purchase-sheet .sub{font-size:12px;text-align:center}.purchase-sheet::backdrop,.sort-sheet::backdrop,.price-sheet::backdrop{background:#0007;backdrop-filter:blur(14px)}
.local-purchase-note{text-align:center;color:#7a7a7a;font-size:11px;margin:12px 0 0}.card-craft{width:calc(100% - 16px);margin:7px 8px 10px;display:flex;align-items:center;justify-content:center;gap:5px;background:#3d2b51;color:#d2a5ff;border-radius:18px;padding:7px;font-size:12px;font-weight:700}.card-craft svg{width:15px;height:15px}.detail-craft-button{display:flex;justify-content:center;align-items:center;gap:6px;color:#55e7ce;background:#223a36;margin:0 auto;width:260px;max-width:80%;padding:11px;border-radius:0 0 24px 24px;font-weight:700}.detail-craft-button svg{width:16px;height:16px}.target-order{color:#818181;font-size:12px;font-weight:700;padding:0}.forge{width:336px;height:188px;margin-top:clamp(70px,15dvh,128px);margin-bottom:28px}.forge .craft-slot{width:82px;height:82px;border-radius:22px}.forge .anvil{width:140px;height:140px;top:24px;left:50%;border-radius:33px}.forge .chance-ring{left:10px;top:8px!important;width:120px!important;height:120px!important}.forge .anvil-svg{top:28px;width:67px!important;height:67px!important}.craft-caption{font-size:16px;line-height:1.5}@media(max-width:380px){.forge{width:300px;height:180px}.forge .craft-slot{width:75px;height:79px}.forge .anvil{width:130px;height:136px}.forge .chance-ring{left:5px}.craft-caption{font-size:14px}}
.gift .checkmark{display:none}
.market-order-label,.local-purchase-note{display:none}.gift .art,.portal-product{position:relative}.gift-animation{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit;opacity:0;background:#26313e}.gift-animation svg{display:block;width:100%;height:100%}.animation-playing>.gift-animation{opacity:1}.portal-product>div{z-index:2;pointer-events:none}.gift .gift-mark,.gift .crafted-badge{z-index:2}.portal-product{width:260px;max-width:76vw;border-radius:36px}.purchase-sheet{padding-top:28px}.purchase-sheet .close{top:17px;right:15px}.filter-strip .sort.enabled{background:#192730;border-color:#34414b;color:#8d9ba5}.craft-slot:focus:not(:focus-visible){outline:none}.forge .anvil{background:#3b485e;border-color:#53627b}.forge .chance-ring{stroke:#56637b;stroke-width:7}.forge .anvil-svg{top:22px;width:73px!important;height:73px!important}.forge .anvil strong{bottom:10px}
.gift-bottom{display:flex;align-items:center;gap:5px;padding:0 8px 8px!important}.gift-bottom .price{height:35px;min-height:35px;border-radius:22px;background:#168aff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;flex:1}.gift-bottom .price .gram-icon{width:12px;height:12px}.gift-bottom .basket{width:48px;flex:0 0 48px;height:37px;background:#383838;border:1px solid #494949;border-radius:23px;display:grid;place-items:center}.gift-bottom .basket svg{width:18px;height:18px;stroke-width:2}.gift-bottom .basket.in-cart{background:#233d29;border-color:#2a4d32;color:#59ed6d}.cart-float{position:fixed;bottom:calc(92px + env(safe-area-inset-bottom));right:max(16px,calc((100vw - 478px)/2));z-index:25;background:#fff;color:#2a2a2a;border-radius:28px;display:flex;align-items:center;gap:10px;padding:9px 17px;box-shadow:0 5px 25px #0005}.cart-float>svg{width:24px;height:24px;stroke-width:2.4}.cart-float span{text-align:left}.cart-float b{display:block;font-size:16px;font-weight:700}.cart-float small{display:block;font-size:12px;color:#858585;margin-top:2px}.cart-view #nav{display:none}.cart-view main{padding:0 16px 170px}.cart-heading{display:flex;align-items:center;justify-content:space-between;padding:5px 0 17px}.cart-heading button{color:#168aff;padding:0}.cart-heading b{font-size:16px}.cart-tools{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;font-size:15px;font-weight:700}.cart-tools button{padding:0;display:flex;align-items:center;gap:8px}.cart-remove{color:#ff454d}.cart-check{display:grid;place-items:center;border:1px solid #454545;border-radius:50%;height:21px;flex:0 0 21px;width:21px;font-size:13px}.cart-check.checked{background:#168aff;border-color:#168aff;color:white}.cart-row{margin-bottom:9px;background:#202020;border:1px solid #383838;border-radius:27px;overflow:hidden}.cart-row-select{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:12px}.cart-row-select>img{width:88px;height:88px;flex:0 0 88px;object-fit:cover;border-radius:21px}.cart-row-info{flex:1;min-width:0}.cart-row-info>b{display:block;font-size:16px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-row-info>small{display:block;color:#747474;font-size:13px}.cart-row-info>strong{display:inline-flex;align-items:center;gap:5px;background:#3b3b3b;border:1px solid #4b4b4b;color:#23b6ff;border-radius:18px;padding:7px 10px;margin-top:12px;font-size:13px}.cart-row-info .gram-icon{width:14px;height:14px}.cart-checkout{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:510px;z-index:20;padding:16px 16px calc(20px + env(safe-area-inset-bottom));background:#191919eF;backdrop-filter:blur(20px);border-top:1px solid #2c2c2c}.cart-sum{display:flex;justify-content:space-between;align-items:center;font-size:15px}.cart-sum>span{color:#858585}.cart-checkout .primary{border-radius:28px;font-size:15px;padding:12px;width:100%;min-height:52px}.cart-checkout .primary small{display:block;font-size:11px;margin-top:3px;color:#ffffff9c}.cart-balance-error{color:#ff454d;text-align:center;font-size:13px;margin:7px 0 10px;min-height:17px}
button img.gram-icon,.gift img.gram-icon,.cart-row-info img.gram-icon{display:inline-block!important;width:13px!important;height:13px!important;min-width:13px!important;max-width:13px!important;max-height:13px!important;flex:0 0 13px!important;object-fit:contain!important;border-radius:0!important;aspect-ratio:1;margin:0!important}.gift .gift-bottom .price{box-sizing:border-box;height:35px!important;min-height:35px!important;max-height:35px!important;min-width:0;width:auto!important;flex-direction:row!important;white-space:nowrap;line-height:1;padding:0 9px!important}.purchase-sheet #buy-gift{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px!important;max-height:44px;height:44px;width:100%;padding:0 16px;border-radius:24px;font-size:14px;line-height:1;font-weight:700}.buy-gift-price{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.purchase-error{color:#ff6565;font-size:13px;text-align:center;line-height:1.4;margin:12px 0 0}
.cart-available{display:flex;align-items:center;gap:8px;font-size:13px;margin:0 0 12px}.cart-available>span{color:#929292;flex:1}.cart-available>b{color:#f5f5f5;white-space:nowrap}.cart-available>button{color:#168aff;font-size:20px;line-height:20px;padding:0 2px}.cart-view main{padding-bottom:215px}.cart-balance-error{line-height:1.45;min-height:19px;font-weight:500}
.wallet-balance-card{padding:17px 18px;background:radial-gradient(circle at 90% 70%,#168affcc,transparent 55%),#252525;border-radius:27px;margin-bottom:25px}.wallet-balance-card>span{font-size:14px;color:#bbb;font-weight:700}.wallet-balance-card h1{font-size:34px;margin:5px 0 16px}.wallet-balance-card em{color:#888;font-style:normal}.wallet-balance-card>div{display:flex;gap:10px}.wallet-balance-card button{flex:1;border-radius:28px;padding:15px 5px;font-size:16px;font-weight:700;background:#ffffff20;border:1px solid #ffffff25}.wallet-balance-card button:first-child{background:#fff;color:#111}.positive{color:#41e37a}.negative{color:#fa4b57}.wallet-back{color:#168aff;padding:0;margin:8px 0 12px}.wallet-page-title{font-size:25px}.wallet-amount-card{position:relative;padding:20px 17px;background:#1b1b1b;border:1px solid #303030;border-radius:32px;text-align:center}.wallet-amount-card>span{font-size:13px;color:#777}.wallet-address{display:block;margin:12px auto;background:#272727;padding:8px 11px;border-radius:18px;font-size:12px}.wallet-amount{display:flex;align-items:center;justify-content:center;gap:8px;margin:25px 0}.wallet-amount input{width:145px;max-width:55%;border:0;outline:none;text-align:right;background:none;color:#fff;font-size:42px;padding:0;appearance:textfield}.wallet-amount input::-webkit-inner-spin-button{appearance:none}.wallet-amount b{color:#777;font-size:30px}.wallet-presets{display:flex;justify-content:center;gap:8px;margin:28px 0}.wallet-presets button{display:flex;align-items:center;gap:5px;border:1px solid #3a3a3a;background:#272727;border-radius:20px;padding:8px 12px;font-weight:700;font-size:13px}.wallet-max{background:white;color:#111;border-radius:20px;padding:6px 9px;font-size:12px}.wallet-limits{display:flex;gap:8px;margin:28px 0}.wallet-limits>div{flex:1;padding:12px 6px;background:#252525;border-radius:18px;color:#777;font-size:12px}.wallet-limits b{display:block;color:#fff;margin-top:8px;font-size:13px}.wallet-amount-card .primary{border-radius:28px;margin-top:15px}.wallet-error{font-size:12px;color:#f4777d;margin:12px 0 0}.wallet-quote{color:#888;font-size:12px}.wallet-setting{display:flex;align-items:center;gap:10px;font-size:13px;margin:15px 0 22px}.wallet-setting input{accent-color:#168aff}.withdraw-admin{padding:15px 0;border-bottom:1px solid #333}.withdraw-admin b{display:block;font-size:13px}.withdraw-admin small{display:block;color:#777;overflow-wrap:anywhere;font-size:11px;margin:9px 0}.withdraw-admin button{font-size:12px;margin:4px}.admin-tabs button{font-size:11px}
.market-sentinel{height:48px;display:flex;align-items:center;justify-content:center;color:#888;font-size:12px}.gift .art>img{object-fit:contain}.cart-float{box-shadow:0 4px 20px #0004;border:1px solid #eee;padding:8px 14px;border-radius:26px}.filter-strip .sort{border-color:#333;width:33px;height:33px;flex-basis:33px;background:#202020}.filter-strip .sort svg{width:16px;height:16px;stroke-width:1.8}

/* Craft stage. Panels are projected onto the rounded mesh in cube.js. */
.manufacturing .forge .anvil { visibility: hidden; }
.manufacturing .craft-slot { pointer-events: none; }
.manufacturing .craft-slot.is-empty,
.manufacturing .craft-slot.forge-slot-taken { visibility: hidden; }
.manufacturing .craft-caption,
.manufacturing .target,
.manufacturing .craft-warning,
.manufacturing .craft-bottom { display: none; }
.forge-animation {
    position: absolute;
    inset: -54px -9px -32px;
    z-index: 4;
    pointer-events: none;
}
.forge-animation::before {
    content: '';
    position: absolute;
    top: 73%;
    left: 50%;
    width: 150px;
    height: 36px;
    transform: translateX(-50%);
    background: radial-gradient(ellipse, #0008 0, transparent 68%);
}
.forge-animation canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: .58;
}
.forge-decal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    transform-origin: 0 0;
    border-radius: 20px;
    overflow: hidden;
    clip-path: inset(0 round 20px);
}
.forge-decal[hidden] { display: none; }
.forge-anvil-panel {
    display: grid;
    place-items: center;
    color: #f4f7ff;
    background: linear-gradient(155deg, #ffffff1b, #0002);
    box-shadow: inset 0 0 0 1px #dce7ff28;
}
.forge-anvil-panel svg, .forge-anvil-panel .anvil-mark {
    width: 64px;
    height: 64px;
    filter: drop-shadow(0 2px 2px #14203785);
}
.forge .craft-slot img, .forge-gift-panel img, .forge-result-art img {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    object-fit: cover;
}
.forge-visual-unavailable #forge { display: none; }
.manufacturing-status {
    position: relative;
    text-align: center;
    margin: 4px auto 0;
    width: min(100%, 300px);
}
.manufacturing-status h2 { margin: 0 0 10px; font-size: 20px; }
.manufacturing-status p { color: #bbc4d2; font-size: 13px; margin: 9px 0 16px; }
.manufacturing-status p b { color: #f4f7ff; font-size: 15px; }
.forge-result-art {
    width: min(190px, 75%);
    aspect-ratio: 1;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 22px;
    clip-path: inset(0 round 22px);
}
.forge-result-actions { display: flex; align-items: center; gap: 8px; }
.forge-result-actions button { flex: 1; font-size: 13px; }
.forge-again {
    border: 1px solid #ffffff29;
    border-radius: 25px;
    min-height: 49px;
    color: #e7effd;
}

.splash {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: radial-gradient(ellipse at 50% 46%, #1e2b3b, #10151d 50%, #0b0e13 80%);
    transition: opacity .38s ease, visibility .38s;
}

.splash.finished {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.splash-frame {
    display: grid;
    justify-items: center;
    width: min(100% - 24px, 480px, 100dvh);
    gap: clamp(9px, 3dvh, 30px);
}

.splash-brand {
    color: #f3f7fc;
    font-size: clamp(24px, 5.8dvh, 50px);
    font-weight: 800;
    letter-spacing: -.055em;
    line-height: 1;
}

.splash-art {
    position: relative;
    width: 100%;
    aspect-ratio: 1.18;
    isolation: isolate;
}

.splash-orbit {
    position: absolute;
    inset: 9% 10%;
    border-radius: 50%;
    border: 1px solid #a9c7ec29;
    background: radial-gradient(ellipse at center, #6b97c655, transparent 68%);
    box-shadow: 0 0 0 14px #99b9d608, 0 0 0 28px #99b9d605;
    transform: rotate(-16deg);
}

.splash-magnate,.splash-gift {
    position: absolute;
    display: block;
    height: auto;
    filter: drop-shadow(0 8px 13px #05080d80);
}

.splash-magnate { width: 64%; left: 18%; top: 9%; }
.splash-gift { width: 18%; filter: saturate(.2) drop-shadow(0 8px 13px #05080d80); }
.splash-gift-watch { top: 13%; left: 2%; transform: rotate(-16deg); }
.splash-gift-ring { top: 15%; right: 3%; width: 16%; transform: rotate(17deg); }
.splash-gift-bonded { bottom: 5%; right: 3%; transform: rotate(-14deg); }

.splash-status {
    display: grid;
    justify-items: center;
    gap: 12px;
    color: #c4d2e4;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.splash-progress {
    width: 108px;
    height: 3px;
    overflow: hidden;
    border-radius: 4px;
    background: #9db6d13d;
}

.splash-progress::after {
    content: '';
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: #b7d6f9;
    animation: splash-loading 1.15s ease-in-out infinite alternate;
}

@keyframes splash-loading {
    to { transform: translateX(138%); }
}

@media (prefers-reduced-motion: reduce) {
    .splash-progress::after { animation: none; transform: translateX(69%); }
}

/* Match the main Crafter palette and keep the top bar and forge aligned. */
.craft-header { display: none; }
.craft-view header {
    height: 56px;
    padding: 0 16px;
    justify-content: space-between;
    background: var(--bg);
    border-bottom: 1px solid #ffffff0d;
}
.craft-view .craft-header { display: flex; align-items: center; gap: 8px; }
.craft-header h1 { margin: 0; font-size: 20px; line-height: 1; }
.craft-header .info-btn {
    width: 24px;
    height: 24px;
    color: #d6d6d6;
    background: #292929;
    font-size: 15px;
}
.craft-view .balance { white-space: nowrap; }
.craft-view #main { padding-bottom: 0; min-height: calc(100dvh - 56px); }
.craft-view #nav { bottom: max(16px, env(safe-area-inset-bottom)); }
.craft-view nav .profile-nav { background: #282828e6; }
.craft-page {
    margin: 0 -16px;
    min-height: calc(100dvh - 56px);
    padding: 0 24px calc(100px + env(safe-area-inset-bottom));
    background: radial-gradient(ellipse at 50% 34%, #242424, var(--bg) 70%);
}
.craft-page::before { opacity: .18; }
.craft-page .forge { margin: clamp(36px, 10dvh, 84px) auto 26px; }
.craft-page .craft-bottom { padding-top: 16px; }
.forge .craft-slot {
    width: clamp(60px, 24%, 75px);
    height: auto;
    aspect-ratio: 1;
    background: #252525;
    border-color: #414141;
}
.forge .slot-plus::before, .forge .slot-plus::after { background: #353535; }
.forge .anvil {
    width: min(130px, 44%);
    height: auto;
    aspect-ratio: 1;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #292929;
    border-color: #454545;
    color: #f5f5f5;
}
.forge .chance-ring { stroke: #484848; }
.forge .chance-ring .chance-value { stroke: var(--blue); }
.craft-page .target { background: #262626; border-color: #454545; }
.craft-page .target svg,
.craft-page .craft-caption,
.craft-page .craft-warning,
.manufacturing-status p { color: #a9a9a9; }
.craft-page .craft-caption b { color: #f5f5f5; }
.craft-page .craft-action,
.craft-page .forge-result-actions .primary,
.gift-picker .picker-footer .primary { background: var(--blue); color: #fff; }

.gift-picker .picker-empty { color: #a9a9a9; }
.picker-empty .picker-anvil { width: 52px; height: 52px; color: #e4e4e4; }
.picker-empty p { margin: 9px 0 0; }
.gift-picker .picker-gift.selected span { background: var(--blue); border-color: var(--blue); }

.forge .craft-slot:not(.is-empty) { border: 0; overflow: hidden; }
.forge .craft-slot img { border-radius: inherit; }
.gift-picker .picker-gift > div { border: 0; }
.gift-picker .picker-gift.selected > div::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid var(--blue);
    border-radius: inherit;
    pointer-events: none;
}
.forge-gift-panel, .forge-loss-panel {
    border-radius: 22%;
    clip-path: inset(0 round 22%);
}
.forge-loss-panel, .forge-loss-art {
    display: grid;
    place-items: center;
    background: transparent;
    color: #171717;
}
.forge-loss-panel img, .forge-loss-art img { width: 67%; height: 67%; object-fit: contain; }
.forge-loss-art {
    width: min(142px, 60%);
    aspect-ratio: 1;
    border-radius: 22%;
    margin: 14px auto 20px;
}

.anvil-mark {
    display: block;
    background: currentColor;
    -webkit-mask: url('/static/assets/anvil-mark.png') center / contain no-repeat;
    mask: url('/static/assets/anvil-mark.png') center / contain no-repeat;
}
.craft-icon { width: 23px; height: 23px; flex: none; }
.card-craft .craft-icon { width: 15px; height: 15px; }

.forge .anvil {
    display: grid;
    grid-template-rows: minmax(0, 1fr) 20px;
    align-items: stretch;
    justify-content: stretch;
    gap: 3px;
    padding: 6px 8px 8px;
}
.craft-gauge { display: grid; place-items: center; position: relative; min-height: 0; }
.forge .chance-ring {
    position: static;
    width: 100% !important;
    height: 100% !important;
    transform: none;
}
.forge .anvil-svg {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 51% !important;
    max-height: 60%;
    height: auto !important;
    aspect-ratio: 1;
}
.forge .anvil .craft-chance {
    position: static;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 2px;
    font-size: 17px;
    line-height: 20px;
    font-variant-numeric: tabular-nums;
}
.craft-chance small { font-size: 11px; color: #adadad; }
.craft-chance.chance-estimate::before { content: '≈'; color: #adadad; font-size: 12px; }
.chance-pending .chance-value {
    stroke-dasharray: 54 308 !important;
    animation: craft-chance-wait .95s linear infinite;
}
@keyframes craft-chance-wait {
    from { transform: rotate(-90deg); }
    to { transform: rotate(270deg); }
}

.craft-finished #forge { display: none; }
.forge-complete { margin-top: clamp(24px, 7dvh, 58px); width: min(100%, 340px); }
.forge-result-gift { margin: 16px 0 21px; animation: craft-result-enter .3s ease-out; }
.forge-result-gift figcaption { margin: 12px auto 0; }
.forge-result-gift figcaption b { display: block; font-size: 20px; line-height: 1.25; }
.forge-result-gift figcaption span { display: block; margin-top: 4px; color: #adadad; font-size: 13px; }
.craft-materials { margin: 19px auto 23px; }
.craft-materials h3 { margin: 0 0 11px; font-size: 15px; font-weight: 700; }
.craft-materials-row { display: flex; justify-content: center; gap: 8px; }
.craft-material {
    flex: 0 1 70px;
    min-width: 0;
    aspect-ratio: 1;
    border-radius: 22%;
    overflow: hidden;
}
.craft-material img { display: block; width: 100%; height: 100%; object-fit: cover; }
@keyframes craft-result-enter {
    from { opacity: 0; }
    to { opacity: 1; }
}

.gift-telegram-eye {
    position: absolute;
    z-index: 3;
    top: 13px;
    right: 13px;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 50%;
    background: #0004;
    color: #fff;
}
.gift-telegram-eye svg { width: 17px; height: 17px; }
.forge-result-art { position: relative; }
.gift-animation-layer, .gift-animation-replay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
.gift-animation-layer { opacity: 0; pointer-events: none; }
.gift-animation-playing > .gift-animation-layer { opacity: 1; }
.gift-animation-playing > img { opacity: 0; }
.gift-animation-replay { z-index: 1; border: 0; border-radius: inherit; background: transparent; }
.gift-animation-replay:focus-visible { outline: 2px solid var(--blue); outline-offset: -4px; }
.owned-gift-actions .secondary { background: #373737; }

@media (prefers-reduced-motion: reduce) {
    .chance-pending .chance-value, .forge-result-gift { animation: none; }
}

html { touch-action: pan-x pan-y; }
@media (pointer: coarse) {
    input, textarea, select { font-size: max(16px, 1em) !important; }
}

.gift-symbol-pattern {
    position: absolute;
    inset: 0;
    background: #0002;
    -webkit-mask: var(--gift-symbol) center / 46px 46px repeat;
    mask: var(--gift-symbol) center / 46px 46px repeat;
    pointer-events: none;
}
.portal-product > img, .forge-result-art > img, .forge-gift-panel > img { position: relative; }
.forge-loss-panel img, .forge-loss-art img { filter: invert(1); }

.product-properties > .trait-row { display: grid; grid-template-columns: 62px minmax(0, 1fr) max-content; gap: 8px; }
.product-properties .trait-row > span { min-width: 0; }
.trait-row small { margin-left: 5px; color: #62aaff; white-space: nowrap; }
.market-gift-actions { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 8px; }
.purchase-sheet .market-gift-actions #buy-gift, .purchase-sheet .lucky-craft {
    min-width: 0;
    width: 100%;
    height: 50px;
    min-height: 50px !important;
    max-height: none;
    margin: 0;
    padding: 5px 9px;
    border-radius: 25px;
    line-height: 1.15;
    font-size: 13px;
}
.purchase-sheet .market-gift-actions #buy-gift { flex-direction: column; gap: 3px; }
.purchase-sheet .lucky-craft {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #fff;
    background: linear-gradient(108deg, #563387, #8d56bf);
}
.lucky-craft strong { display: block; }
.purchase-sheet .lucky-craft small { margin-top: 3px; font-size: 10px; opacity: .82; }
.lucky-craft svg { width: 19px; height: 19px; flex: none; }
.craft-page.craft-finished {
    background:
        radial-gradient(ellipse at 50% 27%, color-mix(in srgb, var(--craft-result-center, #4d4d4d) 32%, transparent), transparent 60%),
        linear-gradient(var(--bg), color-mix(in srgb, var(--craft-result-edge, #262626) 20%, var(--bg)));
}

.trait-filter {
    padding: 0;
    color: inherit;
    font: inherit;
    text-align: left;
    overflow-wrap: anywhere;
}
.trait-filter:active { opacity: .7; }
.admin-tabs { flex-wrap: wrap; }
.bot-inline-row { display: grid; gap: 8px; border: 1px solid var(--line); border-radius: 14px; margin: 10px 0; padding: 10px; }
.bot-admin-actions { display: grid; gap: 8px; margin-top: 15px; }
#bot-settings .field { display: block; width: 100%; margin-top: 5px; }
#bot-settings textarea { min-height: 94px; resize: vertical; }

.gift-collection-link { display: inline-flex; align-items: center; justify-content: center; gap: 4px; pointer-events: auto; padding: 0; color: inherit; font: inherit; }
.gift-collection-link svg { width: 18px; height: 18px; rotate: -90deg; opacity: .75; flex: none; }
.gift-collection-link:focus-visible { outline: 2px solid white; outline-offset: 3px; }

#sheet[open] { animation: sheet-rise .23s cubic-bezier(.2,.7,.25,1) both; }
#sheet[open]::backdrop { animation: sheet-shade-in .23s ease both; }
#sheet[open].sheet-closing { animation: sheet-drop .18s ease-in both; pointer-events: none; }
#sheet[open].sheet-closing::backdrop { animation: sheet-shade-out .18s ease both; }
@keyframes sheet-rise { from { translate: 0 28px; opacity: 0; } to { translate: 0; opacity: 1; } }
@keyframes sheet-drop { to { translate: 0 45px; opacity: 0; } }
@keyframes sheet-shade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes sheet-shade-out { to { opacity: 0; } }
#main.profile-entered { animation: sheet-rise .24s ease-out both; }
#main.profile-leaving { animation: sheet-drop .17s ease-in both; }

.collection-page { margin: 0 0 18px; }
.collection-back { color: #bbb; padding: 5px 0 12px; font-size: 13px; }
.collection-banner { position: relative; display: flex; align-items: end; overflow: hidden; min-height: 158px; padding: 13px; border-radius: 23px; isolation: isolate; background: linear-gradient(135deg, #25262e, #151518); }
.collection-banner::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(transparent 26%, #131313 97%); }
.collection-banner-art { position: absolute; z-index: -2; inset: 0; overflow: hidden; }
.collection-banner-art img { position: absolute; width: 62%; height: auto; aspect-ratio: 1; object-fit: contain; right: 23%; top: -23%; rotate: -15deg; opacity: .87; }
.collection-banner-art img + img { right: -11%; top: -12%; rotate: 14deg; }
.collection-heading { display: flex; gap: 10px; align-items: center; min-width: 0; }
.collection-heading h1 { margin: 0; font-size: 23px; overflow-wrap: anywhere; }
.collection-thumbnail { width: 45px; height: 45px; object-fit: contain; border-radius: 12px; background: #ffffff12; }
.collection-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); text-align: center; margin: 13px 0 0; padding: 11px 4px; border: 1px solid #333; border-radius: 19px; background: #202020; }
.collection-metrics > div + div { border-left: 1px solid #363636; }
.collection-metrics dt { font-size: 11px; color: #a5a5a5; }
.collection-metrics dd { margin: 4px 0 0; font-size: 12px; font-weight: 700; overflow-wrap: anywhere; }
@media (prefers-reduced-motion: reduce) {
    #sheet[open], #sheet[open]::backdrop, #main.profile-entered, #main.profile-leaving { animation: none; }
}
.collection-page { margin-top: -6px; }
.market-tool { flex: none; }
.market-tool.selected { background: #f4f4f4; color: #252525; }
.market-tool[aria-expanded="true"] svg { rotate: 180deg; }
.market-bulk { display: grid; grid-template-columns: minmax(0, 1fr) max-content; align-items: center; gap: 10px; border: 1px solid #343434; background: #1d1d1d; border-radius: 17px; padding: 8px 12px; margin: 0 0 10px; }
/* Keep the same slider geometry in Telegram's WebView and desktop browsers. */
.market-bulk input {appearance:none;width:100%;background:none;--bulk-progress:0%}
.market-bulk input::-webkit-slider-runnable-track {
    height:6px;border-radius:8px;background:linear-gradient(to right,#fff var(--bulk-progress),#424242 var(--bulk-progress));
}
.market-bulk input::-moz-range-track {
    height:6px;border-radius:8px;background:linear-gradient(to right,#fff var(--bulk-progress),#424242 var(--bulk-progress));
}
.market-bulk input::-webkit-slider-thumb {
    appearance:none;width:15px;height:15px;margin-top:-4.5px;border-radius:50%;background:#fff;
}
.market-bulk input::-moz-range-thumb {width:15px;height:15px;border:0;border-radius:50%;background:#fff}
.market-bulk div { text-align: right; border-left: 1px solid #434343; padding-left: 10px; }
.market-bulk small, .activity-summary small, .market-activity-row small { display: block; color: #a5a5a5; font-size: 11px; }
.activity-summary { display: grid; grid-template-columns: 1fr auto minmax(0,1fr); gap: 8px; align-items: center; background: #202020; border-radius: 18px; padding: 11px; margin-bottom: 12px; }
.activity-summary b { display: block; margin-top: 3px; font-size: 13px; }
.activity-summary select { width: 100%; background: #292929; color: #fff; border: 0; border-radius: 7px; padding: 4px; }
.activity-feed { background: #202020; padding: 9px 12px; border-radius: 18px; }
.activity-feed h3 { color: #a5a5a5; margin: 9px 0; font-size: 12px; }
.market-activity-row { display: grid; grid-template-columns: 45px minmax(0, 1fr) max-content; align-items: center; gap: 9px; min-height: 60px; font-size: 13px; }
.activity-art { width: 45px; height: 45px; border-radius: 11px; overflow: hidden; }
.activity-art img { width: 100%; height: 100%; object-fit: contain; }
.activity-price { text-align: right; }
.activity-types { display: grid; gap: 14px; margin: 12px 0 20px; }
.activity-types input { accent-color: var(--blue); }
.activity-type-actions { display: flex; gap: 10px; }
.activity-type-actions button { flex: 1; }

.market-bulk-control { display: grid; gap: 4px; }
.market-bulk-control span { color: #a5a5a5; font-size: 11px; }
.market-bulk-control input { margin: 0; min-height: 24px; touch-action: pan-y; }
.market-bulk-control input:disabled { opacity: .45; }
.market-tool[aria-expanded="true"] svg { rotate: none; }
.filter-strip .sort svg { width: 17px; height: 17px; }
.market-tool { transition: background-color .16s ease, scale .16s ease; }
.market-tool:active { scale: .94; }

.collection-banner-enter { animation: collection-banner-enter .34s cubic-bezier(.2,.72,.25,1) both; }
.collection-banner-art .collection-model-enter { animation: collection-model-enter .55s cubic-bezier(.18,.75,.28,1.16) both; }
.collection-banner-art .collection-model-enter:nth-child(2) { animation-delay: 80ms; }
@keyframes collection-banner-enter {
    from { opacity: 0; translate: 0 12px; }
    to { opacity: 1; translate: 0; }
}
@keyframes collection-model-enter {
    from { opacity: 0; scale: .78; translate: 0 12px; }
    to { opacity: .87; scale: 1; translate: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .collection-banner-enter, .collection-banner-art .collection-model-enter { animation: none; }
    .market-tool { transition: none; }
}

.craft-material {
    position: relative;
    animation: crafting-tool-pop .42s cubic-bezier(.2,.85,.3,1.2) var(--material-delay, 0ms) both;
}
.craft-material > img { position: relative; }
@keyframes crafting-tool-pop {
    0% { opacity: 0; scale: .68; translate: 0 12px; }
    70% { opacity: 1; scale: 1.09; translate: 0 -2px; }
    100% { opacity: 1; scale: 1; translate: 0; }
}
@media (prefers-reduced-motion: reduce) { .craft-material { animation: none; } }

.wallet-connected {
    display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;
    margin:5px 0 8px;padding:9px 12px;border-radius:24px;background:#262626;
    text-align:left;font-size:12px;font-weight:700;min-height:43px;
}
.wallet-identity {display:flex;align-items:center;gap:6px;min-width:0}
.wallet-identity svg {width:17px;height:17px;flex:none}
.wallet-identity b,.wallet-network {color:#58a6ff}
.wallet-network {font-size:11px;white-space:nowrap}
.wallet-external-pill {
    flex:none;max-width:52%;padding:6px 9px;border-radius:18px;background:#168aff;
    text-align:center;font-size:11px;font-variant-numeric:tabular-nums;
}
.wallet-details {display:grid;gap:12px}
.wallet-details>span,.wallet-detail-address>span,.wallet-detail-address>small {color:#a4a4a4}
.wallet-details>strong {font-size:26px;color:#58a6ff;overflow-wrap:anywhere}
.wallet-detail-address {
    display:grid;gap:5px;padding:12px 15px;background:#292929;border-radius:16px;text-align:left;
}
.wallet-detail-address>b {overflow-wrap:anywhere;font-size:13px}
.wallet-unlink {color:#ff777d}
.wallet-history-title h2 {font-size:24px;margin:21px 0 9px}
.wallet-history-filters {display:flex;gap:6px;overflow-x:auto;margin-bottom:13px;scrollbar-width:none}
.wallet-history-filters button {
    flex:none;border:1px solid #343434;background:#202020;border-radius:999px;
    padding:0 11px;min-height:36px;font-size:12px;font-weight:700;
}
.wallet-history-filters button.circle {width:36px;padding:0}
.wallet-history-filters button span {color:#999}
.wallet-history-filters button.active {border-color:#168aff;color:#58a6ff}
.wallet-filter-options {display:grid;gap:3px;margin-bottom:15px}
.wallet-filter-options label {display:flex;align-items:center;gap:12px;min-height:40px}
.wallet-filter-options input {width:19px;height:19px;accent-color:#168aff}
.wallet-filter-actions {display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wallet-history-day {margin-bottom:12px;padding:11px 12px 3px;border-radius:20px;background:#1c1c1c}
.wallet-history-day h3 {margin:0 0 4px;color:#999;font-size:11px;font-weight:700;text-transform:uppercase}
.wallet-history-row {display:flex;gap:9px;align-items:center;min-width:0;padding:10px 0;border-bottom:1px solid #2c2c2c}
.wallet-history-row:last-child {border-bottom:0}
.wallet-history-icon {
    flex:none;display:grid;place-items:center;width:40px;height:40px;background:#292929;
    border-radius:12px;overflow:hidden;
}
.wallet-history-icon svg {width:21px;height:21px}
.wallet-history-icon img {width:100%;height:100%;object-fit:contain}
.wallet-history-description {flex:1;min-width:0;overflow-wrap:anywhere}
.wallet-history-row b {font-size:14px}
.wallet-history-row small {display:block;color:#a0a0a0;font-size:11px;line-height:1.4;margin-top:3px}
.wallet-history-row strong {flex:none;font-size:12px;font-variant-numeric:tabular-nums}
.wallet-history-row .pending {color:#a4a4a4}
.wallet-check-deposit {font-size:11px;color:#58a6ff;padding:4px 0 0}
.wallet-history-more {margin:6px 0;width:100%}

.wallet-funding {
    font-family:SFProText,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    padding-top:3px;
}
.wallet-funding .wallet-back {
    display:inline-flex;align-items:center;gap:5px;min-height:36px;
    margin:1px 0 3px;padding:0;color:#79b8ff;font-size:13px;font-weight:700;
}
.wallet-back svg {width:15px;height:15px;transform:rotate(180deg)}
.wallet-funding .wallet-page-title {
    margin:2px 0 15px;font-size:clamp(25px,7vw,32px);font-weight:700;letter-spacing:-.035em;
}
.wallet-connected {
    min-height:62px;padding:10px 12px;border:1px solid #353535;border-radius:19px;
}
.wallet-connect-cta {border-color:#23476a;background:#192a3a}
.wallet-identity {gap:9px}
.wallet-identity-icon {
    display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;
    color:#79b8ff;background:#168aff25;
}
.wallet-identity small {display:block;margin-bottom:3px;color:#b2b6be;font-size:11px;font-weight:400}
.wallet-identity b {display:block;color:#f6f8fb;font-size:13px;font-weight:700}
.wallet-identity-end {display:flex;align-items:center;gap:4px;flex:none;max-width:49%}
.wallet-identity-end>svg {width:16px;height:16px;flex:none;color:#83beff}
.wallet-identity-end .wallet-external-pill {max-width:none;min-width:0;flex:initial;background:#25476a}
.wallet-network {color:#a6cefa}
.wallet-funding .wallet-amount-card {
    margin-top:14px;padding:22px 17px 18px;border-radius:24px;
}
.wallet-amount-label {display:block;color:#b2b2b7;font-size:13px;font-weight:700}
.wallet-funding .wallet-amount {margin:12px 0 14px;gap:7px;font-variant-numeric:tabular-nums}
.wallet-funding .wallet-amount input {
    width:calc(var(--wallet-amount-digits,1) * 1ch + .13em);max-width:68%;
    text-align:center;font-size:clamp(27px,9vw,43px);font-weight:700;line-height:1.2;letter-spacing:-.045em;
}
.wallet-funding .wallet-amount input::placeholder {color:#a5a5aa}
.wallet-funding .wallet-amount input:focus-visible {outline:2px solid #168aff;outline-offset:2px;border-radius:6px}
.wallet-funding .wallet-amount b {color:#b3b3b8;font-size:clamp(17px,5.5vw,25px);font-weight:700}
.wallet-funding .wallet-presets,.wallet-funding .wallet-limits {margin:12px 0 15px}
.wallet-funding .wallet-quote {margin:12px 0 0;color:#c6c9ce;font-size:13px}
.wallet-funding #wallet-submit {margin-top:12px;min-height:48px;font-size:15px;font-weight:700}
.wallet-funding #wallet-submit:disabled {opacity:1;background:#24374a;color:#bcc9d7}
.wallet-funding .wallet-error {font-size:12px;line-height:1.45}
.wallet-funding .wallet-error:empty {display:none}
.wallet-funding .wallet-error-muted {color:#b2b6be}

.inventory-gift { position:relative }
.inventory-gift .gift-bottom .price { justify-content:space-between; background:#343434; color:#57afff; padding:0 9px; min-width:0; font-size:12px }
.inventory-gift .price small { color:#b4b4b4; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.inventory-gift .price b { display:flex; align-items:center; gap:4px; white-space:nowrap }
.inventory-gift .gram-icon { filter:brightness(0) saturate(100%) invert(63%) sepia(75%) saturate(1662%) hue-rotate(172deg) }
.inventory-craft-dot { position:absolute; top:13px; left:13px; z-index:2; width:29px; height:29px; display:grid; place-items:center; border-radius:50%; background:#7358abd9 }
.inventory-actions { margin-top:12px }
.gift-deposit-banner { display:flex; justify-content:center; align-items:center; gap:24px; padding:38px 12px; border-radius:20px; background:linear-gradient(160deg,#168bff,#75c6ef) }
.gift-deposit-banner svg { width:42px; height:42px }
.transfer-option small,.transfer-match small { display:block; color:#a6a6a6; margin-top:4px }
.transfer-option input,.transfer-anonymous input { accent-color:var(--blue) }
.transfer-art { display:block; width:45px; aspect-ratio:1; overflow:hidden; border-radius:12px }
.transfer-art img { display:block; width:100%; height:100%; object-fit:contain }
.transfer-summary { display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px; margin:17px 0 12px; color:#bbb; font-size:12px }
.transfer-selected { position:relative; flex:none }
.transfer-selected .transfer-art { width:64px; border-radius:14px }
.transfer-selected>b {
    position:absolute; bottom:0; inset-inline:0; padding:7px 3px 4px; border-radius:0 0 14px 14px;
    text-align:center; font-size:11px; background:linear-gradient(transparent,#0009); pointer-events:none;
}
.transfer-selected>button {
    position:absolute; top:-4px; right:-4px; display:grid; place-items:center;
    border-radius:50%; width:22px; height:22px; padding:0; background:#414141; line-height:1;
}
.transfer-user { display:flex; gap:8px; padding-inline:12px }
.transfer-match { position:relative; width:100%; text-align:left; padding:12px; margin:8px 0; border-radius:14px; background:#272727; border:1px solid transparent }
.transfer-match.selected { border-color:#58cc73; background:#24402b }
.transfer-match svg { position:absolute; right:12px; top:15px; width:20px; height:20px; color:#58cc73 }
.transfer-anonymous { display:flex; align-items:center; gap:8px; margin-top:14px }
.transfer-actions { display:flex; gap:8px; margin-top:16px }
.transfer-actions button { flex:1 }
button.market-activity-row { width:100%; padding:0; text-align:left; border-radius:11px }
button.market-activity-row:hover { background:#ffffff0b }
.gift-history-row>span:last-child { max-width:125px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.gift-history-row strong { color:#65b6ff }
.activity-price .gram-icon { width:13px;height:13px;vertical-align:-2px }
.craft-page:has(.forge-reward-visible) { background:radial-gradient(ellipse at 50% 27%, color-mix(in srgb, var(--craft-result-center,#4d4d4d) 32%, transparent), transparent 60%), var(--bg) }
@media (min-width:760px) {
    #app { max-width:1120px; width:calc(100% - 36px); min-height:calc(100dvh - 32px); margin:16px auto }
    #app #nav { width:calc(100% - 56px); max-width:660px }
    #gifts-grid.grid { grid-template-columns:repeat(3,minmax(0,1fr)) }
    .craft-page #forge,.craft-page .manufacturing-status { max-width:680px; margin-inline:auto }
}
@media (min-width:1020px) { #gifts-grid.grid { grid-template-columns:repeat(4,minmax(0,1fr)) } }
.bot-emoji-admin { margin-top:20px; padding-top:10px; border-top:1px solid #383838 }
.bot-emoji-picker { display:grid; grid-template-columns:repeat(auto-fill,minmax(44px,1fr)); gap:7px; max-height:48dvh; overflow:auto }
.bot-emoji-picker button { min-height:44px; display:grid; place-items:center; padding:4px; background:#2b2b2b; border-radius:10px; font-size:22px }
.bot-emoji-picker img { width:33px; height:33px; object-fit:contain }
.gift-history-filters { display:flex; gap:8px; margin:10px 0 16px }
.gift-history-filters select { min-width:0; border:1px solid #383838; border-radius:16px; padding:7px; background:#252525; color:inherit }

.inventory-actions {
    margin:12px 0 18px;padding:7px 4px;border-radius:23px;background:#202020;
}
.inventory-actions button {
    min-width:0;min-height:44px;gap:5px;justify-content:center;
    color:#f5f5f5;font-size:clamp(10px,2.65vw,13px);font-weight:600;
}
.inventory-actions button:disabled {opacity:.54}
.inventory-actions svg,.inventory-anvil {width:18px;height:18px;flex:none}
.inventory-actions svg {color:inherit}
.inventory-craft-dot .inventory-anvil {width:16px;height:16px}
.inventory-gift .basket svg {width:16px;height:16px}

.transfer-picker-sheet #sheet-body {display:flex;flex-direction:column;height:auto;flex:1;min-height:0;overflow:hidden}
.transfer-picker-controls {flex:none;padding:0 16px}
.transfer-picker-controls .search-box {height:42px}
.transfer-filter-strip {gap:6px;margin:11px 0 14px;padding-bottom:2px}
.transfer-filter-strip .sort[aria-pressed="true"] {color:#64b2ff;background:#213347}
.transfer-filter-chip {min-height:34px}
.transfer-select-tools {display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:36px;margin:2px 0 7px;font-size:13px;font-weight:700}
.transfer-select-tools label {display:flex;align-items:center;gap:7px}
.transfer-select-tools small {color:#919199}
.transfer-select-tools button {padding:6px 0;color:#62b3ff;font-size:inherit;font-weight:700;text-align:right}
.transfer-checkbox {
    appearance:none;display:grid;place-items:center;flex:none;width:20px;height:20px;margin:0;
    border:1px solid #45454a;border-radius:7px;background:transparent;color:#fff;cursor:pointer;
}
.transfer-checkbox:checked,.transfer-checkbox:indeterminate {border-color:#168aff;background:#168aff}
.transfer-checkbox:checked::after {content:'';width:8px;height:4px;border:solid currentColor;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
.transfer-checkbox:indeterminate::after {content:'';width:8px;height:2px;border-radius:1px;background:currentColor}
.transfer-picker-list {display:flex;flex:1;flex-direction:column;gap:13px;min-height:0;overflow:auto;padding:2px 16px 14px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#565656 transparent}
.transfer-option {display:block;flex:none;padding:12px;border-radius:20px;background:#222;cursor:pointer}
.transfer-option-top {display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px}
.transfer-option-top .transfer-art {width:56px;border-radius:15px}
.transfer-option-name {min-width:0}
.transfer-option-name b {display:block;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.transfer-option-name small {display:block;margin-top:4px;color:#9e9ea5;font-size:12px}
.transfer-option-details {display:grid;gap:5px;margin-top:11px;padding-top:11px;border-top:1px solid #353535}
.transfer-detail {display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px}
.transfer-detail>span {min-width:0;color:#a3a3ab}
.transfer-detail>b {flex:none;color:#f6f6f8}
.transfer-trait>span {color:#61afff;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.transfer-trait small:not([hidden]) {display:inline-block;padding:1px 3px;border-radius:4px;background:#18344d;color:#76c1ff;font-size:9px;vertical-align:1px}
.transfer-picker-footer {
    flex:none;display:flex;gap:8px;margin:0;padding:11px 12px calc(12px + env(safe-area-inset-bottom));
    border-radius:14px 14px 0 0;background:#252525;
}
.transfer-picker-footer button {min-width:0;min-height:48px;border-radius:24px;padding:6px 10px;font-size:clamp(12px,3.7vw,16px);font-weight:700}

dialog.transfer-picker-sheet,
dialog.transfer-recipient-sheet {
    position:fixed;inset:0;margin:auto;width:min(calc(100% - 24px),480px);
    height:min(calc(100dvh - 32px),740px);max-height:calc(100dvh - 32px);
    padding:0;overflow:hidden;border:1px solid #353535;border-radius:24px;background:#181818;
}
.transfer-picker-sheet[open],.transfer-recipient-sheet[open] {display:flex;flex-direction:column}
dialog.transfer-recipient-sheet {height:fit-content}
.transfer-picker-sheet .sheet-head,.transfer-recipient-sheet .sheet-head {
    flex:none;margin:0;padding:16px 16px 13px;gap:8px;
}
.transfer-picker-sheet .sheet-head h2,.transfer-recipient-sheet .sheet-head h2 {
    font-size:clamp(17px,4.7vw,21px);line-height:1.25;font-weight:700;letter-spacing:-.02em;
}
.transfer-picker-sheet .sheet-head .close,.transfer-recipient-sheet .sheet-head .close {flex:none}
.transfer-recipient-sheet #sheet-body {display:flex;flex-direction:column;flex:1;height:auto;min-height:0;overflow:hidden}
.transfer-recipient-content {flex:1;min-height:0;overflow:auto;padding:0 16px 20px;overscroll-behavior:contain}
.transfer-recipient-content>p:first-child {margin:0 0 13px}
.transfer-preview {display:flex;align-items:center;gap:10px;margin:5px 0 14px}
.transfer-preview .transfer-thumbs {
    display:flex;min-width:0;overflow-x:auto;overflow-y:hidden;
    margin:0;padding:5px 6px 5px 0;gap:10px;overscroll-behavior-inline:contain;scrollbar-width:thin;
}
.transfer-preview .transfer-thumbs:empty {display:none}
.transfer-preview .transfer-add {flex:none;background:#25344a;color:#71b9ff}
.transfer-anonymous {display:flex;gap:8px}
.transfer-match {
    display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;
    min-height:62px;padding:8px 11px;border-radius:14px;
}
.transfer-match svg {position:static;width:20px;height:20px;color:#58cc73}
.transfer-avatar {
    position:relative;display:grid;place-items:center;width:40px;height:40px;overflow:hidden;
    border-radius:12px;background:#234569;color:#cfe5ff;font-weight:700;
}
.transfer-avatar img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.transfer-match-name {min-width:0}
.transfer-match-name b,.transfer-match-name small {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.transfer-recipient-footer {flex:none;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#242424}
.transfer-recipient-footer .transfer-actions {margin:0}
.transfer-recipient-footer .transfer-actions button {min-width:0;min-height:46px;padding:8px;border-radius:23px;font-size:clamp(11px,3.5vw,15px)}
.transfer-recipient-footer .sub {margin:7px 4px 0}
dialog.transfer-filter-dialog {
    position:fixed;inset:auto 0 0;width:min(100% - 24px,480px);margin:0 auto;max-height:75dvh;
    padding:18px 16px 0;border-radius:24px 24px 0 0;overflow:hidden;background:#202020;
}
.transfer-filter-dialog[open] {display:flex;flex-direction:column}
.transfer-filter-dialog .catalog-rows {overflow:auto;min-height:96px;scrollbar-width:thin;scrollbar-color:#565656 transparent}
.transfer-filter-dialog .catalog-footer {flex:none}
.transfer-filter-dialog .transfer-art {flex:none}
.wallet-balance-card .wallet-balance-actions {display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wallet-balance-card .wallet-balance-actions button {
    display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:8px 6px;
    border-radius:15px;font-size:clamp(12px,3.6vw,15px);
}
.wallet-balance-actions svg {width:16px;height:16px;flex:none}
.wallet-balance-card .wallet-balance-actions button:first-child {background:#168aff;border-color:#168aff;color:white}
.wallet-history-filters {display:flex;flex-wrap:wrap;gap:5px;overflow:visible}
.wallet-history-filters button {display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:0 8px;border-radius:11px;background:#202020}
.wallet-history-filters button.circle {width:32px}
.wallet-history-filters button svg {width:12px;height:12px;color:#a7a7af}
.bot-gift-styles {display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.bot-gift-styles button {padding:6px 9px;font-size:12px}

.gift-history-note {margin:0 0 9px 54px;color:#b6b6bf;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}

/* Attribute thumbnails: separate PNG artwork rather than full composited NFT. */
#sheet.catalog-sheet .catalog-thumb-model,
#sheet.catalog-sheet .catalog-thumb-symbol {
    display:grid;place-items:center;overflow:hidden;
    background:#303138;border:1px solid #ffffff12;
}
#sheet.catalog-sheet .catalog-thumb-model img,
#sheet.catalog-sheet .catalog-thumb-symbol img {
    display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;
}
#sheet.catalog-sheet .catalog-thumb-backdrop {
    display:block;border:1px solid #ffffff18;
    background:radial-gradient(circle at 50% 40%,#4e6289,#263346);
}