.gd{--gs:#e5a92a;--gv:#e8554e}
.gd-h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:30px 0 12px;color:var(--hi);font:19px/1.15 var(--f-lbl);letter-spacing:2px;text-transform:uppercase}
.gd-h2 small{color:var(--dim);font:13px var(--f-ui);letter-spacing:.3px;text-transform:none}
.gd-note{margin:8px 0 0;color:var(--dim);font:13.5px/1.45 var(--f-ui)}
.gd-note a{color:var(--link)}
.gd-kind{display:inline-block;padding:3px 10px 2px;background:var(--gs);color:#0d1017;font:11.5px/1.3 var(--f-lbl);letter-spacing:1.2px;text-transform:uppercase;clip-path:var(--slant)}
.k-gvg .gd-kind,.gd-hero.gvg .gd-kind{background:var(--gv);color:#fff}
.gd-st{padding:3px 10px 2px;background:var(--pn3);color:var(--tx);font:11.5px/1.3 var(--f-lbl);letter-spacing:1.2px;text-transform:uppercase;clip-path:var(--slant)}
.gd-st.s-open{background:#2f9e5a;color:#fff}.gd-st.s-upcoming{background:#c99417;color:#0d1017}
.gd-when{color:var(--dim);font:14px/1.35 var(--f-ui)}
.gd-when b{color:var(--hi);font:15px var(--f-num)}
.gd-tier{position:relative;display:inline-block;width:64px;aspect-ratio:1;flex:none}
.gd-tier img{position:absolute;inset:0;width:100%;height:100%}
.gd-tier img:first-child{inset:22%;width:56%;height:56%;border-radius:12%}
.gd-now,.gd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:14px;margin-top:16px}
.gd-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.gd-grid .gd-name{font-size:18px}
.gd-card{display:flex;flex-direction:column;background:var(--pn);border:1px solid var(--ln);border-top:3px solid var(--gs);box-shadow:var(--sh);color:var(--tx);text-decoration:none;transition:border-color .15s,transform .15s}
.gd-card.k-gvg{border-top-color:var(--gv)}
.gd-card:hover{border-color:var(--gs);color:var(--tx);transform:translateY(-2px)}
.gd-card.k-gvg:hover{border-color:var(--gv)}
.gd-ban{display:block;line-height:0;background:#0b0e16}
.gd-ban img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.gd-art{display:flex;align-items:center;justify-content:center;gap:4px;aspect-ratio:2/1;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--gs) 28%,transparent),transparent 70%),var(--pn2)}
.gd-art .gd-tier{width:26%}
.gd-cb{display:flex;flex-wrap:wrap;align-items:center;gap:7px 8px;padding:12px 15px 14px}
.gd-name{flex-basis:100%;color:var(--hi);font:21px/1.15 var(--f-num);letter-spacing:.3px}
.gd-cb .gd-when,.gd-sub{flex-basis:100%}
.gd-sub{color:var(--dim);font:13.5px var(--f-ui)}
.gd-sub b{color:var(--hi);font:15px var(--f-num)}
.gd-tiers{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.gd-tc{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;background:var(--pn);border:1px solid var(--ln);box-shadow:var(--sh);text-align:center}
.gd-tc .gd-tier{width:86px}
.gd-tc b{color:var(--hi);font:17px var(--f-lbl);letter-spacing:.6px}
.gd-tc span{color:var(--dim);font:13px var(--f-ui)}
.gd-tc em{padding:2px 8px 1px;background:var(--gv);color:#fff;font:11px/1.3 var(--f-lbl);font-style:normal;letter-spacing:1px;text-transform:uppercase;clip-path:var(--slant)}
.gd-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.gd-facts>*{display:flex;flex-direction:column;gap:2px;padding:10px 13px;background:var(--pn);border:1px solid var(--ln);border-left:3px solid var(--gs);color:var(--dim);text-decoration:none;font:13.5px var(--f-ui)}
.gd-facts a:hover{border-color:var(--gs);color:var(--tx)}
.gd-facts b{display:flex;align-items:center;gap:6px;color:var(--hi);font:19px var(--f-num)}
.gd-facts img{width:26px;height:26px;object-fit:contain}
.gd-help{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px}
.gd-help h3{margin:0 0 6px;color:var(--acc-tx);font:13px var(--f-lbl);letter-spacing:2px;text-transform:uppercase}
.gd-help details{background:var(--pn);border:1px solid var(--ln);margin-bottom:6px}
.gd-help summary{padding:9px 13px;color:var(--hi);font:15px var(--f-lbl);letter-spacing:.4px;cursor:pointer}
.gd-help details[open] summary{border-bottom:1px solid var(--ln)}
.gd-help p{margin:0;padding:10px 13px 12px;color:var(--tx);font:14px/1.5 var(--f-ui)}
.gd-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:8px;margin-top:12px}
.gd-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center;padding:9px 13px;background:var(--pn);border:1px solid var(--ln);border-left:3px solid var(--ln);color:var(--tx);text-decoration:none}
.gd-row.sp{border-left-color:var(--gs)}
.gd-row:hover{border-color:var(--gs);color:var(--tx)}
.gd-row b{color:var(--hi);font:15.5px/1.2 var(--f-lbl);font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gd-row>span:last-child{grid-column:1/-1;color:var(--dim);font:13px var(--f-ui)}
.gd-hero{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:22px;align-items:center;margin:0 0 6px;padding:18px;background:var(--pn);border:1px solid var(--ln);border-top:3px solid var(--gs);box-shadow:var(--sh)}
.gd-hero.has-ban{grid-template-columns:minmax(0,460px) minmax(0,1fr)}
.gd-hero.gvg{border-top-color:var(--gv)}
.gd-hero-art{display:flex;align-items:center;justify-content:center;line-height:0}
.gd-hero-art img{width:100%;height:auto}
.gd-hero-art .gd-tier{width:150px}
.gd-hero-i{display:flex;flex-direction:column;gap:9px;min-width:0}
.gd-hero-i h1{margin:0;color:var(--hi);font:30px/1.1 var(--f-num);letter-spacing:.3px}
.gd-hero-i h1 small{display:block;margin-top:4px;color:var(--dim);font:14px var(--f-lbl);letter-spacing:1.4px;text-transform:uppercase}
.gd-tags{display:flex;align-items:center;gap:8px;margin:0}
.gd-stats{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;color:var(--dim);font:12.5px var(--f-lbl);letter-spacing:1.1px;text-transform:uppercase}
.gd-stats b{display:block;color:var(--hi);font:19px var(--f-num);letter-spacing:.3px;text-transform:none}
.gd-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.gd-req{display:flex;flex-wrap:wrap;gap:10px}
.gd-req span{display:inline-flex;align-items:center;gap:6px;color:var(--hi);font:14px var(--f-lbl)}
.gd-req .gd-tier{width:42px}
.gd-tw{overflow-x:auto}
.gd-t{width:100%;border-collapse:collapse;background:var(--pn);border:1px solid var(--ln);box-shadow:var(--sh)}
.gd-t th,.gd-t td{padding:8px 12px;border-bottom:1px solid var(--ln);text-align:left;vertical-align:middle;color:var(--tx);font:14px var(--f-ui)}
.gd-t th{color:var(--dim);font:12px var(--f-lbl);letter-spacing:1.2px;text-transform:uppercase}
.gd-t td:first-child{color:var(--hi);font:15px var(--f-num);white-space:nowrap}
.gd-it{display:inline-flex;align-items:center;gap:5px;margin:2px 10px 2px 0;color:var(--tx);text-decoration:none;font:13.5px var(--f-ui);vertical-align:middle}
a.gd-it:hover{color:var(--link)}
.gd-it img{width:30px;height:30px;object-fit:contain}
.gd-it b{color:var(--hi);font:15px var(--f-num)}
.gd-it span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gd-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}
.gd-cats.one{grid-template-columns:minmax(0,1fr)}
.gd-mis{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:8px}
.gd-mis div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;background:var(--pn);border:1px solid var(--ln);border-left:3px solid var(--gs);color:var(--tx);font:14.5px var(--f-ui)}
.gd-mis b{flex:none;color:var(--acc-tx);font:15px var(--f-num)}
.gd-sched{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px}
.gd-sched div{display:flex;flex-direction:column;gap:2px;padding:9px 13px;background:var(--pn);border:1px solid var(--ln);border-left:3px solid var(--gv)}
.gd-sched b{color:var(--hi);font:15px var(--f-lbl);font-weight:normal}
.gd-times{display:flex;flex-wrap:wrap;gap:8px}
.gd-times>span{display:flex;flex-direction:column;gap:1px;padding:9px 14px;background:var(--pn);border:1px solid var(--ln);min-width:200px}
.gd-times b{color:var(--hi);font:15px var(--f-lbl);font-weight:normal}
.gd-times i{color:var(--tx);font:15px var(--f-num);font-style:normal}
.gd-times em{color:var(--dim);font:13px var(--f-ui);font-style:normal}
.gd-times small{align-self:flex-start;margin-top:3px;padding:1px 7px;background:var(--acc);color:var(--ink);font:11px var(--f-lbl);letter-spacing:1px;text-transform:uppercase}
.gd-turns td{text-align:center}.gd-turns th{text-align:center}
.gd-bon{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:12px;margin-top:12px}
.gd-bi{width:24px;height:24px;vertical-align:middle}
.gd-crown{width:30px;height:auto;margin-right:6px;vertical-align:middle}
.gd-flow{margin:0 0 6px;line-height:0}
.gd-flow img{max-width:min(100%,560px);height:auto}
.gd-notices{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.gd-notices img{width:100%;height:auto;box-shadow:var(--sh)}
.gd-more{margin-top:24px}
.gd-more>summary{color:var(--dim);font:14px var(--f-lbl);letter-spacing:1px;text-transform:uppercase;cursor:pointer}
.gd-board-w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:14px;align-items:start}
.gd-board{position:relative;aspect-ratio:var(--w)/var(--h);padding:0;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--gv) 14%,transparent),transparent 72%),
  url(/assets/guild/gvg/bgGrid.webp) 0 0/48px 48px,#141826;border:1px solid var(--ln);box-shadow:var(--sh);container-type:inline-size}
