.creatures-page{background:#061725}.creatures-page .nav{position:absolute}.creature-hero{position:relative;min-height:940px;padding:155px 0 80px;overflow:hidden;background:radial-gradient(circle at 78% 34%,rgba(136,91,255,.18),transparent 29%),radial-gradient(circle at 20% 22%,rgba(38,220,199,.1),transparent 25%),linear-gradient(180deg,#06131f,#082132)}
.creature-glow{position:absolute;right:6%;top:12%;width:620px;height:620px;border:1px solid rgba(136,91,255,.17);border-radius:50%;box-shadow:0 0 0 70px rgba(136,91,255,.024),0 0 0 140px rgba(38,220,199,.016)}
.creature-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}.creatures-page .eyebrow{color:#54afe6}.creature-hero-copy h1{font-size:clamp(3.2rem,4.8vw,4.8rem);line-height:1.12;overflow:visible}.creature-hero-copy h1 span{display:block;padding-bottom:.14em;line-height:1.14;background:linear-gradient(90deg,#8b6cff,#df63bb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.creature-hero-copy h1 .creature-title-primary{background:none;color:var(--text);-webkit-text-fill-color:initial}.creature-hero-copy>p{max-width:620px;margin:27px 0 32px;font-size:1.1rem}.creature-actions{display:flex;gap:12px;flex-wrap:wrap}.creature-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:34px}.creature-facts>div{position:relative;isolation:isolate;min-height:142px;padding:18px;border:1px solid rgba(84,175,230,.18);border-radius:17px;background:linear-gradient(145deg,rgba(16,48,67,.94),rgba(7,25,38,.96));overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.creature-facts>div::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#54afe6,#9c70ff,transparent)}.creature-facts>div::after{content:"";position:absolute;z-index:-1;right:-44px;bottom:-54px;width:115px;height:115px;border:1px solid rgba(156,112,255,.18);border-radius:50%;transition:transform .4s ease}.creature-facts>div:hover{transform:translateY(-6px);border-color:rgba(84,175,230,.46);box-shadow:0 15px 30px rgba(0,0,0,.2)}.creature-facts>div:hover::after{transform:scale(1.18)}.creature-facts i{width:28px;height:28px;display:grid;place-items:center;margin-bottom:12px;border:1px solid rgba(84,175,230,.24);border-radius:9px;color:#54afe6;font-style:normal;font-size:.78rem}.creature-facts i img{width:17px;height:17px;object-fit:contain}.creature-facts .cards-icon::before,.creature-facts .cards-icon::after{content:"";position:absolute;width:10px;height:14px;border:1.5px solid #54afe6;border-radius:2px}.creature-facts .cards-icon::before{transform:translate(-3px,1px) rotate(-10deg)}.creature-facts .cards-icon::after{transform:translate(3px,-1px) rotate(8deg)}.creature-facts .search-icon::before{content:"";width:9px;height:9px;border:1.6px solid #54afe6;border-radius:50%;transform:translate(-1px,-1px)}.creature-facts .search-icon::after{content:"";position:absolute;width:6px;height:1.6px;border-radius:2px;background:#54afe6;transform:translate(5px,5px) rotate(45deg)}.creature-facts .twitch-icon img{width:18px;height:18px}.creature-facts small,.creature-facts strong,.creature-facts span{display:block}.creature-facts small{color:#54afe6;font-size:.61rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.creature-facts strong{margin-top:3px;font:800 1.08rem Manrope}.creature-facts span{margin-top:3px;color:var(--muted);font-size:.65rem}
.creature-showcase{position:relative;overflow:visible;padding:20px 20px 72px;border:1px solid rgba(84,175,230,.2);border-radius:28px;background:linear-gradient(145deg,rgba(14,48,69,.94),rgba(8,27,42,.97));box-shadow:0 34px 70px rgba(0,0,0,.3);transform:rotate(1.5deg)}.creature-showcase-grid{position:relative;height:330px}.creature-showcase figure{position:absolute;top:-18px;width:43%;aspect-ratio:1024/1365;margin:0;overflow:hidden;border:7px solid #102d40;border-radius:18px;background:#0b2232;box-shadow:0 24px 45px rgba(0,0,0,.38);transition:transform .35s ease}.creature-showcase figure:nth-child(1){z-index:1;left:-4%;transform:rotate(-8deg)}.creature-showcase figure:nth-child(2){z-index:3;left:29%;transform:rotate(1deg)}.creature-showcase figure:nth-child(3){z-index:2;right:-4%;top:-9px;width:43%;transform:rotate(8deg)}.creature-showcase:hover figure:nth-child(1){transform:translateX(-8px) rotate(-10deg)}.creature-showcase:hover figure:nth-child(2){transform:translateY(-7px) rotate(0)}.creature-showcase:hover figure:nth-child(3){transform:translateX(8px) rotate(10deg)}.creature-showcase figure img{display:block;width:100%;height:100%;object-fit:contain;background:#0b2232}.creature-showcase-caption{position:absolute;left:25px;right:25px;bottom:21px;display:flex;align-items:end;justify-content:space-between;gap:20px}.creature-showcase-caption strong{max-width:330px;font:800 1.2rem Manrope}.creature-showcase-caption span{color:var(--muted);font-size:.69rem;text-transform:uppercase;letter-spacing:.07em}.creature-godfather-badge{position:absolute;z-index:5;right:-20px;bottom:59px;width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.5));transform:rotate(-5deg)}
.creature-utility-section{background:#081c2a}.creature-section-head{display:grid;grid-template-columns:1fr .82fr;gap:80px;align-items:end;margin-bottom:48px}.creature-section-head p{margin:0}.creature-section-head.compact{grid-template-columns:1fr 1fr}.command-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.command-card{position:relative;isolation:isolate;min-height:350px;display:flex;flex-direction:column;padding:25px;border:1px solid rgba(84,175,230,.2);border-radius:22px;background:radial-gradient(circle at 82% 22%,rgba(139,108,255,.13),transparent 31%),linear-gradient(145deg,rgba(18,50,69,.92),rgba(8,28,42,.98));overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.command-card::after{content:"";position:absolute;z-index:-1;inset:auto -55px -70px auto;width:180px;height:180px;border:1px solid rgba(84,175,230,.09);border-radius:50%}.command-card:hover{transform:translateY(-7px);border-color:rgba(84,175,230,.48);box-shadow:0 18px 34px rgba(0,0,0,.22)}.command-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.command-number{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(139,108,255,.45);border-radius:14px;background:rgba(139,108,255,.07);color:#bba8ff;font-weight:800}.command-top code{color:#54afe6;font:800 .95rem Manrope}.command-card h3{flex:none;display:grid;place-items:center;height:150px;margin:18px 0;text-align:center;white-space:nowrap;font-size:clamp(1rem,1.25vw,1.35rem)}.command-thresholds{display:grid;gap:8px;margin-top:auto}.command-thresholds span{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;min-height:48px;padding:10px 13px;border:1px solid rgba(84,175,230,.14);border-radius:12px;background:rgba(255,255,255,.025)}.command-thresholds b{color:#f2f7fa;font:800 .86rem Manrope;white-space:nowrap}.command-thresholds em{color:#9fc3d7;font-size:.73rem;font-style:normal;line-height:1.35}.command-note{margin:15px 0 0;text-align:right;font-size:.7rem}
.creature-rarity-section{background:#061725}.rarity-board{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#0a2232}.rarity-board-head,.rarity-row{display:grid;grid-template-columns:1.45fr .55fr .7fr .9fr .9fr;gap:15px;align-items:center}.rarity-board-head{padding:15px 25px;color:var(--muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.rarity-row{position:relative;padding:21px 25px;border-top:1px solid var(--line)}.rarity-row::before{content:"";position:absolute;inset:0;opacity:.045;background:linear-gradient(90deg,currentColor,transparent 48%)}.rarity-row>div{display:flex;align-items:center;gap:13px}.rarity-row i{width:13px;height:13px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor}.rarity-row strong{font:800 1.05rem Manrope;color:currentColor}.rarity-row>b{font:800 1.15rem Manrope;color:#eef6f9}.rarity-row em{font:800 1.15rem Manrope;color:currentColor;font-style:normal}.rarity-row.common{color:#d5dfe4}.rarity-row.uncommon{color:#42dc8b}.rarity-row.rare{color:#5d9dff}.rarity-row.legendary{color:#ff6868}.rarity-explainer{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.rarity-explainer>div{display:grid;grid-template-columns:45px 1fr;gap:3px 14px;padding:20px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}.rarity-explainer span{grid-row:1/3;font-size:1.7rem}.rarity-explainer strong{font:700 .95rem Manrope}.rarity-explainer p{margin:3px 0 0;font-size:.8rem}.rarity-explainer code{color:var(--aqua)}
.rarity-actions{display:flex;justify-content:flex-end;margin-top:20px}.allstake-button{border-color:rgba(195,154,255,.32);background:linear-gradient(135deg,rgba(139,108,255,.12),rgba(84,175,230,.08))}.allstake-button img{width:28px;height:28px;object-fit:contain}.allstake-button:hover{border-color:rgba(195,154,255,.65);background:linear-gradient(135deg,rgba(139,108,255,.2),rgba(84,175,230,.12))}
.creature-staking-section{background:#081c2a}.staking-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}.staking-copy>p{max-width:500px;margin:20px 0 28px}.revenue-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.revenue-source{min-height:185px;padding:22px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.025)}.revenue-source span{display:block;color:#bba8ff;font:800 .72rem Manrope}.revenue-source strong,.revenue-source small{display:block}.revenue-source strong{margin-top:32px;font:700 .96rem Manrope}.revenue-source small{margin-top:7px;color:var(--muted);font-size:.72rem;line-height:1.5}.revenue-flow{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;gap:25px;align-items:center;padding:23px;border:1px solid rgba(139,108,255,.25);border-radius:17px;background:linear-gradient(110deg,rgba(93,225,208,.045),rgba(139,108,255,.075));text-align:center}.revenue-flow span,.revenue-flow strong{font:800 1rem Manrope}.revenue-flow b,.revenue-flow strong{color:#bba8ff}
.revenue-label{display:flex;align-items:center;justify-content:center;gap:10px}.revenue-label img{width:28px;height:28px;object-fit:contain}
.creature-game-night-section{padding:94px 0;background:linear-gradient(180deg,#061725,#081c2a)}.game-night-panel{position:relative;display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center;padding:56px;border:1px solid rgba(84,175,230,.22);border-radius:30px;background:radial-gradient(circle at 86% 20%,rgba(145,70,255,.18),transparent 30%),linear-gradient(135deg,rgba(14,48,69,.98),rgba(7,25,39,.98));overflow:hidden}.game-night-panel::before{content:"";position:absolute;right:-160px;top:-230px;width:520px;height:520px;border:1px solid rgba(153,98,255,.18);border-radius:50%;box-shadow:0 0 0 55px rgba(153,98,255,.025),0 0 0 110px rgba(84,175,230,.018)}.game-night-copy,.game-night-season{position:relative;z-index:1}.game-night-copy h2{margin-top:12px}.game-night-copy>p{max-width:510px;margin:22px 0 29px}.twitch-button{border-color:rgba(145,70,255,.42);background:linear-gradient(135deg,rgba(145,70,255,.2),rgba(84,175,230,.08))}.twitch-button img{width:23px;height:23px;object-fit:contain}.game-night-season{isolation:isolate;padding:25px;border:1px solid rgba(84,175,230,.2);border-radius:23px;background:rgba(4,18,29,.78);box-shadow:0 22px 45px rgba(0,0,0,.2);overflow:hidden}.game-night-season::before{content:"";position:absolute;z-index:-2;inset:0;background:url('/assets/images/monthly-season-creatures.avif') center 46%/cover no-repeat;opacity:.18}.game-night-season::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,rgba(4,18,29,.88),rgba(4,18,29,.72))}.season-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(84,175,230,.2)}.season-header span{color:#54afe6;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.season-header strong{font:700 .87rem Manrope}.gameweek-track{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:10px;padding:25px 0}.gameweek-track>div{width:68px;height:68px;display:grid;place-items:center;text-align:center;border:1px solid rgba(84,175,230,.32);border-radius:17px;background:linear-gradient(145deg,rgba(8,31,47,.86),rgba(38,35,74,.82));box-shadow:0 8px 18px rgba(0,0,0,.2)}.gameweek-track b{display:block;font:800 1.35rem/1 Manrope}.gameweek-track>span{height:1px;background:linear-gradient(90deg,rgba(84,175,230,.3),rgba(187,168,255,.7))}.season-finale{display:grid;grid-template-columns:148px 1fr;gap:24px;align-items:center;padding:23px;border:1px solid rgba(187,168,255,.3);border-radius:18px;background:linear-gradient(110deg,rgba(29,28,62,.88),rgba(8,40,55,.84));box-shadow:0 10px 24px rgba(0,0,0,.18)}.season-finale small{color:#bba8ff;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.season-finale h3{margin:5px 0 4px;font-size:1.22rem}.season-finale p{margin:0;font-size:.8rem}.podium{height:90px;display:flex;align-items:end;justify-content:center;gap:4px}.podium span{width:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,rgba(84,175,230,.2),rgba(139,108,255,.18))}.podium b{font:800 1rem Manrope}.podium .place-one{height:82px;color:#ffcb55}.podium .place-two{height:61px;color:#d9e3e8}.podium .place-three{height:47px;color:#d99b6c}.creature-score-callout{display:flex;align-items:center;gap:15px;margin-top:15px;padding:14px 18px;border:1px solid rgba(84,175,230,.11);border-radius:15px;background:rgba(4,22,34,.78)}.creature-score-callout img{width:48px;height:48px;object-fit:contain}.creature-score-callout strong{font:800 .93rem Manrope}
.game-night-season{background:#04121d}.game-night-season::before{z-index:0;opacity:.42}.game-night-season::after{z-index:0;background:linear-gradient(110deg,rgba(4,18,29,.55),rgba(4,18,29,.42))}.game-night-season>*{position:relative;z-index:1}.gameweek-track>div{place-content:center;gap:3px}.gameweek-track small{display:block;color:#91b9ce;font-size:.53rem;line-height:1;text-transform:uppercase;letter-spacing:.06em}
.creature-facts i.fact-icon{position:relative}
@media(max-width:1000px){.creature-hero-grid,.staking-grid,.game-night-panel{grid-template-columns:1fr}.creature-hero-copy{text-align:center}.creature-hero-copy .eyebrow,.creature-actions{justify-content:center}.creature-hero-copy>p{margin-inline:auto}.creature-showcase{width:min(610px,100%);margin:auto}.creature-facts{grid-template-columns:repeat(2,1fr)}.creature-facts div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.creature-facts div:nth-child(4){border-top:1px solid var(--line)}.command-board{grid-template-columns:1fr 1fr}.revenue-map{grid-template-columns:1fr 1fr}.revenue-source:last-of-type{grid-column:1/-1}.game-night-panel{gap:40px}.game-night-copy>p{max-width:680px}}
@media(max-width:700px){.creature-hero{min-height:auto;padding-top:125px}.creature-hero-copy h1{font-size:clamp(3rem,14vw,4.2rem)}.creature-section-head,.creature-section-head.compact{grid-template-columns:1fr;gap:20px}.command-board,.rarity-explainer,.revenue-map{grid-template-columns:1fr}.command-card{min-height:255px}.rarity-board{overflow-x:auto}.rarity-board-head,.rarity-row{min-width:690px}.revenue-source:last-of-type{grid-column:auto}.revenue-flow{grid-column:auto;grid-template-columns:1fr}.revenue-flow b{transform:rotate(90deg)}.creature-showcase{padding:14px 14px 76px}.creature-showcase-grid{height:285px}.creature-showcase figure{width:48%;border-width:5px}.creature-showcase figure:nth-child(2){left:26%}.creature-showcase-caption{align-items:flex-start;flex-direction:column;gap:3px}.creature-godfather-badge{right:-8px;width:70px;height:70px}.creature-facts>div{padding:16px}.creature-game-night-section{padding:58px 0}.game-night-panel{padding:30px 20px;border-radius:22px}.season-header{align-items:flex-start;flex-direction:column;gap:7px}.game-night-season{padding:17px}.gameweek-track{grid-template-columns:repeat(4,1fr);gap:7px}.gameweek-track>span{display:none}.gameweek-track>div{width:100%;height:60px}.season-finale{grid-template-columns:1fr;text-align:center}.podium{margin:auto}.creature-score-callout{align-items:flex-start}}

/* Individual Creature artwork for the four Game Night commands */
.command-card{min-height:430px;background-color:#081c2a;background-repeat:no-repeat;background-size:100% auto;background-position:center top}
.command-card::before,.command-card::after{content:none}
.command-card>*{position:relative;z-index:1}
.command-number{background:rgba(4,18,29,.7);backdrop-filter:blur(8px)}
.command-top code{padding:7px 10px;border-radius:9px;background:rgba(4,18,29,.68);box-shadow:0 5px 14px rgba(0,0,0,.16)}
.command-card h3{text-shadow:0 3px 12px rgba(0,0,0,.95)}
.command-thresholds span{border-color:rgba(84,175,230,.2);background:rgba(4,18,29,.78);box-shadow:0 7px 18px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.command-thresholds em{color:#b9d8e8}
@media(max-width:700px){.command-card{min-height:390px}}
