/* Guild Glory — premium store styles (shares the colour tokens from app.css) */
.gg-hero{position:relative;overflow:hidden;border-radius:22px;padding:20px 18px;margin-bottom:14px;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--p) 38%,transparent),transparent 60%),radial-gradient(90% 120% at 100% 100%,color-mix(in srgb,var(--a) 26%,transparent),transparent 62%),var(--card);border:1px solid var(--line)}
.gg-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.07) 50%,transparent 60%);transform:translateX(-120%);animation:ggshine 5s ease-in-out infinite;pointer-events:none}
@keyframes ggshine{55%,100%{transform:translateX(120%)}}
.gg-hero .tg{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--a)}
.gg-hero h1{font-size:clamp(24px,6vw,34px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:6px 0 6px}
.gg-hero p{color:var(--mu);font-size:13px;max-width:430px}
.gg-hero .em{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:64px;opacity:.14;color:var(--a)}
/* category chooser */
.gg-cats{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 8px;margin:0 -2px 10px;scroll-snap-type:x proximity}.gg-cats::-webkit-scrollbar{display:none}
.gg-cat{flex:0 0 auto;min-width:168px;max-width:230px;scroll-snap-align:start;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;background:var(--card);border:1.5px solid var(--line);transition:.25s;position:relative}
.gg-cat:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--p) 60%,transparent)}
.gg-cat.on{border-color:var(--p);background:color-mix(in srgb,var(--p) 14%,var(--card));box-shadow:0 14px 30px -16px var(--p)}
.gg-cat .ci{width:40px;height:40px;border-radius:13px;background:var(--g);color:#06110e;display:grid;place-items:center;font-size:17px;flex:0 0 40px;overflow:hidden}.gg-cat .ci img{width:100%;height:100%;object-fit:cover}
.gg-cat b{display:block;font-size:13px;line-height:1.25}.gg-cat small{display:block;font-size:10.5px;color:var(--mu);line-height:1.3;margin-top:1px}
.gg-cat .lk{position:absolute;top:7px;right:8px;font-size:10px;color:var(--warn)}
.gg-cat.off{opacity:.72}
/* package grid */
.gg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:12px}
.gg-pk{position:relative;padding:16px;border-radius:20px;cursor:pointer;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--line);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.gg-pk::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--p),transparent 45%,var(--a));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:.3s;pointer-events:none}
.gg-pk:hover{transform:translateY(-5px);box-shadow:0 24px 44px -24px var(--p)}.gg-pk:hover::before{opacity:1}
.gg-pk:active{transform:scale(.985)}
.gg-pk .rb{position:absolute;top:12px;right:-36px;transform:rotate(36deg);background:var(--g);color:#06110e;font-size:8.5px;font-weight:800;letter-spacing:.08em;padding:3px 40px}
.gg-pk .nm{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--a);padding-right:26px}
.gg-pk .pr{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:6px 0 10px}
.gg-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:11px}
.gg-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--card2);border:1px solid var(--line);font-size:11.5px;font-weight:700}.gg-chip i{color:var(--a);font-size:11px}
.gg-pk ul{list-style:none;display:grid;gap:6px;margin:0 0 13px}.gg-pk li{display:flex;gap:8px;font-size:12px;color:var(--mu);line-height:1.45}.gg-pk li i{color:var(--ok);font-size:10px;margin-top:4px}
.gg-pk .go{display:flex;align-items:center;justify-content:space-between;gap:8px}
.gg-stock{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px;border-radius:999px}
.gg-stock::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.gg-stock.in{color:var(--ok);background:rgba(34,211,154,.12)}.gg-stock.low{color:var(--warn);background:rgba(255,176,32,.12)}.gg-stock.out{color:var(--bad);background:rgba(255,93,115,.12)}
.gg-pk.out{opacity:.62}.gg-pk.out .pr{text-decoration:line-through;text-decoration-color:rgba(255,93,115,.6)}
.gg-view{font-size:12px;font-weight:700;color:var(--tx);display:inline-flex;gap:6px;align-items:center}.gg-view i{transition:.25s}.gg-pk:hover .gg-view i{transform:translateX(4px)}
/* off / empty panel */
.gg-off{text-align:center;padding:34px 18px;border-radius:22px;background:var(--card);border:1px dashed var(--line)}
.gg-off .ic{width:70px;height:70px;border-radius:22px;margin:0 auto 14px;display:grid;place-items:center;font-size:28px;background:rgba(255,176,32,.14);color:var(--warn);animation:float 3.2s ease-in-out infinite}
.gg-off b{font-size:17px;display:block}.gg-off p{color:var(--mu);font-size:13px;margin:6px auto 0;max-width:320px}
/* sheet details */
.gg-sh-top{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.gg-sh-top .ic{width:46px;height:46px;border-radius:15px;background:var(--g);color:#06110e;display:grid;place-items:center;font-size:20px;flex:0 0 46px}
.gg-sh-top .t{font-size:17px;font-weight:800;line-height:1.2}.gg-sh-top .s{font-size:11.5px;color:var(--mu)}.gg-sh-top .p{margin-left:auto;font-size:22px;font-weight:800}
.gg-rules{margin:10px 0;padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid var(--line);font-size:13px;line-height:1.65;color:#dfe3f7;max-height:34vh;overflow-y:auto;word-break:break-word}
.gg-rules .rh{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--a);display:block;margin-bottom:4px}
.gg-acts{display:grid;gap:9px;margin-top:14px}
.gg-acts .btn{position:relative;overflow:hidden}
.btn.ins{background:linear-gradient(135deg,#ff4fa3,#ffb020);color:#1b0b07}
.gg-acts .btn[disabled],.gg-acts .btn.dis{opacity:.5;filter:saturate(.6);pointer-events:auto}
.gg-bal{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--mu);margin-top:12px}.gg-bal b{color:var(--tx)}.gg-bal a{color:var(--a);font-weight:700}
/* confirm modal */
.ggov{--pop:#0f1328;position:fixed;inset:0;z-index:310;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(4,6,14,.74);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ggov.show{display:flex;animation:ggf .22s ease}
@keyframes ggf{from{opacity:0}to{opacity:1}}@keyframes ggu{from{opacity:0;transform:translateY(26px) scale(.93)}to{opacity:1;transform:none}}
.ggcard{width:100%;max-width:400px;max-height:92vh;overflow-y:auto;background:var(--pop);color:var(--tx);border:1px solid var(--line);border-radius:24px;padding:24px 18px 18px;text-align:center;box-shadow:0 34px 90px -20px rgba(0,0,0,.45);animation:ggu .42s cubic-bezier(.34,1.4,.64,1)}
.ggcard .ic{width:68px;height:68px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:30px}
.ggcard .ic.ok{background:rgba(34,211,154,.15);color:var(--ok)}.ggcard .ic.warn{background:rgba(255,176,32,.15);color:var(--warn)}.ggcard .ic.bad{background:rgba(255,93,115,.15);color:var(--bad)}.ggcard .ic.ask{background:rgba(124,92,255,.18);color:#b5a2ff}
.ggcard .ic.pulse{animation:ggp 1.8s infinite}@keyframes ggp{0%{box-shadow:0 0 0 0 rgba(124,92,255,.5)}70%{box-shadow:0 0 0 16px transparent}100%{box-shadow:0 0 0 0 transparent}}
.ggcard h3{font-size:20px;font-weight:800;letter-spacing:-.01em}.ggcard .m{color:var(--mu);font-size:13px;margin:7px 4px 14px;line-height:1.6}.ggcard .m b{color:var(--tx)}
.ggcard .row{display:flex;gap:10px;margin-top:14px}.ggcard .row .btn{flex:1}
.ggcard .sumbox{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:4px 14px}
.ggcard .sumbox .kv{font-size:13px}.ggcard .sumbox .kv:last-child{border:0}
/* codes */
.gg-codes{display:grid;gap:8px;text-align:left;margin:12px 0}
.gg-code{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(124,92,255,.14),rgba(0,224,184,.1));border:1px dashed color-mix(in srgb,var(--a) 55%,transparent);animation:ggu .5s both}
.gg-code .n{width:24px;height:24px;border-radius:8px;background:var(--card2);display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--mu);flex:0 0 24px}
.gg-code .c{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;font-weight:800;letter-spacing:.04em;word-break:break-all;flex:1;user-select:all;-webkit-user-select:all}
.gg-code button{border:0;cursor:pointer;width:34px;height:34px;border-radius:10px;background:var(--card2);color:var(--a);font-size:14px;transition:.2s}.gg-code button:hover{background:var(--a);color:#06110e}.gg-code button.done{background:var(--ok);color:#04150e}
.gg-how{text-align:left;margin:10px 0;padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid var(--line);font-size:12.5px;line-height:1.65;color:#dfe3f7;word-break:break-word}
.gg-how .rh{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--warn);display:block;margin-bottom:4px}
.gg-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.gg-links.one{grid-template-columns:1fr}
.gg-links .btn{padding:11px 8px;font-size:13px}
.btn.yt{background:linear-gradient(135deg,#ff5d73,#ff8a3d);color:#fff}
/* video modal */
.ggvid{width:100%;max-width:640px;animation:ggu .4s cubic-bezier(.34,1.4,.64,1)}
.ggvid .fr{aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 30px 80px -20px #000;border:1px solid var(--line)}.ggvid iframe{width:100%;height:100%;border:0}
.ggvid .x{display:block;margin:12px auto 0}
/* confetti burst */
.gg-conf{position:fixed;inset:0;z-index:320;pointer-events:none;overflow:hidden}
.gg-conf i{position:absolute;top:-12px;left:var(--x);width:var(--w);height:calc(var(--w)*1.6);background:var(--c);border-radius:2px;opacity:.95;animation:ggfall var(--d) cubic-bezier(.3,.6,.4,1) var(--l) forwards}
@keyframes ggfall{to{transform:translate3d(var(--dx),108vh,0) rotate(var(--r));opacity:.9}}
/* order page */
.gg-ok{text-align:center;padding:22px 16px}
.gg-ok .ring{width:84px;height:84px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:38px;background:rgba(34,211,154,.14);color:var(--ok);animation:ggp 2s infinite;--v:0%;background-image:none}
.gg-ok .ring::before{display:none}
/* home service tiles */
.svc{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 2px}
.svc a{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:15px 14px;border-radius:20px;border:1px solid var(--line);min-height:112px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.svc a:hover{transform:translateY(-4px)}
.svc a.lk{background:linear-gradient(145deg,color-mix(in srgb,var(--p) 34%,transparent),var(--card))}
.svc a.gg{background:linear-gradient(145deg,color-mix(in srgb,#ffb020 30%,transparent),var(--card))}
.svc a:hover{box-shadow:0 22px 40px -22px var(--p)}
.svc .i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:17px;background:rgba(255,255,255,.14)}
.svc b{font-size:15px;font-weight:800;line-height:1.2}.svc small{font-size:11.5px;color:var(--mu);line-height:1.35}
.svc .ar{position:absolute;right:12px;bottom:12px;font-size:13px;opacity:.6;transition:.25s}.svc a:hover .ar{transform:translateX(4px);opacity:1}
.svc .off{position:absolute;top:10px;right:10px;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:rgba(255,176,32,.18);color:var(--warn)}

/* ===== light theme overrides for the guild pages (last rules win) ===== */
.gg-pk{background:#fff!important;border:1px solid var(--line)!important;box-shadow:var(--sh)}
.gg-pk:hover{border-color:#fed7aa!important;box-shadow:var(--sh-lg)!important}
.gg-pk .rb,.gg-cat .ci,.gg-sh-top .ic{color:#fff!important}
.gg-rules,.gg-how{background:var(--card2)!important;color:var(--tx2)!important;border:1px solid var(--line)!important}
.gg-rules .rh,.gg-how .rh{color:var(--tx)}
.ggcard{background:#fff!important;color:var(--tx)!important;box-shadow:0 34px 80px -28px rgba(15,23,42,.45)!important;border:1px solid var(--line)!important}
.gg-code button:hover{color:#fff!important}
.btn.ins{background:var(--g)!important;color:#fff!important}
.btn.yt{background:linear-gradient(135deg,#ef4444,#f97316)!important;color:#fff!important}
.svc .i{background:var(--soft)!important;color:var(--p)!important}
.gg-off{background:#fff!important;border:1px solid var(--line)!important}

/* light theme: white popup, soft overlay (the dark card made the text invisible) */
.ggov{--pop:#fff;background:rgba(15,23,42,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}