:root {
    --bg: #020202;
    --panel: transparent;
    --panel-strong: #0b0a07;
    --text: #fff8e7;
    --muted: #9d9687;
    --line: rgba(255, 197, 74, .2);
    --cyan: #ffc54a;
    --purple: #d89218;
    --green: #ffd87b;
    --danger: #ff615f;
    --gold: #ffc54a;
    --gold-light: #ffe49a;
    --gold-dark: #9b5800;
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; overscroll-behavior: none; background: #020202; color: var(--text); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, input { font: inherit; }
button { color: inherit; }
.app-shell { width: min(100%, 520px); height: 100dvh; margin: 0 auto; padding: 20px 20px 100px; position: relative; isolation: isolate; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: none; }
.app-shell { view-transition-name: app-page; }
.app-shell::-webkit-scrollbar { display: none; }
.app-shell.shell-fixed { overflow: hidden; }
.app-shell::before {
    content: ""; position: fixed; inset: -80px; z-index: -2; background-color: #020202;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.95) 0 1px, transparent 1.4px),
        radial-gradient(circle, rgba(255,197,74,.85) 0 1px, transparent 1.5px),
        radial-gradient(circle, rgba(255,255,255,.52) 0 .7px, transparent 1.1px),
        radial-gradient(ellipse at 50% 38%, rgba(255,180,30,.055), transparent 48%);
    background-size: 127px 137px, 193px 179px, 79px 89px, 100% 100%;
    background-position: 13px 17px, 58px 41px, 31px 66px, center;
    animation: starDrift 48s linear infinite;
}
.app-shell::after {
    content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
    background: radial-gradient(circle at 50% 25%, transparent 0, rgba(0,0,0,.08) 42%, rgba(0,0,0,.72) 100%);
}
@keyframes starDrift { to { transform: translate3d(-40px, 55px, 0); } }
::view-transition-old(app-page) { animation: appPageOut .16s ease-in both; }
::view-transition-new(app-page) { animation: appPageIn .22s cubic-bezier(.2,.8,.2,1) both; }
@keyframes appPageOut { to { opacity: 0; transform: translateX(-18px); } }
@keyframes appPageIn { from { opacity: 0; transform: translateX(24px); } }
.topbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; }
.user-chip { display: flex; align-items: center; min-width: 0; gap: 10px; }
.avatar { width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(255,197,74,.48); display: grid; place-items: center; font-weight: 900; color: var(--gold); overflow: hidden; }
.avatar img { width: 100%; height: 100%; object-fit: cover; }
.user-copy { min-width: 0; }
.eyebrow { color: var(--gold); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; font-weight: 900; }
.user-name { margin-top: 4px; font-size: 15px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.status-pill { font-size: 11px; color: var(--muted); white-space: nowrap; }
.status-pill.online { color: var(--gold); }
.page-head { display: flex; align-items: center; gap: 14px; margin: 6px 0 28px; }
.back { width: 38px; height: 38px; display: grid; place-items: center; text-decoration: none; color: var(--gold); font-size: 28px; }
.page-head h1 { margin: 0; color: var(--gold-light); font-size: 26px; letter-spacing: -.04em; }
.page-head p { color: var(--muted); margin: 4px 0 0; font-size: 13px; }
.balance-card { margin-top: 26px; padding: 10px 0 4px; position: relative; text-align: center; }
.balance-label { color: var(--muted); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.balance-value { display: flex; align-items: center; justify-content: center; gap: 11px; margin-top: 9px; font-size: 38px; font-weight: 950; letter-spacing: -.05em; color: var(--gold-light); }
.coin-mark { width: 35px; height: 35px; border: 2px solid var(--gold); border-radius: 50%; position: relative; flex: none; color: transparent; background: radial-gradient(circle at 34% 27%,#2b200b,#080603 63%,#000); box-shadow: inset -3px -4px 7px rgba(0,0,0,.7), 0 0 18px rgba(255,197,74,.2); }
.coin-mark::before { content: ""; position: absolute; inset: 7px 5px; background: var(--gold); clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }
.coin-mark::after { content: ""; position: absolute; inset: 9px 7px; background: #080603; clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }
.coin-mark span { position: absolute; z-index: 2; inset: 13px 11px; background: var(--gold); clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }
.coin-mark span::after { content: ""; position: absolute; inset: 2px; background: #080603; clip-path: inherit; }
.balance-meta { margin-top: 10px; display: flex; justify-content: center; align-items: center; gap: 8px; color: var(--gold); font-size: 11px; font-weight: 800; }
.mine-zone { min-height: 365px; display: grid; place-items: center; position: relative; perspective: 800px; }
.mine-orbit { position: absolute; width: 286px; height: 286px; border: 1px solid rgba(255,197,74,.12); border-radius: 50%; animation: spin 18s linear infinite; }
.mine-orbit::before,.mine-orbit::after { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--gold-light); box-shadow: 0 0 13px var(--gold); }
.mine-orbit::before { top: 34px; left: 38px; }.mine-orbit::after { right: 22px; bottom: 53px; }
@keyframes spin { to { transform: rotate(360deg); } }
.mine-button { width: 218px; height: 218px; padding: 0; border: 0; border-radius: 50%; position: relative; cursor: pointer; background: transparent; transform-style: preserve-3d; transition: transform .09s ease; z-index: 1; }
.mine-button::after { content: ""; position: absolute; z-index: -1; inset: 14px 1px -15px; border-radius: 50%; background: linear-gradient(90deg,#6e3900,#d9880e 24%,#ffcc59 52%,#9a5000 78%); box-shadow: 0 18px 34px rgba(0,0,0,.8); }
.coin-face { position: absolute; inset: 0; display: grid; place-items: center; border-radius: 50%; border: 9px solid #d88a13; background: radial-gradient(circle at 35% 24%,#2c220d 0,#0a0804 46%,#000 73%); box-shadow: inset 0 0 0 3px #ffdc7c, inset 0 0 0 10px rgba(122,68,0,.85), inset -17px -20px 28px rgba(0,0,0,.9), inset 10px 12px 20px rgba(255,225,145,.1), 0 0 34px rgba(255,197,74,.22); }
.coin-face::before { content: ""; position: absolute; inset: 15px; border-radius: 50%; border: 1px solid rgba(255,218,122,.45); }
.netcoin-glyph { position: relative; width: 112px; height: 98px; background: linear-gradient(145deg,#ffe79f,#ffc54a 55%,#b86d04); clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); filter: drop-shadow(0 5px 4px rgba(0,0,0,.75)); }
.netcoin-glyph::before { content: ""; position: absolute; inset: 12px 10px; background: #080603; clip-path: inherit; }
.netcoin-glyph i { position: absolute; inset: 28px 23px; z-index: 2; display: block; background: linear-gradient(145deg,#ffe79f,#ffc54a 60%,#b86d04); clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }
.netcoin-glyph i::after { content: ""; position: absolute; inset: 7px 6px; background: #080603; clip-path: inherit; }
.mine-button:active { transform: translateY(9px) rotateX(5deg) scale(.97); }
.mine-button:active::after { bottom: -7px; }
.mine-button.disabled { filter: grayscale(.72); opacity: .58; }
.float-coin { position: fixed; pointer-events: none; color: var(--gold-light); font-size: 24px; font-weight: 950; text-shadow: 0 3px 12px #000; animation: floatUp .8s ease-out forwards; z-index: 30; }
@keyframes floatUp { to { transform: translateY(-85px) scale(1.2); opacity: 0; } }
.energy-card { padding: 4px 0; }
.energy-row { display: flex; justify-content: space-between; font-size: 12px; font-weight: 800; color: var(--gold); }
.energy-row span:last-child { color: var(--muted); }
.progress { height: 5px; background: rgba(255,255,255,.07); overflow: hidden; margin-top: 11px; }
.progress-fill { height: 100%; width: 0; background: linear-gradient(90deg,#9c5900,var(--gold-light)); box-shadow: 0 0 15px rgba(255,197,74,.52); transition: width .2s; }
.section { margin-top: 32px; }
.section-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; border-bottom: 1px solid var(--line); padding-bottom: 10px; }
.section-title h2 { margin: 0; color: var(--gold-light); font-size: 17px; letter-spacing: -.02em; }.section-title span { color: var(--muted); font-size: 11px; }
.grid-2 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.card { padding: 13px 0; background: transparent; }
.quick-card { text-decoration: none; color: inherit; min-height: 104px; display: flex; flex-direction: column; justify-content: space-between; }
.quick-icon { width: 40px; height: 40px; display: grid; place-items: center; color: var(--gold); font-size: 23px; }
.quick-card strong { display: block; font-size: 14px; }.quick-card small { color: var(--muted); font-size: 11px; display: block; margin-top: 3px; }
.list { display: flex; flex-direction: column; }
.list-card { display: flex; align-items: center; gap: 13px; padding: 17px 0; background: transparent; border-bottom: 1px solid var(--line); }
.list-icon { width: 44px; height: 44px; display: grid; place-items: center; color: var(--gold); font-size: 25px; flex: none; }
.list-copy { flex: 1; min-width: 0; }.list-copy strong { font-size: 14px; }.list-copy p { margin: 4px 0 0; color: var(--muted); font-size: 12px; line-height: 1.35; }
.action { border: 1px solid var(--gold); border-radius: 4px; padding: 11px 14px; background: var(--gold); color: #160d00; font-size: 12px; font-weight: 950; cursor: pointer; white-space: nowrap; }
.action.secondary { background: transparent; color: var(--gold-light); border-color: rgba(255,197,74,.62); }.action.green { background: var(--gold); color: #160d00; }.action:disabled { opacity: .38; cursor: default; }
.daily-card { min-height: 145px; display: flex; flex-direction: column; justify-content: space-between; border-bottom: 1px solid var(--line); }
.daily-icon { font-size: 31px; }.daily-card h3 { margin: 8px 0 2px; font-size: 15px; }.daily-card p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.4; }
.level-badge { color: var(--gold); font-size: 10px; font-weight: 900; }
.hero { padding: 8px 0 22px; border-bottom: 1px solid var(--line); }
.hero h2 { margin: 10px 0 8px; color: var(--gold-light); font-size: 30px; line-height: 1.05; letter-spacing: -.05em; max-width: 320px; }.hero p { color: var(--muted); font-size: 13px; line-height: 1.55; max-width: 370px; }
.hero-emoji { font-size: 45px; }.hero .action { margin-top: 12px; width: 100%; padding: 14px; }
.channel-task-section[hidden] { display: none; }
.channel-task-card { padding: 4px 0 8px; }
.channel-task-head { display: flex; align-items: center; gap: 12px; }
.channel-task-avatar { width: 52px; height: 52px; flex: none; overflow: hidden; border: 1px solid rgba(255,197,74,.6); border-radius: 50%; display: grid; place-items: center; background: rgba(255,197,74,.07); color: var(--gold); font-size: 20px; font-weight: 950; }
.channel-task-avatar img { width: 100%; height: 100%; object-fit: cover; }
.channel-task-channel { min-width: 0; flex: 1; }.channel-task-channel strong { display: block; overflow: hidden; color: var(--gold-light); font-size: 14px; white-space: nowrap; text-overflow: ellipsis; }.channel-task-channel span { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }
.channel-task-reward { flex: none; text-align: right; }.channel-task-reward small { display: block; color: var(--muted); font-size: 8px; font-weight: 900; letter-spacing: .12em; }.channel-task-reward strong { display: block; margin-top: 5px; color: var(--gold); font-size: 13px; }
.channel-task-card h3 { margin: 19px 0 6px; color: var(--gold-light); font-size: 18px; }.channel-task-card > p { margin: 0; max-width: 390px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.channel-task-actions { display: grid; grid-template-columns: .9fr 1.1fr; gap: 9px; margin-top: 17px; }.channel-task-actions .action { min-width: 0; padding: 13px 7px; }
.channel-task-status { min-height: 16px; margin-top: 10px; color: var(--muted); font-size: 10px; text-align: center; }
.stats { display: grid; grid-template-columns: repeat(2,1fr); gap: 22px; margin-top: 20px; }.stat { padding: 12px 0; border-top: 1px solid var(--line); }.stat span { color: var(--muted); font-size: 11px; }.stat strong { display: block; color: var(--gold-light); font-size: 21px; margin-top: 5px; }
.invite-box { display: flex; gap: 8px; margin-top: 14px; }.invite-box input { min-width: 0; flex: 1; border: 0; border-bottom: 1px solid var(--line); color: var(--gold-light); background: transparent; padding: 12px 2px; font-size: 11px; outline: none; }
.game-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.game-card { min-height: 178px; position: relative; text-decoration: none; color: inherit; display: flex; flex-direction: column; justify-content: space-between; border-bottom: 1px solid var(--line); }
.game-icon { width: 58px; height: 58px; display: grid; place-items: center; font-size: 36px; filter: drop-shadow(0 0 17px rgba(255,197,74,.3)); }
.game-card h3 { margin: 14px 0 4px; color: var(--gold-light); font-size: 17px; }.game-card p { margin: 0; color: var(--muted); font-size: 11px; }.reward { margin-top: 12px; color: var(--gold); font-size: 11px; font-weight: 900; }
.bottom-nav { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: min(100%,520px); padding: 8px 8px max(8px,env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid var(--line); background: rgba(2,2,2,.94); backdrop-filter: blur(18px); z-index: 20; }
.nav-item { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 7px 3px; text-decoration: none; color: #6e695f; font-size: 9px; font-weight: 800; }.nav-item .nav-icon { font-size: 19px; filter: none; }.nav-item.active { color: var(--gold); }.nav-item.active .nav-icon { filter: none; }
.market-tab { position: relative; padding-top: 0; color: #9f7b35; }
.market-tab-icon { width: 50px; height: 50px; margin-top: -27px; margin-bottom: 2px; border: 4px solid #020202; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(145deg,#ffe59a,#ffc54a 58%,#a85e00); color: #160d00; font-size: 23px; box-shadow: 0 0 0 1px rgba(255,197,74,.45),0 8px 24px rgba(0,0,0,.85),0 0 24px rgba(255,197,74,.22); filter: none; transition: transform .16s ease,box-shadow .16s ease; }
.market-tab.active .market-tab-icon { transform: translateY(-2px) scale(1.06); box-shadow: 0 0 0 1px rgba(255,225,145,.8),0 10px 27px rgba(0,0,0,.88),0 0 31px rgba(255,197,74,.42); }
.toast { position: fixed; top: 18px; left: 50%; transform: translate(-50%,-20px); width: min(calc(100% - 36px),470px); padding: 13px 16px; border: 1px solid rgba(255,197,74,.45); background: #0b0905; opacity: 0; pointer-events: none; transition: .25s; z-index: 100; font-size: 13px; font-weight: 700; }.toast.show { opacity: 1; transform: translate(-50%,0); }.toast.error { border-color: rgba(255,97,95,.65); color: #ffb4b3; }
.empty { text-align: center; color: var(--muted); padding: 28px 16px; font-size: 13px; }
.confirm-overlay { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; padding: 24px; background: rgba(0,0,0,.84); backdrop-filter: blur(8px); }
.confirm-overlay[hidden] { display: none; }
.confirm-dialog { width: min(100%,360px); padding: 26px 22px; border: 1px solid rgba(255,197,74,.58); background: #080704; box-shadow: 0 0 55px rgba(255,197,74,.12); text-align: center; }
.confirm-icon { font-size: 38px; }.confirm-dialog h3 { margin: 12px 0 7px; color: var(--gold-light); font-size: 21px; }.confirm-dialog p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }.confirm-price { display: block; margin-top: 12px; color: var(--gold); font-size: 20px; font-weight: 950; }
.confirm-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 22px; }.confirm-actions .action { padding: 13px; }
.ai-mining-row { padding: 17px 0 20px; border-bottom: 1px solid var(--line); }
.ai-mining-head { display: flex; align-items: center; gap: 14px; }.ai-mining-icon { font-size: 35px; }.ai-mining-copy { flex: 1; }.ai-mining-copy strong { color: var(--gold-light); font-size: 16px; }.ai-mining-copy p { margin: 4px 0 0; color: var(--muted); font-size: 12px; line-height: 1.4; }
.ai-mining-result { margin-top: 14px; color: var(--gold); font-size: 13px; font-weight: 900; }.ai-mining-row .action { width: 100%; margin-top: 13px; padding: 13px; }
.ai-result-overlay { position: fixed; inset: 0; z-index: 120; display: flex; align-items: flex-end; justify-content: center; background: rgba(0,0,0,.82); backdrop-filter: blur(8px); }
.ai-result-overlay[hidden] { display: none; }
.ai-result-sheet { width: min(100%,520px); min-height: 50dvh; padding: 36px 24px max(28px,env(safe-area-inset-bottom)); border-top: 1px solid rgba(255,197,74,.65); background: #080704; text-align: center; box-shadow: 0 -24px 80px rgba(255,197,74,.1); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ai-result-robot { font-size: 68px; line-height: 1; }.ai-result-sheet h2 { margin: 18px 0 5px; color: var(--gold-light); font-size: 24px; }.ai-result-sheet p { margin: 0; color: var(--muted); font-size: 13px; }.ai-result-amount { margin: 18px 0 24px; color: var(--gold); font-size: 37px; font-weight: 950; letter-spacing: -.04em; }.ai-result-sheet .action { width: min(100%,330px); padding: 15px; }
@media(max-width:360px){.app-shell{padding-left:16px;padding-right:16px}.balance-value{font-size:32px}.mine-button{width:194px;height:194px}.netcoin-glyph{transform:scale(.88)}.mine-zone{min-height:330px}.game-grid{gap:18px}.action{padding:10px}.level-badge{display:none}}

/* NET Gifts Market */
.market-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 8px 0 21px; border-bottom: 1px solid var(--line); }
.market-head h1 { margin: 6px 0 5px; color: var(--gold-light); font-size: 34px; line-height: 1; letter-spacing: -.055em; }
.market-head p { max-width: 275px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.market-balance { flex: none; padding-bottom: 2px; text-align: right; }
.market-balance > span { display: block; color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.market-balance strong { display: block; margin-top: 5px; color: var(--gold); font-size: 14px; }
.market-feature { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.market-feature > div { display: flex; align-items: center; gap: 12px; }
.market-spark { width: 38px; height: 38px; flex: none; border: 1px solid rgba(255,197,74,.48); border-radius: 50%; display: grid; place-items: center; color: var(--gold); background: rgba(255,197,74,.06); font-size: 18px; box-shadow: inset 0 0 18px rgba(255,197,74,.08); }
.market-feature strong { display: block; color: var(--gold-light); font-size: 13px; }.market-feature p { margin: 3px 0 0; color: var(--muted); font-size: 10px; }
.market-feature > span { color: var(--gold); font-size: 9px; font-weight: 950; letter-spacing: .1em; white-space: nowrap; }
.market-section { margin-top: 27px; }
.gift-market-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 14px; }
.gift-product { min-width: 0; overflow: hidden; display:block; border: 1px solid rgba(255,255,255,.09); border-radius: 19px; background: linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.018)); box-shadow: 0 16px 35px rgba(0,0,0,.28); color:inherit; text-decoration:none; }
.gift-art,.gift-profile-art,.owned-gift-art { position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 50% 37%,color-mix(in srgb,var(--gift-bg) 72%,white),var(--gift-bg) 72%); }
.gift-art { height: 190px; border-bottom: 1px solid rgba(255,255,255,.09); }
.gift-symbol-pattern { position: absolute; inset: -18px; z-index: 0; display: grid; grid-template-columns: repeat(3,1fr); align-items: center; justify-items: center; transform: rotate(-9deg) scale(1.1); opacity: .13; pointer-events: none; }
.gift-symbol-pattern i { width: 37px; height: 37px; display: grid; place-items: center; color: color-mix(in srgb,var(--gift-bg) 34%,#050309); font-style: normal; transform: rotate(calc(var(--i) * 17deg)); }
.gift-symbol-pattern svg { width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-width: 3.8; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.gift-animation { position: absolute; inset: 3px 5px 0; z-index: 1; filter: drop-shadow(0 13px 14px rgba(0,0,0,.28)); }
.gift-stock { position: absolute; z-index: 3; top: 10px; right: 10px; padding: 5px 7px; border: 1px solid rgba(255,255,255,.23); border-radius: 10px; background: rgba(0,0,0,.28); color: white; font-size: 7px; font-weight: 950; letter-spacing: .08em; backdrop-filter: blur(7px); }
.gift-product-copy { padding: 13px 13px 14px; }
.gift-edition { color: var(--gift-accent); font-size: 7px; font-weight: 950; letter-spacing: .1em; }
.gift-product h3 { margin: 5px 0 4px; color: white; font-size: 15px; letter-spacing: -.02em; }.gift-product p { min-height: 29px; margin: 0; color: #9d968d; font-size: 9px; line-height: 1.45; }
.gift-price { width: 100%; margin-top: 11px; padding: 9px 8px; border: 1px solid rgba(255,197,74,.55); border-radius: 10px; display: flex; align-items: center; justify-content: space-between; gap: 7px; background: rgba(255,197,74,.07); cursor: pointer; }
.gift-price span { color: var(--muted); font-size: 7px; font-weight: 950; letter-spacing: .08em; }.gift-price strong { color: var(--gold-light); font-size: 10px; }.gift-price:disabled { opacity: .46; }
.owned-gifts { display: flex; flex-direction: column; }
.owned-gift-card { min-height: 91px; padding: 12px 0; border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 14px; color: inherit; text-decoration: none; }
.owned-gift-art { width: 72px; height: 72px; flex: none; border-radius: 16px; }
.owned-gift-art .gift-symbol-pattern { inset: -8px; }.owned-gift-art .gift-symbol-pattern i { width: 18px; height: 18px; }.owned-gift-art .gift-animation { inset: 0; }
.owned-gift-card > div:last-child { min-width: 0; }.owned-gift-card span { color: var(--muted); font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.owned-gift-card strong { display: block; margin-top: 4px; color: var(--gold-light); font-size: 14px; }.owned-gift-card small { display: block; margin-top: 5px; color: var(--gold); font-size: 9px; }
.collection-empty span { display: block; margin-bottom: 7px; font-size: 30px; }
.gift-profile { padding-bottom: 8px; }
.gift-profile-art { width: min(100%,390px); aspect-ratio: 1 / .92; margin: 0 auto; border: 1px solid rgba(255,255,255,.15); border-radius: 26px; box-shadow: 0 24px 60px rgba(0,0,0,.48),0 0 35px color-mix(in srgb,var(--gift-bg) 24%,transparent); }
.gift-profile-art .gift-symbol-pattern { opacity: .17; }.gift-profile-art .gift-symbol-pattern i { width: 46px; height: 46px; }
.gift-profile-animation { position: absolute; z-index: 1; inset: 5px 22px 19px; filter: drop-shadow(0 17px 18px rgba(0,0,0,.3)); }
.authentic-mark { position: absolute; z-index: 3; left: 17px; bottom: 14px; color: rgba(255,255,255,.76); font-size: 7px; font-weight: 950; letter-spacing: .14em; }
.gift-profile-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-top: 19px; padding-bottom: 15px; border-bottom: 1px solid var(--line); }
.gift-profile-title span { color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.gift-profile-title h2 { margin: 5px 0 0; color: white; font-size: 24px; letter-spacing: -.045em; }.gift-profile-title h2 b { color: var(--gold); }.gift-profile-title > strong { color: var(--gold); font-size: 10px; white-space: nowrap; }
.gift-description { margin: 14px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.gift-traits { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; }
.gift-traits article { min-width: 0; padding: 13px 0; border-top: 1px solid var(--line); display: flex; align-items: center; gap: 10px; }
.trait-color,.trait-symbol { width: 35px; height: 35px; flex: none; border-radius: 50%; display: grid; place-items: center; }.trait-color { background: var(--trait); box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); }.trait-symbol { padding: 7px; border: 1px solid rgba(255,197,74,.34); color: var(--gold-light); background: rgba(255,197,74,.06); }.trait-symbol svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.gift-traits small,.gift-owner small { display: block; color: var(--muted); font-size: 7px; font-weight: 900; letter-spacing: .12em; }.gift-traits strong { display: block; margin-top: 4px; color: white; font-size: 10px; }
.gift-owner { display: flex; align-items: center; gap: 12px; padding: 17px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.gift-owner-avatar { width: 43px; height: 43px; flex: none; border: 1px solid rgba(255,197,74,.5); border-radius: 50%; display: grid; place-items: center; overflow: hidden; color: var(--gold); font-weight: 950; background: rgba(255,197,74,.06); }.gift-owner-avatar img { width: 100%; height: 100%; object-fit: cover; }.gift-owner strong { display: block; margin-top: 3px; color: var(--gold-light); font-size: 12px; }.gift-owner span { display: block; margin-top: 2px; color: var(--muted); font-size: 9px; }
.gift-link-box { padding: 18px 0 4px; }.gift-link-box label { color: var(--muted); font-size: 8px; font-weight: 900; letter-spacing: .12em; }.gift-link-box > div { display: flex; margin-top: 7px; border-bottom: 1px solid var(--line); }.gift-link-box input { min-width: 0; flex: 1; padding: 11px 0; border: 0; outline: 0; background: transparent; color: var(--gold-light); font-size: 9px; }.gift-link-box button { border: 0; background: transparent; color: var(--gold); font-size: 10px; font-weight: 900; cursor: pointer; }
.gift-profile-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 15px; }.gift-profile-actions .action { padding: 14px 8px; text-align: center; text-decoration: none; }
.gift-missing { padding-top: 100px; font-size: 18px; line-height: 2; }
@media(max-width:360px){.gift-market-grid{gap:17px 10px}.gift-art{height:166px}.gift-product-copy{padding:11px 10px 12px}.gift-product h3{font-size:13px}.gift-profile-art{border-radius:22px}.market-head h1{font-size:31px}.market-feature>span{display:none}.nav-item{font-size:8px}.market-tab-icon{width:47px;height:47px}}

/* Clans */
.clan-chip { max-width: 164px; min-height: 42px; display: flex; align-items: center; gap: 8px; color: var(--text); text-decoration: none; }
.clan-chip-avatar { width: 36px; height: 36px; flex: none; border-radius: 50%; border: 1px solid rgba(255,197,74,.5); display: grid; place-items: center; overflow: hidden; color: var(--gold); font-weight: 950; background: rgba(255,197,74,.07); }
.clan-chip-avatar img { width: 100%; height: 100%; object-fit: cover; }
.clan-chip-copy { min-width: 0; display: flex; flex-direction: column; }
.clan-chip-copy strong { max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--gold-light); font-size: 12px; }
.clan-chip-copy small { max-width: 100px; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 9px; }
.clan-chip > b { color: var(--gold); font-size: 20px; font-weight: 400; }
.clan-chip.loading { opacity: .6; }
.clan-chip.joined .clan-chip-copy strong { font-size: 11px; }
.clan-page-head { position: relative; padding-right: 44px; }
.clan-add { position: absolute; right: 0; width: 38px; height: 38px; display: grid; place-items: center; color: var(--gold); border: 1px solid var(--line); text-decoration: none; font-size: 24px; }
.clan-section { margin-top: 28px; }
.my-clan-banner { border-top: 1px solid rgba(255,197,74,.5); border-bottom: 1px solid rgba(255,197,74,.22); }
.my-clan-banner > a { min-height: 72px; display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; }
.my-clan-banner span:nth-child(2) { flex: 1; min-width: 0; }
.my-clan-banner small { display: block; color: var(--gold); font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.my-clan-banner strong { display: block; max-width: 210px; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.my-clan-banner b { color: var(--muted); font-size: 11px; }
.clan-avatar,.member-avatar { width: 42px; height: 42px; flex: none; border-radius: 50%; border: 1px solid rgba(255,197,74,.36); background: rgba(255,197,74,.08); display: grid; place-items: center; overflow: hidden; color: var(--gold-light); font-weight: 950; }
.clan-avatar img,.member-avatar img { width: 100%; height: 100%; object-fit: cover; }
.clan-podium,.member-podium { min-height: 190px; display: flex; align-items: flex-end; justify-content: center; gap: 8px; padding-top: 12px; }
.podium-place,.member-podium-place { position: relative; width: 33.33%; min-width: 0; display: flex; flex-direction: column; align-items: center; color: inherit; text-decoration: none; text-align: center; }
.podium-place.place-1,.member-podium-place.place-1 { order: 2; padding-bottom: 34px; }
.podium-place.place-2,.member-podium-place.place-2 { order: 1; padding-bottom: 18px; }
.podium-place.place-3,.member-podium-place.place-3 { order: 3; padding-bottom: 8px; }
.podium-medal { height: 24px; font-size: 18px; }
.podium-avatar { width: 58px; height: 58px; box-shadow: 0 0 30px rgba(255,197,74,.12); }
.place-1 .podium-avatar { width: 70px; height: 70px; border-color: var(--gold); box-shadow: 0 0 34px rgba(255,197,74,.2); }
.podium-place strong,.member-podium-place strong { width: 100%; margin-top: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--gold-light); font-size: 12px; }
.podium-place small,.member-podium-place small { width: 100%; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 9px; }
.podium-place b { margin-top: 5px; color: var(--gold); font-size: 10px; }
.podium-place i,.member-podium-place i { position: absolute; left: 8px; right: 8px; bottom: 0; height: 3px; background: linear-gradient(90deg,transparent,var(--gold),transparent); opacity: .8; }
.clan-ranking,.member-ranking { display: flex; flex-direction: column; }
.clan-rank-row,.member-rank-row { min-height: 68px; display: flex; align-items: center; gap: 11px; border-bottom: 1px solid var(--line); color: inherit; text-decoration: none; }
.rank-number { width: 24px; flex: none; color: #746d5e; font-size: 12px; font-weight: 900; text-align: center; }
.clan-rank-row:nth-child(1) .rank-number,.member-rank-row:nth-child(1) .rank-number { color: #ffd659; }
.clan-rank-row:nth-child(2) .rank-number,.member-rank-row:nth-child(2) .rank-number { color: #d7d7d7; }
.clan-rank-row:nth-child(3) .rank-number,.member-rank-row:nth-child(3) .rank-number { color: #d89458; }
.clan-row-copy,.member-row-copy { min-width: 0; flex: 1; }
.clan-row-copy strong,.member-row-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.clan-row-copy small,.member-row-copy small { display: block; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 10px; }
.clan-row-score { flex: none; text-align: right; }
.clan-row-score strong { display: block; color: var(--gold-light); font-size: 12px; }
.clan-row-score small { display: block; margin-top: 2px; color: var(--gold); font-size: 8px; font-weight: 900; }
.clan-create-hero { padding: 10px 0 22px; text-align: center; border-bottom: 1px solid var(--line); }
.telegram-clan-icon { width: 86px; height: 86px; margin: 0 auto; border-radius: 50%; border: 1px solid rgba(255,197,74,.5); display: grid; place-items: center; color: var(--gold); font-size: 39px; box-shadow: inset 0 0 36px rgba(255,197,74,.08),0 0 40px rgba(255,197,74,.08); }
.clan-create-hero h2 { margin: 16px 0 7px; color: var(--gold-light); font-size: 22px; }
.clan-create-hero p { max-width: 360px; margin: 0 auto; color: var(--muted); font-size: 12px; line-height: 1.5; }
.clan-admin-connect { padding: 20px 0; border-bottom: 1px solid var(--line); }
.clan-admin-copy { display: flex; align-items: center; gap: 12px; }
.telegram-admin-mark { width: 42px; height: 42px; flex: none; border-radius: 50%; display: grid; place-items: center; background: var(--gold); color: #171006; font-size: 20px; transform: rotate(-12deg); }
.clan-admin-copy > span:last-child { min-width: 0; }
.clan-admin-copy strong { display: block; color: var(--gold-light); font-size: 15px; }
.clan-admin-copy small { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }
.admin-add-button { width: 100%; margin-top: 15px; padding: 14px; }
.clan-admin-connect > p { margin: 9px 0 0; color: #70695d; font-size: 9px; text-align: center; }
.clan-create-form { padding-top: 24px; }
.clan-create-form > label { display: block; margin-bottom: 8px; color: var(--gold-light); font-size: 12px; font-weight: 800; }
.group-link-input { height: 52px; display: flex; align-items: center; border-bottom: 1px solid rgba(255,197,74,.6); }
.group-link-input span { color: var(--gold); font-weight: 900; }
.group-link-input input { min-width: 0; flex: 1; padding: 0 4px; border: 0; outline: 0; background: transparent; color: var(--text); font-size: 16px; }
.group-link-input input::placeholder { color: #5f594e; }
.clan-requirements { margin: 20px 0 22px; }
.clan-requirements p { display: flex; align-items: center; gap: 10px; margin: 0; padding: 9px 0; color: var(--muted); font-size: 11px; }
.clan-requirements b { width: 23px; height: 23px; flex: none; border: 1px solid var(--line); display: grid; place-items: center; color: var(--gold); }
.clan-requirements strong { color: var(--gold-light); }
.clan-create-button { width: 100%; padding: 15px; }
.clan-profile-head { display: grid; grid-template-columns: 72px 1fr auto; align-items: center; gap: 14px; padding: 7px 0 22px; border-bottom: 1px solid var(--line); }
.clan-profile-avatar { width: 72px; height: 72px; border-radius: 50%; border: 1px solid rgba(255,197,74,.55); display: grid; place-items: center; overflow: hidden; color: var(--gold); font-size: 28px; font-weight: 950; box-shadow: 0 0 35px rgba(255,197,74,.1); }
.clan-profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
.clan-profile-copy { min-width: 0; }
.clan-profile-copy small { color: var(--gold); font-size: 10px; }
.clan-profile-copy h2 { margin: 4px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--gold-light); font-size: 20px; }
.clan-profile-copy p { margin: 0; color: var(--muted); font-size: 10px; }
.telegram-open { color: var(--gold); text-decoration: none; font-size: 11px; font-weight: 900; }
.clan-profile-action { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; gap: 7px; }
.clan-profile-action .action { width: 100%; }
.clan-profile-action small { color: var(--muted); font-size: 9px; }
.owner-mark { width: 100%; padding: 11px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--gold); text-align: center; font-size: 11px; font-weight: 900; }
@media(max-width:380px){.clan-chip{max-width:137px}.clan-chip-copy strong,.clan-chip-copy small{max-width:77px}.podium-place small{display:none}.clan-profile-head{grid-template-columns:60px 1fr auto}.clan-profile-avatar{width:60px;height:60px}.telegram-open{font-size:10px}}

/* Player leaderboard */
.leaderboard-head { margin-bottom: 18px; }
.leaderboard-section { margin-top: 25px; }
.leaderboard-list-section { margin-top: 34px; }
.player-podium { min-height: 215px; display: flex; align-items: flex-end; justify-content: center; gap: 8px; padding-top: 12px; }
.player-podium-place { position: relative; width: 33.333%; min-width: 0; display: flex; flex-direction: column; align-items: center; color: inherit; text-decoration: none; text-align: center; }
.player-podium-place.place-1 { order: 2; padding-bottom: 34px; }
.player-podium-place.place-2 { order: 1; padding-bottom: 17px; }
.player-podium-place.place-3 { order: 3; padding-bottom: 7px; }
.player-avatar { width: 46px; height: 46px; flex: none; border-radius: 50%; border: 1px solid rgba(255,197,74,.42); background: rgba(255,197,74,.08); display: grid; place-items: center; overflow: hidden; color: var(--gold-light); font-weight: 950; }
.player-avatar img { width: 100%; height: 100%; object-fit: cover; }
.player-podium-place .podium-avatar { width: 60px; height: 60px; box-shadow: 0 0 30px rgba(255,197,74,.12); }
.player-podium-place.place-1 .podium-avatar { width: 72px; height: 72px; border-color: var(--gold); box-shadow: 0 0 38px rgba(255,197,74,.2); }
.player-podium-place > strong { width: 100%; margin-top: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--gold-light); font-size: 13px; }
.player-podium-place > small { width: 100%; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 9px; }
.player-podium-place > b { margin-top: 6px; color: var(--gold); font-size: 11px; }
.player-podium-place > i { position: absolute; left: 8px; right: 8px; bottom: 0; height: 3px; background: linear-gradient(90deg,transparent,var(--gold),transparent); opacity: .82; }
.player-ranking { display: flex; flex-direction: column; }
.player-rank-row { min-height: 72px; display: flex; align-items: center; gap: 11px; border-bottom: 1px solid var(--line); color: inherit; text-decoration: none; }
.player-rank-number { width: 25px; flex: none; color: #807869; font-size: 12px; font-weight: 900; text-align: center; }
.player-row-copy { min-width: 0; flex: 1; }
.player-row-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.player-row-copy strong i { display: inline-block; margin-left: 5px; padding: 2px 5px; border: 1px solid rgba(255,197,74,.35); color: var(--gold); font-size: 8px; font-style: normal; vertical-align: 2px; }
.player-row-copy small { display: block; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 10px; }
.player-row-score { margin-left: auto; flex: none; min-width: 75px; text-align: right; }
.player-row-score strong { display: block; color: var(--gold-light); font-size: 14px; }
.player-row-score small { display: block; margin-top: 2px; color: var(--gold); font-size: 8px; font-weight: 950; }
.current-player { background: linear-gradient(90deg,transparent,rgba(255,197,74,.055)); }
@media(max-width:360px){.player-podium-place>small{display:none}.player-podium{min-height:200px}.player-row-score{min-width:68px}.player-row-score strong{font-size:12px}}

/* Player profile */
.player-profile-nav { margin-bottom: 17px; }
.player-profile-hero { display: grid; grid-template-columns: 92px 1fr; align-items: center; gap: 18px; padding: 8px 0 22px; border-bottom: 1px solid var(--line); }
.profile-avatar-large { width: 92px; height: 92px; border-radius: 50%; border: 1px solid rgba(255,197,74,.6); background: rgba(255,197,74,.08); display: grid; place-items: center; overflow: hidden; color: var(--gold-light); font-size: 34px; font-weight: 950; box-shadow: 0 0 42px rgba(255,197,74,.12); }
.profile-avatar-large img { width: 100%; height: 100%; object-fit: cover; }
.profile-identity { min-width: 0; }
.profile-rank { color: var(--gold); font-size: 9px; font-weight: 950; letter-spacing: .08em; }
.profile-identity h2 { margin: 7px 0 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--gold-light); font-size: 23px; }
.profile-identity h2 i { display: inline-block; margin-left: 5px; padding: 2px 5px; border: 1px solid rgba(255,197,74,.38); color: var(--gold); font-size: 8px; font-style: normal; vertical-align: 4px; }
.profile-identity p { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 12px; }
.profile-balance { grid-column: 1 / -1; padding: 17px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: center; }
.profile-balance small { display: block; color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.profile-balance strong { display: block; margin-top: 5px; color: var(--gold-light); font-size: 31px; letter-spacing: -.04em; }
.profile-balance strong span { color: var(--gold); font-size: 13px; letter-spacing: 0; }
.bot-connection { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; }
.bot-connection > span { font-size: 19px; }
.bot-connection.connected > span,.bot-connection.connected small { color: var(--gold); }
.bot-connection.not-connected > span { color: #615b50; }
.bot-connection div { display: flex; flex-direction: column; }
.bot-connection strong { font-size: 12px; }
.bot-connection small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.player-profile-section { margin-top: 28px; }
.profile-upgrade-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.profile-upgrade-grid article { min-width: 0; padding: 13px 0; border-bottom: 1px solid var(--line); }
.profile-upgrade-grid article > span { display: block; height: 30px; font-size: 24px; }
.profile-upgrade-grid small { display: block; margin-top: 7px; color: var(--muted); font-size: 9px; }
.profile-upgrade-grid strong { display: block; margin-top: 4px; color: var(--gold-light); font-size: 12px; }
.profile-upgrade-grid p { margin: 4px 0 0; color: var(--gold); font-size: 9px; }
.profile-stat-list { display: flex; flex-direction: column; }
.profile-stat-list > div { min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); }
.profile-stat-list span { color: var(--muted); font-size: 11px; }
.profile-stat-list strong { color: var(--gold-light); font-size: 12px; text-align: right; }
@media(max-width:360px){.player-profile-hero{grid-template-columns:76px 1fr}.profile-avatar-large{width:76px;height:76px}.profile-upgrade-grid{gap:8px}.profile-upgrade-grid strong{font-size:11px}}

/* Official wallet and marketplace */
.account-link { color: inherit; text-decoration: none; }
.account-link > b { margin-left: 2px; color: #706a60; font-size: 18px; }
.official-shell { --wallet-blue:#38bdf1; --wallet-panel:#1b1b1d; --wallet-panel-2:#242426; padding: 0 20px 105px; background:#101011; }
.official-shell::before { background:#101011; background-image:none; }
.official-shell::after { display:none; }
.official-head { min-height: 76px; margin: 0 -20px 18px; padding: max(13px,env(safe-area-inset-top)) 20px 12px; border-bottom:1px solid rgba(255,255,255,.08); display:grid; grid-template-columns:42px 1fr 42px; align-items:end; background:rgba(16,16,17,.96); position:sticky; top:0; z-index:12; backdrop-filter:blur(18px); }
.official-head > div { text-align:center; }
.official-head strong { display:block; color:#fff; font-size:17px; letter-spacing:-.02em; }
.official-head span { display:block; margin-top:2px; color:#77777d; font-size:10px; }
.official-back,.head-history,.emoji-head-button { width:38px; height:38px; border:0; padding:0; display:grid; place-items:center; background:transparent; color:var(--wallet-blue); text-decoration:none; font-size:19px; line-height:1; cursor:pointer; }
.head-history,.emoji-head-button { font-size:19px; }
.wallet-identity { padding: 6px 0 25px; text-align:center; }
.wallet-avatar { width:58px; height:58px; margin:0 auto 10px; overflow:hidden; border-radius:50%; display:grid; place-items:center; background:linear-gradient(145deg,#293c49,#121619); color:#fff; font-weight:900; }
.wallet-avatar img { width:100%; height:100%; object-fit:cover; }
.wallet-identity > span { color:#85858b; font-size:11px; }
.wallet-identity h1 { margin:9px 0 19px; color:#fff; font-size:38px; letter-spacing:-.055em; }
.wallet-identity h1 small { color:#85858b; font-size:17px; letter-spacing:0; }
.wallet-primary { min-height:48px; padding:0 22px; border:0; border-radius:15px; display:inline-flex; align-items:center; justify-content:center; gap:9px; background:#2a2a2d; color:var(--wallet-blue); text-decoration:none; font-size:13px; font-weight:850; cursor:pointer; }
.wallet-primary i { width:25px; height:25px; border-radius:50%; display:grid; place-items:center; background:#fff; color:#1d1d1f; font-size:16px; font-style:normal; }
.wallet-primary:disabled { opacity:.45; }
.wallet-primary.wide { width:100%; margin-top:18px; }
.wallet-section { margin:22px 0 0; }
.wallet-section-head { min-height:30px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.wallet-section-head h2 { margin:0; color:#8e8e94; font-size:16px; }
.wallet-section-head a { color:var(--wallet-blue); text-decoration:none; font-size:12px; }
.token-row { min-height:78px; margin-top:8px; padding:12px 15px; border-radius:19px; display:flex; align-items:center; gap:12px; background:var(--wallet-panel); color:inherit; text-decoration:none; }
.net-token-logo { width:47px; height:47px; flex:none; border-radius:50%; position:relative; display:grid; place-items:center; background:linear-gradient(145deg,#ffe493,#d38a0d 70%,#714000); box-shadow:inset 0 0 0 2px rgba(255,255,255,.28); }
.net-token-logo::before,.net-token-logo i { content:""; width:27px; height:24px; display:block; background:#111; clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }
.net-token-logo i { position:absolute; width:17px; height:14px; background:#ffd65d; }
.net-token-logo.large { width:66px; height:66px; }.net-token-logo.large::before{width:38px;height:34px}.net-token-logo.large i{width:24px;height:20px}
.token-row > div { min-width:0; flex:1; }.token-row strong { display:block; color:#fff; font-size:14px; }.token-row small { display:block; margin-top:4px; color:#77777d; font-size:10px; }.token-row > b { color:#fff; font-size:13px; white-space:nowrap; }
.wallet-nft-grid { margin-top:9px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.wallet-nft { min-width:0; color:inherit; text-decoration:none; }
.wallet-nft-art { position:relative; aspect-ratio:1; overflow:hidden; border-radius:16px; isolation:isolate; background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--gift-bg) 72%,white),var(--gift-bg) 75%); }
.wallet-nft-art .gift-symbol-pattern { inset:-8px; }.wallet-nft-art .gift-symbol-pattern i{width:23px;height:23px}.wallet-nft-art>[data-wallet-lottie]{position:absolute;z-index:1;inset:0}
.wallet-nft > strong { display:block; margin:8px 2px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-size:11px; }.wallet-nft > span { display:block; margin:3px 2px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#6e6e73; font-size:8px; }
.sale-ribbon { position:absolute; z-index:4; top:8px; right:-23px; width:80px; padding:3px; transform:rotate(43deg); background:#5ee06f; color:#102113; font-size:6px; text-align:center; }
.activity-list { margin-top:8px; overflow:hidden; border-radius:19px; background:var(--wallet-panel); }
.activity-row { min-height:67px; padding:10px 14px; display:flex; align-items:center; gap:11px; border-bottom:1px solid rgba(255,255,255,.075); color:inherit; text-decoration:none; }
.activity-row:last-child { border-bottom:0; }.activity-row > i { width:39px; height:39px; flex:none; border-radius:50%; display:grid; place-items:center; background:linear-gradient(145deg,#52d9ff,#168ee6); color:#fff; font-size:17px; font-style:normal; font-weight:900; }
.activity-row > div { min-width:0; flex:1; }.activity-row strong { display:block; color:#fff; font-size:13px; }.activity-row span { display:block; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#7c7c82; font-size:9px; }.activity-row > b { color:#fff; font-size:11px; text-align:right; white-space:nowrap; }.activity-row.incoming > b { color:#36ce78; }
.official-empty { grid-column:1/-1; padding:25px 12px; border-radius:16px; background:var(--wallet-panel); color:#74747a; font-size:12px; text-align:center; }
.token-hero { padding:15px 0 7px; display:flex; flex-direction:column; align-items:center; text-align:center; }.hero-logo{width:84px;height:84px}.hero-logo::before{width:48px;height:43px}.hero-logo i{width:31px;height:26px}.token-hero>span{margin-top:16px;color:#b78a2d;font-size:9px;font-weight:900;letter-spacing:.12em}.token-hero h1{margin:5px 0;color:#fff;font-size:28px}.token-hero p{max-width:310px;margin:0;color:#77777d;font-size:11px;line-height:1.45}.token-hero>strong{margin:19px 0;color:#fff;font-size:34px}.token-hero>strong small{color:#77777d;font-size:15px}
.detail-table { margin-top:9px; padding:3px 15px; border-radius:19px; background:var(--wallet-panel); }.detail-table>div{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(255,255,255,.075)}.detail-table>div:last-child{border-bottom:0}.detail-table span{color:#77777d;font-size:11px}.detail-table b{display:flex;align-items:center;gap:7px;color:#fff;font-size:11px;text-align:right;word-break:break-word}
.official-overlay { position:fixed; inset:0; z-index:100; display:flex; align-items:flex-end; justify-content:center; background:rgba(0,0,0,.72); backdrop-filter:blur(8px); }.official-overlay[hidden]{display:none}.official-sheet{width:min(100%,520px);padding:28px 22px max(28px,env(safe-area-inset-bottom));position:relative;border-radius:25px 25px 0 0;background:#202022;text-align:center}.sheet-close{position:absolute;right:17px;top:14px;width:31px;height:31px;border:0;border-radius:50%;background:#343437;color:#aaa;font-size:21px}.official-sheet h2{margin:14px 0 7px;color:#fff;font-size:22px}.official-sheet p{max-width:370px;margin:0 auto;color:#85858b;font-size:11px;line-height:1.5}.sheet-glyph{width:65px;height:65px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#52d9ff,#168ee6);color:white;font-size:28px;font-weight:900}
.amount-field{height:61px;margin-top:20px;padding:8px 13px;border-radius:15px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;background:#2c2c2f;text-align:left}.amount-field span{grid-column:1/-1;color:#77777d;font-size:8px;font-weight:900}.amount-field input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:22px;font-weight:800}.amount-field b{align-self:center;color:#999;font-size:12px}
.wallet-filter-row{display:flex;gap:7px;margin:2px 0 12px}.wallet-filter-row button,.history-more{padding:9px 15px;border:0;border-radius:12px;background:#29292c;color:#8e8e94;font-size:11px;font-weight:800}.wallet-filter-row button.active{background:#d6f2ff;color:#087cae}.history-section{margin-top:0}.history-more{width:100%;margin-top:12px}
.transaction-card{padding:12px 0 20px;text-align:center}.transaction-status{display:inline-block;padding:6px 10px;border-radius:20px;background:#2b2b2e;color:#aaa;font-size:8px;font-weight:900;letter-spacing:.1em}.transaction-status.claimed{background:rgba(54,206,120,.15);color:#36ce78}.transaction-status.pending{background:rgba(56,189,241,.15);color:var(--wallet-blue)}.transaction-status.cancelled,.transaction-status.expired{background:rgba(255,91,91,.13);color:#ff7777}.transaction-token{padding:28px 0 22px;display:flex;flex-direction:column;align-items:center}.transaction-token strong{margin-top:14px;color:#fff;font-size:32px}.transaction-token small,.transaction-nft small{margin-top:4px;color:#77777d;font-size:10px}.transaction-nft{width:min(100%,310px);aspect-ratio:1;margin:22px auto 5px;position:relative;overflow:hidden;border-radius:24px;isolation:isolate;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--gift-bg) 72%,white),var(--gift-bg) 75%)}.transaction-nft>#transactionGift{position:absolute;z-index:1;inset:8px}.transaction-nft>strong{position:absolute;z-index:3;left:12px;right:12px;bottom:25px;color:#fff;font-size:15px}.transaction-nft>small{position:absolute;z-index:3;left:12px;right:12px;bottom:10px}.transaction-parties{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.transaction-party{padding:14px;border-radius:15px;background:var(--wallet-panel);text-align:left}.transaction-party span{color:#77777d;font-size:7px;font-weight:900}.transaction-party strong{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px}.transaction-party small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#77777d;font-size:9px}.transaction-details{margin-top:12px}.official-danger{width:100%;margin-top:10px;padding:14px;border:0;border-radius:14px;background:rgba(255,76,76,.1);color:#ff7373;font-weight:800}
.official-market-head .market-balance{color:inherit;text-decoration:none}.market-filters{margin:14px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.market-filters label{min-width:0;padding:8px 9px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035)}.market-filters label span{display:block;color:#77777d;font-size:7px;font-weight:900;letter-spacing:.08em}.market-filters select{width:100%;margin-top:4px;border:0;outline:0;background:transparent;color:#e9e9e9;font-size:9px}.market-filters select option{background:#171719}.market-filters>button{grid-column:1/-1;padding:7px;border:0;background:transparent;color:var(--gold);font-size:9px}.marketplace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.market-nft-card{min-width:0;color:inherit;text-decoration:none}.market-nft-art{position:relative;aspect-ratio:1;overflow:hidden;border-radius:17px;isolation:isolate;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--gift-bg) 72%,white),var(--gift-bg) 75%)}.market-nft-art>.gift-symbol-pattern{inset:-8px}.market-nft-art>.gift-symbol-pattern i{width:24px;height:24px}.market-nft-art>[data-gift-animation]{position:absolute;z-index:1;inset:0}.market-nft-art>b{position:absolute;z-index:3;right:7px;bottom:7px;padding:4px 6px;border-radius:8px;background:rgba(0,0,0,.6);color:#fff;font-size:7px}.market-nft-card>strong{display:block;margin:7px 2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:10px}.market-nft-card>span,.market-nft-card>small{display:block;margin:3px 2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#74747a;font-size:7px}.sale-dot{position:absolute;z-index:4;right:5px;bottom:5px;padding:3px 5px;border-radius:6px;background:#5ee06f;color:#122314;font-size:6px}
.official-nft-art{width:min(100%,390px);aspect-ratio:1;margin:0 auto;position:relative;overflow:hidden;border-radius:25px;isolation:isolate;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--gift-bg) 72%,white),var(--gift-bg) 75%)}.official-nft-art>#profileGiftAnimation{position:absolute;z-index:1;inset:8px}.nft-owner-tag{position:absolute;z-index:3;left:12px;bottom:12px;padding:7px 10px;border-radius:13px;background:rgba(0,0,0,.55);color:#fff;font-size:9px;backdrop-filter:blur(8px)}.official-nft-title{text-align:center;padding:17px 0}.official-nft-title>span{color:#77777d;font-size:8px;font-weight:900;letter-spacing:.08em}.official-nft-title h1{margin:6px 0;color:#fff;font-size:24px}.official-nft-title h1 b{color:var(--gold)}.official-nft-title p{max-width:370px;margin:0 auto;color:#77777d;font-size:10px;line-height:1.45}.official-nft-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.official-action{min-height:49px;border:0;border-radius:15px;background:#29292c;color:var(--wallet-blue);font-size:12px;font-weight:850}.official-action:disabled{opacity:.35}.attribute-color{width:18px;height:18px;border-radius:50%;background:var(--attribute);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.attribute-symbol svg{width:22px;height:22px;fill:none;stroke:var(--wallet-blue);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.nft-owner-row{margin-top:8px;padding:13px 15px;border-radius:19px;display:flex;align-items:center;gap:11px;background:var(--wallet-panel)}.nft-owner-row>span{width:43px;height:43px;overflow:hidden;border-radius:50%;display:grid;place-items:center;background:#303034;color:#fff}.nft-owner-row img{width:100%;height:100%;object-fit:cover}.nft-owner-row strong{display:block;color:#fff;font-size:12px}.nft-owner-row small{display:block;margin-top:3px;color:#77777d;font-size:9px}.nft-activity{margin-top:8px;padding:0 14px;border-radius:19px;background:var(--wallet-panel)}.nft-activity-row{min-height:63px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.075)}.nft-activity-row:last-child{border-bottom:0}.nft-activity-row>i{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#52d9ff,#168ee6);color:#fff;font-style:normal}.nft-activity-row>div{min-width:0;flex:1;text-align:left}.nft-activity-row strong{display:block;color:#fff;font-size:12px}.nft-activity-row span{display:block;margin-top:3px;color:#77777d;font-size:9px}.nft-activity-row>b{color:#fff;font-size:10px}
@media(max-width:370px){.official-shell{padding-left:16px;padding-right:16px}.official-head{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.wallet-nft-grid,.marketplace-grid{gap:8px}.wallet-nft>strong{font-size:9px}.market-filters{gap:5px}.market-filters label{padding:7px 6px}.official-nft-title h1{font-size:21px}}

/* Wallet actions, collection and market preview */
body:has(.official-overlay:not([hidden])) .bottom-nav,
body:has(.confirm-overlay:not([hidden])) .bottom-nav { display:none; }
.wallet-collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 11px}.wallet-collection-card{min-width:0;color:inherit;text-decoration:none}.wallet-collection-art{position:relative;aspect-ratio:1;overflow:hidden;border-radius:20px;isolation:isolate;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--gift-bg) 72%,white),var(--gift-bg) 76%)}.wallet-collection-art>.gift-symbol-pattern{inset:-7px}.wallet-collection-art>.gift-symbol-pattern i{width:30px;height:30px}.wallet-collection-art>[data-collection-lottie]{position:absolute;z-index:1;inset:2px}.wallet-collection-art>b{position:absolute;z-index:4;right:7px;bottom:7px;padding:5px 7px;border-radius:9px;background:rgba(0,0,0,.7);color:#fff;font-size:8px}.wallet-collection-card>strong{display:block;margin:8px 2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px}.wallet-collection-card>span,.wallet-collection-card>small{display:block;margin:3px 2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#77777d;font-size:8px}.copy-nft-action{width:100%;margin-top:9px;padding:13px;border:0;border-radius:14px;background:transparent;color:var(--wallet-blue);font-size:11px;font-weight:850;cursor:pointer}.official-action{display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.official-action.disabled{opacity:.35;cursor:not-allowed}.official-nft-art>#walletNftAnimation{position:absolute;z-index:1;inset:8px}
.transfer-shell{min-height:100dvh;padding-bottom:max(24px,env(safe-area-inset-bottom))}.standalone-action{max-width:390px;margin:0 auto;padding:20px 0 30px;text-align:center}.standalone-action>h1{margin:18px 0 8px;color:#fff;font-size:25px}.standalone-action>p{max-width:330px;margin:0 auto;color:#85858b;font-size:11px;line-height:1.55}.standalone-action .amount-field{text-align:left}.available-balance{margin:19px 0 0;color:#77777d;font-size:10px}.available-balance b{margin-left:5px;color:#fff}.cancel-action-link{display:block;margin-top:17px;color:#85858b;text-decoration:none;font-size:11px;font-weight:800}.action-nft-preview{width:min(70vw,245px);aspect-ratio:1;margin:0 auto;position:relative;overflow:hidden;border-radius:24px;isolation:isolate;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--gift-bg) 72%,white),var(--gift-bg) 76%)}.action-nft-preview>.gift-symbol-pattern{inset:-8px}.action-nft-preview>#sendGiftAnimation,.action-nft-preview>#sellGiftAnimation{position:absolute;z-index:1;inset:4px}
.market-preview{padding-bottom:24px}.market-preview-art{width:min(100%,405px);aspect-ratio:1;margin:0 auto;position:relative;overflow:hidden;border-radius:28px;isolation:isolate;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--gift-bg) 72%,white),var(--gift-bg) 76%);box-shadow:0 22px 55px rgba(0,0,0,.38)}.market-preview-art>.gift-symbol-pattern{inset:-8px}.market-preview-art>#previewAnimation{position:absolute;z-index:1;inset:7px}.market-preview-art>span{position:absolute;z-index:4;right:12px;bottom:12px;padding:7px 9px;border-radius:11px;background:rgba(0,0,0,.66);color:#fff;font-size:8px;font-weight:900}.market-preview-copy{padding:20px 2px 0;text-align:center}.market-preview-copy>small{color:var(--gold);font-size:8px;font-weight:900;letter-spacing:.08em}.market-preview-copy h2{margin:7px 0;color:var(--gold-light);font-size:27px}.market-preview-copy>p{max-width:370px;margin:0 auto;color:var(--muted);font-size:11px;line-height:1.55}.market-preview-traits{margin:19px 0 4px;border-top:1px solid var(--line)}.market-preview-traits>div{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.market-preview-traits span{color:var(--muted);font-size:10px}.market-preview-traits strong{color:var(--gold-light);font-size:11px;text-align:right}.market-buy-wide{width:100%;margin-top:17px}.mint-note{display:block!important;margin:10px auto 0!important;max-width:330px;color:#746e64!important;line-height:1.4}.market-profile-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.market-profile-action{display:flex;align-items:center;justify-content:center;text-decoration:none}.market-not-listed{grid-column:1/-1;padding:13px;border:1px solid var(--line);color:var(--muted);font-size:10px;text-align:center}.market-profile-buttons>.secondary{color:var(--gold);border-color:var(--line)}
@media(max-width:370px){.wallet-collection-grid{gap:12px 8px}.market-profile-buttons{grid-template-columns:1fr}.market-preview-copy h2{font-size:23px}}

/* Elite motion and unified readable scale */
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-shell{will-change:opacity,transform;transform-origin:50% 46%;transition:opacity .28s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1),filter .28s ease}.app-shell.screen-entering{opacity:0;transform:translate3d(0,10px,0) scale(.992);filter:blur(3px)}body.is-navigating .bottom-nav{pointer-events:none}.bottom-nav{transition:opacity .22s ease,transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.nav-item{min-height:50px;justify-content:center;font-size:11px;line-height:1.15}.nav-item .nav-icon{font-size:22px}.market-tab-icon{width:54px;height:54px;font-size:25px}.page-head{align-items:center;margin-bottom:24px}.page-head>div{min-width:0}.page-head h1{font-size:28px;line-height:1.08}.page-head p{font-size:14px;line-height:1.35}
::view-transition-old(app-page){animation:elitePageOut .2s cubic-bezier(.4,0,1,1) both}::view-transition-new(app-page){animation:elitePageIn .34s cubic-bezier(.16,1,.3,1) both}@keyframes elitePageOut{to{opacity:0;transform:translate3d(-12px,0,0) scale(.994);filter:blur(2px)}}@keyframes elitePageIn{from{opacity:0;transform:translate3d(14px,0,0) scale(.992);filter:blur(3px)}}
.action{min-height:48px;border-radius:13px;padding:13px 16px;font-size:14px}.section-title h2{font-size:19px}.section-title span{font-size:13px}.market-head{align-items:center}.market-head h1{font-size:34px}.market-head p{font-size:13px}.market-balance>span{font-size:11px}.market-balance strong{font-size:16px}.market-feature{min-height:74px}.market-feature strong{font-size:15px}.market-feature p{font-size:12px;line-height:1.35}.market-feature>span{font-size:11px}.gift-market-grid{align-items:stretch;gap:18px 12px}.gift-product{height:100%;display:flex;flex-direction:column}.gift-art{height:auto;aspect-ratio:1}.gift-product-copy{flex:1;display:flex;flex-direction:column;padding:15px}.gift-edition,.gift-stock{font-size:10px}.gift-product h3{font-size:17px;line-height:1.2}.gift-product p{min-height:47px;font-size:12px;line-height:1.45}.gift-price{min-height:43px;margin-top:auto}.gift-price span{font-size:10px}.gift-price strong{font-size:13px}.owned-gift-card{min-height:98px}.owned-gift-card span{font-size:10px}.owned-gift-card strong{font-size:16px}.owned-gift-card small{font-size:12px}
.official-shell{--wallet-panel:#1c1c1f;--wallet-panel-2:#27272a;padding-left:18px;padding-right:18px}.official-head{min-height:78px;margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;align-items:center}.official-head strong{font-size:19px;line-height:1.15}.official-head span{font-size:12px;line-height:1.2}.official-back,.head-history,.emoji-head-button{width:42px;height:42px;font-size:21px}.wallet-identity{padding:10px 0 28px}.wallet-avatar{width:64px;height:64px}.wallet-identity>span{font-size:13px}.wallet-identity h1{font-size:40px;line-height:1.1}.wallet-identity h1 small{font-size:18px}.wallet-primary{min-height:56px;border-radius:18px;font-size:15px}.wallet-section{margin-top:28px}.wallet-section-head{min-height:36px}.wallet-section-head h2{font-size:19px}.wallet-section-head a{font-size:14px}.token-row{min-height:88px;padding:14px 16px;border-radius:21px}.token-row strong{font-size:16px}.token-row small{font-size:12px}.token-row>b{font-size:15px}.wallet-nft-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 11px}.wallet-nft-art{border-radius:19px}.wallet-nft>strong{margin-top:9px;font-size:13px;line-height:1.25}.wallet-nft>span{font-size:11px;line-height:1.25}.activity-row{min-height:78px;padding:12px 15px}.activity-row>i{width:42px;height:42px;font-size:19px}.activity-row strong{font-size:15px;line-height:1.25}.activity-row span{font-size:12px;line-height:1.3}.activity-row>b{max-width:36%;overflow:hidden;text-overflow:ellipsis;font-size:13px}.detail-table{padding:4px 16px}.detail-table>div{min-height:62px}.detail-table span,.detail-table b{font-size:13px;line-height:1.3}.wallet-filter-row{gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.wallet-filter-row button{min-height:40px;flex:none;font-size:13px}.wallet-collection-grid{gap:18px 12px}.wallet-collection-art{border-radius:21px}.wallet-collection-card>strong{font-size:14px;line-height:1.25}.wallet-collection-card>span,.wallet-collection-card>small{font-size:11px;line-height:1.3}.official-nft-title{padding:20px 2px}.official-nft-title>span{font-size:11px}.official-nft-title h1{font-size:27px;line-height:1.15}.official-nft-title p{font-size:13px;line-height:1.55}.official-nft-actions{gap:10px}.official-action{min-height:56px;border-radius:18px;font-size:14px}.copy-nft-action{min-height:48px;font-size:13px}.nft-owner-tag{font-size:12px}.nft-activity-row{min-height:72px}.nft-activity-row strong{font-size:14px}.nft-activity-row span,.nft-activity-row>b{font-size:12px}.token-hero>span{font-size:11px}.token-hero h1{font-size:30px}.token-hero p{font-size:13px}.transaction-party{padding:16px}.transaction-party span{font-size:10px}.transaction-party strong{font-size:14px}.transaction-party small{font-size:12px}.transaction-status{font-size:11px}.standalone-action{padding-top:24px}.standalone-action>h1{font-size:28px;line-height:1.2}.standalone-action>p{font-size:14px;line-height:1.55}.available-balance{font-size:13px}.amount-field{height:70px;border-radius:18px}.amount-field span{font-size:11px}.amount-field input{font-size:25px}.amount-field b{font-size:14px}.cancel-action-link{font-size:14px}.market-preview-copy>small{font-size:11px}.market-preview-copy h2{font-size:29px;line-height:1.15}.market-preview-copy>p{font-size:14px}.market-preview-traits>div{min-height:62px}.market-preview-traits span,.market-preview-traits strong{font-size:13px}.mint-note{font-size:12px!important}.market-not-listed{font-size:13px}
@media(max-width:370px){.official-shell{padding-left:15px;padding-right:15px}.official-head{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}.wallet-identity h1{font-size:34px}.wallet-nft-grid,.wallet-collection-grid{gap:14px 9px}.activity-row{padding-left:12px;padding-right:12px}.activity-row>b{font-size:12px}.gift-product-copy{padding:13px}.gift-product h3{font-size:15px}.gift-product p{font-size:11px}.nav-item{font-size:10px}}
@media(prefers-reduced-motion:reduce){.app-shell,.bottom-nav{transition:none!important}.app-shell.screen-entering{opacity:1;transform:none;filter:none}::view-transition-old(app-page),::view-transition-new(app-page){animation-duration:.01ms!important}}
.market-filters{gap:9px}.market-filters label{min-height:57px;padding:10px 11px}.market-filters label span{font-size:10px}.market-filters select{font-size:12px}.market-filters>button{min-height:38px;font-size:12px}.marketplace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 11px}.market-nft-art{border-radius:20px}.market-nft-art>b,.sale-dot{font-size:9px}.market-nft-card>strong{font-size:13px;line-height:1.25}.market-nft-card>span,.market-nft-card>small{font-size:11px;line-height:1.3}.gift-profile-title span{font-size:11px}.gift-profile-title h2{font-size:27px;line-height:1.15}.gift-profile-title>strong{font-size:13px}.gift-description{font-size:14px}.gift-traits small,.gift-owner small{font-size:10px}.gift-traits strong{font-size:13px}.gift-owner strong{font-size:14px}.gift-owner span{font-size:12px}.authentic-mark{font-size:10px}