:root{--lime:#66f442;--gold:#f4d17c;--muted:#a8afa0;--line:#677640;--black:#060906;--texture:url('/assets/grunge-v4.webp')}*{box-sizing:border-box}body{margin:0;color:#f4f4e9;background:#0c0e0c;font-family:Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button:active{transform:translateY(1px)}.shell{width:min(470px,100%);min-height:100dvh;margin:auto;padding-bottom:95px;position:relative;background:linear-gradient(#03060333,#03050388),var(--texture) center top/100% auto repeat-y,#050605;box-shadow:0 0 60px #000}.screen{position:relative;animation:enter .2s ease}@keyframes enter{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}.hero{height:200px;position:relative;background-position:left top;background-size:cover;margin-bottom:-7px}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,#05080555)}.hero.home{height:214px}.top-actions{position:absolute;right:15px;top:15px;display:flex;gap:8px;z-index:2}.round{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;border:1px solid #77aa48;color:#e9ead8;background:#071007d9;font-weight:800}.round.crown{border-color:#b99b4d;border-radius:9px;color:var(--gold)}svg{width:24px;height:24px;flex:none}.round svg{width:22px}.content{padding:0 17px 15px}.card{background:linear-gradient(125deg,#11170cf0,#050805df),var(--texture) center/470px auto;border:1px solid #536237;border-radius:11px;box-shadow:inset 0 0 20px #0006,0 2px 8px #0006;margin-bottom:12px;overflow:hidden}.card.gold{border-color:#a48c48}.card-pad{padding:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:9px}.eyebrow{font:800 14px 'Barlow Condensed','Norra UI',Arial,sans-serif;letter-spacing:1.8px;color:var(--lime)}.display{font:900 40px/.95 'Barlow Condensed','Norra UI',Arial,sans-serif;letter-spacing:-.3px}.muted{color:var(--muted)}.tiny{font-size:12px;line-height:1.45;color:var(--muted)}.green{color:var(--lime)}.gold-text{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #afff85;background:linear-gradient(90deg,#76ed4a,#5af43b);color:#061006;padding:12px 15px;border-radius:6px;box-shadow:inset 0 1px #c5ff9380,0 2px 0 #26391c;font:900 16px 'Barlow Condensed','Norra UI',Arial,sans-serif;text-transform:uppercase;letter-spacing:.4px}.btn svg{width:20px;height:20px}.btn.secondary{background:#080e09db;color:#e7ead8;border:1px solid #57643e;box-shadow:inset 0 1px #8cbd4820}.btn.wide{width:100%}.btn.gold-btn{background:#f3d582;color:#10120a;border:0;clip-path:polygon(2% 8%,94% 0,99% 16%,97% 35%,100% 55%,96% 78%,98% 95%,6% 100%,0 78%,2% 57%,0 33%);border-radius:0}.section-head{display:flex;align-items:center;justify-content:space-between;margin:17px 0 8px;gap:8px}.section-title{font:900 22px 'Barlow Condensed','Norra UI',Arial,sans-serif;margin:0;text-transform:uppercase}.link{color:var(--lime);font:800 14px 'Barlow Condensed','Norra UI',Arial,sans-serif;background:none;border:0;padding:6px 0}.balance{min-height:151px;position:relative;padding:17px;background:linear-gradient(90deg,#061106ed 0%,#071007f0 45%,#06100630 70%),url('/assets/cash-flat-v10.webp') right center/auto 100% no-repeat,#060906;border-color:#a1b64a}.balance .display{font-size:49px;margin:9px 0 13px}.cashback-link{display:flex;align-items:center;gap:9px;background:#051006da;border:1px solid #576e3c;border-radius:8px;color:var(--lime);padding:8px 12px;min-width:165px;text-align:left}.cashback-link svg{width:27px;height:27px}.cashback-link strong{font:900 20px 'Barlow Condensed','Norra UI',Arial,sans-serif;display:block}.cashback-link small{font:800 12px 'Barlow Condensed','Norra UI',Arial,sans-serif;letter-spacing:1px}.cashback-link span:last-child{margin-left:auto;color:#eee;font-size:21px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.metrics.four{grid-template-columns:repeat(4,1fr)}.metric{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:97px;padding:11px 4px;background:linear-gradient(130deg,#141508ad,#080c08e8),var(--texture) center/360px auto;border:1px solid #aa9149;border-radius:10px;color:#eee;box-shadow:inset 0 0 12px #ceaa3320}.metric svg{color:var(--gold);width:31px;height:31px;stroke-width:2.4;filter:drop-shadow(0 1px 3px #d9b75544)}.metric b{font:900 20px 'Barlow Condensed','Norra UI',Arial,sans-serif;margin:5px 0 0}.metric small{font:700 12px 'Barlow Condensed','Norra UI',Arial,sans-serif;letter-spacing:.5px;margin-top:2px}.art-banner{display:block;width:100%;padding:0;border:1px solid #acb65a;border-radius:11px;background:#030703;overflow:hidden;box-shadow:0 0 13px #66b83a25;margin-bottom:13px}.art-banner img{display:block;width:100%;height:auto}.art-banner.drop{margin-top:6px}.activity{display:flex;align-items:center;gap:11px;padding:12px;border-bottom:1px solid #314028}.activity:last-child{border:0}.activity-icon{color:var(--gold);width:33px;flex:none}.activity-icon svg{width:29px;height:29px}.activity-main{flex:1;font-size:14px;line-height:1.3}.activity-main b{font-size:14px}.activity-right{text-align:right;font:800 16px 'Barlow Condensed','Norra UI',Arial,sans-serif}.tabs{display:flex;border:1px solid #647342;border-radius:9px;background:#090d08e8;padding:4px;gap:2px;margin-bottom:12px;overflow:auto}.tabs button{flex:1;border:0;background:none;color:#e4e7d8;font:800 14px 'Barlow Condensed','Norra UI',Arial,sans-serif;padding:8px 7px;border-radius:6px;white-space:nowrap;text-transform:uppercase}.tabs button.selected{background:var(--lime);color:#061005;box-shadow:0 0 9px #60ff3e44}.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.collection{padding:0;border:1px solid #92824b;border-radius:9px;background:#070b07;overflow:hidden}.collection img{display:block;width:100%;aspect-ratio:1/1.04;object-fit:cover}.item{display:flex;gap:11px;align-items:center;position:relative;padding:8px;border:1px solid #647043;background:#070c07eb;border-radius:10px;margin:8px 0}.thumb{width:66px;height:74px;object-fit:cover;border:1px solid #948346;border-radius:7px}.item-main{flex:1}.item-main b{display:block;font:900 18px 'Barlow Condensed','Norra UI',Arial,sans-serif}.item-main .tiny{margin:3px 0}.price{font:900 20px 'Barlow Condensed','Norra UI',Arial,sans-serif}.add{width:34px;height:34px;border:1px solid #a6ff73;border-radius:9px;background:var(--lime);color:#092008;font-size:24px;font-weight:800;box-shadow:0 0 10px #52ff3040;display:grid;place-items:center}.reward-cash{min-height:117px;padding:17px;background:linear-gradient(90deg,#091509ee 38%,#09150966),url('/assets/cash-flat-v10.webp') right center/auto 130% no-repeat,#050b05;border-color:#a2bb4b}.reward-cash .display{font-size:58px;color:var(--lime);margin-top:7px}.reward-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.reward-tile{border:1px solid #6b7d45;border-radius:9px;background:#061006e8;padding:14px;text-align:left;color:#f2f5e3;min-height:86px;display:flex;gap:10px;align-items:center}.reward-tile svg{width:35px;height:35px;color:var(--gold);stroke-width:2.2}.reward-tile strong{font:800 18px 'Barlow Condensed','Norra UI',Arial,sans-serif;display:block}.reward-tile small{font-size:12px;color:#acb3a2}.invite{padding:17px;background:linear-gradient(110deg,#0b1b08de,#081008e0),var(--texture) center/cover}.invite .section-title{color:var(--gold);font-size:26px}.invite p{font-size:14px;color:#c2cab8;line-height:1.4}.online{border-color:#47893c;padding:12px 15px;display:flex;align-items:center;gap:9px;background:#071507e0}.online-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #64fd3d}.online b{font-size:14px;color:var(--lime)}.chat-card{border:1px solid #506a39;background:#030803b8;border-radius:12px;padding:12px;margin-bottom:12px;min-height:300px;display:flex;flex-direction:column}.chat{display:flex;flex-direction:column;gap:12px;flex:1;max-height:410px;overflow:auto;padding:3px 0}.chat-label{font-size:12px;color:#a1a895;margin:0 0 4px 1px}.bubble{border:1px solid #435342;background:#1b231be8;color:#e5e9de;border-radius:4px 13px 13px 13px;padding:12px;max-width:84%;font-size:14px;line-height:1.4}.chat-entry.mine{align-self:flex-end;max-width:87%}.mine .bubble{max-width:100%;border-radius:13px 4px 13px 13px;background:#092a0aea;border-color:#51bd35}.bubble time{display:block;text-align:right;margin-top:5px;color:#8aaa7b;font-size:11px}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:13px}.quick-action{display:flex;align-items:center;gap:8px;background:#071007dd;color:#e0e6d8;border:1px solid #526e3b;border-radius:8px;padding:11px 9px;text-align:left;font-size:12px}.quick-action svg{width:21px;height:21px;color:var(--lime)}.compose{display:flex;align-items:center;gap:8px;border:1px solid #71ab4c;background:#071008ef;border-radius:11px;padding:7px;box-shadow:0 0 12px #54c23417}.compose input{flex:1;min-width:0;border:0;background:none;outline:none;padding:10px 3px;color:#f4f5e8;font-size:14px}.compose input::placeholder{color:#a5ad9d}.attach{color:#b2bdab;background:none;border:0;display:grid;place-items:center;width:30px;padding:0}.send{background:var(--lime);color:#0c1b08;border:0;width:40px;height:40px;display:grid;place-items:center;border-radius:9px;box-shadow:0 0 10px #5cfb3645}.profile-card{display:flex;gap:14px;align-items:center;padding:15px;border-color:#a09a42;background:linear-gradient(100deg,#061006bf,#061006e8),var(--texture) center/cover}.avatar{width:70px;height:70px;object-fit:cover;border:2px solid #69be43;border-radius:50%}.profile-card .display{font-size:30px}.pill{color:#141908;background:#f2d47c;padding:5px 10px;border-radius:5px;font:900 13px 'Barlow Condensed','Norra UI',Arial,sans-serif;display:inline-flex;align-items:center;gap:5px;margin-top:8px}.pill svg{width:15px;height:15px}.menu-row{width:100%;background:none;border:0;color:#e8ebdf;display:flex;align-items:center;gap:12px;padding:15px 13px;border-bottom:1px solid #2f3b25;font-size:14px;text-align:left}.menu-row:last-child{border:0}.menu-row svg{width:24px;height:24px;color:var(--gold)}.menu-row span{flex:1}.menu-row .chevron{font-size:23px;color:#b6c1a6}.nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(470px,100%);display:grid;grid-template-columns:repeat(5,1fr);height:76px;padding-bottom:env(safe-area-inset-bottom);background:#030503f5;border-top:1px solid #576e34;backdrop-filter:blur(12px)}.nav button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:none;border:0;color:#9fa797;font-size:12px}.nav svg{width:24px;height:24px;stroke-width:1.7}.nav button.active{color:var(--lime)}.nav button.active svg{filter:drop-shadow(0 0 7px #60ff40)}.nav-dot{position:absolute;top:11px;left:calc(50% + 9px);background:#fc2744;width:7px;height:7px;border-radius:50%}.page-top{display:flex;align-items:center;justify-content:space-between;padding:14px 17px 6px}.page-top .tiny{letter-spacing:1px}.product-content{padding:10px 17px}.product-main{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-items:center}.product-art{width:100%;aspect-ratio:1/1.35;object-fit:contain;filter:drop-shadow(0 0 14px #5beb2733)}.product-info h1{font:900 34px/.93 'Barlow Condensed','Norra UI',Arial,sans-serif;margin:0 0 8px;text-transform:uppercase}.product-info h1 span{color:var(--lime);display:block}.product-info .price{font-size:36px;display:block;margin:12px 0}.rating{color:var(--lime);font-size:13px;margin:10px 0}.quality-line{font-size:12px;margin:7px 0;color:#c2ceb6;display:flex;gap:5px;align-items:center}.quality-line span{color:var(--lime);font-weight:800}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.gallery button{padding:0;border:1px solid #857744;border-radius:8px;background:#090d08;overflow:hidden}.gallery button.selected{border:2px solid var(--lime);box-shadow:0 0 12px #70e52c33}.gallery img{width:100%;height:75px;object-fit:cover;display:block}.variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 12px}.variant{border:1px solid #53613c;border-radius:8px;padding:11px 4px;background:#070d07e6;color:#e5e8dc;font-size:14px;line-height:1.5}.variant b{display:block;font:800 19px 'Barlow Condensed','Norra UI',Arial,sans-serif}.variant.selected{border:2px solid var(--lime);color:var(--lime);background:#051806}.detail-copy{font-size:14px;color:#c1cab5;line-height:1.55}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0}.trust div{background:#070d07db;border:1px solid #52633a;border-radius:9px;padding:10px 5px;text-align:center;color:#d1d7c7;font-size:12px}.trust svg{color:var(--gold);width:27px;height:27px;margin-bottom:5px}.trust span{display:block}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.admin-stat{padding:10px 6px;border:1px solid #8d7d3d;border-radius:9px;background:linear-gradient(#10180be0,#050805d9),var(--texture) center/300px auto}.admin-stat svg{width:24px;height:24px;color:var(--gold)}.admin-stat b{display:block;font:900 23px 'Barlow Condensed','Norra UI',Arial,sans-serif;margin-top:6px}.admin-stat small{display:block;font:600 12px 'Barlow Condensed','Norra UI',Arial,sans-serif;color:#bec4b3}.admin-stat em{font-style:normal;font:700 11px 'Barlow Condensed','Norra UI',Arial,sans-serif;color:var(--lime);display:block;margin-top:6px}.chart-title{font:900 26px 'Barlow Condensed','Norra UI',Arial,sans-serif;margin-top:5px}.chart-svg{width:100%;height:auto}.admin-panels{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-panels .card{padding:10px}.admin-panels .section-title{font-size:17px;color:var(--gold)}.mini-row{display:flex;align-items:center;gap:6px;margin:11px 0;font-size:11px}.mini-row img{width:31px;height:31px;border:1px solid #8a7a43;border-radius:50%;object-fit:cover}.mini-row span{flex:1}.mini-row b{font:800 13px 'Barlow Condensed','Norra UI',Arial,sans-serif}.mini-row small{font-size:10px;color:#a9b39d}.admin-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.admin-actions button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #5d743e;background:#0b150bdc;border-radius:7px;color:#d0dfc2;padding:10px 4px;font:700 13px 'Barlow Condensed','Norra UI',Arial,sans-serif}.admin-actions svg{width:20px;color:var(--lime)}.status-row{display:flex;justify-content:space-between;font-size:11px;color:#bec9af;margin:10px 0}.status-row b{color:var(--lime);font-size:10px}.modal-back{position:fixed;z-index:20;inset:0;background:#000b;display:none;justify-content:center;align-items:flex-end}.modal-back.open{display:flex}.modal{width:min(470px,100%);max-height:85dvh;overflow:auto;padding:20px 18px 35px;background:linear-gradient(#071007ed,#050805f5),var(--texture) center/cover;border:1px solid #829949;border-radius:16px 16px 0 0;box-shadow:0 0 25px #54a92b22}.modal h2{font:900 29px 'Barlow Condensed','Norra UI',Arial,sans-serif;margin:0 0 12px;color:var(--gold);text-transform:uppercase}.modal p{font-size:14px;line-height:1.55;color:#cbd4bf}.close{float:right;color:#d9e1cf;background:none;border:0;font-size:26px}.intro{position:fixed;z-index:30;inset:0;display:none;align-items:center;justify-content:center;background:#030603}.intro.open{display:flex}.intro-inner{width:min(470px,100%);min-height:100dvh;padding:25px 27px;text-align:center;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(#04060466,#040604aa),var(--texture) center/cover}.intro-logo{height:240px;margin:-20px -27px 10px;background:url('/assets/home-hero.webp?v=4') center/cover;mask-image:linear-gradient(#000 70%,transparent);-webkit-mask-image:linear-gradient(#000 70%,transparent)}.intro-welcome{font:700 18px 'Barlow Condensed','Norra UI',Arial,sans-serif;letter-spacing:1px;color:#e2e7d4;margin-bottom:25px}.intro .card{text-align:left;margin-bottom:20px}.intro input,.intro select{width:100%;margin-top:12px;background:#060d06ed;border:1px solid #6f8448;border-radius:7px;padding:13px;color:#e9eddf;font-size:14px}.intro select{font-weight:800;text-align:center;color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.preview-note{padding:8px 0;text-align:center;color:#8c9681;font-size:11px}@media(max-width:360px){.content,.product-content{padding-left:12px;padding-right:12px}.hero{height:170px}.hero.home{height:187px}.metrics.four .metric{min-height:86px}.metric small{font-size:11px}.product-info h1{font-size:29px}.product-info .price{font-size:29px}.admin-stat b{font-size:20px}.tabs button{font-size:12px;padding:8px 5px}}@media(prefers-reduced-motion:reduce){.screen{animation:none}}
.art-banner img,.collection img,.thumb{filter:saturate(1.15) contrast(1.04)}.metric svg{fill:#f4d17c12}.reward-tile svg{filter:drop-shadow(0 0 5px #d0af4a30)}
/* Keep the artwork behind the interface soft; foreground imagery stays sharp. */
.shell{background:#050705;isolation:isolate;overflow:hidden}
.shell::before,.intro-inner::before{content:'';position:absolute;inset:-6px;z-index:-1;pointer-events:none;background:linear-gradient(#03060333,#03050388),var(--texture) center top/100% auto repeat-y;filter:blur(2.2px) saturate(.72) brightness(.65)}
.intro-inner{position:relative;isolation:isolate;overflow:hidden;background:#050705}
/* Reference-matched softer greens and complete, naturally sized header art. */
:root{--lime:#91de70}
.hero,.hero.home{height:auto;min-height:0;background:none;margin-bottom:12px}
.hero-art{display:block;width:100%;height:auto;filter:saturate(.8) contrast(.94) brightness(.95)}
.hero:after{display:none}
.art-banner img,.collection img,.thumb,.product-art,.gallery img,.avatar{filter:saturate(.82) contrast(.94) brightness(.96)}
.product-art{filter:saturate(.82) contrast(.94) brightness(.96) drop-shadow(0 0 10px #79a75520)}
.btn{background:linear-gradient(90deg,#9ade7b,#85d365);border-color:#b3e894;box-shadow:inset 0 1px #dcf6cb60,0 2px 0 #273b20}
.btn.secondary{background:#080e09db;border-color:#57643e;box-shadow:inset 0 1px #8cbd4815}
.btn.gold-btn{background:#f3d582;border:0}
.tabs button.selected,.add,.send{background:#91de70;box-shadow:0 0 7px #86bd5a25}
.add{border-color:#b3df92}
.nav button.active svg{filter:drop-shadow(0 0 4px #87c75f60)}
.online-dot{box-shadow:0 0 6px #86c96040}
.shell::before,.intro-inner::before{filter:blur(2.2px) saturate(.62) brightness(.6)}
.intro-logo{background-size:contain;background-repeat:no-repeat}
.variant.selected{background:#0b1909;border-color:var(--lime)}
.balance,.reward-cash{position:relative;isolation:isolate;background:#061006}
.balance::before,.reward-cash::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#061106ed 0%,#071007f0 45%,#06100630 70%),url('/assets/cash-flat-v10.webp') right center/auto 100% no-repeat;filter:saturate(.8) contrast(.94)}
/* Store: deep black surfaces, restrained frames and reference-like controls. */
.screen.store{background:#02040255}
.screen.store .hero{margin-bottom:7px}
.screen.store .tabs{background:#050905f5;border-color:#465834;border-radius:12px;padding:4px}
.screen.store .tabs button{font-size:16px;padding:9px 5px}
.screen.store .tabs button.selected{background:#88d967;box-shadow:none;border-radius:9px}
.screen.store .art-banner{border-color:#78874b;box-shadow:none}
.screen.store .collection{border-color:#8d7c42}
.screen.store .item{background:#050905f5;border-color:#425634;box-shadow:none}
.screen.store .add{box-shadow:none;background:#88d967;border-color:#a3e381;width:39px;height:39px;border-radius:11px}
.screen.store .section-title{font-size:25px;letter-spacing:-.2px;color:#f0f0e6}
.screen.store .link{color:#88d967}
.screen.store .hero-art{filter:saturate(.76) contrast(.97) brightness(.89)}
.screen.store .art-banner img,.screen.store .collection img,.screen.store .thumb{filter:saturate(.82) contrast(.96) brightness(.9)}
/* Filled gold badges, balanced spacing and quiet reference-like metric cards. */
.metric{min-height:100px;border-color:#9c8545;box-shadow:inset 0 0 13px #7c612016;background:linear-gradient(130deg,#0a0e07e0,#050805f5),var(--texture) center/360px auto}
.metric svg{width:34px;height:34px;fill:none;filter:none;color:#f2d68a;stroke-width:1.8}
.metric b{font:700 16px Inter,Arial,sans-serif;margin-top:8px;line-height:1.25}
.metric small{font:600 12px Inter,Arial,sans-serif;letter-spacing:.15px;line-height:1.3;margin-top:3px}
.metrics.four .metric small{font-size:10px}
/* Support: message-led chat and a compact action group. */
.screen.support{background:#02040255}
.hero.support{overflow:hidden}
.hero.support .hero-art{clip-path:inset(0 0 8% 0);margin-bottom:-16px}
.screen.support .online{background:#050b05ed;border-color:#3e6333;padding:12px 15px}
.screen.support .online-dot{width:13px;height:13px;margin:0 6px;outline:1px solid #658b42;outline-offset:6px}
.screen.support .chat-card{border:0;background:none;border-radius:0;padding:4px 0;min-height:260px}
.chat-entry.team{display:flex;gap:9px;align-items:center;max-width:88%}
.support-avatar{display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid #ad9045;border-radius:50%;color:#eed389;background:#060a06}
.support-avatar svg{width:27px;height:27px}
.support-message{flex:1;min-width:0}
.support-message .bubble{max-width:100%;background:#222321ec;border-color:#4b4c41;border-radius:9px 9px 9px 3px}
.chat-label{color:#b2b5a5;font-size:12px;margin-bottom:5px}
.mine .bubble{background:#092307ea;border-color:#83bc57;box-shadow:inset 0 0 10px #88ba3820}
.support-actions{border-color:#8b7c41;background:#050a05ee;padding:12px}
.support-actions .section-head{margin:0 0 9px}
.support-actions .section-title{font-size:20px;color:#ecd18a}
.support-actions .quick-actions{margin:0;gap:7px}
.support-actions .quick-action{font-size:12px;padding:10px 7px;gap:6px;color:#e2e4d8;background:#070b06;border-color:#526339}
.support-actions .quick-action svg{width:24px;height:24px;color:#eed389}
.support-actions .quick-action span{flex:1}
.support-actions .quick-action i{font-style:normal;font-size:19px;color:#adb99e}
.screen.support .compose{border-color:#817548;background:#050805f5;padding:7px;box-shadow:none;gap:7px}
.screen.support .compose input{height:43px;border:1px solid #505442;border-radius:8px;padding:10px;background:#080c08;color:#e8eadf}
.screen.support .send{width:44px;height:44px;border-radius:10px;box-shadow:none}
.profile-wallet{padding:18px;background:#050b05f2;border-color:#6c8d44}
.profile-wallet .eyebrow{font:700 12px Inter,Arial,sans-serif;letter-spacing:1.2px;color:#bdc8ae}
.profile-balance{display:block;background:none;border:0;padding:7px 0 16px;color:#ffffff;font:800 43px Inter,Arial,sans-serif;letter-spacing:-1.5px;text-align:left}
.profile-secondary{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3b4d2c;padding-top:13px}
.profile-secondary button{border:0;border-right:1px solid #344027;background:none;color:#c9d1be;padding:0 3px;text-align:center}
.profile-secondary button:last-child{border:0}
.profile-secondary b{display:block;font:700 18px Inter,Arial,sans-serif;color:#dbe5cf;margin-bottom:5px}
.profile-secondary span{font-size:12px;color:#aab69c}
.screen.profile{background:#02040244}
.admin-stat{background:#050b05ed;border-color:#948044;box-shadow:none;padding:11px 7px}
.admin-stat svg{width:26px;height:26px;color:#f2d68a}
.admin-stat b{font:700 19px Inter,Arial,sans-serif;letter-spacing:-.6px;margin:8px 0 4px}
.admin-stat small{font:400 11px Inter,Arial,sans-serif;line-height:1.4}
.admin-stat em{font:700 11px Inter,Arial,sans-serif;margin-top:10px}
.screen.admin{background:#02040255}
.chart-ranges{display:flex;gap:3px}
.chart-ranges button{border:1px solid #405332;color:#b8c3ab;background:#050b05;padding:6px 7px;border-radius:5px;font-size:10px}
.chart-ranges button.selected{background:var(--lime);color:#081005;border-color:var(--lime)}
.admin-panels .section-title{display:flex;align-items:center;gap:5px;font:700 13px Inter,Arial,sans-serif;color:#ecebdc}
.admin-panels .section-title svg{width:21px;height:21px;color:#edd185}
.admin-panels .card{background:#050b05ef;border-color:#927d40}
.top-products{counter-reset:product-rank}
.top-products .mini-row:before{counter-increment:product-rank;content:counter(product-rank);display:grid;place-items:center;flex:none;width:16px;height:19px;border:1px solid #69793e;border-radius:5px;color:#d3bc72;font-size:10px}
.top-products .mini-row{gap:5px}
.top-products .mini-row img{width:28px;height:35px;border-radius:5px}
.mini-row b{font:600 11px Inter,Arial,sans-serif}
.mini-row small{font:400 9px Inter,Arial,sans-serif}
.role-pill{flex:none!important;display:inline-block;font:600 10px Inter,Arial,sans-serif;color:#dccb90;border:1px solid #74663d;background:#111408;padding:5px 6px;border-radius:5px}
.permission-row{padding:12px 0;border-bottom:1px solid #344128;font-size:13px;line-height:1.6}
.permission-row b{display:block;color:#ecd493}
.permission-row span{display:block;color:#bdc6b0}
#role-select{display:block;width:100%;margin:12px 0;background:#070d07;border:1px solid #7c914c;border-radius:7px;color:#e4eadb;padding:12px;font-size:14px}
/* Transparent brand artwork shares the actual page background. */
.hero.brand-header,.hero.home.brand-header{height:224px;display:flex;align-items:center;justify-content:center;padding:23px 18px 5px;margin-bottom:8px}
.hero.brand-header .hero-art{width:100%;height:100%;object-fit:contain;filter:saturate(.86) brightness(.94)}
.hero:not(.brand-header) .hero-art{mask-image:linear-gradient(to bottom,#000 calc(100% - 12px),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 12px),transparent)}
.intro-logo{background-image:url('/assets/home-wordmark-v8.webp');mask-image:none;-webkit-mask-image:none}
.profile-secondary{border:0;padding-top:0;gap:9px;margin-top:4px}
.profile-secondary button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;gap:4px;padding:10px 5px;border:1px solid #978347!important;border-radius:10px;background:#050b05e8}
.profile-secondary svg{width:31px;height:31px;color:#f1d58b;margin-bottom:4px}
.profile-secondary b{font-size:17px;margin:0;color:#e9eadf}
.profile-secondary span{font-size:11px;color:#c7cebc}
@media(max-width:360px){.hero.brand-header,.hero.home.brand-header{height:194px;padding:20px 12px 4px}}
/* Let the shared grunge surface show through the statistic and wallet panels. */
.metric{background:#03080388;box-shadow:inset 0 0 12px #0002}
.profile-wallet{background:#03080388;box-shadow:inset 0 0 14px #0002}
.profile-secondary button{background:#03080370}
.wallet-value-row{display:flex;align-items:center;gap:15px}
.wallet-add{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:50%;border:1px solid #97cd72;background:#10250dc9;color:#b0e88c;font:400 28px/1 Inter,Arial,sans-serif;box-shadow:0 0 8px #90c95e15;padding:0;margin-top:-2px}
.profile-wallet .wallet-add{margin-top:-8px}
.balance .wallet-value-row{position:relative;z-index:1}

/* Shared transparent headers and restrained wallet actions. */
.hero.support.brand-header .hero-art{clip-path:none;margin-bottom:0}
.hero.brand-header:after{display:none}
.wallet-add{display:flex;align-items:center;justify-content:center;gap:5px;width:auto;height:32px;padding:0 9px;border-radius:6px;border:1px solid #8e8357;background:#10160dc9;color:#ded5ac;box-shadow:none;margin-top:0;font:700 11px/1 Inter,Arial,sans-serif;white-space:nowrap}
.wallet-add span{font:400 18px/1 Inter,Arial,sans-serif}.wallet-add b{font:inherit;letter-spacing:.5px}
.profile-wallet .wallet-add{margin-top:0}.wallet-value-row{gap:12px;flex-wrap:wrap}
.balance,.reward-cash{background-color:#03080390}
.member-banner{display:flex;position:relative;width:100%;min-height:190px;padding:18px 16px;margin:12px 0;border:1px solid #837849;border-radius:11px;background:#050a057a;color:#ece7cf;text-align:left;overflow:hidden}
.member-copy{position:relative;z-index:1;width:60%}.member-copy h2{font:900 italic 28px/1 'Barlow Condensed','Norra UI',Arial,sans-serif;color:#e5cf8c;margin:0 0 15px}.member-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:12px}.member-copy li:before{content:'✓';color:#94c878;margin-right:7px}
.member-banner img{position:absolute;right:-5px;bottom:0;width:45%;height:96%;object-fit:contain;object-position:right bottom;pointer-events:none}
.art-banner.drop{min-height:170px;aspect-ratio:768/438;background:#080b07}.art-banner.drop img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:360px){.member-copy h2{font-size:24px}.member-copy ul{font-size:11px}.wallet-add{padding:0 7px;font-size:10px}}

.member-banner img{filter:saturate(.62) brightness(.88)}

/* Live control over the back arrow embedded in the admin artwork. */
.admin-back{position:absolute;z-index:3;left:3.3%;top:4.2%;width:11%;aspect-ratio:1;border:0;border-radius:50%;background:transparent;min-width:36px;min-height:36px;padding:0;touch-action:manipulation}
.admin-back:hover{background:#d9c48112}.admin-back:focus-visible{outline:2px solid #dcc786;outline-offset:2px}

/* Painted gold/olive outlines and a detailed street-art wall. */
:root{--texture:url('/assets/graffiti-wall-v13.webp')}
.shell::before,.intro-inner::before{background:linear-gradient(#02040214,#0204023d),var(--texture) center top/100% auto repeat-y;filter:blur(.55px) saturate(.72) brightness(.82)}
.card,.metric,.member-banner,.art-banner,.admin-stat,.collection,.item,.reward-tile{position:relative;border-color:#8a985a;border-radius:12px}
.card::after,.metric::after,.member-banner::after,.art-banner::after,.admin-stat::after,.collection::after,.item::after,.reward-tile::after{content:'';position:absolute;inset:0;z-index:2;background:url('/assets/paint-frame-v12.svg') center/100% 100% no-repeat;pointer-events:none;border-radius:inherit;opacity:.88}
.card{background:linear-gradient(115deg,#040904c7,#030703b0);box-shadow:inset 0 0 22px #0004,0 2px 9px #0005}
.balance,.reward-cash{background:#03080385}.metric,.profile-secondary button{background:#030803a0}
.profile-secondary button{border-color:#a79760!important}.profile-wallet{background:#03080398}
.profile-card{background:linear-gradient(100deg,#0409049c,#030703bb),var(--texture) left top/470px auto}
.menu-row{border-bottom-color:#70814b42}.menu-row>svg{color:#e6cf8a}.menu-row .chevron{color:#c3ce9c}
.member-banner{background:linear-gradient(95deg,#030803bb,#03080345),var(--texture) center/470px auto}
.member-banner img{filter:saturate(.7) brightness(.98)}
.round{border-color:#91b968;background:#061006cb;box-shadow:inset 0 0 8px #c9cf6d0d}.round.crown{border-color:#c2ab62;color:#ead591}
.nav{border-top-color:#8f9455;background:#030603e8}
/* Local admin page editor and fictional member registry. */
.editor-note{font-size:13px;line-height:1.5;color:#bec5b1}.editor-slots{display:grid;gap:8px}.editor-slot{display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:center}.slot-thumb,.slot-empty{width:100px;height:100px;object-fit:cover;border-radius:7px;background:#080d08;border:1px solid #617043}.slot-empty{display:grid;place-content:center;font-size:12px;text-align:center;color:#a8b296}.editor-slot h3{font:800 20px 'Barlow Condensed','Norra UI',Arial,sans-serif;margin:0 0 6px;color:#e4cf8c}.editor-slot p{font-size:12px;line-height:1.4;margin:0 0 10px;color:#b2bda4}.editor-slot .btn{font-size:14px;padding:9px 12px}.editor-image-preview{display:grid;place-items:center;min-height:160px;background:#030603;border:1px solid #667747;border-radius:8px;overflow:hidden}.editor-image-preview img{display:block;max-width:100%;max-height:260px;object-fit:contain}.editor-image-preview img[hidden],.editor-image-preview span[hidden]{display:none}.editor-file{display:block;padding:14px 0;font:800 17px 'Barlow Condensed','Norra UI',Arial,sans-serif;color:#e2ce90}.editor-file input{display:block;width:100%;font:13px Inter;margin-top:9px;color:#bec9af}.editor-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn:disabled{opacity:.4;cursor:default}.editor-toggle{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}.editor-toggle b,.editor-toggle small{display:block}.editor-toggle small{font-size:13px;color:#bdc7af;margin-top:5px}.editor-toggle input{width:25px;height:25px;accent-color:#9dcb78}.registry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.registry-tile{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;background:#050b0599;border:1px solid #9c9458;border-radius:9px;padding:14px;color:#eee9d7;min-width:0}.registry-avatar svg{color:#ecd48b;width:31px;height:31px}.registry-tile strong{font-size:14px;overflow-wrap:anywhere}.registry-tile small{color:#a8b799}.registry-tile>b{font-size:21px;color:#b9d693}.registry-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.registry-stats div{padding:12px 6px;border:1px solid #747e45;border-radius:7px;text-align:center}.registry-stats small{display:block;font-size:12px;color:#bfcaaf}.registry-stats b{display:block;font-size:20px;margin-top:7px;color:#d8dda7}.registry-form label{display:block;margin:12px 0;font-size:14px;color:#d0d8be}.registry-form input,.registry-form select{display:block;width:100%;padding:12px;margin-top:7px;background:#060c06;border:1px solid #7c8b4f;border-radius:7px;color:#eee8d4;min-width:0}.product-photo-pair{grid-template-columns:repeat(2,1fr)}.product-photo-pair button{height:auto;padding-bottom:8px}.product-photo-pair img{width:100%;height:90px;object-fit:contain}.product-photo-pair span,.photo-empty span{font:800 14px 'Barlow Condensed','Norra UI',Arial,sans-serif;color:#dbc887}.photo-empty{display:grid;place-content:center;gap:7px;text-align:center;background:#050a05;border:1px dashed #6d7b47;border-radius:7px;padding:12px}.photo-empty small{font-size:12px;color:#a5b194}
@media(prefers-reduced-motion:no-preference){.btn:not(:disabled){transition:filter .15s,transform .1s}.btn:not(:disabled):active{filter:brightness(1.12);transform:translateY(1px)}}
.availability-tag{display:block;width:fit-content;margin:5px 0;padding:4px 7px;border:1px solid #768b4f;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.4px;color:#b5d58e}.availability-tag.soon{color:#e1cc8b;border-color:#948554}.availability-tag.sold{color:#b4b7ac;border-color:#62695b}.availability-editor{display:block;margin:16px 0;font-size:14px;color:#e0d2a0}.availability-editor select{display:block;width:100%;margin-top:8px;padding:11px;background:#071007;border:1px solid #728249;border-radius:7px;color:#e1e6d1}

.member-open{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #62704644;color:inherit;cursor:pointer}
.member-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #afad68;border-radius:50%;background:radial-gradient(circle at 35% 25%,#3c4929,#0b140b 80%);color:#e5d8a1;font-weight:800;font-size:17px;overflow:hidden;flex:none}.member-avatar.large{width:64px;height:64px;font-size:22px}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-avatar [hidden]{display:none}.member-record-header{display:flex;align-items:center;gap:14px}.member-record-header h2{font-size:25px;overflow-wrap:anywhere}.member-record-header .editor-note{margin:7px 0}.member-record-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.member-record-actions .btn{font-size:14px}.member-status{display:inline-block;width:fit-content;font-size:11px;letter-spacing:.5px;color:#b5cf94;border:1px solid #6f8650;padding:4px 6px;border-radius:4px}.member-status.blocked{color:#d5b08a;border-color:#967657}.registry-tile.blocked{border-color:#967657;background:#18130e99}.blacklist-action{border-color:#a18a5d!important;color:#dac09a!important}.registry-search-label{display:block;font-size:14px;margin:16px 0 7px;color:#d4d8bc}.registry-search{display:block;width:100%;padding:13px;border-radius:7px;border:1px solid #7e8a4b;background:#050b05;color:#f0ecd7;font-size:16px}.registry-filters{display:flex;gap:8px;margin-top:12px}.registry-filters button{flex:1;padding:9px 6px;border:1px solid #647445;background:#081007;color:#c5cbb5;border-radius:6px;font-size:14px}.registry-filters button.selected{background:#a0ca79;color:#0b1208;border-color:#a0ca79}.registry-empty{grid-column:1/-1;font-size:14px;line-height:1.5;color:#bec8af;padding:20px 0}.asset-unavailable{visibility:hidden}.asset-retry{position:absolute;inset:5px;z-index:3;border:1px dashed #8b945e;border-radius:7px;background:#071007ef;color:#d2d6ba;padding:10px;font-size:12px}.editor-slot .asset-retry{width:100px;right:auto}.hero .asset-retry{inset:40px 80px 15px 15px}
.crop-preview{position:relative;background:repeating-conic-gradient(#152015 0% 25%,#0a100a 0% 50%) 50%/16px 16px;border:1px solid #7c8a4d;border-radius:8px;overflow:hidden;min-height:120px}.crop-preview canvas{display:block;width:100%;height:auto;max-height:320px;object-fit:contain}.crop-preview>span{position:absolute;inset:0;display:grid;place-items:center;color:#b6c2a4;font-size:14px}.crop-preview>span[hidden]{display:none}.crop-controls label{display:block;margin:12px 0;color:#d6dbc5;font-size:14px}.crop-controls input{display:block;width:100%;margin-top:8px;accent-color:#99c378}.crop-controls select{display:block;width:100%;margin-top:8px;padding:10px;background:#070d07;color:#e1e6d2;border:1px solid #75844b;border-radius:6px}.save-error{color:#e2b09b!important}.description-label{display:block;margin:15px 0 8px;font-size:14px;color:#d9d4b2}#description-text{display:block;width:100%;resize:vertical;background:#050b05;color:#e7e9d8;border:1px solid #7a8b4c;border-radius:8px;padding:12px;font-size:16px;line-height:1.5}.draft-list{display:flex;flex-direction:column;align-items:flex-start;margin-top:12px}.draft-list .link{text-align:left;font-size:15px}.member-identifiers{margin:15px 0;display:grid;gap:8px}.member-identifiers>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #5f714138}.member-identifiers dt{color:#aab99a;font-size:13px}.member-identifiers dd{margin:0;color:#e0e4cf;font-size:14px;overflow-wrap:anywhere;text-align:right}.detail-copy{overflow-wrap:anywhere}
.menu-row{width:100%;min-width:0}.menu-row>span:not(.chevron){flex:1;min-width:0;overflow-wrap:anywhere}.menu-row .chevron{flex:0 0 auto;margin-left:auto;text-align:right}.menu-row .role-pill{flex:none}
.editor-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 22px}.editor-picker button{text-align:left;color:#e8e5d0;min-width:0;margin:0;background:#061006a8}.editor-picker b{display:block;font:900 23px 'Barlow Condensed','Norra UI',Arial,sans-serif;color:#e1cf94;overflow-wrap:anywhere}.editor-picker span{display:block;margin-top:9px;font-size:13px;line-height:1.4;color:#b6c4a7}.unified-form label{display:block;margin:14px 0;font-size:14px;color:#d5ddbf}.unified-form input,.unified-form select,.unified-form textarea{display:block;width:100%;min-width:0;margin-top:7px;padding:12px;border:1px solid #7c8b4c;border-radius:7px;background:#050b05;color:#e8ecd9;font-size:16px;line-height:1.45}.unified-form textarea{resize:vertical}.unified-image{display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center}.unified-image img{width:100px;height:110px;object-fit:contain;border:1px solid #677745;border-radius:7px;background:#071007}.unified-image h3{margin:0;font:800 21px 'Barlow Condensed','Norra UI',Arial,sans-serif;color:#e2cf8d}.unified-image .btn{font-size:14px}.unified-form .editor-buttons .btn{font-size:14px}

.editor-load-error{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);padding:12px;background:#17190d;color:#e6d9ad;z-index:30;border:1px solid #a59656;border-radius:8px;font-size:14px}
#crop-canvas{touch-action:none;cursor:grab}#crop-canvas:active{cursor:grabbing}.crop-controls label:nth-child(3),.crop-controls label:nth-child(4){display:none}.availability-tag.sold{color:#edb1a5;background:#3f171799;border-color:#b7776b}

.editor-picker-photo{display:block;width:100%;height:110px;object-fit:contain;margin-bottom:10px;border-radius:6px;background:#040804}.editor-open-label{color:#aeca8f!important;font-weight:700}

/* Compact member list; the full record opens on row activation. */
.registry-grid{grid-template-columns:minmax(0,1fr);gap:7px}
.registry-tile{display:grid;grid-template-columns:38px minmax(0,1fr) auto 10px;align-items:center;gap:10px;padding:11px 12px;border-color:#686c48;background:#080c08b3}
.registry-tile .member-avatar{width:38px;height:38px;font-size:13px}
.registry-row-identity,.registry-row-summary{display:flex;flex-direction:column;min-width:0;gap:5px}
.registry-row-identity strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.registry-row-identity small{font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.registry-row-summary{align-items:flex-end}
.registry-row-summary b{font-size:16px;color:#d6d6ad;white-space:nowrap}
.registry-row-summary .member-status{font-size:9px;padding:2px 4px}
.registry-row-chevron{font-size:24px;color:#bdb98a}
.registry-tile:focus-visible{outline:2px solid #c8bf85;outline-offset:3px}
@media(hover:hover){.registry-tile:hover{background:#192018bd;border-color:#aaa276}}
@media(max-width:360px){.registry-tile{gap:7px;padding:10px 8px;grid-template-columns:32px minmax(0,1fr) auto 8px}.registry-tile .member-avatar{width:32px;height:32px}.registry-row-identity strong{font-size:12px}.registry-row-summary b{font-size:14px}}

.admin-stat{font:inherit;text-align:left;color:inherit;cursor:pointer}.admin-stat:focus-visible,.compact-record:focus-visible{outline:2px solid #c8bf85;outline-offset:3px}.list-more{margin-top:12px;grid-column:1/-1}.compact-records{display:grid;gap:7px}.compact-record{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 10px;align-items:center;gap:10px;padding:12px 10px;border:1px solid #686c48;border-radius:8px;background:#080c08b3;color:#e3dfc6;text-align:left}.compact-record strong,.compact-record small{display:block}.compact-record strong{font-size:13px;overflow-wrap:anywhere}.compact-record small{font-size:11px;color:#b9bca7;margin-top:5px}.record-summary{text-align:right}.record-summary b{font-size:15px;white-space:nowrap}
/* Mobile viewport and safe areas, with ordinary browser fallbacks. */
:root{--ui-top:calc(max(env(safe-area-inset-top,0px),var(--tg-safe-area-inset-top,0px)) + var(--tg-content-safe-area-inset-top,0px));--ui-bottom:calc(max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px)) + var(--tg-content-safe-area-inset-bottom,0px));--ui-left:calc(max(env(safe-area-inset-left,0px),var(--tg-safe-area-inset-left,0px)) + var(--tg-content-safe-area-inset-left,0px));--ui-right:calc(max(env(safe-area-inset-right,0px),var(--tg-safe-area-inset-right,0px)) + var(--tg-content-safe-area-inset-right,0px))}
html{scroll-padding-top:calc(12px + var(--ui-top));scroll-padding-bottom:calc(90px + var(--ui-bottom))}
.shell{padding-top:var(--ui-top);padding-left:var(--ui-left);padding-right:var(--ui-right);padding-bottom:calc(95px + var(--ui-bottom));min-height:var(--tg-viewport-stable-height,100dvh)}
.nav{height:calc(76px + var(--ui-bottom));padding-bottom:var(--ui-bottom);padding-left:var(--ui-left);padding-right:var(--ui-right)}
.modal-back{padding-top:var(--ui-top);padding-left:var(--ui-left);padding-right:var(--ui-right)}
.modal{max-height:calc(var(--visible-height,100dvh) - var(--ui-top) - 16px);padding-bottom:calc(24px + var(--ui-bottom));overscroll-behavior:contain}
.intro{overflow-y:auto;padding-top:var(--ui-top);padding-bottom:var(--ui-bottom)}
.intro-inner{min-height:calc(var(--visible-height,100dvh) - var(--ui-top) - var(--ui-bottom))}
.compose input{min-width:0;flex:1;font-size:16px!important}
.compose .send{flex:none;min-width:44px;min-height:44px}
input,textarea,select{scroll-margin-block:20px;font-size:16px}
.keyboard-open .nav{display:none}
.keyboard-open .shell{padding-bottom:24px}
.keyboard-open{scroll-padding-bottom:24px}
.keyboard-open .screen.support .compose{position:sticky;bottom:8px;z-index:11}
@media(max-height:600px){.intro-logo{height:130px;flex-shrink:0}.intro-inner{justify-content:flex-start}.intro-welcome{margin-bottom:12px}}
.admin-language{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin:8px 0 12px}.admin-language>span{font-size:10px;letter-spacing:1px;color:#b5b99f;margin-right:5px}.admin-language button{padding:8px 12px;border:1px solid #686c48;border-radius:6px;background:#080c08b3;color:#d9dcc6;font-size:12px}.admin-language button[aria-pressed="true"]{background:#353c29;border-color:#b0ab76;color:#f0e7c4}.screen.admin .tabs{overflow-x:auto}.screen.admin .tabs button{flex-shrink:0;white-space:nowrap}
.admin-language select{min-width:65px;max-width:130px;padding:7px 8px;border:1px solid #686c48;border-radius:6px;background:#080c08;color:#d9dcc6;font-size:12px}.language-fields{display:grid;gap:12px;max-height:42dvh;overflow:auto;padding:5px 4px}.language-fields label{display:block;font-size:12px;color:#bec5b1}.language-fields input,.editor-file>input:not([type="file"]){display:block;width:100%;padding:9px;margin-top:5px;border:1px solid #686c48;border-radius:6px;background:#080c08;color:#eee8d4;font-size:16px}.admin-language{flex-wrap:wrap}

@font-face{font-family:'Norra UI';src:url('/fonts/ubuntu-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Norra UI';src:url('/fonts/ubuntu-bold.woff') format('woff');font-weight:700 900;font-style:normal;font-display:swap}
.screen.admin .section-title,.screen.admin .tabs button,.screen.admin .btn,.screen.admin .link{font-family:'Norra UI',Arial,sans-serif;font-weight:700;letter-spacing:0;line-height:1.25}
.screen.admin .tabs button{font-size:12px;padding:10px 9px}.screen.admin .section-title{font-size:20px}.screen.admin .btn{font-size:13px}
.admin-return{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;margin:2px 0 12px;border:1px solid #8b8b5d;border-radius:8px;background:#10160ed9;color:#ddd9b8;font:700 12px 'Norra UI',Arial,sans-serif;line-height:1.3;box-shadow:inset 0 1px #c3c59018}
.admin-return svg{width:16px;height:16px}.admin-return:hover{background:#202719}.admin-return:focus-visible{outline:2px solid #c8bf85;outline-offset:3px}
.pack-price-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}.pack-price-fields label{font-size:12px;color:#c4c8b2}.pack-price-fields input{width:100%;min-width:0;background:#080c08;color:#eee8d4;border:1px solid #686c48;border-radius:6px;padding:10px 6px;margin-top:6px;font-size:16px}
.save-feedback{position:fixed;z-index:60;left:50%;bottom:calc(92px + var(--ui-bottom,0px));transform:translateX(-50%);display:flex;align-items:center;gap:8px;border:1px solid #929873;border-radius:9px;padding:11px 17px;background:#172013f5;color:#e3e5c7;font:700 14px 'Norra UI',Arial,sans-serif;box-shadow:0 4px 20px #0008;pointer-events:none;animation:saved-appear .22s ease-out}
.save-feedback svg{width:20px;height:20px;color:#b3c797}.save-feedback path{stroke-dasharray:24;stroke-dashoffset:24;animation:saved-check .35s .08s forwards}@keyframes saved-appear{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes saved-check{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.save-feedback,.save-feedback path{animation:none}.save-feedback path{stroke-dashoffset:0}}
.pack-configurations{display:grid;gap:12px;margin:16px 0}.pack-configuration{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #686c48;border-radius:8px;background:#080c0899}.pack-configuration h3{grid-column:1/-1;font:700 14px 'Norra UI',Arial,sans-serif;margin:0;color:#d9d8b5}.pack-configuration .pack-name-field{grid-column:1/-1}.pack-configuration label{margin:0!important;font-size:14px}.pack-configuration input{margin-top:6px;width:100%;min-width:0}.variant{overflow-wrap:anywhere}.variant small{display:block;font:400 13px 'Norra UI',Arial,sans-serif;color:#b7c3a5;margin:5px 0}
/* Compact phone layout; desktop pointer-based previews retain their sizes. */
@media(max-width:600px) and (pointer:coarse){
 .hero.brand-header,.hero.home.brand-header{height:122px;padding:12px 48px 4px;margin-bottom:8px}
 .hero.home.brand-header{height:136px}
 .hero.brand-header .hero-art{max-height:110px;object-fit:contain}
 .top-actions{top:9px;right:11px;gap:6px}.top-actions .round{width:34px;height:34px}
 .intro-inner{padding:18px 20px;justify-content:center}.intro-logo{height:138px;flex-shrink:0;margin:0 -8px 10px;background-size:contain;background-repeat:no-repeat}
 .intro-welcome{font-size:16px;line-height:1.3;margin:10px 0 18px}
 .intro .card{margin-bottom:14px}.intro .card label{font-size:14px}
 .screen.admin .hero:not(.brand-header){height:136px;overflow:hidden;margin-bottom:8px}
 .screen.admin .hero:not(.brand-header) .hero-art{height:100%;object-fit:cover;object-position:center}
 .screen.admin .mini-row>span{min-width:0}.screen.admin .mini-row b{font-size:12px;line-height:1.35;overflow-wrap:anywhere}.screen.admin .mini-row small{font-size:11px;line-height:1.4}
 .screen.admin .admin-stat>b{font-size:clamp(16px,4.5vw,20px);overflow-wrap:anywhere}
 .screen.support .chat{max-height:min(330px,45dvh)}
}
@media(max-width:600px) and (max-height:650px) and (pointer:coarse){
 .hero.brand-header,.hero.home.brand-header{height:100px;padding-top:8px}
 .intro-logo{height:105px}.intro-inner{justify-content:flex-start}
}
@media(max-width:600px) and (pointer:coarse){.screen.home .art-banner img,.screen.store .art-banner img{max-height:155px;object-fit:contain}}