:root{
  --bg:#050a12;
  --bg2:#08111f;
  --panel:rgba(10,18,31,.82);
  --panel2:rgba(14,24,41,.72);
  --text:#f7f4ea;
  --muted:#9faac0;
  --gold:#f6c85f;
  --gold2:#ffe9a6;
  --blue:#79a9ff;
  --cyan:#69e2ff;
  --green:#5ee89a;
  --red:#ff7373;
  --line:rgba(255,255,255,.09);
  --lineGold:rgba(246,200,95,.28);
  --shadow:0 24px 80px rgba(0,0,0,.38);
  --radius:24px;
  --wrap:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 50% -10%,#15264b 0,transparent 34%),linear-gradient(180deg,#07101d 0,#050912 56%,#03060b 100%);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 68%);z-index:0}
a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(calc(100% - 32px),var(--wrap));margin:auto;position:relative;z-index:2}
.topbar{position:sticky;top:0;z-index:100;background:rgba(4,8,15,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.18)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(114,156,255,.28))}.brand-copy{line-height:1}.brand-copy strong{display:block;font-family:Cinzel,serif;font-size:17px;letter-spacing:.04em}.brand-copy span{display:block;color:var(--muted);font-size:10px;letter-spacing:.19em;text-transform:uppercase;margin-top:5px}.menu{display:flex;align-items:center;gap:22px;margin-left:auto}.menu a{color:#dbe3f3;font-size:14px;font-weight:700;transition:.2s ease;position:relative}.menu a:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:linear-gradient(90deg,var(--gold),var(--cyan));transform:scaleX(0);transition:.2s ease}.menu a:hover{color:white}.menu a:hover:after,.menu a.active:after{transform:scaleX(1)}.nav-actions{display:flex;gap:10px;align-items:center}.nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#edf2ff;font-weight:800;font-size:13px}.nav-btn.gold{border-color:var(--lineGold);background:linear-gradient(135deg,rgba(246,200,95,.20),rgba(246,200,95,.07));color:#ffecb3}.mobile-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);color:white;font-size:20px}
.hero{min-height:710px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;padding:92px 0 72px}.hero:before{content:"";position:absolute;inset:0;background:url('/assets/Background1.webp') center/cover no-repeat;z-index:-4;transform:scale(1.05)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 28%,rgba(54,87,153,.18),transparent 36%),linear-gradient(90deg,rgba(2,5,11,.86),rgba(3,7,14,.45) 45%,rgba(2,5,11,.72)),linear-gradient(180deg,rgba(2,5,11,.28),rgba(2,5,11,.94));z-index:-3}.hero-glow{position:absolute;width:660px;height:660px;border-radius:50%;right:-180px;top:40px;background:radial-gradient(circle,rgba(88,139,255,.20),rgba(147,79,255,.06) 45%,transparent 68%);filter:blur(18px);z-index:-2}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.17em;color:var(--gold2);margin-bottom:18px}.eyebrow:before{content:"";width:28px;height:1px;background:var(--gold)}h1,h2,h3,.cinzel{font-family:Cinzel,serif}.hero h1{font-size:clamp(48px,7.2vw,94px);line-height:.93;letter-spacing:-.04em;margin:0;max-width:760px;text-shadow:0 16px 40px rgba(0,0,0,.48)}.hero h1 span{display:block;background:linear-gradient(180deg,#fff9dd,#ffd469 60%,#eaa534);-webkit-background-clip:text;color:transparent}.hero-lead{max-width:690px;color:#c5cee0;font-size:18px;line-height:1.7;margin:24px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:1px solid var(--line);border-radius:14px;padding:14px 18px;background:rgba(255,255,255,.05);color:white;font-weight:900;cursor:pointer;display:inline-flex;gap:9px;align-items:center;justify-content:center;transition:.2s ease}.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2)}.btn.primary{background:linear-gradient(135deg,#f7d476,#c98e2e);color:#1c1307;border:0;box-shadow:0 12px 28px rgba(221,166,60,.20)}.btn.blue{border-color:rgba(105,226,255,.25);background:linear-gradient(135deg,rgba(105,226,255,.15),rgba(77,112,228,.10));color:#d9f8ff}.ip-box{margin-top:18px;display:inline-flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--line);background:rgba(3,7,14,.56);border-radius:14px;color:#d8e2f5;font-size:13px}.pulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(94,232,154,.10),0 0 22px rgba(94,232,154,.6)}.pulse.off{background:var(--red);box-shadow:0 0 0 6px rgba(255,115,115,.10),0 0 22px rgba(255,115,115,.45)}
.hero-panel{border:1px solid var(--lineGold);border-radius:30px;padding:18px;background:linear-gradient(180deg,rgba(12,20,34,.80),rgba(5,10,18,.88));box-shadow:var(--shadow);backdrop-filter:blur(14px);position:relative;overflow:hidden}.hero-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(246,200,95,.13),transparent 40%);pointer-events:none}.hero-panel-logo{display:block;width:min(420px,88%);margin:4px auto 8px;filter:drop-shadow(0 0 28px rgba(117,153,255,.25))}.server-card{position:relative;border:1px solid var(--line);border-radius:19px;padding:16px;background:rgba(255,255,255,.035);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.server-card strong{font-size:15px}.server-card small{display:block;color:var(--muted);margin-top:5px}.status-pill{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(94,232,154,.2);background:rgba(94,232,154,.09);color:#baf8d3}.status-pill.offline{border-color:rgba(255,115,115,.20);background:rgba(255,115,115,.08);color:#ffb9b9}.hero-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.mini-stat{padding:14px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.035)}.mini-stat strong{font-size:22px;color:var(--gold2);display:block}.mini-stat span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;display:block;margin-top:5px}
.section{padding:84px 0;position:relative}.section.tight{padding:58px 0}.section:before{content:"";position:absolute;top:0;left:50%;width:min(var(--wrap),calc(100% - 32px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--lineGold),transparent)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-kicker{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:900;margin-bottom:10px}.section-title{font-size:clamp(30px,4.6vw,52px);line-height:1;margin:0}.section-copy{color:var(--muted);line-height:1.7;max-width:620px;margin:12px 0 0}.text-link{color:var(--gold2);font-weight:800;font-size:13px;white-space:nowrap}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
.portal-card{min-height:290px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative;background:#0b1423;box-shadow:0 18px 50px rgba(0,0,0,.24);transition:.25s ease}.portal-card:hover{transform:translateY(-5px);border-color:rgba(246,200,95,.24)}.portal-card .bgimg{position:absolute;inset:0;background-size:cover;background-position:center;transition:.35s ease;opacity:.70}.portal-card:hover .bgimg{transform:scale(1.045);opacity:.83}.portal-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,14,.04) 12%,rgba(3,7,14,.25) 46%,rgba(3,7,14,.96) 100%)}.portal-card-body{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}.portal-card-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(7,12,21,.72);border:1px solid rgba(255,255,255,.12);font-size:20px;margin-bottom:12px}.portal-card h3{font-size:23px;margin:0 0 7px}.portal-card p{margin:0;color:#bac5d9;font-size:13px;line-height:1.5}.portal-card .arrow{position:absolute;z-index:3;right:18px;top:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(3,7,14,.58);border:1px solid var(--line)}
.dashboard{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(15,25,42,.76),rgba(7,13,24,.88));box-shadow:0 18px 60px rgba(0,0,0,.18);overflow:hidden}.panel-head{padding:19px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h3{margin:0;font-size:19px}.panel-head small{color:var(--muted)}.server-list{padding:8px 14px}.server-row{padding:15px 6px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;border-bottom:1px solid var(--line)}.server-row:last-child{border-bottom:0}.server-meta{display:flex;align-items:center;gap:12px}.server-icon{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid var(--line);display:grid;place-items:center}.server-meta small{display:block;color:var(--muted);margin-top:4px}.server-right{text-align:right}.server-right small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.activity-list{padding:8px 16px}.activity{display:flex;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line)}.activity:last-child{border-bottom:0}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 15px rgba(121,169,255,.5);margin-top:6px;flex:0 0 auto}.activity strong{display:block;font-size:13px}.activity p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.players-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.player-card{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:20px;padding:16px;position:relative;overflow:hidden;min-width:0}.player-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-55px;bottom:-58px;background:radial-gradient(circle,rgba(246,200,95,.18),transparent 67%)}.player-rank{position:absolute;right:13px;top:13px;color:var(--gold);font-weight:900;font-size:15px}.player-avatar{width:52px;height:52px;border-radius:15px;object-fit:cover;border:1px solid var(--line);background:#08101d}.player-card h4{margin:12px 0 4px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-card p{margin:0;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.badge{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;padding:5px 7px;font-size:9px;color:#d9e2f5}.badge.gold{border-color:rgba(246,200,95,.23);color:#ffe4a0;background:rgba(246,200,95,.08)}
.news-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:16px}.news-card{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.035);overflow:hidden;min-height:260px;display:flex;flex-direction:column}.news-card.featured{min-height:380px}.news-art{height:150px;background-size:cover;background-position:center;position:relative}.featured .news-art{height:230px}.news-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(5,9,17,.9))}.news-body{padding:18px;display:flex;flex:1;flex-direction:column}.news-meta{display:flex;gap:8px;align-items:center;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.news-card h3{font-size:19px;line-height:1.25;margin:10px 0 8px}.featured h3{font-size:27px}.news-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.news-more{margin-top:auto;padding-top:14px;color:#dae7ff;font-size:12px;font-weight:800}
.community-box{border:1px solid var(--lineGold);border-radius:30px;padding:28px;background:radial-gradient(circle at right top,rgba(88,96,255,.18),transparent 35%),linear-gradient(135deg,rgba(21,31,53,.9),rgba(8,13,24,.94));display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.community-box h2{font-size:36px;margin:0 0 10px}.community-box p{color:var(--muted);max-width:700px;line-height:1.65;margin:0}.discord-stats{display:flex;gap:10px;margin-top:17px;flex-wrap:wrap}.discord-stat{padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);font-size:12px}.discord-stat strong{color:white}.discord-stat span{color:var(--muted)}
.footer{padding:46px 0 28px;border-top:1px solid var(--line);background:rgba(2,5,10,.56)}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:32px}.footer-logo{width:170px}.footer p{color:var(--muted);font-size:12px;line-height:1.7;max-width:420px}.footer h4{margin:0 0 12px;font-family:Cinzel,serif}.footer-links{display:grid;gap:9px}.footer-links a{color:var(--muted);font-size:12px}.footer-links a:hover{color:white}.footer-bottom{margin-top:34px;padding-top:19px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#77839a;font-size:11px}
.page-hero{padding:92px 0 52px;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,9,17,.46),rgba(4,9,17,.98)),url('/assets/Background1.webp') center/cover no-repeat;z-index:0}.page-hero .wrap{z-index:1}.page-hero h1{font-size:clamp(42px,6vw,72px);margin:0}.page-hero p{color:var(--muted);max-width:680px;line-height:1.7;margin:14px 0 0}.search-box{display:flex;gap:10px;margin-top:24px;max-width:650px}.search-box input{flex:1;min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(5,10,19,.72);color:white;outline:none}.content-card{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.035);padding:20px}.content-card h3{margin:0 0 8px}.content-card p{color:var(--muted);line-height:1.6;font-size:13px}.level-tag{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;border:1px solid rgba(246,200,95,.23);background:rgba(246,200,95,.08);color:#ffe3a0;font-size:10px;font-weight:900}.dungeon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.dungeon-card{display:grid;grid-template-columns:150px 1fr;gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.035);min-height:140px}.dungeon-card .thumb{background-size:cover;background-position:center}.dungeon-card .info{padding:16px}.dungeon-card h3{margin:7px 0 7px;font-size:17px}.dungeon-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.wiki-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wiki-card{padding:21px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035)}.wiki-card .wi{font-size:25px}.wiki-card h3{margin:13px 0 7px;font-size:17px}.wiki-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.visible{opacity:1;transform:none}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.08),rgba(255,255,255,.035));background-size:200% 100%;animation:shine 1.6s linear infinite}@keyframes shine{to{background-position:-200% 0}}
@media(max-width:1050px){.menu{gap:14px}.menu a:nth-child(5),.menu a:nth-child(6){display:none}.hero-grid{grid-template-columns:1fr .82fr;gap:30px}.players-grid{grid-template-columns:repeat(3,1fr)}.news-grid{grid-template-columns:1fr 1fr}.news-card.featured{grid-column:1/-1}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.mobile-toggle{display:block}.menu{display:none;position:absolute;top:76px;left:0;right:0;padding:16px 18px 20px;background:rgba(4,8,15,.98);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.menu.open{display:flex}.menu a{padding:10px 0}.menu a:nth-child(5),.menu a:nth-child(6){display:block}.nav-actions .nav-btn:first-child{display:none}.hero{min-height:auto;padding:74px 0 58px}.hero-grid{grid-template-columns:1fr}.hero-panel{max-width:620px}.section{padding:62px 0}.dashboard,.community-box{grid-template-columns:1fr}.grid-3,.wiki-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.dungeon-grid{grid-template-columns:1fr}}
@media(max-width:560px){.wrap{width:min(calc(100% - 22px),var(--wrap))}.brand-copy span{display:none}.nav{height:68px}.menu{top:68px}.hero h1{font-size:48px}.hero-lead{font-size:15px}.hero-actions .btn{width:100%}.ip-box{width:100%;justify-content:center}.hero-mini-stats{grid-template-columns:1fr 1fr}.hero-mini-stats .mini-stat:last-child{grid-column:1/-1}.grid-3,.grid-4,.players-grid,.news-grid,.wiki-grid{grid-template-columns:1fr}.news-card.featured{grid-column:auto}.section-head{align-items:flex-start;flex-direction:column}.portal-card{min-height:240px}.community-box{padding:20px}.community-box h2{font-size:28px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.dungeon-card{grid-template-columns:110px 1fr}.page-hero{padding:74px 0 42px}.nav-actions .gold{display:none}}

/* Phase 2: Discord-News, Dungeon-Explorer & Desktop-Partikel */
#twParticles{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.9}main,.footer{position:relative;z-index:2}.topbar{z-index:100}.news-sync-state{display:inline-flex;margin-top:18px;padding:8px 11px;border:1px solid rgba(255,196,93,.2);border-radius:999px;background:rgba(255,196,93,.07);color:#ffd88a;font-size:11px;font-weight:800}.news-sync-state.live{border-color:rgba(94,232,154,.2);background:rgba(94,232,154,.08);color:#baf8d3}.news-grid-page{grid-template-columns:repeat(3,1fr)}.news-grid-page .news-card.featured{grid-column:span 2}.news-more{display:inline-flex;align-items:center}.news-more:hover{color:var(--gold2)}
.dungeon-tools{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin:22px 0 28px;padding:14px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035)}.d-filter-row{display:flex;gap:8px;flex-wrap:wrap}.d-filter-btn{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#dce5f5;border-radius:999px;padding:9px 12px;cursor:pointer;font-weight:800;font-size:11px}.d-filter-btn:hover,.d-filter-btn.active{border-color:var(--lineGold);background:rgba(246,200,95,.10);color:var(--gold2)}.d-search-row{display:flex;gap:8px}.d-search-row input,.d-search-row select{border:1px solid var(--line);background:#09111f;color:white;border-radius:12px;padding:10px 12px;outline:none}.d-search-row input{width:190px}.dcard[hidden],.group[hidden]{display:none!important}.d-details-btn{margin-top:14px;width:100%;border:1px solid rgba(121,169,255,.28);background:rgba(121,169,255,.10);color:#dceaff;border-radius:12px;padding:10px 12px;font-weight:900;cursor:pointer}.d-details-btn:hover{background:rgba(121,169,255,.16);border-color:rgba(121,169,255,.48)}.d-modal{position:fixed;inset:0;z-index:500;display:none;place-items:center;padding:24px}.d-modal.open{display:grid}.d-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);cursor:pointer}.d-modal-card{position:relative;z-index:1;width:min(760px,100%);max-height:min(84vh,820px);overflow:auto;border:1px solid var(--lineGold);border-radius:26px;background:#08111f;box-shadow:0 30px 100px rgba(0,0,0,.62)}.d-modal-close{position:absolute;right:14px;top:14px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(5,10,18,.8);color:white;font-size:24px;cursor:pointer}.d-modal-art{height:280px;background-size:cover;background-position:center}.d-modal-body{padding:24px}.d-modal-body h2{font-size:34px;margin:12px 0 8px}.d-modal-body>p{color:var(--muted);line-height:1.7}.d-modal-hint{font-size:11px;margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.modal-open{overflow:hidden}
@media(max-width:1050px){.news-grid-page{grid-template-columns:1fr 1fr}.dungeon-tools{grid-template-columns:1fr}.d-search-row{justify-content:flex-start}.d-search-row input{flex:1}}
@media(max-width:820px){#twParticles{display:none!important}.news-grid-page{grid-template-columns:1fr}.news-grid-page .news-card.featured{grid-column:auto}.d-search-row{flex-direction:column}.d-search-row input{width:100%}.d-modal{padding:12px}.d-modal-art{height:210px}.d-modal-body h2{font-size:27px}}


/* Shared Tale-World Store button */
.store-nav-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:4px 13px 4px 6px;box-sizing:border-box;border:1px solid rgba(255,231,153,.74);border-radius:5px;background:linear-gradient(180deg,#e2bb54 0%,#bd8427 100%);color:#fff8dc!important;font:900 11px/1 Inter,sans-serif;letter-spacing:.11em;text-transform:uppercase;text-shadow:0 1px 2px rgba(54,30,0,.8);box-shadow:inset 0 1px rgba(255,255,255,.28),0 7px 20px rgba(210,156,47,.14);overflow:hidden;white-space:nowrap;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.store-nav-btn:before{content:"";position:absolute;inset:3px;border:1px solid rgba(91,56,8,.25);pointer-events:none}
.store-nav-btn:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:inset 0 1px rgba(255,255,255,.32),0 9px 24px rgba(210,156,47,.20)}
.store-nav-btn img{position:relative!important;display:block!important;width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;min-width:30px!important;object-fit:contain!important;margin:0!important;transform:none!important;filter:drop-shadow(0 2px 3px rgba(48,26,0,.48))}
.store-nav-btn span{position:relative;display:block}.store-nav-btn.active{box-shadow:0 0 0 1px rgba(255,229,143,.30),0 9px 24px rgba(210,156,47,.20)}
@media(max-width:1050px){.store-nav-btn{width:40px;padding:4px}.store-nav-btn span{display:none}.store-nav-btn img{width:28px!important;height:28px!important;max-width:28px!important;min-width:28px!important}}
@media(max-width:560px){.store-nav-btn{width:38px;height:38px;padding:4px}.store-nav-btn img{width:26px!important;height:26px!important;max-width:26px!important;min-width:26px!important}}