:root[data-theme="light"] .gd-board{background-color:#2a3046}
.gd-routes{position:absolute;inset:0;width:100%;height:100%}
.gd-routes line{stroke:rgba(255,255,255,.28);stroke-width:.08}
.gd-p{position:absolute;left:calc(var(--x) * 100% / var(--w));top:calc(var(--y) * 100% / var(--h));width:calc(100% / var(--w));height:calc(100% / var(--h));
  box-sizing:border-box;padding:0;border:0;background:none;cursor:pointer}
.gd-p img{position:absolute;inset:3%;width:94%;height:94%;transition:transform .12s}
.gd-p img.pl{filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}
.gd-p img.ic{inset:-6%;width:112%;height:112%}
.gd-p img.lbl{inset:-14%;width:128%;height:128%}
.gd-p:hover img,.gd-p.on img{transform:scale(1.08)}
.gd-p.on::after{content:"";position:absolute;inset:0;border:2px solid var(--acc);border-radius:6px;box-shadow:0 0 10px var(--acc)}
.gd-p .fx,.gd-legend .fx{position:absolute;right:6%;top:6%;width:15%;height:15%;border-radius:50%;background:#46d1ff;box-shadow:0 0 0 1.5px #0b0e16;opacity:.9}
.gd-legend .fx{position:static;display:inline-block;width:10px;height:10px;margin-right:6px}
.gd-panel{padding:12px 14px;background:var(--pn);border:1px solid var(--ln);border-top:3px solid var(--gv);box-shadow:var(--sh);color:var(--tx);font:14px/1.5 var(--f-ui)}
.gd-panel header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.gd-panel header img{width:54px;height:54px}
.gd-panel header b{display:block;color:var(--hi);font:19px var(--f-lbl);font-weight:normal}
.gd-panel header small{color:var(--dim);font:12.5px var(--f-ui)}
.gd-panel p{margin:0 0 8px}
.gd-panel h4{margin:10px 0 6px;color:var(--acc-tx);font:12.5px var(--f-lbl);letter-spacing:1.4px;text-transform:uppercase}
.gd-pp{display:flex;flex-wrap:wrap;gap:6px}
.gd-pp span{display:flex;flex-direction:column;padding:5px 10px;background:var(--pn2);border:1px solid var(--ln);color:var(--dim);font:12px var(--f-lbl);letter-spacing:.5px}
.gd-pp b{color:var(--hi);font:16px var(--f-num)}
.gd-fx{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.gd-fx li{display:flex;align-items:center;gap:10px}
.gd-fx b{display:block;color:var(--hi);font:14.5px var(--f-lbl);font-weight:normal}
.gd-fx small{color:var(--dim);font:13px var(--f-ui)}
.gd-slots{flex:none;display:grid;grid-template-columns:repeat(3,9px);gap:2px;padding:3px;background:var(--pn2);border:1px solid var(--ln)}
.gd-slots i{width:9px;height:9px;background:var(--pn3)}
.gd-slots i.on{background:#46d1ff}
.gd-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;color:var(--tx);font:13.5px var(--f-ui)}
.gd-legend span{display:inline-flex;align-items:center;gap:6px}
.gd-legend img{width:24px;height:24px}
.gd-legend b{color:var(--dim);font:13px var(--f-num)}
@media(max-width:900px){
  .gd-hero,.gd-hero.has-ban{grid-template-columns:minmax(0,1fr);padding:14px}
  .gd-board-w{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:520px){
  .gd-t th,.gd-t td{padding:7px 8px}
  .gd-it span{display:none}
}