:root{color-scheme:dark;--bg:#070707;--gold:#f4ce7c;--gold2:#bd8a35;--txt:#f8f4eb;--muted:#adaba5;--line:#53432c;--green:#35d893;--red:#e77d81}
*{box-sizing:border-box}html{background:#060606}body{margin:0;background:radial-gradient(ellipse at 64% 4%,#38260e 0%,transparent 34%),#060606;color:var(--txt);font-family:Manrope,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app-shell{max-width:760px;margin:auto;min-height:100vh;padding:env(safe-area-inset-top,0px) 13px calc(108px + env(safe-area-inset-bottom,0px))}
.topbar{position:sticky;top:0;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:15px 4px 13px;gap:8px;background:rgba(6,6,6,.92);border-bottom:1px solid #4a391d;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{height:52px;width:52px;display:grid;place-items:center;border:1.5px solid #dab05b;border-radius:14px;box-shadow:0 0 20px #9d702b55;color:#f6d889;font-size:24px;font-weight:800}.brand-copy{display:grid;line-height:1.05;letter-spacing:.13em}.brand-copy small{font-size:10px;letter-spacing:.2em}.brand-copy b{font-size:24px;color:#eac06b}.top-actions{display:flex;align-items:center;gap:7px}.balance{border:1px solid #6a502c;border-radius:50px;background:linear-gradient(145deg,#261d10,#0a0a09);height:46px;color:#fff;display:flex;align-items:center;gap:8px;padding:4px 5px 4px 11px;white-space:nowrap}.balance span{color:var(--gold)}.balance i{font-style:normal;display:grid;place-items:center;background:#694b20;width:34px;height:34px;border-radius:50%;font-size:24px}.avatar{height:46px;width:46px;border:1px solid var(--gold2);border-radius:50%;color:var(--gold);background:linear-gradient(145deg,#271a0c,#060606);font-weight:800}
.screen{display:none;animation:enter .24s ease}.screen.active{display:block}@keyframes enter{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}#content{display:block;padding:18px 2px 20px}.hero{position:relative;min-height:212px;padding:23px 19px;border:1px solid #6c512c;border-radius:25px;overflow:hidden;background:radial-gradient(circle at 82% 39%,#82561d85,transparent 45%),linear-gradient(110deg,#15120d 20%,#050505 75%)}.hero.city{background:linear-gradient(90deg,#080706 2%,#080706d9 45%,#09070555 100%),url('/assets/world/shama-world-city.png') center/cover}.hero .eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}.hero h1{font-size:clamp(31px,8vw,53px);line-height:1.07;letter-spacing:-.035em;margin:11px 0 12px;max-width:90%;overflow-wrap:anywhere}.hero p{max-width:70%;color:#cac7c0;font-size:14px;line-height:1.7;margin:0}.hero-mark{position:absolute;bottom:8px;right:16px;color:#e5a940;font-size:70px;text-shadow:0 0 36px #ffc46f55;font-weight:800;opacity:.5}.stack{display:grid;gap:15px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{background:linear-gradient(145deg,#15120e,#0a0a09);border:1px solid #493a25;border-radius:21px;padding:16px;min-width:0}.card.gold-border{border-color:#99723b;box-shadow:inset 0 0 22px #d3a3510a}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 1px 13px}.section-title h2{font-size:18px;margin:0}.hint{font-size:12px;color:var(--muted)}.metric{font-weight:800;font-size:clamp(18px,5vw,29px);line-height:1.3;overflow-wrap:anywhere;margin:8px 0}.metric.gold,.gold{color:var(--gold)}.metric.green,.green{color:var(--green)}.bigbalance{font-weight:800;font-size:clamp(28px,9vw,48px);color:#f8d584;text-shadow:0 0 30px #b7903155}.small{color:var(--muted);font-size:12px;line-height:1.5}.progress{background:#272626;height:8px;border-radius:50px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#b77e2d,#ffe49a);border-radius:inherit}.tile{display:flex;flex-direction:column;align-items:stretch;text-align:left;min-height:145px;background:linear-gradient(125deg,#261c0c,#090909 70%);border:1px solid #775b2d;border-radius:20px;color:var(--txt);padding:17px;gap:8px}.tile .tile-icon{font-size:25px;color:#f8d583}.tile strong{font-size:20px}.tile small{font-size:12px;color:#afaca6}.tile .arrow{margin-left:auto;color:var(--gold);font-size:24px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.entry{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(90deg,#17140f,#0b0b0b);border:1px solid #373126;border-radius:14px;padding:12px;margin-top:9px;min-width:0}.entry .name{font-weight:700;overflow-wrap:anywhere}.entry .sub{font-size:11px;color:var(--muted);margin-top:3px}.entry .value{font-size:14px;white-space:nowrap;font-weight:800}.icon-square{width:40px;height:40px;flex:none;display:grid;place-items:center;background:#36280f;border:1px solid #574328;border-radius:11px;font-size:24px;color:var(--gold)}.button{border:0;border-radius:15px;background:linear-gradient(165deg,#ffe3a0,#e4b95f 66%,#b58134);font-weight:800;color:#271805;min-height:43px;padding:10px 14px;box-shadow:0 4px 17px #ab751a26}.button.subtle{border:1px solid #73562d;color:var(--gold);background:linear-gradient(155deg,#21190e,#0e0d0b);box-shadow:none}.button.green{background:linear-gradient(#42e6a1,#20a976);color:#072518}.button.block{width:100%}.button.tiny{font-size:12px;min-height:35px;padding:7px 9px;border-radius:11px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.actions .button{flex:1}.badges{display:flex;gap:7px;flex-wrap:wrap}.badge{font-size:10px;padding:5px 9px;border:1px solid;border-radius:30px;font-weight:800;text-transform:uppercase}.badge.COMMON{color:#b5b5b5}.badge.UNCOMMON{color:#53cfa1}.badge.RARE{color:#48a6ff}.badge.EPIC{color:#cf6dff}.badge.LEGENDARY{color:#f5ca66}.badge.MYTHIC{color:#ff657b}.item-card{min-width:0}.item-card img{width:100%;height:145px;object-fit:contain;border:1px solid #49351f;background:radial-gradient(circle at center,#513b1938,#090909 70%);border-radius:13px}.item-card h3{font-size:14px;margin:10px 0 7px;line-height:1.4}.item-card .button{width:100%;margin-top:10px}.pills{display:flex;gap:7px;flex-wrap:wrap}.pill{border:1px solid #5d482e;color:#ddd2bf;background:#15120f;border-radius:40px;padding:8px 12px;font-size:11px}.pill.active{color:#281a08;background:linear-gradient(#ffe29f,#cca153);font-weight:800}.field{min-height:46px;background:#13120f;border:1px solid #715733;border-radius:13px;color:#faf4e8;padding:9px 12px;width:100%;margin-top:8px}.bottom-nav{position:fixed;bottom:calc(7px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(calc(100% - 14px),760px);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:2px;padding:8px 5px;background:rgba(8,8,8,.97);border:1px solid #3c3226;border-radius:25px;box-shadow:0 0 28px #000a;z-index:20;backdrop-filter:blur(15px)}.nav{min-width:0;border:1px solid transparent;border-radius:17px;color:#aaaaaa;background:none;display:grid;justify-items:center;align-content:center;gap:5px;padding:9px 0;min-height:66px}.nav .glyph{font-size:24px;line-height:1}.nav span:last-child{font-size:10px;letter-spacing:-.035em}.nav.active{background:radial-gradient(circle at center,#4b361d,#18140e);border-color:#c89748;color:#f9d784;font-weight:800}#notice{position:sticky;top:72px;z-index:11;background:#1c1308;border:1px solid var(--gold);border-radius:14px;padding:13px;margin-top:8px;box-shadow:0 8px 30px #000a}#notice.error{border-color:var(--red)}.empty{padding:24px;text-align:center;color:#aca49a;border:1px dashed #4e3f2d;border-radius:18px}.worktime{color:#f1c978;font-weight:800}.loading{padding:40px;color:var(--gold);text-align:center}
@media(max-width:380px){.brand-mark{width:43px;height:43px;font-size:20px}.brand-copy b{font-size:19px}.top-actions{gap:5px}.avatar{width:40px;height:40px}.balance{height:40px;padding-left:8px;gap:4px}.balance i{height:29px;width:29px}.hero{min-height:190px;padding:18px 16px}.hero p{max-width:82%}.grid2{gap:9px}.card{padding:12px}.bottom-nav{border-radius:21px}.nav span:last-child{font-size:9px}.nav{padding:7px 0}.tile{padding:13px;min-height:125px}}@media(prefers-reduced-motion:reduce){.screen{animation:none}}