/* GUARD WEB / GAME DECOR V02. Decorative only; no motion, no content substitution. */
:root{--guard-gold:#e2b96c;--guard-ember:#c87d44;--guard-game-url:'/static/guard_game/v02/'}
body.guard-game-root{--gd-heading-icon:url('/static/guard_game/v02/rune_attack.webp')}
body.guard-game-root .header{background-image:linear-gradient(95deg,rgba(180,107,38,.045),transparent 40%,rgba(202,138,51,.045));}
body.guard-game-root .header::after{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(217,163,70,.55) 23%,rgba(255,218,145,.73) 50%,rgba(217,163,70,.55) 77%,transparent 100%)}
body.guard-game-root .brand-wordmark::after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;opacity:.74;vertical-align:middle;background:url('/static/guard_game/v02/rune_bless.webp') center/contain no-repeat;}
body.guard-game-root .main-nav a[aria-current="page"]::before{content:"";display:inline-block;width:17px;height:17px;margin-right:6px;vertical-align:-3px;background:var(--gd-heading-icon) center/contain no-repeat;}
body.guard-game-root footer::before,body.guard-game-root footer::after{content:"";display:inline-block;width:18px;height:18px;margin:0 12px;vertical-align:-4px;opacity:.7;background:url('/static/guard_game/v02/wing.webp') center/contain no-repeat}
body.guard-game-root footer::after{background-image:url('/static/guard_game/v02/rune_growth.webp')}
body.guard-game-root .page-head h1::before{width:33px;height:33px;margin-right:11px;vertical-align:-7px;opacity:.92;background-image:var(--gd-heading-icon);filter:drop-shadow(0 2px 6px rgba(223,149,49,.24));}
body.guard-scene-dashboard{--gd-heading-icon:url('/static/guard_game/v02/attackstar.webp')}
body.guard-scene-ratings{--gd-heading-icon:url('/static/guard_game/v02/killstar.webp')}
body.guard-scene-players{--gd-heading-icon:url('/static/guard_game/v02/crosshair.webp')}
body.guard-scene-calendar{--gd-heading-icon:url('/static/guard_game/v02/firestar.webp')}
body.guard-scene-hall{--gd-heading-icon:url('/static/guard_game/v02/wing.webp')}
body.guard-scene-insights{--gd-heading-icon:url('/static/guard_game/v02/clover.webp')}
body.guard-scene-manage{--gd-heading-icon:url('/static/guard_game/v02/rune_bless.webp')}
body.guard-scene-history{--gd-heading-icon:url('/static/guard_game/v02/rune_growth.webp')}
body.guard-scene-appearance{--gd-heading-icon:url('/static/guard_game/v02/oracle.webp')}
body.guard-scene-feed{--gd-heading-icon:url('/static/guard_game/v02/charged.webp')}
/* Three ornamental sprites in the margins of non-feed content. */
body.guard-game-root .guard-decor-scene{position:absolute;top:5px;right:0;width:clamp(140px,23vw,340px);height:230px;pointer-events:none;z-index:0!important;overflow:hidden;isolation:isolate}
body.guard-game-root .guard-decor-scene span{display:block;position:absolute;pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:contain}
body.guard-game-root .guard-decor-hero{height:205px;width:175px;right:0;top:3px;opacity:.38;filter:drop-shadow(0 6px 23px rgba(203,135,54,.17));background-image:url('/static/guard_game/v02/phynx.webp')}
body.guard-game-root .guard-decor-seal{height:66px;width:66px;right:155px;top:7px;opacity:.55;background-image:url('/static/guard_game/v02/rune_attack.webp')}
body.guard-game-root .guard-decor-spark{height:49px;width:49px;right:177px;top:115px;opacity:.5;background-image:url('/static/guard_game/v02/firestar.webp')}
body.guard-scene-dashboard .guard-decor-hero{background-image:url('/static/guard_game/v02/cleo.webp')}
body.guard-scene-dashboard .guard-decor-seal{background-image:url('/static/guard_game/v02/attackstar.webp')}
body.guard-scene-ratings .guard-decor-hero{background-image:url('/static/guard_game/v02/loki.webp')}
body.guard-scene-ratings .guard-decor-seal{background-image:url('/static/guard_game/v02/killstar.webp')}
body.guard-scene-players .guard-decor-hero{background-image:url('/static/guard_game/v02/phynx.webp')}
body.guard-scene-players .guard-decor-seal{background-image:url('/static/guard_game/v02/crosshair.webp')}
body.guard-scene-calendar .guard-decor-hero{background-image:url('/static/guard_game/v02/otta.webp')}
body.guard-scene-calendar .guard-decor-seal{background-image:url('/static/guard_game/v02/firestar.webp')}
body.guard-scene-hall .guard-decor-hero{background-image:url('/static/guard_game/v02/cleo.webp')}
body.guard-scene-hall .guard-decor-seal{background-image:url('/static/guard_game/v02/wing.webp')}
body.guard-scene-insights .guard-decor-hero{background-image:url('/static/guard_game/v02/loki.webp')}
body.guard-scene-insights .guard-decor-seal{background-image:url('/static/guard_game/v02/clover.webp')}
body.guard-scene-appearance .guard-decor-seal{background-image:url('/static/guard_game/v02/oracle.webp')}
body.guard-scene-history .guard-decor-seal{background-image:url('/static/guard_game/v02/rune_growth.webp')}
body.guard-scene-manage .guard-decor-seal{background-image:url('/static/guard_game/v02/rune_bless.webp')}
body.guard-scene-feed .guard-decor-scene{display:none}
/* Login hero: old installation hid this entirely on phones. */
body.guard-game-entry .guard-game-mascot{opacity:.53;width:min(24vw,242px);filter:drop-shadow(0 8px 26px rgba(220,157,63,.3))}
/* FEED — visible composition and seven illustrative filter icons. */
body.guard-scene-feed .gf-page{position:relative}
body.guard-scene-feed .gf-heading{position:relative;isolation:isolate;min-height:171px;box-sizing:border-box;padding:21px 205px 20px 23px;border:1px solid rgba(224,178,101,.29);border-radius:17px;background:linear-gradient(110deg,rgba(105,61,31,.28),rgba(29,30,34,.65) 70%),radial-gradient(circle at 85% 35%,rgba(211,147,55,.14),transparent 47%);overflow:hidden;align-items:center}
body.guard-scene-feed .gf-heading>div{position:relative;z-index:2}
body.guard-scene-feed .gf-heading::before{content:"";position:absolute;width:260px;height:260px;right:-30px;top:-53px;border:1px solid rgba(224,164,74,.23);border-radius:50%;box-shadow:inset 0 0 0 27px rgba(200,137,49,.025),0 0 80px rgba(208,145,57,.07)}
body.guard-scene-feed .gf-heading::after{content:"";position:absolute;right:25px;bottom:-36px;width:164px;height:195px;background:url('/static/guard_game/v02/phynx.webp') center bottom/contain no-repeat;opacity:.89;pointer-events:none;filter:drop-shadow(0 6px 18px rgba(200,115,35,.27))}
body.guard-scene-feed .gf-heading .kicker::before{content:"";display:inline-block;width:23px;height:23px;margin-right:8px;vertical-align:-6px;background:url('/static/guard_game/v02/rune_bless.webp') center/contain no-repeat}
body.guard-scene-feed .gf-heading h1::before{content:"";display:inline-block;width:34px;height:34px;margin-right:10px;vertical-align:-6px;background:url('/static/guard_game/v02/charged.webp') center/contain no-repeat}
body.guard-scene-feed .gf-filters a{display:inline-flex;align-items:center;gap:6px;border-color:rgba(221,170,91,.19)}
body.guard-scene-feed .gf-filters a::before{content:"";width:18px;height:18px;flex:none;background:center/contain no-repeat;opacity:.93}
body.guard-scene-feed .gf-filters a[href*="category=all"]::before{background-image:url('/static/guard_game/v02/rune_attack.webp')}
body.guard-scene-feed .gf-filters a[href*="category=mine"]::before{background-image:url('/static/guard_game/v02/clover.webp')}
body.guard-scene-feed .gf-filters a[href*="category=record"]::before{background-image:url('/static/guard_game/v02/killstar.webp')}
body.guard-scene-feed .gf-filters a[href*="category=hall"]::before{background-image:url('/static/guard_game/v02/wing.webp')}
body.guard-scene-feed .gf-filters a[href*="category=reward"]::before{background-image:url('/static/guard_game/v02/griffin.webp')}
body.guard-scene-feed .gf-filters a[href*="category=community"]::before{background-image:url('/static/guard_game/v02/rune_bless.webp')}
body.guard-scene-feed .gf-filters a[href*="category=competition"]::before{background-image:url('/static/guard_game/v02/crossbow.webp')}
/* Each card receives one small emblem and one large low-contrast watermark. */
body.guard-scene-feed .gf-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,rgba(255,255,255,.055),rgba(255,255,255,.015));--gd-card-icon:url('/static/guard_game/v02/rune_attack.webp')}
body.guard-scene-feed .gf-record{--gd-card-icon:url('/static/guard_game/v02/charged.webp')}
body.guard-scene-feed .gf-hall{--gd-card-icon:url('/static/guard_game/v02/wing.webp')}
body.guard-scene-feed .gf-reward{--gd-card-icon:url('/static/guard_game/v02/griffin.webp')}
body.guard-scene-feed .gf-community{--gd-card-icon:url('/static/guard_game/v02/rune_bless.webp')}
body.guard-scene-feed .gf-competition{--gd-card-icon:url('/static/guard_game/v02/crossbow.webp')}
body.guard-scene-feed .gf-card::after{content:"";position:absolute;right:17px;top:33px;width:110px;height:110px;background:var(--gd-card-icon) center/contain no-repeat;opacity:.095;pointer-events:none;z-index:0}
body.guard-scene-feed .gf-card>*{position:relative;z-index:1}
body.guard-scene-feed .gf-kind{display:inline-flex;gap:6px;align-items:center}
body.guard-scene-feed .gf-kind::before{content:"";width:23px;height:23px;flex:none;background:var(--gd-card-icon) center/contain no-repeat;filter:drop-shadow(0 1px 4px rgba(201,152,80,.15))}
body.guard-scene-feed .gf-bundle>summary::before,body.guard-scene-feed .gf-hall>summary::before{content:"";display:inline-block;width:18px;height:18px;margin-right:7px;vertical-align:-4px;background:url('/static/guard_game/v02/rune_growth.webp') center/contain no-repeat}
body.guard-scene-feed .gf-pagination::before,body.guard-scene-feed .gf-pagination::after{content:"";width:20px;height:20px;background:url('/static/guard_game/v02/wing.webp') center/contain no-repeat;opacity:.55}
body.guard-scene-feed .gf-pagination::after{background-image:url('/static/guard_game/v02/rune_bless.webp')}
/* Keep working controls and dense statistical tables foremost. */
@media(max-width:900px){body.guard-game-root .guard-decor-scene{width:144px;height:136px;right:2px;opacity:.65}body.guard-game-root .guard-decor-hero{height:131px;width:100px}body.guard-game-root .guard-decor-seal{height:37px;width:37px;right:83px}body.guard-game-root .guard-decor-spark{height:29px;width:29px;right:108px;top:77px}body.guard-scene-feed .gf-heading{padding-right:152px;min-height:153px}body.guard-scene-feed .gf-heading::after{right:10px;width:132px;height:155px;bottom:-17px}}
@media(max-width:600px){body.guard-game-root .page-head h1::before{width:25px;height:25px;vertical-align:-5px}body.guard-game-root .brand-wordmark::after{display:none}body.guard-game-root .main-nav a[aria-current="page"]::before{width:14px;height:14px;margin-right:4px}body.guard-game-root .guard-decor-scene{opacity:.45}body.guard-scene-feed .gf-heading{padding:15px 92px 15px 15px;min-height:130px;border-radius:12px}body.guard-scene-feed .gf-heading h1::before{width:24px;height:24px;vertical-align:-4px;margin-right:6px}body.guard-scene-feed .gf-heading::after{right:-5px;width:97px;height:118px;bottom:-7px;opacity:.9}body.guard-scene-feed .gf-heading::before{width:164px;height:164px;right:-60px;top:-20px}body.guard-scene-feed .gf-filters a::before{width:16px;height:16px}body.guard-scene-feed .gf-card::after{width:71px;height:71px;right:5px;top:32px;opacity:.08}body.guard-scene-feed .gf-kind::before{width:19px;height:19px}body.guard-game-entry .guard-game-mascot{display:block;width:88px;right:0;top:8px;opacity:.4}}
@media(prefers-reduced-motion:reduce){body.guard-game-root .guard-decor-scene,body.guard-game-root .gf-heading::after{animation:none!important;transition:none!important}}
body.guard-scene-calendar .guard-decor-spark{background-image:url('/static/guard_game/v02/flame.webp')}
body.guard-game-entry .guard-decor-scene{display:none}
